/* Scroll chapters. The supplied Effra family and Ice House palette remain authoritative. */
.site-header{transition:transform .4s var(--ease);background:linear-gradient(180deg,rgb(10 17 25/.84),rgb(10 17 25/0))}
.site-header .brand img{transition:none}
.site-header.on-content{background:var(--fnl-delft)}
.site-header.on-light{background:var(--fnl-white)}
.hero-room{display:none}
.stage{background:#0a1119}
.is-live .reveal{height:max(calc(var(--viewport-height, 100svh) * 2.55),1700px)}
.hero-copy{top:35%}
.hero-room-copy{bottom:16%;max-width:520px}
.hero-room-copy h2{font-size:clamp(48px,6vw,92px)}
.hero-bottom .scroll-cue,.hero-origin{opacity:var(--intro)}
.mobile-break{display:none}
.line-reveal{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.line-reveal>span{display:block}
.chapter-top{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}
.chapter-top .eyebrow{font-size:9px}
.chapter-top>.eyebrow:last-child{color:var(--ink-muted)}
.chapter-progress{position:absolute;bottom:0;left:var(--page-gutter);right:var(--page-gutter);height:1px;background:var(--fnl-white-16)}
.chapter-progress>span{display:block;width:100%;height:100%;background:var(--fnl-white);transform:scaleX(var(--chapter,0));transform-origin:left}
/* The complete statement owns the viewport; the collection waits below it. */
.manifesto{display:block;position:relative;padding:0;background:var(--fnl-delft);color:var(--fnl-white);height:auto}
.manifesto-stage{position:relative;min-height:max(calc(var(--viewport-height, 100svh) * 1),740px);padding:calc(var(--header-height) + 32px) var(--page-gutter) 54px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden}
.manifesto-atmosphere{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:.27}
.manifesto-atmosphere img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translateY(calc(var(--chapter,0)*-3%));filter:grayscale(1)}
.manifesto-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--fnl-delft),transparent 80%),linear-gradient(0deg,var(--fnl-delft),transparent 40%,var(--fnl-delft))}
.manifesto h2{font-size:clamp(44px,5.55vw,94px);line-height:1.19;letter-spacing:-.027em;margin:60px 0 54px 7.5vw;font-weight:300}
.manifesto h2 .statement-line{display:block;overflow:hidden;padding:8px 0}
.manifesto h2 .statement-line>span{display:block;color:var(--fnl-white)}
.manifesto h2 .statement-line:last-child>span{font-weight:400}
.manifesto-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin:0 0 0 7.5vw;position:relative;z-index:2}
.manifesto-bottom p{font-size:14px;color:var(--ink-muted);line-height:1.7}
.manifesto-bottom>a{margin-left:0}
.motion-enabled .manifesto{height:calc(var(--viewport-height, 100svh) * 1.9);min-height:1450px}
.motion-enabled .manifesto-stage{position:sticky;top:0;height:calc(var(--viewport-height, 100svh) * 1)}
/* Real, independently photographed product views. No simulated 360 rotation. */
.collection{padding-top:46px;padding-bottom:54px}
.collection-heading{border-top:0;padding-top:0;margin-bottom:8px}
.collection-heading h2{font-size:clamp(32px,3.4vw,50px)}
.model-showcase{height:clamp(450px,calc(calc(var(--viewport-height, 100svh) * 1) - 320px),660px)}
.model-visual{padding-bottom:36px}
.model-visual img{height:calc(100% - 54px);transform-origin:50% 75%;transition:opacity .24s,transform .5s var(--ease)}
.model-visual.switching img{transform:translateX(10px) scale(.985)}
.product-caption{display:none}
.view-controls{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:24px;z-index:2}
.view-controls button{min-height:38px;font-size:10px;padding:3px 0;position:relative;color:var(--fnl-delft-72)}
.view-controls button::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--fnl-delft);transform:scaleX(0);transition:transform .25s var(--ease)}
.view-controls button[aria-pressed=true]{color:var(--fnl-delft)}
.view-controls button[aria-pressed=true]::after{transform:scaleX(1)}
.view-controls button[hidden]{display:none}
/* Exploded schematic: two perforated stators, a translucent moving film. */
.technology{padding:0;position:relative;background:var(--fnl-delft)}
.technology-stage{position:relative;min-height:max(calc(var(--viewport-height, 100svh) * 1),820px);padding:calc(var(--header-height) + 28px) var(--page-gutter) 48px;overflow:hidden}
.principle-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;max-width:1600px;margin:40px auto 0}
.principle-copy{position:relative;z-index:2}
.principle-copy h2{font-size:clamp(38px,4.2vw,66px);line-height:1.13;letter-spacing:-.03em}
.principle-copy h2 .line-reveal+span{color:var(--ink-muted)}
.tech-intro{font-size:16px;line-height:1.75;margin-top:26px;max-width:410px;color:var(--ink-muted);font-weight:300}
.principle-notes{position:relative;min-height:128px;margin-top:34px;max-width:370px}
.principle-notes p{font-size:14px;line-height:1.7;color:var(--ink-muted);margin:0 0 20px}
.principle-notes p>span{display:block;color:var(--fnl-white);font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}
.principle-copy>.text-link{margin-top:10px;font-size:13px;min-width:235px}
.panel-study{margin:0;min-width:0;position:relative}
.panel-space{height:clamp(370px,calc(var(--viewport-height, 100svh) * 0.57),600px);position:relative;perspective:1200px;isolation:isolate}
.panel-stack{position:absolute;left:50%;top:50%;width:clamp(112px,10vw,160px);height:82%;transform:translate(-50%,-50%) rotateX(5deg) rotateY(-30deg) rotateZ(3deg);transform-style:preserve-3d}
.stator,.diaphragm{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:visible}
.stator{border:0;border-radius:3px;overflow:hidden;background:transparent;box-shadow:none}
.stator-photo{position:absolute;max-width:none;width:274.53%;height:106.37%;left:-87.4%;top:-3.324%;object-fit:fill}
.stator-front{transform:translate3d(calc(var(--spread,1)*190px),0,calc(var(--spread,1)*40px))}
.stator-back{transform:translate3d(calc(var(--spread,1)*-190px),0,calc(var(--spread,1)*-40px));filter:brightness(.82)}
.diaphragm{inset:8px 0;border:1px solid rgb(182 208 228/.5);background:linear-gradient(112deg,rgb(176 208 226/.035) 12%,rgb(195 220 237/.18) 38%,rgb(101 144 177/.025) 55%,rgb(166 196 214/.06));transform:translateZ(0);box-shadow:0 0 24px rgb(138 176 208/.05)}
.diaphragm span{position:absolute;inset:0;border-top:1px solid #afcde4;border-bottom:1px solid #afcde4}
.layer-label{position:absolute;bottom:4%;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-muted)}
.label-back{left:23%}.label-film{left:44%}.label-front{left:75%}
.layer-label::before{content:'';position:absolute;bottom:22px;left:0;height:30px;width:1px;background:var(--line-strong)}
.panel-study figcaption{border-top:1px solid var(--line);padding-top:22px;margin-top:12px;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:12px;font-weight:300}
.panel-study figcaption small{font-size:9px;color:var(--ink-muted)}
.motion-enabled .technology{height:calc(var(--viewport-height, 100svh) * 2.1);min-height:1700px}
.motion-enabled .technology-stage{position:sticky;top:0;height:calc(var(--viewport-height, 100svh) * 1)}
.motion-enabled .principle-notes p{position:absolute;inset:0;margin:0}
/* Story remains editorial; the year connects the founding with the present. */
.origin{position:relative;min-height:calc(var(--viewport-height, 100svh) * 0.85);padding-top:100px;padding-bottom:100px;grid-template-columns:1fr 1fr;gap:9vw}
.origin .year{font-size:clamp(120px,17vw,250px);line-height:.95}
.origin-copy h2{font-size:clamp(38px,4vw,62px);line-height:1.16}
.origin-copy p{font-size:16px;font-weight:300;line-height:1.8}
.origin-portrait{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;isolation:isolate}
.origin-portrait img{width:100%;height:100%;object-fit:cover;filter:none;transform:scale(1.07);object-position:50% 25%}
.origin-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgb(19 30 41/.85),transparent 45%)}
.origin-portrait figcaption{position:absolute;bottom:28px;left:28px;right:28px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;letter-spacing:.06em}
.origin-portrait .year{font-size:70px;line-height:1}
.origin.has-portrait{grid-template-columns:1fr 1fr}
.origin.has-portrait .origin-copy>.eyebrow{margin-bottom:32px}
.origin .text-link{margin-top:30px}
.cinema{padding-top:52px;padding-bottom:72px}
/* Last chapter: invitation unfolds, then the footer joins the same space. */
.listening{padding:0;display:block;overflow:visible;min-height:0;height:auto}
.listening-stage{position:relative;isolation:isolate;overflow:hidden;min-height:max(calc(var(--viewport-height, 100svh) * 1),820px);padding:calc(var(--header-height) + 28px) var(--page-gutter) 0;display:flex;flex-direction:column;justify-content:space-between}
.closing-image img{transform:scale(calc(1.08 - var(--chapter,0)*.08));object-position:65% center}
.closing-shade{background:linear-gradient(90deg,rgb(19 30 41/.88),rgb(19 30 41/.22) 85%),linear-gradient(0deg,var(--fnl-delft),transparent 65%)}
.listen-copy{padding:58px 4vw 48px;flex:1;display:flex;flex-direction:column;justify-content:center}
.listen-copy h2{font-size:clamp(58px,7.8vw,126px);line-height:1.08;letter-spacing:-.025em}
.listen-bottom{margin-top:40px}
.listen-bottom p{font-size:18px}
.listen-cta{font-size:24px;gap:40px}
.listening footer{padding-top:26px;padding-bottom:26px}
.motion-enabled .listening{height:calc(var(--viewport-height, 100svh) * 1.65);min-height:1360px}
.motion-enabled .listening-stage{position:sticky;top:0;height:calc(var(--viewport-height, 100svh) * 1)}
@media(min-width:1800px){.manifesto{padding:0}.technology{padding:0}}
@media(max-width:1100px){.principle-layout{gap:3vw}.principle-copy h2{font-size:40px}.panel-stack{width:125px}.origin{padding-left:0;padding-right:0}.manifesto h2{font-size:6vw;margin-left:2vw}.manifesto-bottom{margin-left:2vw}}
@media(max-width:760px){
 .site-header{background:linear-gradient(180deg,rgb(10 17 25/.8),rgb(10 17 25/0))}
 .is-live .reveal{height:max(calc(var(--viewport-height, 100svh) * 2.4),1550px)}
 .hero-copy{top:auto}
 .hero-room-copy{bottom:17%;max-width:300px}
 .hero-room-copy h2{font-size:48px}
 .mobile-break{display:block}
 .chapter-top>.eyebrow:last-child{display:none}
 .chapter-top .eyebrow{font-size:8px}
 .manifesto{padding:0}
 .manifesto-stage{padding:calc(var(--header-height) + 28px) 24px 40px;min-height:700px}
 .manifesto h2{font-size:clamp(33px,9.6vw,56px);line-height:1.15;margin:44px 0 35px;letter-spacing:-.018em}
 .manifesto h2 .statement-line{padding:10px 0}
 .manifesto-bottom{display:flex;gap:24px;margin:0;align-items:flex-start;flex-direction:column}
 .manifesto-bottom p{font-size:12px}
 .manifesto-bottom>a{font-size:12px}
 .motion-enabled .manifesto{height:calc(var(--viewport-height, 100svh) * 1.8);min-height:1300px}
 .collection{padding:28px 24px 42px}
 .collection-heading{padding-top:0;gap:16px;margin-bottom:8px}
 .collection-heading h2{font-size:30px}
 .model-showcase{height:auto;min-height:0}
 .model-visual{height:clamp(275px,calc(var(--viewport-height, 100svh) * 0.4),370px);padding-bottom:40px;margin-top:0}
 .model-visual img{height:calc(100% - 42px)}
 .view-controls{bottom:0;gap:22px}
 .view-controls button{font-size:9px}
 .model-info{padding-top:12px}
 .model-info>.eyebrow{margin-bottom:8px}
 .model-info>p:not(.eyebrow):not(.model-line){min-height:76px}
 .model-controls{margin-top:0}
 .technology{padding:0}
 .technology-stage{padding:calc(var(--header-height) + 22px) 24px 24px;min-height:740px}
 .principle-layout{display:flex;flex-direction:column;gap:14px;margin-top:25px}
 .principle-copy{width:100%;display:contents}
 .principle-copy h2{font-size:clamp(33px,9.2vw,48px);line-height:1.12;align-self:flex-start;order:0}
 .tech-intro{font-size:13px;margin:0;align-self:flex-start;order:1;line-height:1.5}
 .panel-study{order:2;width:100%;margin:0}
 .panel-space{height:260px;perspective:950px}
 .panel-stack{width:78px;height:83%;transform:translate(-50%,-50%) rotateX(5deg) rotateY(-33deg) rotateZ(3deg)}
 .stator-front{transform:translate3d(calc(var(--spread,1)*115px),0,calc(var(--spread,1)*35px))}
 .stator-back{transform:translate3d(calc(var(--spread,1)*-115px),0,calc(var(--spread,1)*-35px))}
 .layer-label{font-size:7px;bottom:0}.label-back{left:24%}.label-film{left:42%}.label-front{left:73%}
 .layer-label::before{height:18px;bottom:16px}
 .panel-study figcaption{padding-top:12px;margin-top:15px;font-size:10px;gap:12px}
 .panel-study figcaption small{font-size:7px}
 .principle-notes{order:3;min-height:88px;width:100%;max-width:none;margin-top:5px;align-self:flex-start}
 .principle-notes p{font-size:12px;line-height:1.65}
 .principle-notes p>span{font-size:8px;margin-bottom:8px}
 .principle-copy>.text-link{order:4;align-self:flex-start;font-size:12px;margin-top:0;min-height:40px;min-width:205px}
 .motion-enabled .technology{height:calc(var(--viewport-height, 100svh) * 2.05);min-height:1550px}
 .origin{min-height:0;padding:70px 0;display:grid;gap:45px}
 .origin .year{font-size:120px}
 .origin-copy h2{font-size:39px}
 .origin-copy p{font-size:14px}
 .origin.has-portrait{grid-template-columns:1fr}
 .origin-portrait{aspect-ratio:5/6;max-height:500px}
 .origin-portrait .year{font-size:60px}
 .origin.has-portrait .origin-copy>.eyebrow{margin-bottom:24px}
 .cinema{padding-top:36px;padding-bottom:48px}
 .listening{padding:0;min-height:0}
 .listening-stage{padding:calc(var(--header-height) + 24px) 24px 0;min-height:740px}
 .listen-top .eyebrow{font-size:8px}
 .listen-copy{padding:55px 0 40px}
 .listen-copy h2{font-size:clamp(40px,11vw,63px);line-height:1.13}
 .listen-bottom{margin-top:30px;gap:32px}
 .listen-bottom p{font-size:15px}
 .listen-cta{font-size:22px}
 .listening footer{gap:18px 20px;padding-top:22px;padding-bottom:22px}
 .listening footer>p{font-size:10px}
 .motion-enabled .listening{height:calc(var(--viewport-height, 100svh) * 1.5);min-height:1200px}
}
@media(max-height:720px) and (min-width:1101px) and (hover:hover) and (pointer:fine){.motion-enabled .manifesto,.motion-enabled .technology,.motion-enabled .listening{height:auto;min-height:0}.motion-enabled .manifesto-stage,.motion-enabled .technology-stage,.motion-enabled .listening-stage{position:relative;height:auto}.principle-notes{min-height:0}.motion-enabled .principle-notes p{position:static}.manifesto h2 .statement-line>span,.line-reveal>span{transform:none!important;opacity:1!important}.layer-label{opacity:1!important}}
@media(prefers-reduced-motion:reduce){.motion-enabled .manifesto,.motion-enabled .technology,.motion-enabled .listening{height:auto;min-height:0}}
.motion-reduced .manifesto,.motion-reduced .technology,.motion-reduced .listening{height:auto;min-height:0}
.motion-reduced .manifesto-stage,.motion-reduced .technology-stage,.motion-reduced .listening-stage{position:relative;height:auto}

