.production-story{background:#080808;color:#f6f3ec;border-top:1px solid #2d281f;padding:80px 6vw}.production-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.production-intro h2{font:400 clamp(3rem,6vw,6rem)/1.02 Georgia,serif;letter-spacing:-.04em;margin:24px 0}.production-intro h2 em{color:#d8c198}.production-intro>p:last-of-type{font-size:17px;line-height:1.6;color:#aaa69f}.production-nav{display:flex;flex-direction:column;align-items:start;gap:18px;margin-top:38px}.production-nav button{color:#a7a299;font-size:16px;text-align:left;cursor:pointer;padding:8px 0}.production-nav span{font-size:13px;margin-right:22px;color:#c8b48e}.production-nav button[aria-current=true]{color:#fff}.production-nav button:focus-visible{outline:1px solid #d8c198;outline-offset:5px}.production-step{padding:30px 0 55px;max-width:550px}.production-number{font:400 clamp(6rem,11vw,11rem)/1 Georgia,serif;letter-spacing:-.08em;color:#514638;display:block;margin-bottom:28px}.production-step .eyebrow{color:#d8c198}.production-step h3{font:400 clamp(2rem,3.5vw,3.8rem)/1.1 Georgia,serif;margin:18px 0}.production-step>p:last-child{font-size:18px;line-height:1.75;color:#b9b4aa;max-width:440px}.production-progress{display:none}.production-enhanced{height:380svh;padding-top:0;padding-bottom:0}.production-enhanced .production-stage{position:sticky;top:0;height:100svh;align-items:center}.production-enhanced .production-scenes{position:relative;min-height:480px}.production-enhanced .production-step{position:absolute;inset:0;opacity:0;transform:translateY(25px);transition:opacity .4s,transform .5s;pointer-events:none;visibility:hidden}.production-enhanced .production-step.active{opacity:1;transform:none;visibility:visible}.production-enhanced .production-progress{display:block;position:absolute;bottom:40px;left:0;right:0;height:1px;background:#302b23}.production-progress i{display:block;height:100%;background:#d8c198;transform:scaleX(var(--production-progress,.25));transform-origin:left}
@media(max-width:700px){.production-story{padding:55px 6vw}.production-stage{display:block}.production-nav{flex-direction:row;flex-wrap:wrap;gap:8px 16px;margin-top:22px}.production-nav button{font-size:14px}.production-nav span{margin-right:5px}.production-enhanced{padding-top:0;padding-bottom:0;height:340svh}.production-enhanced .production-stage{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:20px}.production-intro h2{font-size:42px;margin:14px 0}.production-intro>p:last-of-type{display:none}.production-enhanced .production-scenes{min-height:310px}.production-step{padding:0}.production-number{font-size:85px;margin-bottom:16px}.production-step h3{font-size:32px;margin:12px 0}.production-step>p:last-child{font-size:16px;line-height:1.6}.production-progress{bottom:25px!important}}
@media(max-height:650px){.production-enhanced{height:auto;padding:50px 6vw}.production-enhanced .production-stage{position:static;height:auto;display:block}.production-enhanced .production-step{position:static;visibility:visible;opacity:1;transform:none;padding:30px 0}.production-enhanced .production-progress{display:none}}
@media(prefers-reduced-motion:reduce){.production-step{transition:none!important}}

/* Scroll changes the motion, while the established type and layout stay intact. */
.production-enhanced .production-intro{transform:translate3d(0,var(--intro-y,0px),0)}
.production-enhanced .production-step,.production-enhanced .production-step.active{opacity:var(--step-opacity,0);transform:translate3d(0,var(--step-y,0px),0);transition:none;will-change:opacity,transform}
.production-enhanced .production-step.is-visible{visibility:visible}
.production-enhanced .production-number{transform:translate3d(0,var(--number-y,0px),0) scale(var(--number-scale,1));transform-origin:left center;will-change:transform}
.production-enhanced .production-step h3{transform:translate3d(0,var(--heading-y,0px),0);filter:blur(var(--step-blur,0px));will-change:transform}
.production-enhanced .production-step>p:last-child{transform:translate3d(0,var(--description-y,0px),0);filter:blur(var(--step-blur,0px));will-change:transform}
.production-enhanced .production-progress i{transition:none;will-change:transform}
.production-nav button{transition:transform .25s ease,color .25s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not(.motion-paused) .production-nav button:hover{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.production-nav button{transition:none}}