/* V11 — SAAS Originalgrønn. Exact V05 colors, current layout and motion. */
.home-page{--home-gutter:9vw;--section-space:clamp(160px,16vw,250px);--reel-width:clamp(310px,40vw,570px);background:#1b1e1b;color:#f4f3ec}
.home-page .home-wrap{padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
.home-page header{padding-top:24px;padding-bottom:24px;border:0}
.home-page header .logo{width:88px}
.home-page .nav-contact{border-color:#ffffff65;border-radius:0}
.home-page h2{font-size:clamp(3.4rem,8.5vw,8.7rem);font-weight:700;line-height:1.02;letter-spacing:-.055em;text-transform:uppercase}
.home-page .textlink{font-size:14px;gap:24px}
.home-page .chapter{font-size:13px;letter-spacing:.08em;margin-bottom:100px;border:0;padding:0;line-height:1.6}

/* Opening photograph stays still while its scale and title move. */
.hero-sequence{position:relative;background:#1b1e1b}
.home-page .hero{height:100svh;min-height:600px;background:#17211f}
.home-page .hero>img{transform:scale(var(--hero-scale,1));transform-origin:50% 57%}
.home-page .hero:after{background:linear-gradient(180deg,#09151c30 0%,#09151c08 35%,#09151c16 60%,#09151c55 100%)}
.home-page .hero-content{transform:translate3d(0,var(--hero-title-y,0px),0);opacity:var(--hero-title-opacity,1)}
.home-page .hero h1{font-size:clamp(2.5rem,5.35vw,7rem);font-weight:700;line-height:1.12;letter-spacing:.13em}
.home-page .hero-bottom{bottom:40px}
.home-page .hero-scroll>span{display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;height:44px;width:44px;font-size:22px}
.motion-enabled .hero-sequence{height:155svh}
.motion-enabled .hero-sequence>.hero{position:sticky;top:0}

/* The statement and the photograph have their own space. */
.origin-section{padding:clamp(180px,25svh,290px) 0 var(--section-space);background:#1b1e1b}
.origin-intro h2{max-width:1100px}
.origin-copy{max-width:345px;margin:clamp(90px,11vw,170px) 3vw 0 auto}
.origin-copy p{font-size:18px;color:#c4cbbf;line-height:1.85}
.origin-copy .textlink{margin-top:30px}
.landscape-sequence{position:relative;margin-top:clamp(150px,18vw,280px)}
.landscape-stage{margin:0;position:relative}
.landscape-window{margin:0 9vw;overflow:hidden}
.landscape-window img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:50% 50%}
.landscape-stage figcaption{margin:28px 9vw 0;font-size:13px;color:#aeb9a7}
.motion-enabled .landscape-sequence{height:170svh}
.motion-enabled .landscape-stage{position:sticky;top:0;height:100svh}
.motion-enabled .landscape-window{position:absolute;inset:0;margin:0;clip-path:inset(var(--window-y,17%) var(--window-x,19%))}
.motion-enabled .landscape-window img{height:100%;aspect-ratio:auto;transform:scale(var(--window-scale,1.16))}
.motion-enabled .landscape-stage figcaption{position:absolute;left:9vw;bottom:3svh;margin:0}

/* One large product at a time, with a wide interval before the next. */
.design-reel-section{background:var(--paper);color:var(--ink);padding:var(--section-space) 0}
.reel-heading h2{font-size:clamp(4rem,10.5vw,10.5rem)}
.reel-description{margin:90px 3vw 0 auto;max-width:345px}
.reel-description p{font-size:17px;color:#505e50;line-height:1.85}
.reel-sequence{position:relative;margin-top:clamp(120px,13vw,200px)}
.reel-stage{position:relative}
.design-reel{display:flex;align-items:start;gap:clamp(100px,23vw,360px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 calc((100vw - var(--reel-width))/2) 35px;scrollbar-width:thin;scrollbar-color:#bac2b4 transparent}
.reel-card{flex:0 0 var(--reel-width);min-width:0;scroll-snap-align:center}
.reel-image{position:relative;aspect-ratio:.84;overflow:hidden;background:#deded5}
.reel-image>img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform 1s ease}
.reel-card:hover .reel-image>img,.reel-card:focus-visible .reel-image>img{transform:scale(1.045)}
.reel-card-caption{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-top:30px}
.reel-card-caption>div{min-width:0}
.reel-card-caption h3{font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:500;line-height:1.15;letter-spacing:-.035em}
.reel-card-caption p{font-size:14px;color:#606c5b;margin-top:12px;line-height:1.6}
.reel-number{flex-shrink:0;font-size:12px;letter-spacing:.08em;color:#606c5b;padding-top:8px}
.reel-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:clamp(70px,8vw,120px)}
.reel-controls{display:flex;gap:18px}
.reel-controls[hidden]{display:none}
.reel-controls button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #899580;background:transparent;border-radius:50%;font-size:23px;transition:background .25s,color .25s}
.reel-controls button:hover:not(:disabled){background:var(--forest);color:#fff}
.reel-controls button:disabled{opacity:.28;cursor:default}
.reel-motion .reel-sequence{height:calc(100svh + var(--reel-travel,0px))}
.reel-motion .reel-stage{--reel-width:min(40vw,45svh,570px);position:sticky;top:0;height:100svh;padding:6svh 0 5svh;display:flex;flex-direction:column;justify-content:center;gap:5svh;overflow:hidden}
.reel-motion .design-reel{flex:0 0 auto;padding-bottom:8px;overflow-x:hidden;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;touch-action:pan-y pinch-zoom}
.reel-motion .design-reel::-webkit-scrollbar{display:none}
.reel-motion .reel-footer{flex:0 0 auto;margin-top:0}

/* Scroll scenes: the frame remains in place, each project enters and rests. */
.projects-section{padding:var(--section-space) 0;background:#2b332a}
.project-intro{margin-bottom:clamp(100px,12vw,180px)}
.project-intro h2{font-size:clamp(3.1rem,9.7vw,10rem)}
.project-sequence{position:relative}
.project-stage{position:relative}
.project-scene{width:80%;margin:0 auto 190px}
.project-scene:nth-of-type(2){width:72%;margin-right:9%}
.project-scene:last-of-type{margin-bottom:0}
.project-visual{overflow:hidden}
.project-photo{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:center}
.project-caption{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-top:32px}
.project-caption .eyebrow{font-size:12px;letter-spacing:.1em;color:#b2bfa8;margin-bottom:14px;line-height:1.6}
.project-caption h3{font-size:clamp(2.8rem,5.4vw,5rem);font-weight:600;line-height:1.08;letter-spacing:-.04em}
.project-caption .textlink{flex-shrink:0;margin-bottom:4px}
.project-navigation[hidden]{display:none}
.project-navigation{position:absolute;left:10vw;right:10vw;bottom:4svh;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px}
.project-navigation>div{display:flex;gap:16px}
.project-navigation button{border:0;border-bottom:1px solid #5d6955;background:transparent;color:#aeb9a7;min-width:44px;min-height:44px;padding:8px 12px;font-size:14px}
.project-navigation button[aria-current=true]{border-color:#f4f3ec;color:#f4f3ec}
.project-navigation button:hover{color:white;border-color:white}
.project-motion .project-sequence{height:480svh}
.project-motion .project-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.project-motion .project-scene{position:absolute;top:8svh;left:10vw;width:80vw;margin:0;visibility:hidden;pointer-events:none}
.project-motion .project-scene.is-active{visibility:visible;pointer-events:auto}
.project-motion .project-visual{height:58svh;transform:translate3d(0,var(--scene-y,0px),0) scale(var(--scene-scale,1));opacity:var(--scene-opacity,1);transform-origin:center}
.project-motion .project-photo{height:100%;aspect-ratio:auto;transform:scale(var(--photo-scale,1));will-change:transform}
.project-motion .project-caption{margin-top:28px;transform:translate3d(var(--caption-x,0px),0,0);opacity:var(--caption-opacity,1)}

/* Another quiet interval, then the full original lookbook. */
.home-page .lookbook-feature{padding-top:var(--section-space);padding-bottom:var(--section-space);background:#161915}
.home-page .lookbook-heading{display:block;margin-bottom:clamp(110px,13vw,200px)}
.home-page .lookbook-heading h2{font-size:clamp(3.5rem,9.5vw,9.5rem)}
.home-page .lookbook-heading>div{max-width:345px;margin:clamp(90px,11vw,160px) 3vw 0 auto;padding:0}
.home-page .lookbook-heading p{font-size:17px;color:#c2ccba;line-height:1.85;margin-bottom:25px}
.home-page .book-reader{max-width:1100px;margin:0 auto;border:1px solid #40513a;background:#111310;padding:18px}
.home-page .book-stage{height:min(60vw,650px);background:#111310}
.home-page .book-toolbar{padding-top:25px}
.home-page .book-toolbar button{border-color:#708266}
.home-page .book-reader:fullscreen{max-width:none}
.home-page .book-reader:fullscreen .book-stage{height:auto}
.home-page .book-source{max-width:1100px;font-size:13px;margin:32px auto 0}
.home-page .contact{background:var(--forest);padding:var(--section-space) var(--home-gutter);gap:12vw;color:#f4f3ec;align-items:start}
.home-page .contact h2{font-size:clamp(3rem,5.4vw,5.5rem);font-weight:600;line-height:1.05;letter-spacing:-.045em}
.home-page .contact p{color:#c8d2c0;line-height:1.85}
.home-page .contact-side{align-self:end;border-top:0;padding-top:0}
.home-page footer{background:var(--forest);color:#b9c5af;padding-top:50px;padding-bottom:50px}
.reveal-ready [data-reveal]{opacity:0;transform:translate3d(0,64px,0);transition:opacity 1.1s ease,transform 1.35s cubic-bezier(.16,1,.3,1)}
.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1100px){
 .home-page{--home-gutter:8vw;--section-space:165px;--reel-width:46vw}
 .origin-copy,.reel-description{margin-right:0}
 .project-caption h3{font-size:clamp(2.8rem,5.2vw,4rem)}
}
@media(max-width:900px){
 .home-page{--section-space:140px;--reel-width:64vw}
 .home-page h2{font-size:clamp(2.8rem,9.2vw,5.3rem)}
 .home-page .hero h1{font-size:clamp(1.75rem,8vw,4.8rem);line-height:1.2;letter-spacing:.1em}
 .home-page .hero h1>span{display:block}
 .home-page .hero-bottom{left:6vw;right:6vw;bottom:30px}
 .home-page .chapter{margin-bottom:80px;font-size:12px}
 .origin-section{padding-top:160px}
 .origin-copy{margin-top:90px}.origin-copy p{font-size:17px}
 .landscape-sequence{margin-top:150px}.landscape-window{margin:0 8vw}.landscape-window img{aspect-ratio:1.25}
 .reel-heading h2{font-size:clamp(4rem,12vw,7rem)}
 .reel-description{margin-top:85px}.reel-description p{font-size:16px}
 .reel-sequence{margin-top:120px}.design-reel{gap:24vw}
 .reel-motion .reel-stage{--reel-width:min(64vw,45svh)}
 .reel-card-caption h3{font-size:clamp(1.7rem,4vw,2.2rem)}
 .reel-footer{margin-top:75px}.reel-controls{gap:12px}.reel-controls button{width:44px;height:44px}
 .project-intro{margin-bottom:120px}.project-intro h2{font-size:clamp(2.9rem,10.2vw,5.5rem)}
 .project-scene{width:84%;margin-bottom:170px}.project-scene:nth-of-type(2){width:78%;margin-right:8%}
 .project-photo{aspect-ratio:1.3}.project-caption{margin-top:30px;gap:20px}.project-caption h3{font-size:clamp(2rem,5.5vw,3.5rem)}
 .project-motion .project-scene{left:8vw;width:84vw}.project-navigation{left:8vw;right:8vw}
 .home-page .lookbook-heading{margin-bottom:120px}.home-page .lookbook-heading h2{font-size:clamp(3rem,10vw,6rem)}
 .home-page .lookbook-heading>div{margin:85px 0 0 auto}
 .home-page .lookbook-heading p{font-size:16px}.home-page .book-reader{padding:8px}.home-page .book-stage{height:65vw}
 .home-page .contact{gap:90px;grid-template-columns:1fr}
 .home-page .contact h2{font-size:clamp(2.8rem,7.5vw,4.5rem)}
}
@media(max-width:600px){
 .home-page{--section-space:120px;--reel-width:76vw}
 .home-page h2{font-size:clamp(2.5rem,9.5vw,3.5rem)}
 .home-page header .logo{width:76px}.home-page .hero-content .eyebrow{font-size:14px}.home-page .hero-scroll{gap:12px}.home-page .hero-bottom .textlink{gap:10px}
 .home-page .chapter{margin-bottom:70px}
 .origin-section{padding-top:140px}.origin-copy{margin-top:75px}
 .landscape-sequence{margin-top:125px}.landscape-window{margin:0 6vw}.landscape-window img{aspect-ratio:1.05}
 .landscape-stage figcaption{margin:24px 6vw 0;font-size:12px}
 .motion-enabled .landscape-sequence{height:155svh}.motion-enabled .landscape-stage figcaption{left:7vw}
 .reel-heading h2{font-size:clamp(3.5rem,15vw,5.5rem)}.reel-description{margin-top:75px}
 .reel-sequence{margin-top:105px}.design-reel{gap:22vw;padding-bottom:25px}.reel-card-caption{gap:14px;margin-top:25px}
 .reel-motion .reel-stage{--reel-width:min(76vw,45svh)}
 .reel-card-caption h3{font-size:1.7rem}.reel-card-caption p{font-size:14px}.reel-number{padding-top:5px}
 .reel-footer{gap:18px;margin-top:65px}.reel-footer .textlink{gap:12px}.reel-controls{gap:8px}
 .project-intro{margin-bottom:90px}.project-intro h2{font-size:clamp(2.45rem,10.2vw,3.8rem)}
 .project-scene{width:88%;margin-bottom:145px}.project-scene:nth-of-type(2){width:82%;margin-right:6%}
 .project-photo{aspect-ratio:1.05}.project-caption{gap:18px;margin-top:26px}.project-caption h3{font-size:clamp(1.8rem,7.2vw,2.7rem)}
 .project-caption .textlink{gap:10px}.project-caption .eyebrow{letter-spacing:.04em;margin-bottom:12px}
 .project-motion .project-sequence{height:430svh}.project-motion .project-scene{top:10svh;left:7vw;width:86vw}
 .project-motion .project-visual{height:50svh}.project-motion .project-caption{margin-top:25px}
 .project-navigation{left:7vw;right:7vw;bottom:6svh;gap:12px;font-size:14px}.project-navigation>div{gap:8px}
 .home-page .lookbook-heading h2{font-size:clamp(2.8rem,11vw,4rem)}.home-page .lookbook-heading>div{margin-top:80px}
 .home-page .book-source{font-size:12px}.home-page .contact h2{font-size:clamp(2.6rem,10vw,3.5rem)}
 .reveal-ready [data-reveal]{transform:translate3d(0,42px,0)}
 .reveal-ready [data-reveal].is-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .home-page .hero>img,.home-page .hero-content,.landscape-window img,.reel-image>img{transform:none!important}
 .home-page [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
 .home-page *{scroll-behavior:auto!important}
}

/* V12 — sauna and spot lighting. Existing scroll scenes are retained. */
.sauna-home-copy{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:10vw;margin-top:clamp(110px,12vw,180px)}
.sauna-home-copy>div{max-width:350px;padding-top:12px}.sauna-home-copy p{font-size:18px;line-height:1.8;color:#c4cbbf}.sauna-home-copy .textlink{margin-top:26px}
.spots-home{padding-top:var(--section-space);padding-bottom:var(--section-space);background:var(--paper);color:var(--ink);border-top:1px solid #c4c8bf}
.spots-home-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end;margin-bottom:110px}.spots-home-heading h2{font-size:clamp(3rem,6.7vw,7rem)}.spots-home-heading>div{max-width:320px}.spots-home-heading p{font-size:17px;line-height:1.8;color:#505e50}.spots-home-heading .textlink{margin-top:25px}
.spots-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.spots-preview .tech-image{background:#e8e9e2}.spots-preview .tech-image img{mix-blend-mode:multiply}
@media(max-width:800px){.sauna-home-copy,.spots-home-heading{grid-template-columns:1fr;gap:40px}.sauna-home-copy{margin-top:80px}.sauna-home-copy>div{padding:0;max-width:450px}.spots-home-heading{margin-bottom:65px}.spots-home-heading>div{max-width:420px}.spots-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}.spots-preview .tech-card:last-child{grid-column:1/-1;max-width:calc(50% - 10px)}}
@media(max-width:500px){.spots-home-heading h2{font-size:clamp(2.5rem,10vw,3.5rem)}.sauna-home-copy p{font-size:17px}.spots-preview{gap:35px 16px}.spots-preview .tech-card-title h3{font-size:22px}}