/* Shared visual stages: native scroll, overlapping planes, readable rest states. */
.motion-media{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#b7a385}
.motion-media>img,.motion-media>video{width:100%;height:100%;object-fit:cover;max-width:none}
.motion-media>video{position:absolute;inset:0;opacity:0;transition:opacity .65s;pointer-events:none}
.motion-media.video-ready>video{opacity:1}
.cinema-space .cinema-art>.motion-media{width:100%;height:100%}
.production-visual .motion-media.big-image,.production-visual .motion-media.detail-image{position:absolute}
.founder-image>.motion-media{height:500px}.founder-image .motion-media>img{height:100%}
.full-visual>.motion-media{position:absolute;inset:0}
.motion-toggle{position:relative;display:block;margin:0 var(--pad) 30px auto;font-size:10px;border:1px solid currentColor;padding:10px 16px;min-height:44px;color:var(--ink);z-index:9}
.cinema-stage>.motion-toggle,.atelier-stage>.motion-toggle{position:absolute;top:106px;left:var(--pad);margin:0;color:white;mix-blend-mode:difference}
.atelier-story{height:490svh;background:#28251f}
.atelier-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;perspective:1400px;isolation:isolate;background:#28251f;color:#fff}
.atelier-shot{position:absolute;inset:0;transform-origin:center;overflow:hidden;backface-visibility:hidden;will-change:transform,opacity;background:#28251f}
.atelier-shot:not(:first-child){visibility:hidden}
.atelier-film{position:absolute;inset:0}
.atelier-film .motion-media{background:#28251f}
.film-frame{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.film-frame.current{opacity:1;z-index:1}
.film-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#171510db 0%,#17151085 36%,#1715100d 76%),linear-gradient(0deg,#171510ae,transparent 45%);pointer-events:none}
.atelier-copy{position:absolute;top:50%;left:var(--pad);width:46%;transform:translateY(-35%);z-index:4}
.atelier-copy>.eyebrow{margin-bottom:25px;color:#e0c7a4}
.atelier-copy h2{font-size:clamp(60px,7.4vw,116px);line-height:.94;text-wrap:balance}
.atelier-copy>p{color:#eee2d3;max-width:325px;margin-top:25px;font-size:12px}
.film-choices{display:flex;gap:20px;margin-top:30px;max-width:400px}
.film-choices button{font-size:9px;border-top:1px solid #fff5;padding:12px 0;opacity:.6;text-align:left;flex:1;min-height:44px}
.film-choices button[aria-current]{opacity:1;border-top-color:#e3c49d}
.atelier-chapters{position:absolute;left:var(--pad);right:var(--pad);bottom:35px;z-index:8;display:flex;gap:25px}
.atelier-chapters button{flex:1;border-top:1px solid #fff5;padding:12px 0;text-align:left;font-size:10px;opacity:.55;min-height:44px}
.atelier-chapters button[aria-current]{opacity:1;border-color:#e3c49d}
.atelier-chapters button>span{font:italic 22px var(--serif);margin-right:10px}
.atelier-note{position:absolute;bottom:12px;left:var(--pad);right:var(--pad);z-index:8;color:#e3d7c7;font-size:8px}
.cinema-story{height:520svh;background:#d4c8b5;position:relative}
.cinema-stage,.room-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;perspective:1400px;isolation:isolate;background:#292720}
.cinema-shot,.room-shot{position:absolute;inset:0;transform-origin:50% 50%;overflow:hidden;backface-visibility:hidden;will-change:transform,opacity}
.cinema-opening.hero{height:100%;min-height:0;max-height:none}
.cinema-opening .hero-body{height:100%;padding-bottom:150px}
.cinema-opening .hero-bottom{bottom:88px}
.cinema-shot:not(:first-child),.room-shot:not(:first-child){visibility:hidden}
.cinema-material{background:#e9e3d8;color:var(--ink)}
.cinema-art{position:absolute;inset:0;transform-origin:center}
.material-main{position:absolute;right:4%;top:18%;width:49%;height:65%;box-shadow:0 30px 80px #211c2430;transform:rotate(-5deg)}
.material-detail{position:absolute;right:34%;top:49%;width:22%;height:34%;box-shadow:0 18px 65px #211c2430;transform:rotate(5deg)}
.material-main img,.material-detail img,.craft-main img,.craft-detail img{width:100%;height:100%;object-fit:cover}
.cinema-outline{position:absolute;right:8%;top:13%;width:47%;height:71%;border:1px solid #9c795450;transform:rotate(3deg)}
.cinema-copy{position:absolute;left:var(--pad);top:50%;margin-top:-135px;width:43%;z-index:3}
.cinema-copy .eyebrow{margin-bottom:24px;color:inherit;opacity:.8}
.cinema-copy h2{font-size:clamp(52px,6.6vw,106px);line-height:.95;letter-spacing:-.045em}
.cinema-copy h2 em{display:inline-block}
.cinema-copy p{margin-top:28px;font-size:12px;max-width:360px;color:inherit;line-height:1.9}
.cinema-copy .text-link{margin-top:24px}
.cinema-word{position:absolute;bottom:-4%;right:6%;font:italic clamp(150px,23vw,350px)/1 var(--serif);color:#9b806d20;pointer-events:none}
.cinema-craft{background:#292720;color:var(--paper)}
.craft-main{position:absolute;right:3%;top:15%;width:53%;height:64%;transform:rotate(3deg)}
.craft-detail{position:absolute;right:8%;top:54%;width:25%;height:30%;box-shadow:0 20px 60px #0007;transform:rotate(-5deg)}
.cinema-craft .cinema-word{color:#c2a47e25;right:34%;bottom:0}
.cinema-space .cinema-art>img{width:100%;height:100%;object-fit:cover;object-position:center}
.cinema-space:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c1918c9,transparent 95%)}
.cinema-space{color:white}
.cinema-chapters{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);display:flex;gap:24px;z-index:8;color:white;mix-blend-mode:difference}
.cinema-chapters button{border-top:1px solid currentColor;min-height:42px;padding:10px 0 0;flex:1;text-align:left;font-size:9px;letter-spacing:.1em;opacity:.45}
.cinema-chapters button[aria-current]{opacity:1}
.cinema-chapters button>span:first-child{font:italic 19px var(--serif);margin-right:12px}
.cinema-disclosure{position:absolute;bottom:79px;left:var(--pad);font-size:8px;color:white;mix-blend-mode:difference;z-index:8;letter-spacing:.06em}
.cinema-skip{position:absolute;top:110px;right:var(--pad);font-size:9px;z-index:8;color:white;mix-blend-mode:difference}
.transformation{height:580svh}
.transform-stage{min-height:620px}
.room-story{height:450svh;background:#292720}
.room-art{position:absolute;inset:0;transform-origin:center}
.room-art img{width:100%;height:100%;object-fit:contain;background:#292720}
.room-shade{position:absolute;inset:0;background:linear-gradient(0deg,#171612e0,transparent 60%)}
.room-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:135px;color:white}
.room-copy .eyebrow{margin-bottom:15px}
.room-copy h2{font-size:clamp(66px,8vw,125px)}
.room-copy h2 em{display:block;font-size:clamp(28px,3.5vw,55px);margin-top:12px}
.room-copy .pill-link{position:absolute;right:0;bottom:5px}
.room-chapters{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);display:flex;gap:26px;color:white;z-index:8}
.room-chapters button{font-size:10px;flex:1;border-top:1px solid #fff4;min-height:44px;padding:12px 0 0;opacity:.5}
.room-chapters button[aria-current]{opacity:1;border-top-color:white}
.room-disclosure{position:absolute;bottom:9px;left:var(--pad);font-size:8px;color:#ddd5c7;z-index:8}
@media(max-width:767px){
 .founder-image>.motion-media{height:380px}
 .cinema-stage>.motion-toggle,.atelier-stage>.motion-toggle{top:92px;left:20px;font-size:8px;padding:7px 10px;min-height:36px}
 .cinema-stage>.motion-toggle{top:135px}
 .atelier-story{height:470svh}.atelier-stage{min-height:620px}
 .atelier-film{inset:80px 0 auto;height:48%}.atelier-film .motion-media>video,.atelier-film .motion-media>img{object-fit:contain}
 .film-shade{background:linear-gradient(0deg,#28251f,transparent 35%)}
 .atelier-copy{top:auto;bottom:120px;left:22px;right:22px;width:auto;transform:none;text-align:center}
 .atelier-copy>.eyebrow{margin-bottom:15px;font-size:9px}.atelier-copy h2{font-size:clamp(40px,11vw,62px)}.atelier-copy>p{font-size:10px;margin:15px auto 0;max-width:285px}
 .film-choices{margin:18px auto 0;gap:15px}.film-choices button{text-align:center;font-size:8px;padding:10px 0}
 .atelier-chapters{gap:14px;bottom:33px}.atelier-chapters button{font-size:8px;text-align:center}.atelier-chapters button>span{display:block;margin:0 0 5px;font-size:20px}
 .atelier-note{font-size:7px;text-align:center;bottom:10px}
 .cinema-story{height:500svh}.cinema-stage,.room-stage{min-height:580px}
 .cinema-opening .hero-body{padding:105px 20px 170px}.cinema-opening .hero-bottom{bottom:115px}
 .cinema-skip{top:92px;font-size:8px}.cinema-chapters{gap:12px;bottom:25px}.cinema-chapters button{text-align:center;font-size:8px;padding-top:9px}.cinema-chapters button>span:first-child{display:block;margin:0 0 3px;font-size:19px}.cinema-disclosure{bottom:91px;font-size:7px;left:0;right:0;text-align:center}
 .cinema-copy{top:auto;bottom:125px;left:22px;right:22px;margin:0;width:auto;text-align:center}.cinema-copy .eyebrow{font-size:8px;margin-bottom:14px}.cinema-copy h2{font-size:clamp(42px,11vw,68px);line-height:.96}.cinema-copy p{font-size:10px;margin:15px auto 0;max-width:300px}.cinema-copy .text-link{font-size:9px;margin-top:13px;padding:8px 0;gap:25px}
 .material-main{top:15%;right:8%;width:68%;height:29%;transform:rotate(-4deg)}.material-detail{top:29%;right:62%;width:30%;height:18%;transform:rotate(5deg)}.cinema-outline{top:13%;right:5%;width:76%;height:32%}
 .craft-main{top:15%;right:9%;width:81%;height:29%}.craft-detail{top:30%;right:6%;width:32%;height:16%}.cinema-word{display:none}
 .cinema-space .cinema-art>img{object-position:58% center}.cinema-space:after{background:linear-gradient(0deg,#181714e8,transparent 95%)}
 .transformation{height:520svh}.transform-stage{min-height:580px}
 .room-story{height:410svh}.room-copy{bottom:125px;text-align:center}.room-copy h2{font-size:clamp(48px,13vw,74px)}.room-copy h2 em{font-size:26px;margin-top:12px}.room-copy .pill-link{position:static;margin-top:25px;font-size:9px;padding:12px 18px;gap:20px}.room-art{inset:75px 0 0}.room-art img{object-position:center 26%}.room-shade{background:linear-gradient(0deg,#171612 5%,#17161244 55%,transparent)}.room-chapters{gap:10px;bottom:35px}.room-chapters button{font-size:8px}.room-disclosure{font-size:7px;left:20px;right:20px;text-align:center;bottom:12px}
}
@media(max-height:700px) and (min-width:768px){.cinema-copy h2{font-size:70px}.cinema-copy{margin-top:-100px}.cinema-copy p{margin-top:20px}.cinema-copy .text-link{margin-top:14px}}
@media(max-height:750px) and (max-width:767px){.material-main,.craft-main{top:16%;height:25%}.material-detail,.craft-detail{top:27%;height:16%}.cinema-outline{top:14%;height:29%}.cinema-copy{bottom:117px}.cinema-copy h2{font-size:38px}.cinema-copy .eyebrow{margin-bottom:10px}.cinema-copy p{font-size:9px;margin-top:10px}.cinema-copy .text-link{margin-top:8px;padding:6px 0}.cinema-opening .hero-body{padding-top:95px}.cinema-opening .hero-description{margin-top:12px}.cinema-opening .hero-body>.pill-link{margin-top:16px}.atelier-film{top:98px;height:35%}.atelier-copy h2{font-size:36px}.atelier-copy>p{font-size:9px;margin-top:10px}.atelier-copy>.eyebrow{margin-bottom:10px}.atelier-copy .film-choices{margin-top:12px}}
@media(prefers-reduced-motion:reduce){
 .atelier-story{height:auto}.atelier-stage{position:relative;height:auto;min-height:0;perspective:none;overflow:visible}.atelier-shot{position:relative;min-height:740px;visibility:visible!important;opacity:1!important;transform:none!important;will-change:auto}.atelier-chapters{display:none}.atelier-note{position:relative;padding:15px;bottom:auto;left:auto;right:auto}.atelier-stage>.motion-toggle{top:20px}
 .cinema-story,.room-story{height:auto}.cinema-stage,.room-stage{height:auto;position:relative;min-height:0;overflow:visible;perspective:none}
 .cinema-shot,.room-shot{position:relative;visibility:visible!important;opacity:1!important;transform:none!important;min-height:720px;will-change:auto}
 .cinema-opening.hero{height:100svh;min-height:650px}.cinema-copy,.cinema-art,.room-copy,.room-art{transform:none!important}
 .cinema-chapters,.cinema-skip,.cinema-disclosure,.room-chapters{display:none}.room-disclosure{position:relative;padding:12px;text-align:center;bottom:auto;left:auto}.room-shot{min-height:650px}.transformation{height:auto}
}