:root{
  --bg:#0a0604;
  --bg-2:#100906;
  --text:#f4eee7;
  --muted:#cbbfb5;
  --muted-2:rgba(244,238,231,.70);
  --line:rgba(190,136,88,.28);
  --line-soft:rgba(255,255,255,.09);
  --accent:#a06c42;
  --accent-soft:#c08b61;
  --max:1536px;
  --serif:"Bodoni 72","Didot","Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  --sans:Inter,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{color:inherit}
.locked-section{max-width:var(--max);margin:0 auto;position:relative;background:radial-gradient(circle at 50% 20%,rgba(69,29,13,.14),transparent 45%),linear-gradient(180deg,#0b0705,#090503)}
.section-pad{padding:106px 46px}
.eyebrow{margin:0 0 30px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ddd1c8}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.section-copy h2,.materials-head h2,.spaces-head h2{font-size:clamp(54px,5.25vw,80px);line-height:.92;margin:0 0 28px}
.body-copy{max-width:390px;margin:0;font-size:17px;line-height:1.7;color:var(--muted-2)}
.short-rule{width:160px;height:1px;background:var(--line);margin:29px 0 28px}
.section-rule{height:1px;background:var(--line-soft);margin:34px 0 24px}

/* top navigation */
.topbar{position:absolute;z-index:60;top:0;left:50%;transform:translateX(-50%);width:min(100%,var(--max));height:68px;padding:0 44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#f2ece5;background:linear-gradient(180deg,rgba(6,3,2,.76),rgba(6,3,2,0));pointer-events:none}
.topbar a,.topbar button,.topbar-right{pointer-events:auto}
.topbar-left{display:flex;gap:28px;align-items:center}.topbar-left a,.cart-label,.lang-btn{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.wordmark{font-size:15px;letter-spacing:.42em;text-transform:uppercase;white-space:nowrap}
.topbar-right{justify-self:end;display:flex;align-items:center;gap:26px}.lang-switch{display:flex;gap:6px;align-items:center;font-size:10px;color:rgba(255,255,255,.55)}
.lang-btn{border:0;background:none;padding:0;cursor:pointer}.lang-btn.is-active{color:#fff}

/* hero */
.hero{height:min(100vh,1024px);min-height:720px;overflow:hidden}
.hero-image,.light-canvas,.hero-vignette{position:absolute;inset:0;width:100%;height:100%}
.hero-image{object-fit:cover;object-position:center center}
.light-canvas{pointer-events:none}
.hero-vignette{background:linear-gradient(90deg,rgba(3,2,2,.72) 0%,rgba(3,2,2,.52) 25%,rgba(3,2,2,.13) 46%,rgba(3,2,2,.08) 70%,rgba(3,2,2,.18) 100%),linear-gradient(180deg,rgba(3,2,2,.12),rgba(3,2,2,.08) 62%,rgba(3,2,2,.34) 100%)}
.hero-copy{position:absolute;z-index:3;left:10.2%;top:31%;max-width:440px}
.hero-copy h1{margin:0 0 18px;font-size:clamp(65px,6.1vw,94px);line-height:.89}
.hero-copy p{margin:0 0 28px;font-size:15px;line-height:1.55;color:#f0e8e1}
.ghost-btn,.release-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;border:1px solid rgba(207,174,147,.52);background:rgba(8,5,4,.34);color:#f7f0e9;padding:0 20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}

/* control */
.control{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:50px;align-items:center;min-height:760px}
.control-copy{align-self:center}
.control-media{position:relative;width:100%;aspect-ratio:1448/1086;overflow:hidden}
.control-media>img,.control-media>.light-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.remote-hit{position:absolute;left:56.85%;top:71.15%;width:15.2%;aspect-ratio:1;border:0;background:transparent;border-radius:50%;cursor:grab;touch-action:none;padding:0;z-index:5}
.remote-hit:active{cursor:grabbing}.remote-hit:hover .remote-orbit{opacity:.95;transform:scale(1.03)}
.remote-orbit{position:absolute;inset:-8px;border:1px dashed rgba(228,204,185,.38);border-radius:50%;opacity:.72;transition:.25s ease}
.remote-marker{position:absolute;left:50%;top:7%;width:8px;height:8px;border-radius:50%;background:#f0e5dc;box-shadow:0 0 0 2px rgba(0,0,0,.45);transform:translateX(-50%);transform-origin:0 52px}
.remote-cue{position:absolute;left:48.8%;top:88.9%;transform:translateX(-50%);width:150px;text-align:center;font-family:var(--serif);font-size:17px;line-height:1.05;color:#e8cfbb;letter-spacing:.01em;z-index:5;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.remote-cue::before,.remote-cue::after{content:"↺";position:absolute;top:50%;font-size:20px;color:rgba(237,214,194,.78)}
.remote-cue::before{left:-6px;transform:translate(-100%,-62%) rotate(8deg)}
.remote-cue::after{right:-6px;transform:translate(100%,-35%) scaleX(-1) rotate(-10deg)}
.phone-app{position:absolute;left:77.95%;top:57.75%;width:9.35%;height:32.1%;z-index:4;border-radius:8.5%/4.4%;pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:7% 8.5% 7.5%;background:#090b10;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);overflow:hidden;--level:.56}
.phone-app::before{content:"";position:absolute;left:28%;right:28%;top:1.2%;height:5.5%;border-radius:0 0 999px 999px;background:#050609;z-index:5}
.phone-app-top{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:3%;margin-bottom:6%;font-size:clamp(3px,.35vw,5.5px);letter-spacing:.055em;color:rgba(240,242,246,.72)}
.phone-app-top::before{content:"‹";justify-self:start;color:rgba(255,255,255,.45);font-size:1.25em}.phone-app-top::after{content:"⋯";justify-self:end;color:rgba(255,255,255,.45);letter-spacing:.05em}.phone-app-tab{display:none}.phone-app-tab.is-active{display:block;grid-column:2;justify-self:center;color:#f2f0eb;text-transform:uppercase;font-weight:500;white-space:nowrap;font-size:0}.phone-app-tab.is-active::before{content:"AURA SUNSET";font-size:clamp(3px,.38vw,5.8px)}
.phone-dial{position:relative;width:82%;aspect-ratio:1/1;border-radius:50%;margin:3% auto 7%;background:conic-gradient(from 135deg, #ffd469 0deg, #ffbd4c calc(var(--level)*270deg), rgba(240,243,248,.97) calc(var(--level)*270deg), rgba(240,243,248,.97) 270deg, transparent 270deg 360deg);filter:drop-shadow(0 0 3px rgba(246,175,62,.18))}
.phone-dial::before{content:"";position:absolute;inset:18%;border-radius:50%;background:#0d111a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.phone-dial::after{content:"";position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 48% 42%,#ffc86c 0%,#efa044 75%,#dd8a32 100%);box-shadow:0 0 calc(4px + var(--level)*10px) rgba(255,156,47,calc(.08 + var(--level)*.22))}
.phone-dial-core{position:absolute;z-index:3;left:50%;top:50%;width:12%;height:18%;transform:translate(-50%,-48%);background:#fff2cd;clip-path:polygon(50% 0,72% 25%,72% 50%,62% 66%,62% 100%,38% 100%,38% 66%,28% 50%,28% 25%);opacity:.92}
.phone-dial-dot{position:absolute;z-index:4;left:50%;top:50%;width:10%;aspect-ratio:1;border-radius:50%;background:#ffd36b;border:1px solid rgba(255,255,255,.72);box-shadow:0 0 5px rgba(255,190,62,.45);transform:translate(-50%,-50%) rotate(-120deg) translateY(-34px);transform-origin:50% 50%}
.phone-slider-wrap{width:100%;display:grid;grid-template-columns:auto 1fr;gap:7%;align-items:center;margin-top:auto;margin-bottom:8%}
.phone-slider-icon{font-size:clamp(3px,.42vw,6px);color:#f4d985;line-height:1}
.phone-sync{position:relative;width:100%;height:2px;background:rgba(255,255,255,.22);border-radius:999px}
.phone-sync-fill{width:56%;height:100%;background:linear-gradient(90deg,#ffd15f,#f4eee7);border-radius:999px;box-shadow:0 0 5px rgba(255,206,95,.20)}
.phone-sync-knob{position:absolute;top:50%;left:56%;width:7px;height:7px;transform:translate(-50%,-50%);background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.28)}
.phone-app-bottom{width:100%;padding-top:6%;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;font-size:clamp(2.2px,.25vw,4.1px);letter-spacing:.015em;color:rgba(226,229,235,.5)}

/* materials */
.materials{min-height:670px}.materials-head{max-width:560px}.materials-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:0}
.material-card{padding-right:26px}.material-divider{border-left:1px solid rgba(255,255,255,.14);padding-left:28px}.material-card img{width:100%;height:250px;object-fit:cover;background:#0c0705}.frame-material .frame-image-wrap{height:250px;display:flex;align-items:center}.frame-material img{height:100%;object-fit:contain}
.material-card h3{margin:22px 0 11px;font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:#e8ded5}.material-card p{margin:0;font-size:14px;line-height:1.55;color:var(--muted-2)}

/* experience */
.experience{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:46px;align-items:center;min-height:690px}
.experience-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end}
.experience-image{height:420px;overflow:hidden;position:relative;background:#0b0605}
.experience-image img{display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center;will-change:transform;transform-origin:center center}
.experience-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;display:block;transform-origin:center center;mix-blend-mode:screen}
/* The three approved source files remain untouched. These transforms only normalize their framing in identical containers. */
.experience-card:nth-child(1) .experience-image img,.experience-card:nth-child(1) .experience-overlay,.experience-card:nth-child(2) .experience-image img,.experience-card:nth-child(2) .experience-overlay,.experience-card:nth-child(3) .experience-image img,.experience-card:nth-child(3) .experience-overlay{transform:none}
.experience-card h3{margin:17px 0 0;text-align:center;font-size:12px;font-weight:400;letter-spacing:.15em;color:#c88955}
.experience-line{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.experience-line i,.experience-line b{height:1px;background:rgba(185,119,67,.5);position:relative}.experience-line i::after,.experience-line b::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(185,119,67,.8);background:var(--bg)}.experience-line b::after{background:#c6895b}

/* spaces */
.spaces{min-height:690px}.spaces-head{max-width:610px;margin-bottom:32px}.carousel-shell{position:relative;padding:0 26px 36px}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;gap:7px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.space-card{flex:0 0 calc((100% - 28px)/5);align-self:flex-start}.space-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center top}.space-card h3{margin:14px 0 0;text-align:center;font-size:11px;font-weight:400;letter-spacing:.15em;color:#c88750}
.carousel-arrow{position:absolute;z-index:3;top:40%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid rgba(190,136,88,.42);background:rgba(7,4,3,.55);color:#c78b58;font-size:24px;line-height:1;cursor:pointer}.carousel-arrow.prev{left:-1px}.carousel-arrow.next{right:-1px}
.carousel-dots{display:flex;justify-content:center;gap:58px;margin-top:28px;position:relative}.carousel-dots::before{content:"";position:absolute;top:3px;left:30%;right:30%;height:1px;background:rgba(190,136,88,.45)}.carousel-dots i{width:6px;height:6px;border-radius:50%;background:#ae7548;z-index:1}

/* release */
.release{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center;min-height:820px;padding-top:112px;padding-bottom:80px}.release-art-wrap{display:flex;align-items:center;justify-content:flex-start}.release-art{width:min(100%,720px);height:auto;aspect-ratio:auto;object-fit:contain;display:block;box-shadow:0 35px 70px rgba(0,0,0,.22)}
.release-copy{max-width:430px}.release-kicker{margin:0 0 7px;font-family:var(--serif);font-size:clamp(48px,4.5vw,66px);line-height:.9;letter-spacing:-.03em}.release-copy h2{margin:0;color:#b77a47;font-size:clamp(31px,2.5vw,42px);line-height:1;font-weight:400}.mini-rule{width:62px;height:1px;background:#8f5930;margin:18px 0 20px}.release-size{font-family:var(--serif);font-size:25px;margin:0 0 28px}.frame-label{font-size:17px;margin-bottom:13px}.frame-selectors{display:flex;gap:28px;align-items:flex-start;margin-bottom:28px}.frame-selector{position:relative;border:0;background:transparent;padding:0;color:#b9875d;display:flex;flex-direction:column;align-items:flex-start;gap:9px;cursor:pointer;font-size:14px;letter-spacing:.03em;transition:color .22s ease,opacity .22s ease}.frame-selector:hover{color:#dfbf9a}.frame-selector.is-active{color:#f3e5d6}.frame-selector::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:#9a6a43;opacity:0;transform:scaleX(.45);transform-origin:left center;transition:opacity .22s ease,transform .22s ease}.frame-selector.is-active::after{opacity:1;transform:scaleX(1)}.frame-preview{width:54px;height:16px;display:block;position:relative;background:transparent;overflow:visible}.frame-preview i{display:none}.frame-preview::before,.frame-preview::after{content:"";position:absolute;display:block}.frame-preview::before{left:0;top:7px;width:42px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 0 0 1px rgba(0,0,0,.18)}.frame-preview::after{left:40px;top:3px;width:2px;height:10px;border-radius:2px;background:currentColor;box-shadow:0 0 0 1px rgba(0,0,0,.16)}.frame-preview.wood{color:#7b5a45}.frame-preview.gold{color:#b8a082}.frame-preview.black{color:#34302d}.release-price{font-family:var(--serif);font-size:50px;margin-bottom:18px}.release-cta{width:100%;min-height:58px}.release-note{font-size:14px;line-height:1.55;color:#c98b54;margin:14px 0 0}
.footer{max-width:var(--max);margin:0 auto;padding:24px 44px 38px;border-top:1px solid rgba(190,136,88,.26);display:flex;justify-content:space-between;align-items:flex-end}.footer strong{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:.05em;color:#c68b56}.footer small{display:block;margin-top:5px;font-size:9px;letter-spacing:.18em;color:#a86f42}.footer nav{display:flex;gap:35px}.footer a{font-size:10px;letter-spacing:.16em;color:#bf8352}

/* modal */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .22s ease}.modal.is-open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(5px)}.modal-panel{position:relative;width:min(560px,calc(100vw - 28px));padding:46px 34px 30px;background:#100b08;border:1px solid rgba(190,136,88,.38);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-close{position:absolute;top:10px;right:13px;border:0;background:none;color:#eee4da;font-size:28px;cursor:pointer}.modal-panel h2{margin:0 0 28px;text-align:center;font-family:var(--serif);font-size:38px;font-weight:400}.modal form{display:grid;gap:17px}.modal label,.modal legend{font-size:11px;letter-spacing:.02em;color:#e4d8cf}.modal input[type=text],.modal input[type=email]{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid rgba(190,136,88,.28);background:#0b0705;color:#f2ebe4;outline:none}.modal fieldset{border:0;margin:0;padding:0}.modal fieldset label{display:flex;gap:9px;align-items:center;margin-top:9px}.modal input[type=radio]{accent-color:#b98253}.modal-submit{margin-top:4px}.privacy,.success-state p{margin:0;color:rgba(255,255,255,.54);font-size:12px;line-height:1.6}.success-state{text-align:center;padding:22px 8px}.success-check{width:42px;height:42px;border:1px solid #a97045;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:#dca66e}.success-state h2{margin-bottom:15px}.form-error{min-height:18px;color:#d2a08c;margin:0;font-size:12px}

@media (max-width:1100px){
  .section-pad{padding:90px 28px}.topbar{padding:0 28px}.hero-copy{left:7.5%}.control{grid-template-columns:1fr;gap:22px}.control-copy{max-width:520px}.control-media{max-width:930px;margin-left:auto}.materials-grid{grid-template-columns:1fr 1fr}.frame-material{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:28px 0 0;margin-top:28px}.frame-material .frame-image-wrap{max-width:520px}.experience{grid-template-columns:1fr}.experience-copy{max-width:560px}.space-card{flex-basis:calc((100% - 14px)/3)}.release{grid-template-columns:1fr 1fr;gap:36px}.release-art{max-width:600px}
}
@media (max-width:760px){
  .topbar{height:58px;padding:0 16px;grid-template-columns:1fr auto}.topbar-left,.cart-label{display:none}.wordmark{justify-self:start;font-size:12px;letter-spacing:.30em}.topbar-right{gap:0}.section-pad{padding:74px 18px}.hero{height:850px;min-height:0}.hero-image{object-position:60% center}.hero-vignette{background:linear-gradient(180deg,rgba(3,2,2,.25),rgba(3,2,2,.18) 30%,rgba(3,2,2,.82) 75%,rgba(3,2,2,.94)),linear-gradient(90deg,rgba(3,2,2,.8),rgba(3,2,2,.15) 62%)}.hero-copy{left:22px;top:14%;max-width:340px}.hero-copy h1{font-size:58px}.hero-copy p{font-size:14px;max-width:300px}.section-copy h2,.materials-head h2,.spaces-head h2{font-size:48px}.control{min-height:0}.control-media{width:118%;margin-left:-3%;}.remote-cue{font-size:12px;left:49%}.materials-grid{grid-template-columns:1fr}.material-card,.material-divider{border:0;padding:0}.material-divider{margin-top:34px}.frame-material{border-top:0}.material-card img,.frame-material .frame-image-wrap{height:auto}.experience{min-height:0}.experience-gallery{gap:4px}.experience-image{height:310px}.experience-card h3{font-size:9px}.spaces{min-height:0}.space-card{flex:0 0 78vw}.space-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center top}.carousel-dots{gap:34px}.carousel-dots::before{left:18%;right:18%}.release{grid-template-columns:1fr;min-height:0;gap:44px}.release-art-wrap{order:2}.release-copy{order:1}.release-kicker{font-size:48px}.release-copy h2{font-size:32px}.frame-selectors{gap:22px;flex-wrap:wrap}.frame-preview{width:48px;height:15px}.footer{padding:22px 18px 30px;flex-direction:column;align-items:flex-start;gap:26px}.footer nav{gap:22px}.modal-panel{padding:42px 22px 28px}.modal-panel h2{font-size:34px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-track,.modal{transition:none}}

@media (max-width: 980px){
  .control-media{max-width:760px;margin:0 auto}
  .remote-cue{font-size:15px;width:132px}
}
@media (max-width: 760px){
  .control-media{aspect-ratio:1/1.02}
  .remote-hit{left:55.8%;top:69.9%;width:18.2%}
  .remote-cue{left:49%;top:87.8%;width:122px;font-size:14px}
  .phone-app{left:77.1%;top:56.7%;width:10.7%;height:33.2%}
}


/* Section 02 — locked approved slide, used directly */
.control.control-approved{display:block;min-height:0;padding:0;background:var(--bg);max-width:var(--section-max);margin:0 auto}
.control-approved-stage{position:relative;width:100%;aspect-ratio:1024/337;overflow:hidden;background:#090504}
.control-approved-image,.control-approved-light{position:absolute;inset:0;width:100%;height:100%;display:block}
.control-approved-image{object-fit:contain}
.control-approved-light{pointer-events:none;z-index:2}
.control-approved-remote{position:absolute;z-index:5;left:59.6%;top:50.6%;width:14.7%;aspect-ratio:1;border:0;background:transparent;border-radius:50%;padding:0;cursor:grab;touch-action:none;isolation:isolate}
.control-approved-remote::before{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(34,35,38,.82) 0%,rgba(14,14,16,.92) 58%,rgba(7,7,8,.98) 100%);opacity:.42;pointer-events:none}
.control-approved-remote:active{cursor:grabbing}
.control-approved-remote:hover{box-shadow:0 0 0 1px rgba(225,194,162,.22),0 0 22px rgba(211,150,90,.10)}
.control-approved-marker{position:absolute;left:50%;top:7%;width:7px;height:7px;border-radius:50%;background:#f4eee7;box-shadow:0 0 0 2px rgba(0,0,0,.55);transform:translateX(-50%);transform-origin:0 56px;opacity:.92;z-index:1}
.control-approved-phone-slider,.control-approved-phone-dial-dot{display:none !important}
@media(max-width:1100px){.control.control-approved{padding:0 28px}.control-approved-stage{width:100%}}
@media(max-width:760px){.control.control-approved{padding:0 14px}.control-approved-stage{aspect-ratio:1024/337}.control-approved-marker{width:6px;height:6px;transform-origin:0 34px}}


/* Final mobile/tablet adaptation. Desktop rules above remain unchanged. */
.control-mobile-copy{display:none}
@media (max-width:820px){
  body{overflow-x:hidden}
  .locked-section{overflow:hidden}
  .section-pad{padding:76px 18px}
  .eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:.16em}
  .section-copy h2,.materials-head h2,.spaces-head h2{font-size:clamp(40px,10.8vw,54px);line-height:.94;margin-bottom:22px}
  .body-copy{font-size:15px;line-height:1.65;max-width:100%}
  .short-rule{width:116px;margin:22px 0}

  .topbar{height:58px;padding:0 14px;grid-template-columns:1fr auto 1fr}
  .topbar-left{display:none}
  .wordmark{justify-self:start;font-size:11px;letter-spacing:.26em}
  .topbar-right{gap:0}
  .cart-label{display:none}

  /* Hero: preserve the full approved room composition instead of cropping it. */
  .hero{height:690px;min-height:690px;background:#090503}
  .hero>.hero-image,.hero>.light-canvas{inset:auto;top:0;left:0;width:100%;height:56.28vw;max-height:none}
  .hero>.hero-image{object-fit:contain;object-position:center top}
  .hero-vignette{background:linear-gradient(180deg,rgba(3,2,2,.06) 0%,rgba(3,2,2,.10) 28%,rgba(3,2,2,.40) 47%,rgba(9,5,3,.90) 65%,#090503 100%)}
  .hero-copy{left:7%;right:7%;top:calc(56.28vw + 34px);bottom:auto;max-width:330px}
  .hero-copy h1{font-size:clamp(46px,12vw,62px);line-height:.90;margin-bottom:16px}
  .hero-copy p{font-size:14px;line-height:1.5;margin-bottom:24px;max-width:300px}
  .ghost-btn{width:auto;min-height:48px;padding:0 18px}

  /* Control: same approved artwork, stacked responsively so it stays legible. */
  .control.control-approved{padding:0 18px 70px;background:var(--bg)}
  .control-mobile-copy{display:block;padding:74px 0 28px;max-width:340px}
  .control-mobile-copy h2{font-family:var(--serif);font-size:clamp(40px,10.8vw,52px);font-weight:400;letter-spacing:-.035em;line-height:.94;margin:0 0 22px}
  .control-approved-stage{width:100%;height:56vw;max-height:245px;aspect-ratio:auto;overflow:hidden;background:#090504}
  .control-approved-image{inset:auto;top:0;left:0;width:auto;height:100%;max-width:none;object-fit:fill;transform:translateX(-37.1%)}
  .control-approved-light{inset:0;width:100%;height:100%;transform:none}
  .control-approved-remote{left:42.2%;top:50.7%;width:27.5%}
  .control-approved-marker{width:6px;height:6px;transform-origin:0 38px}

  /* Materials: keep each approved image fully visible. */
  .materials{min-height:0}
  .materials-grid{grid-template-columns:1fr;gap:26px}
  .material-card,.material-divider{padding:0;border-left:0}
  .material-divider{border-top:1px solid rgba(255,255,255,.12);padding-top:26px}
  .material-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .frame-material{grid-column:auto;border-top:1px solid rgba(255,255,255,.12);padding:26px 0 0;margin:0}
  .frame-material .frame-image-wrap{height:auto;max-width:none}
  .frame-material img{width:100%;height:auto;max-height:none;object-fit:contain}

  /* Keep the three experience cards aligned in one clean row. */
  .experience{grid-template-columns:1fr;gap:30px;min-height:0}
  .experience-copy{max-width:none}
  .experience-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:start}
  .experience-image{height:41vw;max-height:190px}
  .experience-card h3{font-size:8.5px;letter-spacing:.12em;margin-top:11px}
  .experience-line{gap:5px;margin-top:10px}

  /* Spaces carousel keeps the approved mobile swipe behavior and full images. */
  .spaces{min-height:0}
  .carousel-shell{padding:0 10px 30px}
  .space-card{flex:0 0 82vw}
  .space-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center top}
  .carousel-arrow{width:29px;height:29px;font-size:21px;top:43%}
  .carousel-arrow.prev{left:-1px}.carousel-arrow.next{right:-1px}
  .carousel-dots{gap:30px;margin-top:22px}
  .carousel-dots::before{left:15%;right:15%}

  /* Final release keeps desktop hierarchy: room first, then product information. */
  .release{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:76px;padding-bottom:62px}
  .release-art-wrap{order:1;justify-content:center}
  .release-copy{order:2;max-width:none}
  .release-art{width:100%;max-width:none;height:auto}
  .release-kicker{font-size:clamp(42px,10.8vw,56px)}
  .release-copy h2{font-size:clamp(29px,7.5vw,38px)}
  .release-size{font-size:23px;margin-bottom:25px}
  .frame-selectors{gap:22px;flex-wrap:wrap;margin-bottom:28px}
  .release-price{font-size:44px}
  .release-cta{min-height:54px}

  .footer{padding:24px 18px 32px;flex-direction:column;align-items:flex-start;gap:22px}
  .footer nav{gap:18px;flex-wrap:wrap}
  .modal-panel{width:min(560px,calc(100vw - 20px));padding:36px 20px 26px}
}
@media (max-width:430px){
  .hero{height:660px;min-height:660px}
  .hero-copy{top:calc(56.28vw + 30px)}
  .hero-copy h1{font-size:clamp(44px,12.2vw,54px)}
  .control.control-approved{padding-left:14px;padding-right:14px}
  .control-mobile-copy{padding-top:66px}
  .control-approved-stage{height:56vw}
  .experience-image{height:40vw;min-height:138px}
  .release{padding-top:68px}
  .frame-selectors{gap:18px}
}


/* About / Legal / Privacy — footer additions only */
.footer-legal-link{
  border:0;
  background:transparent;
  padding:0;
  color:#bf8352;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  cursor:pointer;
}
.footer-legal-link:hover{color:#dfad7b}

.legal-modal{
  position:fixed;
  inset:0;
  z-index:110;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.legal-modal.is-open{opacity:1;pointer-events:auto}
.legal-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(7px);
}
.legal-modal-panel{
  position:relative;
  z-index:1;
  width:min(820px,calc(100vw - 48px));
  max-height:min(82vh,860px);
  overflow:auto;
  padding:58px 64px 56px;
  background:radial-gradient(circle at 82% 10%,rgba(119,58,27,.12),transparent 34%),linear-gradient(180deg,#100a07,#0b0705);
  border:1px solid rgba(190,136,88,.30);
  box-shadow:0 35px 110px rgba(0,0,0,.62);
  scrollbar-width:thin;
  scrollbar-color:#835832 transparent;
}
.legal-modal-close{
  position:absolute;
  top:14px;
  right:18px;
  border:0;
  background:none;
  color:#e9ddd3;
  font-size:30px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
}
.legal-modal-brand{
  margin:0 0 18px;
  font-size:9px;
  letter-spacing:.32em;
  color:#a66e43;
}
.legal-modal-panel h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(42px,5vw,66px);
  line-height:.95;
  font-weight:400;
  letter-spacing:-.03em;
  color:#f2e9e1;
}
.legal-modal-rule{
  width:74px;
  height:1px;
  margin:28px 0 34px;
  background:#8f5930;
}
.legal-modal-copy{
  max-width:680px;
  color:rgba(244,238,231,.76);
  font-size:15px;
  line-height:1.78;
}
.legal-modal-copy h3{
  margin:0 0 24px;
  font-family:var(--serif);
  font-size:27px;
  line-height:1.1;
  font-weight:400;
  color:#d8a475;
}
.legal-modal-copy p{margin:0 0 20px}
.legal-modal-copy a{
  color:#d7a06d;
  text-decoration:none;
  border-bottom:1px solid rgba(215,160,109,.34);
}
.legal-signature{
  margin-top:31px !important;
  font-family:var(--serif);
  font-size:27px;
  color:#d49b67;
}
.legal-update{
  margin-top:34px !important;
  font-size:12px;
  letter-spacing:.06em;
  color:rgba(244,238,231,.48);
}

@media(max-width:760px){
  .footer-legal-link{font-size:9px}
  .legal-modal{padding:10px}
  .legal-modal-panel{
    width:calc(100vw - 20px);
    max-height:88svh;
    padding:46px 24px 34px;
  }
  .legal-modal-panel h2{font-size:40px}
  .legal-modal-rule{margin:22px 0 26px}
  .legal-modal-copy{font-size:14px;line-height:1.68}
  .legal-modal-copy h3{font-size:24px}
  .legal-signature{font-size:24px}
}

.input--hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}