/* Progressive enhancement: the unenhanced page is fully visible and usable. */
.story-motion .lower-editorial{--section-progress:0;--entry-progress:0}
.story-motion .lower-editorial section{position:relative}
.story-motion .story-line{display:inline-block;will-change:transform;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .8s;transition-delay:var(--reveal-delay,0ms)}
.story-motion .story-line-wrap{display:inline-block;overflow:clip;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.story-motion .story-reveal:not(.story-seen) .story-line{transform:translateY(110%) rotate(3deg);opacity:.1}
.story-motion .story-reveal.story-seen .story-line{transform:none;opacity:1}
.story-motion .story-card{transition:translate 1s cubic-bezier(.16,1,.3,1),opacity .85s;transition-delay:var(--reveal-delay,0ms)}
.story-motion .story-card:not(.story-seen){translate:0 48px;opacity:.15}
.story-motion .story-card.story-seen{translate:0 0;opacity:1}
.story-motion .story-card:focus-within{translate:0 0;opacity:1}
.story-motion .section-index{position:relative;padding-bottom:14px}
.story-motion .section-index:after{content:'';position:absolute;left:0;bottom:0;width:56px;height:2px;background:#99734f;transform-origin:left;transform:scaleX(var(--entry-progress));transition:transform .1s linear}
.story-motion .perspective .statement-body h2{translate:calc(var(--entry-progress) * -12px) 0}
.story-motion .material-sculpture i{translate:calc((1 - var(--entry-progress)) * -28px) calc((1 - var(--entry-progress)) * 26px);rotate:calc((1 - var(--entry-progress)) * -16deg);transition:translate .15s linear,rotate .15s linear}
.story-motion .material-sculpture i:nth-child(2){translate:0 calc((1 - var(--entry-progress)) * 45px);rotate:calc((1 - var(--entry-progress)) * 10deg)}
.story-motion .material-sculpture i:nth-child(3){translate:calc((1 - var(--entry-progress)) * 35px) calc((1 - var(--entry-progress)) * 60px);rotate:calc((1 - var(--entry-progress)) * 23deg)}
.story-motion #space-panel figure{clip-path:inset(calc((1 - var(--entry-progress)) * 12%) calc((1 - var(--entry-progress)) * 8%));transition:clip-path .12s linear;overflow:hidden}
.story-motion #space-photo{scale:calc(1.14 - var(--section-progress) * .14);translate:0 calc((.5 - var(--section-progress)) * 24px);transition:scale .12s linear,translate .12s linear}
.story-motion .space-description{border-left:2px solid #99734f;padding-left:24px}
.story-motion .surface-object .layer-stack{rotate:calc((1 - var(--entry-progress)) * -10deg);translate:0 calc((1 - var(--entry-progress)) * 45px);transition:rotate .15s linear,translate .15s linear}
.story-motion .surface-object .dimension-line{scale:var(--entry-progress) 1;transform-origin:left}
.story-motion .facade-frame{clip-path:inset(calc((1 - var(--entry-progress)) * 9%) 0);transition:clip-path .15s linear}
.story-motion .atelier-controls .facade-swatch{animation:none}
.story-motion .atelier-controls.story-seen .facade-swatch{animation:swatch-arrive .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--swatch-order) * 65ms)}
@keyframes swatch-arrive{from{translate:0 24px;opacity:.2;scale:.85}to{translate:0 0;opacity:1;scale:1}}
.story-motion .process-ledger{position:relative;padding-left:24px;border-top:0}
.story-motion .process-ledger:before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:#082b4720}
.story-motion .process-ledger:after{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:#99734f;transform-origin:top;scale:1 var(--section-progress)}
.story-motion .process-ledger details{transition:background .5s,border-color .5s;position:relative}
.story-motion .process-ledger details:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;left:-28px;top:43px;background:#e8e6de;border:1px solid #99734f;transition:background .4s,scale .4s}
.story-motion .process-ledger details.story-current:before{background:#99734f;scale:1.4}
.story-motion .process-ledger details.story-current{border-color:#99734f}
.story-motion .process-ledger details.story-current summary>span{color:#082b47;font-weight:600}
.story-motion .brief-seal{rotate:calc((var(--section-progress) - .5) * 14deg);transition:rotate .15s linear}
.story-motion .closing-line strong{display:inline-block;translate:calc((1 - var(--closing-progress,1)) * 50px) 0;opacity:var(--closing-progress,1);transition:translate .15s linear,opacity .15s linear}
.story-chapter{position:fixed;bottom:22px;right:22px;z-index:30;pointer-events:none;display:flex;align-items:center;gap:13px;padding:12px 16px;color:#082b47;background:#f3f0e8ed;border:1px solid #082b4730;box-shadow:0 4px 20px #082b4709;opacity:0;translate:0 10px;transition:opacity .3s,translate .3s;font-size:8px;letter-spacing:1.3px}
.story-chapter.story-visible{opacity:1;translate:0 0}.story-chapter-track{width:48px;height:2px;background:#082b4725}.story-chapter-track i{display:block;height:100%;background:#99734f;transform-origin:left;scale:var(--chapter-progress,0) 1}
@media(min-width:1000px){.story-motion .lower-editorial .process{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:65px;align-items:start}.story-motion .lower-editorial .process .section-top{display:block;position:sticky;top:95px;margin-bottom:0}.story-motion .lower-editorial .process .section-top h2{font-size:clamp(44px,4.5vw,68px)}.story-motion .lower-editorial .process .section-top>p{margin-top:35px}.story-motion .lower-editorial .process-ledger summary{grid-template-columns:1fr 25px;gap:14px;padding:36px 0}.story-motion .lower-editorial .process-ledger summary>span{grid-column:1/-1}.story-motion .lower-editorial .process-ledger h3{font-size:35px}.story-motion .lower-editorial .ledger-detail{margin-left:0;grid-template-columns:1fr;gap:22px;padding-bottom:30px}.story-motion .lower-editorial .ledger-drawing{height:150px}}
@media(max-width:760px){.story-motion .story-line{transition-duration:.75s}.story-motion .story-card:not(.story-seen){translate:0 22px}.story-motion .perspective .statement-body h2{translate:0 0}.story-motion #space-photo{translate:0 0;scale:calc(1.05 - var(--section-progress) * .05)}.story-motion .material-sculpture i,.story-motion .surface-object .layer-stack{rotate:0deg;translate:0 0}.story-motion .story-chapter{right:10px;bottom:10px;font-size:7px;padding:9px 11px;gap:9px}.story-chapter-track{width:30px}.story-motion .space-description{padding-left:15px}.story-motion .process-ledger{padding-left:18px}.story-motion .process-ledger details:before{left:-22px;top:32px}}
@media(prefers-reduced-motion:reduce){.story-chapter{display:none!important}.story-motion .story-line,.story-motion .story-card,.story-motion .material-sculpture i,.story-motion #space-photo,.story-motion .layer-stack,.story-motion .brief-seal,.story-motion .closing-line strong{transform:none!important;translate:none!important;rotate:none!important;scale:1!important;opacity:1!important;transition:none!important;animation:none!important}.story-motion #space-panel figure,.story-motion .facade-frame{clip-path:none!important}.story-motion .atelier-controls .facade-swatch{animation:none!important}}