@media(max-width:760px){.origin{grid-template-columns:1fr}.origin-copy{min-width:0}}

.principle-notes p{transition:opacity .12s ease,transform .2s var(--ease)}
.model-info{transition:opacity .2s ease,transform .3s var(--ease)}
.model-showcase[aria-busy=true] .model-info{opacity:.35;transform:translateY(4px)}
.origin-copy>.eyebrow{font-size:10px;font-weight:400;line-height:1.5}
.origin-copy>.origin-signature{font-size:12px;letter-spacing:.05em;margin-top:28px}

.origin-portrait .year small{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:400;margin-bottom:10px}
.closing-image{transform:scale(calc(1.05 - var(--chapter,0)*.05))}

/* Complete photographic plates: reflections, cables and shadows stay in their own room. */
.hero-static{background:#090f18}
.hero-static img{inset:0;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:66% center;transform:none;filter:none}
.closing-image{transform:none;top:var(--header-height)}
.closing-image img{object-position:65% center;transform:scale(calc(1.035 - var(--chapter,0)*.035))}
.closing-shade{background:linear-gradient(90deg,rgb(9 17 25/.72),rgb(9 17 25/.12) 78%),linear-gradient(0deg,var(--fnl-delft),transparent 65%)}
@media(max-width:760px){.hero-static img{object-position:79% center}.closing-image img{object-position:78% center}.closing-shade{background:linear-gradient(90deg,rgb(9 17 25/.65),rgb(9 17 25/.33)),linear-gradient(0deg,var(--fnl-delft),transparent 85%)}}

/* Feedbackronde 4 oktober -------------------------------------------------------------------
   Home with the Ice House Draft_2 copy. */
.hero-copy{max-width:min(620px,calc(100vw - 2 * var(--page-gutter)))}
.hero-copy .hero-subtitle{font-size:clamp(15px,1.15vw,17px);line-height:1.65;letter-spacing:.01em;max-width:34em;margin-top:28px;color:var(--fnl-white-72)}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px 36px;margin-top:30px}
.hero-actions .text-link{min-height:44px}
.hero-room-copy .hero-room-line{font-size:clamp(22px,2vw,30px);font-weight:300;line-height:1.2;margin:14px 0 26px}
/* The Maarten film, after Our story: a real still as poster until the film exists (review 4 October). */
.maarten-film{padding:0 var(--page-gutter) clamp(90px,10vw,140px);background:var(--fnl-delft);color:var(--fnl-white)}
.poster-title h2{margin:0;font-size:clamp(34px,4vw,60px);font-weight:300;line-height:1.08;letter-spacing:-.02em}
/* The listening experience on the warm drilled stator (replaces the room image). */
.manifesto-stage{isolation:isolate;overflow:hidden}
.manifesto h2{width:max-content;max-width:100%}
.manifesto h2 .statement-line:last-child>span{font-weight:300}
.manifesto-text{display:grid;gap:18px;max-width:34em}
.manifesto-text p{font-size:clamp(16px,1.25vw,19px);font-weight:300;line-height:1.65}
.manifesto-bottom .subtle-link{position:relative;z-index:1}
/* Collection: title and introduction as one block. */
.collection-title{margin-left:auto;max-width:560px;display:grid;gap:16px}
.collection-heading .collection-title h2{margin-left:0}
.collection-intro{margin:0;font-size:16px;font-weight:300;line-height:1.65;color:var(--ink-muted,var(--fnl-delft-72))}
/* Technology, story, cinema and closing chapters with Draft_2 copy. */
.tech-intro{display:grid;gap:14px}
.tech-intro p{margin:0}
.origin-copy>p+p{margin-top:16px}
.cinema>div>p+p{margin-top:14px}
.listen-bottom>p{max-width:30em}
@media (max-width:760px){.hero-copy .hero-subtitle{font-size:14px;line-height:1.55;margin-top:18px}.hero-actions{gap:4px 24px;margin-top:16px}.hero-room-copy .hero-room-line{font-size:22px}.collection-title{margin-left:0}}
/* Review 4 October: cinema copy at body size; hero copy left-aligned on phones, below the floor reflection. */
.cinema>div>p{font-size:16px;line-height:1.65;max-width:34em}
@media (max-width:760px){.hero-copy{text-align:left}.hero-actions{justify-content:flex-start}}