/* Each interior has its own spatial sequence. Base layouts remain readable without motion. */
.interior-sequence{position:relative;margin-bottom:64px}
.interior-sequence>section{margin-bottom:0}
.is-pinned>section{position:sticky;top:var(--pin-top,24px)}
.scene-controls,.scene-hint{display:none}
.is-pinned .scene-controls{display:flex;align-items:center;gap:9px;margin-top:34px}
.scene-controls button{border:1px solid currentColor;border-radius:50%;width:42px;height:42px;background:none;font-size:22px}
.scene-controls button:disabled{opacity:.25}
.scene-count{font-size:11px;letter-spacing:.6px;margin-right:16px}
.is-pinned .scene-hint{display:block;font-size:7px;letter-spacing:1px;margin-top:18px;opacity:.65}
.conviction-number{display:none}

/* Association — three convictions are dealt into a single reading stage. */
.interiors-moving .association-image{clip-path:inset(0 calc((1 - var(--collective-p,0))*5%) round calc(24px + (1 - var(--collective-p,0))*100px) 24px)}
.interiors-moving .association-image .image-word{transform:translateX(calc((1 - var(--collective-p,0))*-65px))}
.convictions-sequence.is-pinned .principles{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}
.convictions-sequence.is-pinned .section-top{display:block;border:0;padding:0;margin:0}
.convictions-sequence.is-pinned h2{font-size:clamp(38px,4.2vw,60px);margin-bottom:26px}
.convictions-sequence.is-pinned .three-cards{display:block;position:relative;height:420px;overflow:clip;border-radius:28px}
.convictions-sequence.is-pinned .principle{position:absolute;inset:0;padding:36px 40px;border-radius:28px;transform-origin:50% 100%;will-change:transform}
.convictions-sequence.is-pinned .principle:nth-child(2){z-index:2}
.convictions-sequence.is-pinned .principle:nth-child(3){z-index:3}
.convictions-sequence.is-pinned .conviction-number{display:block;position:absolute;right:30px;top:25px;font-size:13px;letter-spacing:1px}
.convictions-sequence.is-pinned .principle>.brand-art{width:170px;height:135px;margin:0 auto 20px;transform:rotate(var(--art-turn,0deg));align-self:center}
.convictions-sequence.is-pinned .principle h3{font-size:49px;margin-bottom:18px}
.convictions-sequence.is-pinned .principle p{font-size:13px;max-width:370px;padding-right:35px}

/* Actions — a fixed editorial column beside two large travelling programme panels. */
.field-intro h2{margin:25px 0 30px}
.field-year{display:none}
.terrain-sequence.is-pinned .field-block{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;padding:30px;align-items:center;overflow:hidden;background:var(--ink)}
.terrain-sequence.is-pinned .field-intro{padding:14px 0 14px 12px}
.terrain-sequence.is-pinned .field-intro h2{font-size:clamp(34px,3.4vw,49px);line-height:1.04}
.terrain-sequence.is-pinned .field-intro em{color:var(--lime)}
.terrain-sequence.is-pinned .field-window{overflow:clip;border-radius:22px}
.terrain-sequence.is-pinned .field-programmes{display:flex;gap:0;will-change:transform}
.terrain-sequence.is-pinned .field-programmes article{flex:0 0 100%;min-width:0;min-height:485px;border-radius:22px;padding:32px 34px;display:flex;flex-direction:column}
.terrain-sequence.is-pinned .field-programmes article:first-child{background:var(--mint);color:var(--ink)}
.terrain-sequence.is-pinned .field-programmes h3{font-size:43px;margin:82px 0 24px;position:relative;z-index:1}
.terrain-sequence.is-pinned .field-programmes p{max-width:350px;font-size:13px;opacity:1;z-index:1}
.terrain-sequence.is-pinned .field-programmes small{margin-top:auto;position:relative;z-index:1;font-size:10px}
.terrain-sequence.is-pinned .field-programmes svg{width:130px;height:130px;top:26px;right:28px;opacity:.45;transform:rotate(calc(var(--terrain-p,0)*-60deg))}
.terrain-sequence.is-pinned .field-year{display:block;position:absolute;bottom:28px;right:22px;font-size:135px;letter-spacing:-.1em;line-height:1;opacity:.07;font-weight:400}
.interiors-moving .research-covers img{transform:translateX(calc((1 - var(--cover-spread,0))*28px)) rotate(calc(-2deg - var(--cover-spread,0)*8deg))}
.interiors-moving .research-covers img:last-child{transform:translateX(calc((1 - var(--cover-spread,0))*-28px)) rotate(calc(2deg + var(--cover-spread,0)*10deg))}

