/* Trial styles only activate when their corresponding script switch is on. */
.scroll-logo{position:relative;display:block;width:100%;line-height:0;perspective:500px;isolation:isolate}
.scroll-logo>.scroll-logo-original{display:block;width:100%;height:auto}
.scroll-logo-parts{display:none;position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}
.has-scroll-key>.scroll-logo-original{visibility:hidden}
.has-scroll-key>.scroll-logo-parts{display:block}
.scroll-logo-parts img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:fill!important;border-radius:0!important}
/* Shared contour: left circular bow and the shaft up to the right H upright. */
.scroll-logo-base{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,8.25% 37.3%,13.1% 37.3%,14% 43.5%,21.75% 43.5%,21.75% 62.5%,13.1% 62.5%,8.25% 62.5%,8.25% 37.3%)}
.scroll-logo-key{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:15% 50%;transform:translateY(var(--key-drop,0px)) rotateX(var(--key-tilt,0deg)) rotateY(var(--key-turn,0deg));pointer-events:none}
.scroll-logo-key img{clip-path:polygon(8.25% 37.3%,13.1% 37.3%,14% 43.5%,21.75% 43.5%,21.75% 62.5%,13.1% 62.5%,8.25% 62.5%)}
.scroll-key-depth,.scroll-key-face{position:absolute;inset:0;transform-style:preserve-3d}
.scroll-key-depth{transform:translate3d(.5px,calc(var(--key-shade,0)*1px),-1px);filter:brightness(.65);opacity:var(--key-shade,0)}
.scroll-key-face{filter:drop-shadow(0 calc(var(--key-shade,0)*2px) calc(var(--key-shade,0)*1.2px) #301a2733)}
.header-key-detached .scroll-logo-key{visibility:hidden}
.hero-key-flight-layer{position:absolute;top:0;left:0;right:0;overflow:clip;pointer-events:none;z-index:21;contain:paint}
.hero-key-flight-layer .hero-falling-key{inset:auto;transform-origin:15% 50%;pointer-events:none}
.hero-key-flight-layer img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
.steps-trial{position:relative;isolation:isolate}
.steps-trial .step{position:relative;z-index:1;border-top:0;opacity:1;transform:none}
.steps-trial .step-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#fff;border:1px solid #d8dcd4;border-radius:50%;color:#777b71;transition:background .24s ease,color .24s ease,border-color .24s ease}
.steps-trial .is-step-reached .step-number{background:#edf1e9;border-color:#839078;color:#384a30}
.steps-scroll-track{position:absolute;z-index:0;background:#e5e8e1;pointer-events:none}
.steps-scroll-track>span{display:block;width:100%;height:100%;background:#839078;transform-origin:left center;transform:scaleX(var(--steps-progress,0))}
.steps-vertical .steps-scroll-track>span{transform-origin:center top;transform:scaleY(var(--steps-progress,0))}
@media(max-width:900px){
 .mobile-contact.contact-dock-trial{position:fixed;left:0;right:0;bottom:0;z-index:25;padding:8px 14px calc(8px + env(safe-area-inset-bottom));gap:8px;opacity:0;transform:translateY(calc(100% + 14px));visibility:hidden;pointer-events:none;transition:transform .38s cubic-bezier(.22,.7,.25,1),opacity .22s ease,visibility 0s .38s}
 .mobile-contact.contact-dock-trial.is-dock-visible{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .38s cubic-bezier(.22,.7,.25,1),opacity .22s ease,visibility 0s}
}
@media(prefers-reduced-motion:reduce){
 .hero-key-flight-layer{display:none}
 .scroll-logo-key{transform:none}
 .scroll-key-depth{display:none}
 .scroll-key-face{filter:none}
 .mobile-contact.contact-dock-trial,.mobile-contact.contact-dock-trial.is-dock-visible,.steps-trial .step-number{transition:none}
}