/* One motion vocabulary: a gentle lift, an advancing arrow and a travelling line. */
:root { --motion13-ease: cubic-bezier(.22,.68,.2,1); }
.site-header .brand { position:relative; }
.site-header .brand .logo-51 { transition:opacity .22s ease,transform .38s var(--motion13-ease); }
.brand-reveal13 { position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;opacity:0;transform:translateX(-12px) scale(.96);pointer-events:none;transition:opacity .22s ease,transform .38s var(--motion13-ease); }
.brand-symbol13 { display:block;flex:0 0 44px;height:60px;background:#8fe3df;mask:url('/favicon.svg') center/auto 100% no-repeat;-webkit-mask:url('/favicon.svg') center/auto 100% no-repeat; }
.brand-message13 { color:#f4f1e9;font:500 13px/1.75 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap; }
.site-header .brand:focus-visible .logo-51 { opacity:0;transform:translateX(12px) scale(.96); }
.site-header .brand:focus-visible .brand-reveal13 { opacity:1;transform:none; }
@media (hover:hover) and (pointer:fine) and (min-width:901px) {
 .site-header .brand:hover .logo-51 { opacity:0;transform:translateX(12px) scale(.96); }
 .site-header .brand:hover .brand-reveal13 { opacity:1;transform:none; }
}
.site-header .brand.is-logo-playing13 .logo-51 { animation:brand-front13 .9s both; }
.site-header .brand.is-logo-playing13 .brand-reveal13 { animation:brand-back13 .9s both; }
@keyframes brand-front13 { 0%,100% {opacity:1;transform:none} 23%,72% {opacity:0;transform:translateX(12px) scale(.96)} }
@keyframes brand-back13 { 0%,100% {opacity:0;transform:translateX(-12px) scale(.96)} 23%,72% {opacity:1;transform:none} }

.motion-action13 { transition:transform .28s var(--motion13-ease),box-shadow .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease; }
.motion-action13 .arrow-vector11 { transition:transform .3s var(--motion13-ease); }
.motion-action13.button { position:relative;isolation:isolate;overflow:hidden; }
.motion-action13.button::before { content:"";position:absolute;z-index:-1;inset:0;background:currentColor;opacity:.1;transform:translateX(-101%);transition:transform .38s var(--motion13-ease);pointer-events:none; }
.motion-action13.text-link { position:relative;text-decoration:none!important; }
.motion-action13.text-link::after { content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--motion13-ease); }
.motion-image13 { overflow:hidden; }
.motion-image13 img { transition:transform .55s var(--motion13-ease),filter .4s ease; }
/* Focus and touch feedback use the same elements as mouse hover. */
.motion-action13:focus-visible { text-decoration:none;transform:translateY(-2px); }
.motion-action13:focus-visible .arrow-vector11 { transform:translate(4px,-3px); }
.motion-action13.button:focus-visible::before { transform:none; }
.motion-action13.text-link:focus-visible::after { transform:scaleX(1); }
.motion-image13:focus-visible img { transform:scale(1.045);filter:brightness(1.06); }
@media (hover:hover) and (pointer:fine) {
 .motion-action13:hover { text-decoration:none;transform:translateY(-2px); }
 .motion-action13:hover .arrow-vector11 { transform:translate(4px,-3px); }
 .motion-action13.button:hover { box-shadow:0 5px 0 #107b7940; }
 .motion-action13.button:hover::before { transform:none; }
 .motion-action13.text-link:hover { color:#087b80; }
 .archive-band .motion-action13.text-link:hover,.site-footer .motion-action13.text-link:hover { color:#9cddd8; }
 .motion-action13.text-link:hover::after { transform:scaleX(1); }
 .motion-image13:hover img { transform:scale(1.045);filter:brightness(1.06); }
 #main :is(h2,h3) a,.site-footer a { transition:color .25s ease,transform .28s var(--motion13-ease); }
 #main :is(h2,h3) a { display:inline-block; }
 #main :is(h2,h3) a:hover { color:#087b80;transform:translateX(3px);text-decoration:none; }
 .site-footer :is(.footer-grid,.footer-legal) a:hover { transform:translateX(3px);text-decoration:none; }
}
.motion-action13:active { transform:translateY(1px);box-shadow:none; }
.motion-image13:active img { transform:scale(1.025); }

@media (max-width:900px) {
 .site-header { transition:min-height .32s var(--motion13-ease),padding-top .32s var(--motion13-ease),padding-bottom .32s var(--motion13-ease),box-shadow .32s ease; }
 .site-header .search-toggle { align-items:center;align-self:center; }
 .site-header.is-compact13 { min-height:61px;padding-top:8px;padding-bottom:8px;box-shadow:0 4px 16px #10251c22; }
 .site-header .brand { transition:transform .32s var(--motion13-ease);transform-origin:left center; }
 .site-header.is-compact13 .brand { transform:scale(.94); }
 .brand-symbol13 { flex-basis:32px;height:40px; }
 .brand-message13 { font-size:9px;letter-spacing:.04em; }
 .brand-reveal13 { gap:6px; }
}
@media (max-width:370px) { .brand-symbol13 {flex-basis:26px;height:32px} .brand-message13 {font-size:8px;letter-spacing:0} }
@media (prefers-reduced-motion:reduce) {
 .site-header,.site-header .brand,.site-header .brand *, .motion-action13,.motion-action13::before,.motion-action13::after,.motion-action13 .arrow-vector11,.motion-image13 img,#main :is(h2,h3) a,.site-footer a { transition:none!important;animation:none!important; }
 .motion-action13:is(:hover,:focus-visible,:active),.motion-action13 .arrow-vector11,.motion-image13:is(:hover,:focus-visible,:active) img { transform:none!important; }
 .site-header.is-compact13 .brand { transform:none; }
 #main :is(h2,h3) a:hover,.site-footer a:hover { transform:none!important; }
}