/* Scroll enhances the existing reading order, without changing native scrolling. */
.scroll-ready>.header{position:fixed;z-index:30;transition:padding .28s ease,background .28s ease,border-color .28s ease}
.scroll-ready>.header.is-scrolled{padding-block:13px;background:#111b17f5;border-color:#d0b17830;backdrop-filter:blur(16px)}
.scroll-ready>.header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#99763d,var(--gold),#ebd6ad);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.scroll-ready>.header nav a[aria-current="location"]{color:var(--gold)}
.scroll-ready [data-reveal]{transition:opacity .62s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s}
.scroll-ready .motion-pending{opacity:0;transform:translate3d(0,26px,0)}
.scroll-ready [data-reveal="image"].motion-pending{opacity:.25;transform:translate3d(0,20px,0);clip-path:inset(0 7% 12% 0)}
.scroll-ready [data-reveal="image"].motion-seen{clip-path:inset(0)}
.scroll-ready .motion-instant{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
.scroll-ready .principles{position:relative}
.scroll-ready .principles::before{content:"";height:1px;position:absolute;left:0;right:0;top:-1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}
.scroll-ready .principles.motion-traced::before{transform:scaleX(1)}
.scroll-ready .method-steps li{position:relative}
.scroll-ready .method-steps li::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--gold),#ecd8ad);transform:scaleX(var(--step-fill,0));transform-origin:left;pointer-events:none}
.scroll-ready .method-steps li>span{display:inline-flex;align-items:center;justify-content:center;min-width:33px;height:33px;border:1px solid #d0b17830;border-radius:50%;color:#bbc7bf;transition:color .4s,border-color .4s,background .4s}
.scroll-ready .method-steps li.step-lit>span{color:#ecce97;border-color:#d0b17890;background:#d0b17812}
.scroll-ready .scenario-photo,.scroll-ready .about-photo{overflow:hidden}
.scroll-ready .guide-card{transform-origin:center top}
.scroll-ready .guide-card.motion-seen:hover{transform:translateY(-4px);transition-delay:0s}
@media(max-width:700px){.scroll-ready>.header.is-scrolled{padding-block:11px}.scroll-ready .motion-pending{transform:translate3d(0,14px,0)}.scroll-ready [data-reveal]{transition-duration:.45s,.6s,.7s,.2s,.2s;transition-delay:0s}.scroll-ready [data-reveal="image"].motion-pending{transform:translate3d(0,12px,0);clip-path:inset(0 4% 7% 0)}}
@media(prefers-reduced-motion:reduce){.scroll-ready [data-reveal],.scroll-ready .motion-pending{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.scroll-ready .principles::before{transform:scaleX(1);transition:none}.scroll-ready .method-steps li::before{transform:scaleX(1)}.scroll-ready .method-steps li>span{transition:none}.scroll-ready .guide-card.motion-seen:hover{transform:none}.scroll-ready>.header{transition:none}}
@media print{.scroll-ready>.header{position:static}.scroll-ready [data-reveal],.scroll-ready .motion-pending{opacity:1!important;transform:none!important;clip-path:none!important}.scroll-ready>.header::after{display:none}}