/* History — the native page scroll scrubs the years, with a pause on each chapter. */
.history-skip{font-size:9px;border-bottom:1px solid var(--line);padding:7px 0;width:fit-content}
.memory-heading-aside{flex-wrap:wrap;max-width:290px}
.memory-heading-aside .history-skip{margin-left:auto}
.history-sequence.is-pinned .memory-heading{margin-bottom:14px;align-items:center}
.history-sequence.is-pinned .memory-heading h2{font-size:34px;margin-top:12px}
.history-sequence.is-pinned .memory-heading h2 br{display:none}
.history-sequence.is-pinned .memory-heading h2 em{margin-left:.2em}
.history-sequence.is-pinned .memory-heading-aside>.brand-art{width:55px;height:50px}
.history-sequence.is-pinned .memory-heading-aside p{font-size:9px}
.history-sequence.is-pinned .memory-heading-aside{gap:0 12px;max-width:245px}
.history-sequence.is-pinned .memory-years{margin-bottom:14px;padding-bottom:5px}
.history-sequence.is-pinned .memory-years button{padding-top:12px;padding-bottom:15px}
.history-sequence.is-pinned .memory-track{transition:none}
.history-sequence.is-pinned .memory-art{min-height:355px;padding:18px 24px}
.history-sequence.is-pinned .memory-year{font-size:122px;margin:8px 0 0}
.history-sequence.is-pinned .memory-symbol{height:125px;margin-top:-2px}
.history-sequence.is-pinned .memory-word{margin-bottom:12px;font-size:21px}
.history-sequence.is-pinned .memory-copy{padding:25px 32px 20px}
.history-sequence.is-pinned .memory-copy h3{font-size:36px;margin:20px 0 16px}
.history-sequence.is-pinned .memory-copy>p{font-size:12px;line-height:1.7;margin-bottom:16px}
.history-sequence.is-pinned .memory-copy .text-link{margin-bottom:15px}
.history-sequence.is-pinned .memory-source{font-size:8px;padding-top:12px}
.history-sequence.is-pinned .memory-controls{padding-top:14px}
.history-sequence.is-pinned .memory-buttons button{width:40px;height:40px}
.interiors-moving .memory-photo-strip figure:first-child{transform:rotate(calc((1 - var(--faces-p,0))*-5deg))}
.interiors-moving .memory-photo-strip figure:last-child{transform:rotate(calc((1 - var(--faces-p,0))*5deg))}
.interiors-moving .memory-photo-symbol>.brand-art{transform:rotate(calc(var(--faces-p,0)*90deg))}

/* Publications — the actual PDF covers follow the reader down the library. */
.library-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
.library-stage{position:sticky;top:70px;min-width:0;height:480px;border-radius:26px;background:var(--mint);overflow:hidden;padding:26px}
.library-art-label{font-size:8px;letter-spacing:1px}
.library-fan{height:310px;position:relative;display:grid;place-items:center}
.library-fan img{position:absolute;width:52%;height:255px;object-fit:contain;object-position:center;background:white;border:7px solid white;filter:drop-shadow(3px 12px 10px #17382e24);transition:transform .7s cubic-bezier(.2,.75,.2,1);transform-origin:50% 100%}
.library-art-footer{display:block;position:relative;font-size:30px;letter-spacing:-1.3px;line-height:1.05;padding-top:20px;border-top:1px solid #17382e30}
.library-art-footer>span{position:absolute;right:0;bottom:0;font-size:40px}
.library-layout .download{padding:24px 10px;border-radius:10px;transition:background .3s}
.library-layout .download.is-reading{background:#edf2e6}
.library-layout .download h3{font-size:25px}
.library-layout .download:first-child{padding-top:20px}
.library-layout .download:last-child{padding-bottom:24px}
.interiors-moving .video-section .video-frame{clip-path:inset(0 calc((1 - var(--video-p,0))*7%) round calc(20px + (1 - var(--video-p,0))*75px));transform:scale(calc(.93 + var(--video-p,0)*.07));transform-origin:center}
.video-frame:has(iframe){clip-path:none!important;transform:none!important}

/* Contact — one drawn link responds to focus; the form never moves. */
.contact-thread{display:block;width:min(100%,400px);height:auto;margin:16px 0 0;color:var(--ink);overflow:visible}
.contact-thread path{stroke:currentColor;stroke-width:4;stroke-linecap:round}
.contact-thread .thread-guide{opacity:.12}
.contact-thread .thread-ink{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--thread-progress,1));transition:stroke-dashoffset .75s cubic-bezier(.22,.7,.2,1)}
.contact-thread circle{fill:var(--lime);stroke:var(--ink);stroke-width:2}
.contact-layout .large-arrow{margin-top:0;transform:rotate(calc((1 - var(--thread-progress,1))*-90deg));transition:transform .75s cubic-bezier(.22,.7,.2,1)}
.interiors-moving .contact-thread .thread-ink{animation:draw-thread 1.5s cubic-bezier(.2,.7,.2,1) both}
@keyframes draw-thread{from{stroke-dashoffset:1}to{stroke-dashoffset:calc(1 - var(--thread-progress,1))}}

@media(max-width:959px){
 .library-layout{gap:26px;grid-template-columns:.75fr 1.25fr}
 .library-stage{height:420px;padding:20px}.library-fan{height:265px}.library-fan img{width:65%;height:220px}.library-art-footer{font-size:26px}
 .library-layout .download{grid-template-columns:40px 1fr 30px;gap:13px}.library-layout .download h3{font-size:21px}.library-layout .download img{width:40px;height:60px}
}
@media(max-width:740px){
 .interior-sequence{margin-bottom:40px}.field-window{min-width:0}.field-intro h2{font-size:34px}
 .library-layout{display:block}.library-stage{display:none}.library-layout .download{padding:22px 0}.library-layout .download.is-reading{background:transparent}
 .library-layout .download h3{font-size:20px}.library-layout .download:last-child{padding-bottom:0}
 .contact-thread{width:210px;height:75px;margin-top:4px}.contact-layout .large-arrow{display:none}
 .interiors-moving .association-image{clip-path:inset(0 calc((1 - var(--collective-p,0))*3%) round calc(24px + (1 - var(--collective-p,0))*45px) 24px)}
}
@media(prefers-reduced-motion:reduce){
 .contact-thread .thread-ink{animation:none!important;transition:none;stroke-dashoffset:0}
 .contact-layout .large-arrow{transition:none;transform:none!important}.library-fan img{transition:none}
 .video-frame,.association-image{clip-path:none!important;transform:none!important}
 .research-covers img,.memory-photo-strip figure{transform:none!important}
}