/* Small feedback, native scrolling, original colors. */
:root{--ui-ease:cubic-bezier(.22,1,.36,1);scroll-padding-top:var(--anchor-offset,110px)}
.header{transition:box-shadow 240ms ease,border-color 240ms ease}
.header.is-scrolled{box-shadow:0 7px 22px #00000008}
.navigation a{position:relative;transition:color 180ms ease;opacity:1!important}
.navigation a:hover{text-decoration:none}
.navigation a::after{content:"";position:absolute;bottom:6px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ui-ease)}
.navigation a:is(:hover,:focus-visible,[aria-current="location"])::after{transform:scaleX(1)}
.button,.menu-toggle,.mobile-bar a{transition:transform 240ms var(--ui-ease),background-color 180ms ease,box-shadow 240ms ease,border-color 180ms ease}
.menu-toggle{cursor:pointer;min-height:44px}
.menu-toggle[aria-expanded="true"]{background:var(--soft)}
.button>span{display:inline-block;transition:translate 240ms var(--ui-ease)}
.text-link{display:inline-flex;align-items:center;min-height:44px;transition:text-decoration-color 180ms ease;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);opacity:1!important}
.text-link:is(:hover,:focus-visible){text-decoration-color:currentColor}
.brand-art .symbol{transition:transform 650ms var(--ui-ease)}
.faq summary{min-height:44px;transition:color 180ms ease}
.faq summary:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.faq details[open]{border-bottom-color:var(--ink)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0000000d}
 .button:hover>span{translate:2px 0}
 .brand-art:hover .symbol{transform:rotate(-2deg) scale(1.025)}
 .mood-bold .brand-art:hover .symbol{transform:rotate(0deg) scale(1.025)}
}
@media(prefers-reduced-motion:no-preference){
 .button:active,.menu-toggle:active,.mobile-bar a:active{transform:translateY(1px) scale(.985);transition-duration:100ms}
 .micro-arrive{animation:micro-arrive 460ms var(--ui-ease) both}
 .faq details[open]>p{animation:micro-content 240ms var(--ui-ease)}
 @keyframes micro-arrive{from{opacity:.65;translate:0 10px}to{opacity:1;translate:0 0}}
 @keyframes micro-content{from{opacity:.6;translate:0 -4px}to{opacity:1;translate:0 0}}
}
@media(max-width:900px){
 .js .navigation.open{animation:micro-menu 220ms var(--ui-ease)}
 @keyframes micro-menu{from{translate:0 -4px}to{translate:0 0}}
 .navigation a::after{display:none}.navigation a[aria-current="location"]{background:var(--soft);border-radius:6px;padding-inline:12px}
 .header:has(.navigation.open){box-shadow:none}.js .navigation{max-height:calc(100dvh - 95px);overflow-y:auto;overscroll-behavior:contain}
}
@media(hover:none){.button:hover,.brand-art:hover .symbol{transform:none;box-shadow:none}.mood-bold .brand-art .symbol{transform:none}}
@media(prefers-reduced-motion:reduce){.micro-arrive{animation:none!important}.button,.brand-art .symbol{transform:none!important}.navigation a::after{transition:none}}