/* Each chapter has its own composition. Shared rules only handle mechanics. */
html{scroll-behavior:auto}.chapter{position:relative;overflow:hidden}.scene-label{display:block;font:9px/1.6 Mono;letter-spacing:.1em}.chapter p{font-size:14px}.chapter h2{font-weight:400}.direction-link{min-height:44px}.demo-header nav button{min-height:44px}.demo-footer a{padding:10px 0}.chapter .direction-link{font-size:12px} .demo-header{isolation:isolate}
/* LINDEN — a quiet, readable sequence and a printed appointment note. */
.listening{padding:110px 9% 100px;background:#faf8f2}.listening-text{font:500 clamp(45px,6.1vw,94px)/1.08 Cormorant!important;letter-spacing:-.035em;max-width:1050px;margin:55px 0 65px}.read-word{display:inline-block}.listening-aside{display:grid;grid-template-columns:1fr 230px;gap:8%;align-items:center}.medical-line{display:block;height:1px;background:#65705c;transform-origin:left}.listening-aside p{font:500 25px/1.15 Cormorant}.practice-visit{padding:110px 9%;display:grid;grid-template-columns:1.2fr 1fr;gap:13%;background:#f7f4e9}.practice-visit h2{font:500 clamp(45px,4.6vw,72px)/1 Cormorant;margin:34px 0}.practice-visit h2 em{font-style:italic;color:inherit}.practice-visit p{max-width:39ch;line-height:1.8}.practice-visit .direction-link{margin-top:30px}.visit-paper{padding:35px;background:#e4e6d9;transform:rotate(3deg);box-shadow:0 12px 30px #363a320a}.visit-paper>span,.visit-paper small{font:8px Mono}.visit-paper h3{font:500 52px/.95 Cormorant;margin:40px 0 30px}.visit-paper ol{padding-left:18px;font-size:12px;line-height:1.7}.visit-paper li{padding:13px 0;border-bottom:1px solid #363a3230}.visit-paper small{display:block;margin-top:45px}
/* STROMWERK — working circuit selector in a dark drafting room. */
.power-room{background:#24231f;color:#f2ecd9;padding:85px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:3%;align-items:center}.power-room h2{font:400 clamp(40px,4.9vw,77px)/.98 Archivo;margin:35px 0}.power-room h2 em{color:#ef412b}.power-room-head>p{font:11px/1.8 Mono}.switchboard{min-width:0}.circuit-room{width:100%;color:#f2ecd944}.room-light,.room-charge,.room-solar{opacity:.12;transition:opacity .35s}.switchboard[data-power=licht] .room-light,.switchboard[data-power=laden] .room-charge,.switchboard[data-power=solar] .room-solar{opacity:1}.power-controls{display:flex;border-block:1px solid #f2ecd944}.power-controls button{flex:1;padding:20px 4px;font:11px Mono;transition:background .2s,color .2s}.power-controls button[aria-pressed=true]{background:#f2ecd9;color:#24231f}.power-status{font:10px Mono!important;min-height:3em;padding-top:18px}.electro-project{background:#ef412b;padding:75px 6%;color:#211e1b}.electro-steps{margin:50px 0 30px}.electro-steps>p{display:grid;grid-template-columns:15% 1fr;gap:25px;padding:32px 0;border-top:2px solid #211e1b}.electro-steps b{font:400 clamp(40px,5vw,76px) Archivo}.electro-steps span{font:400 clamp(28px,4vw,64px)/1.05 Archivo;letter-spacing:-.05em}.electro-steps small{display:block;font:11px/1.6 Mono;letter-spacing:0;margin-top:20px}
/* GUTE LEUTE — moving type strip, then a recruitment noticeboard. */
.people-manifest{background:#266339;color:#f3f0e6;padding:35px 0 90px}.people-run{font:400 clamp(70px,11vw,170px)/1 Archivo;letter-spacing:-.07em;white-space:nowrap;width:max-content;border-bottom:1px solid #f3f0e666;padding-bottom:25px}.people-belief{margin:65px 7% 0;display:grid;grid-template-columns:1.5fr 1fr;gap:25px 9%;align-items:end}.people-belief>.scene-label{grid-column:1/-1}.people-belief h2{font:400 clamp(45px,5.5vw,84px)/1 Archivo;letter-spacing:-.06em}.people-belief h2 em{color:#dfedb5}.people-belief p{max-width:35ch;line-height:1.9}.people-board{background:#f3f0e6;padding:85px 7%;display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.people-board h2{font:400 clamp(48px,5.5vw,83px)/.98 Archivo;letter-spacing:-.065em;margin-top:35px}.people-board h2 em{color:#266339}.work-fields{padding-top:40px}.work-fields button{display:grid;grid-template-columns:1fr 25px;text-align:left;width:100%;padding:27px 0;border-top:1px solid #151813;gap:13px}.work-fields button span{font:8px Mono}.work-fields strong{grid-column:1;font:400 clamp(20px,2vw,30px)/1.2 Archivo;letter-spacing:-.035em}.work-fields b{grid-column:2;grid-row:1/3;align-self:center;font-size:28px;font-weight:400;transition:transform .2s}.work-fields button:hover b{transform:translate(4px,-4px)}.work-fields>small{display:block;font:9px/1.7 Mono;margin-top:25px;max-width:48ch}
/* FINISH — cinematic crop, focus guides and a second reading of the surface. */
.finish-stage{height:100svh;min-height:650px;position:relative;background:#10120f;color:#f0eee6;overflow:hidden}.finish-camera{position:absolute;inset:0;height:100%;object-fit:cover;object-position:35% center}.finish-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0d09cc,transparent 85%)}.finish-stage>.scene-label{position:absolute;left:5%;top:45px;z-index:3}.finish-stage h2,.finish-next{position:absolute;left:7%;top:40%;font:300 clamp(58px,7vw,110px)/.98 Tight;letter-spacing:-.055em;z-index:3}.finish-next{visibility:hidden;opacity:0}.finish-caption{position:absolute;bottom:35px;left:5%;font:8px Mono;letter-spacing:.12em}.finish-frame{position:absolute;inset:22% 17%;z-index:2;opacity:.6}.finish-frame i{position:absolute;width:30px;height:30px;border-color:#fff}.finish-frame i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.finish-frame i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.finish-frame i:nth-child(3){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}.finish-frame i:nth-child(4){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.finish-book{padding:100px 7% 0;background:#10120f;color:#f0eee6}.finish-book h2{font:300 clamp(58px,8vw,120px)/.96 Tight;letter-spacing:-.05em;margin:40px 0}.finish-book>div{margin-left:52%;max-width:38ch}.finish-book p{line-height:1.85}.finish-book .direction-link{margin-top:25px}.finish-signature{display:block;font:300 23vw/.85 Tight;letter-spacing:-.06em;margin-top:90px;margin-bottom:-.02em;border-top:1px solid #f0eee633;padding-top:35px;white-space:nowrap}
/* FORME — a full-screen monochrome-to-colour shutter. */
.forme-stage{height:100svh;min-height:700px;position:relative;background:#202020;color:#fff;overflow:hidden}.forme-image,.forme-colour{position:absolute;inset:0}.forme-image img,.forme-colour img{height:100%;object-fit:cover;object-position:center 40%}.forme-image{filter:grayscale(1)}.forme-colour{clip-path:inset(0 0 0 100%)}.forme-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 75%)}.forme-stage>.scene-label{position:absolute;top:40px;left:5%;z-index:2}.forme-stage h2{position:absolute;left:5%;bottom:125px;right:5%;font:400 clamp(50px,8.3vw,128px)/.92 Archivo;letter-spacing:-.065em;z-index:2}.forme-stage h2>span{display:block}.forme-new{color:#f6cbbd}.forme-stage>p{position:absolute;bottom:35px;right:5%;z-index:2;font:10px/1.5 Mono}.forme-book{background:#cf513a;padding:80px 5% 60px}.forme-bookline{display:flex;justify-content:space-between;gap:5%;align-items:end;margin:40px 0 60px}.forme-book h2{font:400 clamp(52px,8.3vw,126px)/.92 Archivo;letter-spacing:-.075em}.forme-book h2 em{color:#f0eee8}.forme-bookline .direction-link{white-space:nowrap}.forme-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #202020;padding-top:25px}.forme-notes p{font:11px/1.7 Mono}
/* LIDO — a long photographic plate and an unhurried editorial column. */
.lido-table{display:grid;grid-template-columns:1.1fr 1fr;min-height:900px;background:#f1e8d5;color:#533020}.table-photo{position:relative;overflow:hidden;margin:80px 0 80px 10%}.table-photo img{height:100%;object-fit:cover;object-position:45% center}.table-story{padding:110px 12% 80px}.table-story h2{font:500 clamp(46px,5.3vw,80px)/.95 Cormorant;margin:45px 0 35px}.table-story h2 em{font-style:italic;color:inherit}.table-story>p{max-width:34ch;line-height:1.85}.table-rule{display:block;height:1px;background:#53302066;margin:45px 0;transform-origin:left}.table-story .table-italian{font:italic 500 38px/1 Cormorant}.lido-invitation{background:#533020;color:#f1e8d5;padding:85px 6% 0}.lido-invitation h2{font:500 clamp(75px,12vw,184px)/.8 Cormorant;letter-spacing:-.055em;margin:65px 0 50px}.lido-invitation h2 em{font-style:italic;color:inherit}.lido-invitation>div{display:flex;justify-content:space-between;align-items:end;margin-left:45%;gap:30px}.lido-invitation>div>p{font:300 18px/1.5 Tight}.lido-endmark{font:500 14vw/1 Cormorant!important;letter-spacing:-.065em;white-space:nowrap;border-top:1px solid #f1e8d555;margin-top:85px;padding-top:25px}.demo-restaurant .demo-footer{background:#533020;color:#f1e8d5}
/* VESPER — an evening dial moving from paper to deep tobacco. */
.night-stage{height:100svh;min-height:700px;background:#eae3d3;color:#36281b;position:relative;overflow:hidden}.night-stage>.scene-label{position:absolute;left:5%;top:40px;z-index:3}.night-dial{width:76vw;height:76vw;border:1px solid currentColor;border-radius:50%;position:absolute;left:12%;top:15%;opacity:.45}.night-dial:before,.night-dial:after{content:'';position:absolute;inset:7%;border:1px solid currentColor;border-radius:50%}.night-dial:after{inset:14%;opacity:.3}.night-dial i{position:absolute;left:50%;top:0;height:50%;width:1px;background:currentColor;transform:rotate(-30deg);transform-origin:bottom}.night-dial span{position:absolute;font:8px Mono;letter-spacing:.15em}.night-dial span:nth-of-type(1){left:45%;top:3%}.night-dial span:nth-of-type(2){right:3%;top:50%;writing-mode:vertical-rl}.night-dial span:nth-of-type(3){left:3%;top:50%;writing-mode:vertical-rl}.night-drink{position:absolute;left:39%;top:16%;width:25%;height:70%;overflow:hidden}.night-drink img{height:100%;object-fit:cover;object-position:center 62%}.night-early,.night-late{position:absolute;left:7%;top:40%;font:500 clamp(65px,8vw,123px)/.83 Cormorant;letter-spacing:-.045em;z-index:3}.night-early em{font-style:italic;color:inherit}.night-late{visibility:hidden;opacity:0;color:#eae3d3}.night-time{position:absolute;bottom:30px;right:5%;font:8px Mono;letter-spacing:.14em}.vesper-last{background:#eae3d3;padding:90px 7%;min-height:700px}.vesper-last h2{font:500 clamp(60px,7.5vw,116px)/.9 Cormorant;margin:50px 0 40px;position:relative;z-index:2}.vesper-last h2 em{font-style:italic;color:inherit}.vesper-last p{font:300 18px/1.65 Tight}.vesper-last .direction-link{margin-top:35px}.vesper-lastmark{position:absolute;right:6%;bottom:-.12em;font:italic 500 31vw/.8 Cormorant;opacity:.12}
/* KONTUR — from the page grid into a full-width architectural photograph. */
.kontur-stage{position:relative;height:100svh;min-height:720px;background:#e9e8e0;color:#1b2921;overflow:hidden}.kontur-window{position:absolute;inset:0;clip-path:inset(18% 7% 14% 44%)}.kontur-window img{height:100%;object-fit:cover;object-position:60% center}.kontur-window:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142016a8,transparent 90%);opacity:var(--shade,0)}.kontur-opening{position:absolute;top:10%;left:6%;z-index:2}.kontur-opening h2{font:300 clamp(60px,8.2vw,125px)/.94 Tight;margin-top:110px;letter-spacing:-.055em}.kontur-inside{position:absolute;left:6%;top:40%;color:#fff;opacity:0;visibility:hidden;z-index:3}.kontur-inside>span{font:9px Mono}.kontur-inside h2{font:300 clamp(65px,8.4vw,129px)/.95 Tight;letter-spacing:-.055em;margin:25px 0}.kontur-coordinate{position:absolute;bottom:35px;left:6%;font:8px Mono;letter-spacing:.15em}.kontur-contact{padding:85px 7%;background:#e9e8e0}.kontur-contact>div:nth-child(2){display:grid;grid-template-columns:1.4fr 1fr;gap:12%;margin:40px 0 65px;align-items:end}.kontur-contact h2{font:300 clamp(60px,7.4vw,115px)/.95 Tight;letter-spacing:-.055em}.kontur-contact p{max-width:35ch;line-height:1.8}.kontur-options{border-top:1px solid #1b2921}.kontur-options button{width:100%;text-align:left;display:flex;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid #1b292144;font:300 clamp(22px,2.7vw,41px) Tight}.kontur-options span{font:8px Mono}.kontur-options b{margin-left:auto;font-weight:300;transition:transform .25s}.kontur-options button:hover b{transform:translate(5px,-5px)}
/* BRACE — fermentation becomes heat inside one continuous graphic stage. */
.brace-stage{height:100svh;min-height:720px;background:#f4ead7;color:#c73b23;position:relative;overflow:hidden}.brace-stage>.scene-label{position:absolute;top:40px;left:5%;z-index:3}.dough-disc{position:absolute;width:40vw;height:40vw;left:50%;top:20%;border-radius:50%;background:#e8d9ba;box-shadow:inset -25px -18px 35px #c4b18d66,inset 22px 18px 30px #fff6;transform:scale(.72)}.dough-disc:after{content:'';position:absolute;inset:7%;border:1px solid #c4b18d33;border-radius:50%}.oven-mouth{position:absolute;left:45%;top:18%;width:50%;height:65%;color:#ed4b28;opacity:0;visibility:hidden}.oven-mouth svg{position:absolute;width:100%;height:100%;z-index:2}.oven-heat{position:absolute;inset:18% 20% 12%;background:radial-gradient(ellipse at bottom,#ffb32f, #e64717 36%,#e6471700 72%);filter:blur(12px);transform-origin:bottom}.brace-rest,.brace-fire{position:absolute;left:5%;top:24%;z-index:4}.brace-rest h2,.brace-fire h2{font:400 clamp(100px,16vw,245px)/.84 Dela;letter-spacing:-.065em}.brace-rest h2 span,.brace-fire h2 span{display:block;font-size:.29em;letter-spacing:-.04em;margin-top:20px}.brace-rest p,.brace-fire p{font:11px/1.8 Mono;margin-top:35px}.brace-fire{opacity:0;visibility:hidden;color:#f4ead7}.brace-measure{position:absolute;bottom:35px;left:5%;font:8px Mono;letter-spacing:.12em}.brace-close{background:#e64125;color:#251f18;padding:75px 5%;display:grid;grid-template-columns:1.5fr 1fr;gap:30px 8%;align-items:end}.brace-close>.scene-label{grid-column:1/-1}.brace-close h2{font:400 clamp(65px,9.3vw,145px)/.9 Dela;letter-spacing:-.075em}.brace-close h2 em{color:#f4ead7}.brace-close>div{padding-bottom:15px}.brace-close p{font:12px/1.8 Mono}.brace-close .direction-link{margin-top:25px}
/* Small screens retain the narrative with shorter pin durations. */
@media(max-width:700px){.scene-label{font-size:8px}.listening{padding:70px 24px}.listening-text{font-size:45px!important;margin:40px 0}.listening-aside{grid-template-columns:1fr;gap:25px}.listening-aside p{max-width:22ch}.practice-visit{padding:65px 24px;grid-template-columns:1fr;gap:50px}.visit-paper{max-width:440px;padding:30px;transform:rotate(1.5deg)}.power-room{grid-template-columns:1fr;padding:60px 24px;gap:30px}.power-room h2{font-size:43px}.power-controls button{font-size:10px}.electro-project{padding:60px 24px}.electro-steps>p{grid-template-columns:45px 1fr;gap:18px}.electro-steps b{font-size:32px}.electro-steps span{font-size:29px}.electro-steps small{font-size:10px}.people-manifest{padding-bottom:65px}.people-belief{grid-template-columns:1fr;margin:40px 24px 0}.people-belief h2{font-size:44px}.people-belief p{font-size:13px}.people-board{grid-template-columns:1fr;padding:60px 24px;gap:20px}.people-board h2{font-size:55px}.work-fields{padding-top:15px}.finish-stage{min-height:660px}.finish-stage h2,.finish-next{font-size:58px;left:24px;top:44%}.finish-camera{object-position:45% center}.finish-frame{inset:23% 10%}.finish-stage>.scene-label,.finish-caption{left:24px}.finish-book{padding:70px 24px 0}.finish-book h2{font-size:58px}.finish-book>div{margin-left:0}.finish-signature{margin-top:70px}.forme-stage{min-height:700px}.forme-stage h2{font-size:10vw;bottom:150px;left:24px}.forme-stage>.scene-label{left:24px;font-size:7px;right:20px}.forme-stage>p{right:24px}.forme-image img,.forme-colour img{object-position:62% center}.forme-book{padding:60px 24px}.forme-bookline{display:block;margin:35px 0}.forme-book h2{font-size:12vw}.forme-bookline .direction-link{margin-top:30px}.forme-notes{grid-template-columns:1fr;gap:18px}.forme-notes p{font-size:10px}.lido-table{grid-template-columns:1fr;min-height:0}.table-photo{height:460px;margin:35px 24px 0}.table-story{padding:55px 24px 65px}.table-story h2{font-size:60px;margin:30px 0}.lido-invitation{padding:65px 24px 0}.lido-invitation h2{font-size:87px;margin:45px 0}.lido-invitation>div{margin-left:0;align-items:start;flex-direction:column;gap:20px}.lido-endmark{margin-top:55px}.night-stage{min-height:700px}.night-dial{width:150vw;height:150vw;left:-25%;top:17%}.night-drink{left:39%;width:50%;height:54%;top:25%}.night-early,.night-late{font-size:70px;left:24px;top:45%}.night-stage>.scene-label{left:24px}.vesper-last{padding:65px 24px;min-height:650px}.vesper-last h2{font-size:60px}.vesper-last p{font-size:17px}.vesper-lastmark{font-size:65vw}.kontur-stage{min-height:700px}.kontur-window{clip-path:inset(33% 7% 10% 24%)}.kontur-opening{left:24px;top:8%}.kontur-opening h2{font-size:64px;margin-top:55px}.kontur-inside{left:24px;top:40%}.kontur-inside h2{font-size:65px}.kontur-inside>span{font-size:7px}.kontur-contact{padding:65px 24px}.kontur-contact>div:nth-child(2){grid-template-columns:1fr;gap:30px;margin-bottom:40px}.kontur-contact h2{font-size:62px}.kontur-options button{font-size:23px;gap:18px}.brace-stage{min-height:700px}.brace-stage>.scene-label{left:24px}.brace-rest,.brace-fire{left:24px;top:20%}.brace-rest h2,.brace-fire h2{font-size:130px}.dough-disc{width:75vw;height:75vw;left:32%;top:53%}.oven-mouth{width:95%;height:45%;left:15%;top:50%}.brace-measure{left:24px;font-size:7px}.brace-close{grid-template-columns:1fr;padding:60px 24px;gap:35px}.brace-close h2{font-size:18vw}.brace-close p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.finish-next,.night-late,.kontur-inside,.brace-fire{display:none}.forme-colour{clip-path:inset(0 0 0 50%)}.finish-frame{opacity:.4}.read-word{opacity:1!important}.visit-paper{transform:none}.night-dial{transform:none}}
@media(max-width:700px){.forme-stage h2{font-size:9vw;overflow:hidden}.practice-caption p{word-spacing:.02em}}
@media(max-width:360px){.practice-title h1{font-size:55px}.electro-banner h2{font-size:37px}.power-room h2{font-size:36px}.people-belief h2{font-size:37px}.night-early,.night-late{font-size:59px}.vesper-last h2{font-size:53px}.table-story h2{font-size:53px}.lido-invitation h2{font-size:73px}.kontur-contact h2{font-size:54px}.kontur-options button{font-size:20px}.finish-stage h2,.finish-next{font-size:51px}}
/* Retire the earlier lime automotive CTA in favour of the final neutral palette. */
.demo-fahrzeugaufbereitung .cta{background:#f0eee6;border-color:#f0eee6;color:#10120f}
.forme-new{width:fit-content;max-width:100%}
@media(max-width:360px){.demo-elektrobetrieb .detail .electro-banner h2{font-size:34px}.property-masthead h1{font-size:85px}.pizza-menu h2{font-size:60px!important}}
@media(max-width:700px){.forme-stage h2{font-size:10.5vw}}
@media(max-width:360px){.pizza-first h1{font-size:64px}}