@import url("fonts.css");

:root{
  --ink:#12100e;
  --ink-2:#191613;
  --ink-3:#221e1a;
  --warm:#1c1714;
  --bone:#f1ece4;
  --paper:#f7f4ef;
  --paper-2:#ebe5da;
  --mat:#8c8b88;
  --td:#ede6da;
  --md:#a69d90;
  --tl:#191511;
  --ml:#5f564b;
  --mute-l:#8f8479;
  --mute-d:rgba(237,230,218,.5);
  --copper-hi:#dcba94;
  --copper:#c4935c;
  --copper-lo:#8a4f1f;
  --stone:#d9cdbb;
  --stone-h:#eadfcd;
  --line-d:rgba(237,230,218,.14);
  --line-d2:rgba(237,230,218,.28);
  --line-l:rgba(25,21,17,.14);
  --line-l2:rgba(25,21,17,.3);
  --focus:#e6c9a4;
  --focus-l:#8a4f1f;
  --ok:#8fb08a;  --err:#d98a7c;  --err-l:#a3402f;

  --f-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-serif:"Cormorant Garamond","Times New Roman",serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;

  --fs-display:clamp(46px,7.6vw,124px);
  --fs-h1:clamp(40px,5.6vw,92px);
  --fs-h2:clamp(34px,4.5vw,72px);
  --fs-h3:clamp(22px,1.9vw,30px);
  --fs-h4:19px;
  --fs-fig:clamp(60px,8.2vw,132px);
  --fs-lede:clamp(17px,1.25vw,19px);
  --fs-body:16px;
  --fs-small:14px;
  --fs-micro:11px;
  --lh-tight:1.02; --lh-head:1.08; --lh-body:1.62;
  --ls-display:-.045em; --ls-head:-.035em; --ls-caps:.18em;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:140px;
  --sec:clamp(88px,10.5vw,168px);
  --pad:clamp(20px,4.2vw,64px);
  --gut:clamp(14px,1.8vw,28px);
  --maxw:1520px;

  --r-0:0; --r-1:2px; --r-2:6px; --r-3:14px; --r-pill:999px;

  --sh-1:0 1px 0 rgba(255,255,255,.4) inset,0 14px 40px -22px rgba(30,22,12,.35);
  --sh-2:0 40px 90px -40px rgba(10,6,2,.6);

  --ease:cubic-bezier(.2,.7,.1,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --dur-1:.25s; --dur-2:.6s; --dur-3:1.1s;

  --z-sky:-1; --z-hdr:50; --z-mnav:48; --z-pill:44; --z-skip:100;
  --hdr:76px;

  --sky-top:#ebe7e0; --sky-mid:#f1ede6; --sky-bot:#f1ece4;
  --sky-glow:rgba(255,253,247,.6); --sky-tint:rgba(0,0,0,0);
  --sky-gx:50%; --sky-gy:18%;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 12px);background:var(--ink)}
html:focus-within{scroll-behavior:smooth}
body{position:relative;z-index:0;margin:0;background:var(--sky-mid);color:var(--td);font-family:var(--f-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,canvas,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,blockquote,figure,ol,ul,dl,dd{margin:0;padding:0}
ol,ul{list-style:none}
em{font-style:normal}
::selection{background:var(--copper);color:var(--ink)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.on-light :focus-visible,.sec--light :focus-visible{outline-color:var(--focus-l)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:var(--z-skip);background:var(--stone);color:var(--ink);padding:12px 18px;font-weight:600}
.skip:focus{left:8px}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.sec{position:relative;padding-block:var(--sec)}
.sec--dark{background:var(--ink);color:var(--td)}
.sec--warm{background:var(--warm);color:var(--td)}
.sec--light{background:transparent;color:var(--tl)}
.sec--tight{padding-block:calc(var(--sec) * .6)}
.sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:var(--s-8);row-gap:var(--s-5);align-items:end;margin-bottom:clamp(40px,5vw,80px)}
.sec-head .label{grid-column:1/-1}
.sec-head .lede{padding-bottom:10px}
.grid{display:grid;gap:var(--gut)}

.label{display:flex;align-items:center;gap:14px;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--ml)}
.label b{display:inline-flex;align-items:center;font-weight:600;color:var(--copper-lo);font-variant-numeric:tabular-nums}
.label b::after{content:"";width:40px;height:1px;background:currentColor;opacity:.5;margin-left:14px}
.sec--dark .label,.sec--warm .label{color:var(--md)}
.sec--dark .label b,.sec--warm .label b{color:var(--copper)}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600}
.eyebrow::before{content:"";width:44px;height:1px;background:currentColor;opacity:.6}

.display{font-weight:200;font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}
.h1{font-weight:200;font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-display)}
.h2{font-weight:300;font-size:var(--fs-h2);line-height:var(--lh-head);letter-spacing:var(--ls-head);text-wrap:balance}
.h2 em{color:var(--mute-l)}
.sec--dark .h2 em,.sec--warm .h2 em{color:var(--mute-d)}
.h3{font-weight:400;font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.02em}
.h4{font-weight:500;font-size:var(--fs-h4);line-height:1.3;letter-spacing:-.01em}
.lede{font-size:var(--fs-lede);line-height:1.65;color:var(--ml);max-width:48ch}
.sec--dark .lede,.sec--warm .lede{color:var(--md)}
.serif{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.02em}
.small{font-size:var(--fs-small);line-height:1.55}
.muted{color:var(--ml)}
.sec--dark .muted,.sec--warm .muted{color:var(--md)}

.btn{--h:54px;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:var(--h);padding:0 28px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;border-radius:var(--r-1);transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform var(--dur-2) var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--stone{background:var(--stone);color:var(--ink)}
.btn--stone:hover{background:var(--stone-h)}
.btn--ink{background:var(--tl);color:var(--bone)}
.btn--ink:hover{background:#000}
.btn--line{border-color:var(--line-d2);color:var(--td)}
.btn--line:hover{background:var(--td);color:var(--ink);border-color:var(--td)}
.btn--line-l{border-color:var(--line-l2);color:var(--tl)}
.btn--line-l:hover{background:var(--tl);color:var(--bone);border-color:var(--tl)}
.btn--sm{--h:42px;padding:0 20px;font-size:10.5px}
.btn--block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-text{position:relative;display:inline-flex;align-items:center;height:54px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.btn-text span{padding-bottom:5px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size var(--dur-2) var(--ease)}
.btn-text:hover span{background-size:0 1px;background-position:100% 100%}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:4px;transition:gap var(--dur-2) var(--ease),color var(--dur-1)}
.link-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.link-arrow:hover{gap:16px}
.sec--light .link-arrow:hover{color:var(--copper-lo)}
.sec--dark .link-arrow:hover,.sec--warm .link-arrow:hover{color:var(--copper-hi)}
.tag{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 12px;border:1px solid currentColor;border-radius:var(--r-pill);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--copper);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}

.hdr{position:fixed;inset:0 0 auto 0;z-index:var(--z-hdr);height:var(--hdr);color:var(--td);border-bottom:1px solid transparent;transition:transform .7s var(--ease),background .5s,border-color .5s,backdrop-filter .5s}
.hdr.is-solid{background:rgba(18,16,14,.92);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:var(--line-d)}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr__in{height:100%;max-width:var(--maxw);margin:auto;padding-inline:var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3vw,48px)}
.hdr__logo{display:block;justify-self:start;width:max-content;line-height:0}
.hdr__logo img{height:17px;width:auto}
.nav{display:flex;justify-content:center;gap:clamp(16px,1.9vw,32px);font-size:13px;letter-spacing:.01em}
.nav a{position:relative;padding:8px 0;opacity:.84;white-space:nowrap;transition:opacity var(--dur-1)}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--dur-2) var(--ease)}
.nav a:hover{opacity:1}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.nav a[aria-current="page"]{opacity:1}
.hdr__right{display:flex;align-items:center;justify-content:flex-end;gap:22px}
.lang{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.14em}
.lang a{padding:8px 4px;opacity:.5;transition:opacity var(--dur-1)}
.lang a[aria-current="true"],.lang a:hover{opacity:1}
.lang i{width:1px;height:12px;background:currentColor;opacity:.35}
.burger{display:none;width:44px;height:44px;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:1px;background:currentColor;transition:transform .5s var(--ease),top .5s var(--ease)}
.burger span:nth-child(1){top:18px}
.burger span:nth-child(2){top:25px}
.burger[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:21px;transform:rotate(-45deg)}

.mnav{position:fixed;inset:0;z-index:var(--z-mnav);background:var(--ink);padding:calc(var(--hdr) + 24px) var(--pad) 28px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}
.mnav.is-open{opacity:1;visibility:visible}
.mnav:not(.is-open){content-visibility:hidden}
.mnav{transition:opacity .5s var(--ease),visibility .5s,content-visibility .5s allow-discrete}
main>section:not(:first-child):not(:has(video,canvas,iframe,dialog,[data-dv3d],[data-dv3d-interior],[data-sweep],[data-tzm],.tray)),.ftr{content-visibility:auto;contain-intrinsic-size:auto 900px}
.mnav__links{display:flex;flex-direction:column}
.mnav__links a{display:flex;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid var(--line-d);font-size:clamp(26px,7.4vw,38px);font-weight:300;letter-spacing:-.03em;transform:translateY(14px);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease)}
.mnav__links a i{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--copper);font-variant-numeric:tabular-nums}
.mnav.is-open .mnav__links a{transform:none;opacity:1}
.mnav.is-open .mnav__links a:nth-child(2){transition-delay:.04s}.mnav.is-open .mnav__links a:nth-child(3){transition-delay:.08s}.mnav.is-open .mnav__links a:nth-child(4){transition-delay:.12s}.mnav.is-open .mnav__links a:nth-child(5){transition-delay:.16s}.mnav.is-open .mnav__links a:nth-child(6){transition-delay:.2s}.mnav.is-open .mnav__links a:nth-child(7){transition-delay:.24s}.mnav.is-open .mnav__links a:nth-child(8){transition-delay:.28s}
.mnav__foot{display:flex;flex-direction:column;gap:8px;padding-top:24px;font-size:14px;color:var(--md)}

.ftr{background:var(--ink);color:var(--td);padding:clamp(64px,8vw,120px) 0 64px}
.ftr__top{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:var(--s-7) var(--gut);padding-bottom:clamp(48px,6vw,88px);border-bottom:1px solid var(--line-d)}
.ftr__brand img{height:clamp(26px,3vw,40px);width:auto;margin-bottom:var(--s-5)}
.ftr__brand p{color:var(--md);font-size:var(--fs-small);max-width:34ch}
.ftr h3{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--copper);margin-bottom:var(--s-4)}
.ftr li+li{margin-top:10px}
.ftr li a{font-size:14.5px;color:var(--td);opacity:.82;transition:opacity var(--dur-1)}
.ftr li a:hover{opacity:1}
.ftr__bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-4);padding-top:28px;font-size:13px;color:var(--md)}
.ftr__bot .lang{color:var(--td)}

.form{display:grid;gap:var(--s-5)}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5)}
.field{display:block;position:relative}
.field>span{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--md);margin-bottom:8px}
.field input,.field textarea,.field select{width:100%;height:52px;padding:0 0 0;background:transparent;border:0;border-bottom:1px solid var(--line-d2);border-radius:0;color:var(--td);font-size:16px;transition:border-color var(--dur-1)}
.field textarea{height:96px;padding-top:10px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:rgba(237,230,218,.52)}
.field input:hover,.field textarea:hover{border-bottom-color:var(--td)}
.field input:focus-visible,.field textarea:focus-visible{outline:none;border-bottom-color:var(--copper-hi);box-shadow:0 1px 0 0 var(--copper-hi)}
.field.is-bad input:not([type=checkbox]),.field.is-bad textarea{border-bottom-color:var(--err)}
.field .err{display:none;margin-top:6px;font-size:13px;color:var(--err)}
.field.is-bad .err{display:block}
.check{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--md);line-height:1.5;cursor:pointer}
.check input{appearance:none;flex:none;width:20px;height:20px;margin-top:1px;border:1px solid var(--line-d2);border-radius:var(--r-1);display:grid;place-content:center;background:transparent}
.check input::before{content:"";width:10px;height:10px;transform:scale(0);background:var(--copper-hi);transition:transform .2s var(--ease)}
.check input:checked::before{transform:scale(1)}
.check input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.form__ok{display:none;padding:24px;border:1px solid var(--line-d2);border-radius:var(--r-1);color:var(--td)}
.form__ok b{display:block;font-weight:500;font-size:19px;margin-bottom:6px}
.form.is-sent>*:not(.form__ok){display:none}
.form.is-sent .form__ok{display:block}

.chip{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 8px;border:1px solid var(--line-d2);border-radius:var(--r-pill);font-size:13px;color:var(--td);transition:background var(--dur-1),border-color var(--dur-1),color var(--dur-1)}
.chip:hover{border-color:var(--td)}
.chip[aria-pressed="true"]{background:var(--td);color:var(--ink);border-color:var(--td)}
.chip .dots{display:flex}
.chip .dots i{width:16px;height:16px;border-radius:50%;margin-left:-5px;box-shadow:0 0 0 2px var(--ink-2)}
.chip .dots i:first-child{margin-left:0}
.chip[aria-pressed="true"] .dots i{box-shadow:0 0 0 2px var(--td)}
.sw{position:relative;display:block;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sw[aria-pressed="true"]::after,.sw.is-on::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--td)}
.sec--light .sw[aria-pressed="true"]::after{border-color:var(--tl)}
.card{background:var(--paper);color:var(--tl);border-radius:var(--r-1)}

.ico{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}

.dv-js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.dv-js [data-reveal].is-in{opacity:1;transform:none}
.js-off [data-reveal]{opacity:1;transform:none}
.dv-js main>section:first-child:not(.hero) [data-reveal]{opacity:1;transform:none;transition:none}

.sky{position:fixed;left:0;right:0;top:-10vh;bottom:-10vh;z-index:var(--z-sky);pointer-events:none;overflow:hidden;contain:strict;background:var(--sky-mid)}
.sky__base{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-bot) 100%)}
.sky__veil{position:absolute;inset:0;background:radial-gradient(90% 60% at 12% 100%,var(--sky-tint),rgba(0,0,0,0) 72%);animation:skyBreath 27s ease-in-out infinite alternate}
.sky__glow{position:absolute;inset:0;transform:translate(var(--sky-gx),var(--sky-gy))}
.sky__glow i{position:absolute;left:-62vmax;top:-62vmax;width:124vmax;height:124vmax;border-radius:50%;background:radial-gradient(closest-side,var(--sky-glow),rgba(255,255,255,0));animation:skyDrift 46s ease-in-out infinite alternate;will-change:transform}
@keyframes skyDrift{from{transform:translate3d(-2.4vw,1.6vh,0) scale(1)}to{transform:translate3d(2.4vw,-1.6vh,0) scale(1.08)}}
@keyframes skyBreath{from{opacity:.5}to{opacity:1}}

.skyctl{position:fixed;right:clamp(12px,1.6vw,24px);bottom:clamp(12px,1.6vw,22px);z-index:var(--z-pill);display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.skyctl.is-away{opacity:0;pointer-events:none;transform:translateY(8px)}
.skyctl__pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 11px;border-radius:var(--r-pill);background:rgba(20,18,16,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#efe9df;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 10px 26px -12px rgba(0,0,0,.4);transition:background .3s}
.skyctl__pill:hover,.skyctl__pill[aria-expanded="true"]{background:rgba(20,18,16,.94)}
.skyctl__ico{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
.skyctl__pop{width:min(328px,calc(100vw - 24px));padding:18px 18px 16px;border-radius:var(--r-2);background:rgba(22,20,18,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#efe9df;box-shadow:0 30px 70px -24px rgba(0,0,0,.55)}
.skyctl__pop[hidden]{display:none}
.skyctl__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.skyctl__head b{font-weight:500;font-size:15px}
.skyctl__x{width:36px;height:36px;display:grid;place-items:center;color:#a59d91;margin:-6px -8px 0 0}
.skyctl__x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.skyctl__lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#b3ab9f;margin:12px 0 6px}
.skyctl__lbl b{font-weight:200;font-size:22px;line-height:1;color:#f3eee6;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.skyctl input[type=range]{width:100%;height:28px;appearance:none;background:transparent;cursor:pointer}
.skyctl input[type=range]::-webkit-slider-runnable-track{height:2px;background:rgba(255,255,255,.2)}
.skyctl input[type=range]::-moz-range-track{height:2px;background:rgba(255,255,255,.2)}
.skyctl input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-7px;border-radius:50%;background:#efe9df;border:0}
.skyctl input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#efe9df;border:0}
.skyctl__ticks{display:flex;justify-content:space-between;font-size:10px;color:#8f887d;font-variant-numeric:tabular-nums}
.skyctl__seg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.skyctl__seg button{font-size:12px;padding:9px 0;border-radius:4px;color:#c2baae;background:rgba(255,255,255,.06);transition:background .3s,color .3s}
.skyctl__seg button:hover{color:#fff}
.skyctl__seg button[aria-pressed="true"]{background:#efe9df;color:#161412}
.skyctl__acts{display:flex;gap:8px;margin-top:14px}
.skyctl__b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:4px;background:rgba(255,255,255,.07);font-size:12px;color:#e6dfd3}
.skyctl__b:hover{background:rgba(255,255,255,.14)}
.skyctl__b svg{width:13px;height:13px;fill:currentColor}
.skyctl__note{margin-top:12px;font-size:12px;line-height:1.5;color:#a39b8f}

.can{display:block;width:100%;height:auto;overflow:visible}
.can .hl{transition:transform 1.2s var(--ease)}
.pack-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(14px,3vw,40px)}
.pack-row figure{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0}
.pack-row figcaption{font-size:12px;letter-spacing:var(--ls-caps);text-transform:none;font-weight:600;color:var(--ml)}
.sec--dark .pack-row figcaption,.sec--warm .pack-row figcaption{color:var(--md)}
.box3d{--w:clamp(150px,18vw,260px);--h:calc(var(--w) * .62);--d:calc(var(--w) * .62);position:relative;width:var(--w);height:var(--h);margin:calc(var(--h) * .35) auto;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-32deg);animation:boxSpin 14s ease-in-out infinite alternate}
.box3d>div{position:absolute;display:grid;place-items:center;backface-visibility:hidden;border:1px solid rgba(220,186,148,.18)}
.box3d .f{width:var(--w);height:var(--h);background:linear-gradient(135deg,#26211c,#14110e);transform:translateZ(calc(var(--d) / 2))}
.box3d .b{width:var(--w);height:var(--h);background:#100e0c;transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}
.box3d .r{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d)) / 2);background:linear-gradient(90deg,#1a1612,#0e0c0a);transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}
.box3d .l{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d)) / 2);background:linear-gradient(90deg,#0e0c0a,#1b1713);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}
.box3d .t{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d)) / 2);background:linear-gradient(160deg,#352e27,#1b1713);transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}
.box3d .u{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d)) / 2);background:#0b0a08;transform:rotateX(-90deg) translateZ(calc(var(--h) / 2))}
.box3d img{width:62%;height:auto}
.box3d .t img{width:46%}
.box3d__shadow{position:absolute;left:50%;bottom:-18%;width:130%;height:34%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,0));filter:blur(8px)}
@keyframes boxSpin{from{transform:rotateX(-22deg) rotateY(-42deg)}to{transform:rotateX(-18deg) rotateY(-14deg)}}

.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#0e0c0a;color:var(--td);isolation:isolate}
.hero__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero__media picture,.hero__lens{position:absolute;inset:0}
.hero__img{width:100%;height:100%;object-fit:cover;object-position:64% 40%;transform:scale(1.1);animation:heroIn 3s var(--ease) .05s forwards;will-change:transform}
@keyframes heroIn{to{transform:scale(1)}}
.hero__lens{filter:brightness(1.22) contrast(1.05) saturate(1.1);background-image:var(--img);background-repeat:no-repeat;background-size:auto;opacity:0;transition:opacity .7s var(--ease);-webkit-mask-image:radial-gradient(circle var(--lr,150px) at var(--mx,70%) var(--my,40%),#000 0,#000 72%,transparent 100%);mask-image:radial-gradient(circle var(--lr,150px) at var(--mx,70%) var(--my,40%),#000 0,#000 72%,transparent 100%);pointer-events:none}
.hero.is-live .hero__lens{opacity:1}
.hero__ring{position:absolute;left:var(--mx,70%);top:var(--my,40%);width:calc(var(--lr,150px) * 2);height:calc(var(--lr,150px) * 2);margin:calc(var(--lr,150px) * -1) 0 0 calc(var(--lr,150px) * -1);border-radius:50%;border:1px solid rgba(237,230,218,.34);opacity:0;transition:opacity .7s var(--ease);pointer-events:none}
.hero.is-live .hero__ring{opacity:1}
.hero__ring i{position:absolute;left:50%;top:100%;transform:translate(-50%,10px);font-style:normal;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:rgba(237,230,218,.8);white-space:nowrap}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,12,10,.88) 0%,rgba(14,12,10,.6) 30%,rgba(14,12,10,.1) 58%,rgba(14,12,10,0) 72%),linear-gradient(0deg,rgba(14,12,10,.92) 0%,rgba(14,12,10,.35) 26%,rgba(14,12,10,0) 48%),linear-gradient(180deg,rgba(14,12,10,.55) 0%,rgba(14,12,10,0) 22%);pointer-events:none}
.hero__body{padding-top:calc(var(--hdr) + 40px);padding-bottom:clamp(36px,5vh,64px)}
.hero__eyebrow{color:var(--copper-hi);margin-bottom:clamp(20px,3vh,36px)}
.hero__title{max-width:12.5ch}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.08em}
.hero__title .line>span{display:block;transform:translateY(105%);animation:lineUp 1.3s var(--ease) forwards}
.hero__title .line:nth-child(2)>span{animation-delay:.12s;color:rgba(237,230,218,.5)}
@keyframes lineUp{to{transform:none}}
.hero__row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-7);align-items:end;margin-top:clamp(28px,4vh,52px)}
.hero__lede{font-size:var(--fs-lede);line-height:1.65;color:rgba(237,230,218,.82);max-width:46ch}
.hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-6)}
.hero__tag{position:absolute;right:var(--pad);bottom:calc(clamp(36px,5vh,64px) + 170px);display:flex;gap:14px;padding-left:16px;border-left:1px solid var(--line-d2);text-align:left;max-width:240px}
.hero__tag small{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--copper-hi);font-weight:600}
.hero__tag b{display:block;font-weight:300;font-size:26px;letter-spacing:-.02em;line-height:1.2}
.hero__tag span{font-size:13px;color:rgba(237,230,218,.8)}
.hero__facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-d);padding-block:22px 28px;gap:var(--gut)}
.fact b{display:block;font-weight:300;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;line-height:1.2}
.fact span{font-size:13px;color:var(--md)}

.figs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-l2)}
.fig{position:relative;padding:clamp(28px,3vw,48px) clamp(20px,2.4vw,40px) clamp(28px,3vw,44px) 0;display:flex;flex-direction:column}
.fig+.fig{padding-left:clamp(20px,2.4vw,40px);border-left:1px solid var(--line-l)}
.fig__n{display:flex;align-items:baseline;gap:10px;font-weight:200;font-size:var(--fs-fig);line-height:1;letter-spacing:-.05em;color:var(--tl);font-variant-numeric:tabular-nums;white-space:nowrap}
.fig__n small{font-size:clamp(20px,2.2vw,34px);letter-spacing:-.02em;font-weight:300;color:var(--copper-lo);text-transform:none}
.fig__n .u{font-size:clamp(20px,2.2vw,34px);font-weight:300;letter-spacing:-.02em;color:var(--ml)}
.fig h3{margin-top:var(--s-5);font-weight:500;font-size:var(--fs-h4);letter-spacing:-.01em}
.fig__n .lt{align-self:baseline;font-size:1em;margin-right:.06em;color:var(--copper-lo);font-weight:200}
.fig__vis{margin-top:auto;padding-top:var(--s-6);color:var(--copper-lo)}
.fig__vis .ico{width:72px;height:72px;stroke-width:.7}
.fig p{margin-top:8px;font-size:15px;color:var(--ml);max-width:34ch}
.fig .pack-row{margin-top:auto;padding-top:var(--s-6);justify-content:flex-start;gap:14px}
.fig .pack-row figure{width:auto}
.fig .can{width:auto}

.specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-l2);margin-top:clamp(40px,5vw,72px)}
.spec{padding:clamp(24px,2.4vw,36px) clamp(16px,1.8vw,28px) clamp(24px,2.4vw,36px) 0;border-bottom:1px solid var(--line-l)}
.spec:not(:nth-child(4n+1)){padding-left:clamp(16px,1.8vw,28px);border-left:1px solid var(--line-l)}
.spec .ico{color:var(--copper-lo);margin-bottom:var(--s-5)}
.spec h3{font-weight:500;font-size:var(--fs-h4);letter-spacing:-.01em;line-height:1.3}
.spec p{margin-top:8px;font-size:14.5px;line-height:1.55;color:var(--ml)}

.origin{position:relative;margin-top:clamp(56px,7vw,110px);background:var(--ink);color:var(--td);border-radius:var(--r-1);overflow:hidden;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.origin__txt{padding:clamp(32px,4.4vw,72px)}
.origin__txt .eyebrow{color:var(--copper)}
.origin__txt h3{margin-top:var(--s-5);font-weight:300;font-size:clamp(28px,3.2vw,48px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.origin__txt h3 em{color:var(--mute-d)}
.origin__txt p{margin-top:var(--s-5);color:var(--md);max-width:50ch}
.origin__mark{position:relative;display:grid;align-content:center;gap:var(--s-5);padding:clamp(32px,4vw,64px);border-left:1px solid var(--line-d);background:radial-gradient(120% 90% at 100% 0%,rgba(196,147,92,.16),rgba(196,147,92,0) 60%),var(--ink-2)}
.origin__mark small{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--md);font-weight:600}
.origin__word{font-weight:200;font-size:clamp(34px,4vw,60px);letter-spacing:-.04em;line-height:1.05}
.origin__word span{display:block;font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:.62em;letter-spacing:0;color:var(--copper-hi);margin-top:6px}
.origin__rule{height:1px;background:linear-gradient(90deg,var(--copper),rgba(196,147,92,0))}

.cat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,88px);align-items:center}
.cat__stage{position:relative;aspect-ratio:1.15/1;background:radial-gradient(70% 60% at 50% 45%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%),var(--paper);border-radius:var(--r-1);box-shadow:var(--sh-1);overflow:hidden;perspective:1400px}
.cat__stage::after{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:8%;background:radial-gradient(closest-side,rgba(60,40,20,.28),rgba(60,40,20,0));filter:blur(10px)}
.cat__photo{position:absolute;inset:6% 8%;display:grid;place-items:center;transition:opacity .7s var(--ease),transform 1.2s var(--ease);will-change:transform}
.cat__photo img{width:auto;max-height:100%;filter:drop-shadow(0 30px 28px rgba(50,32,14,.35))}
.cat__photo.is-off{opacity:0;pointer-events:none;transform:scale(.96)}
.cat__photo--case img{max-width:100%}
.hot{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;transform:translate(-8px,-8px)}
.hot i{position:relative;flex:none;width:16px;height:16px;border-radius:50%;background:var(--tl);box-shadow:0 0 0 5px rgba(25,21,17,.14)}
.hot i::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(25,21,17,.4);animation:ping 2.6s var(--ease) infinite}
@keyframes ping{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
.hot span{font-size:12.5px;line-height:1.35;color:var(--tl);background:rgba(247,244,239,.92);padding:6px 10px;border-radius:var(--r-1);max-width:190px;box-shadow:0 8px 24px -14px rgba(30,20,10,.5)}
.cat__tabs{position:absolute;left:var(--s-5);bottom:var(--s-5);z-index:3;display:flex;gap:4px;padding:4px;background:rgba(247,244,239,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-pill)}
.cat__tabs button{height:44px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);font-size:12px;font-weight:600;letter-spacing:.06em;white-space:nowrap;color:var(--tl);transition:background var(--dur-1),color var(--dur-1)}
.cat__tabs button[aria-pressed="true"]{background:var(--tl);color:var(--bone)}
.cat__info .h2{font-size:clamp(32px,3.6vw,56px)}
.cat__info .lede{margin-top:var(--s-5)}
.dl{margin-top:var(--s-6);border-top:1px solid var(--line-l2)}
.dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-l);font-size:15px}
.dl dt{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--ml);padding-top:3px}
.cat__cta{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);align-items:center;margin-top:var(--s-6)}
.sws{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gut);margin-top:clamp(40px,5vw,72px)}
.sws figure{margin:0}
.sws img{width:100%;aspect-ratio:1/1.15;object-fit:cover;border-radius:var(--r-1)}
.sws figcaption{display:flex;justify-content:space-between;gap:8px;padding-top:10px;font-size:12.5px;color:var(--ml)}
.sws figcaption b{font-weight:600;color:var(--tl);font-size:12.5px}
.sws__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-top:clamp(40px,5vw,72px);padding-bottom:var(--s-4);border-bottom:1px solid var(--line-l2)}
.sws__bar span{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--ml)}

.gen{overflow:hidden}
.gen__ui{position:relative;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);border:1px solid var(--line-d);border-radius:var(--r-1);background:var(--ink-2);box-shadow:var(--sh-2)}
.gen__side{padding:clamp(20px,2.2vw,32px);border-right:1px solid var(--line-d);display:flex;flex-direction:column;gap:var(--s-6)}
.gen__k{display:flex;justify-content:space-between;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--md);margin-bottom:var(--s-3)}
.gen__k b{font-family:var(--f-mono);font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--td);font-size:12px}
.gen__sw{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gen__sw .sw{width:100%;height:auto;aspect-ratio:1;border-radius:var(--r-1)}
.gen__sw .sw[aria-pressed="true"]::after{inset:-4px;border-radius:var(--r-1)}
.gen__presets{display:flex;flex-wrap:wrap;gap:8px}
.gen__mix{display:grid;gap:10px}
.gen__mix div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;font-size:12.5px;font-family:var(--f-mono);color:var(--td)}
.gen__mix i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.gen__mix span:last-child{color:var(--md)}
.gen__view{position:relative;padding:clamp(16px,2vw,28px);display:flex;flex-direction:column;gap:var(--s-4)}
.gen__mat{position:relative;background:var(--mat);padding:clamp(10px,1.4vw,20px);border-radius:var(--r-1);isolation:isolate}
.gen__mat canvas{width:100%;height:auto;aspect-ratio:16/9;background:#999}
.gen__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--md)}
.gen__bar b{font-family:var(--f-mono);font-weight:400;text-transform:none;letter-spacing:.04em;color:var(--td);font-size:12px}
.gen__bar .seg{display:flex;gap:4px;padding:4px;border:1px solid var(--line-d);border-radius:var(--r-pill)}
.gen__bar .seg button{height:30px;padding:0 16px;border-radius:var(--r-pill);font-size:11px;letter-spacing:.12em;color:var(--md);text-transform:uppercase;font-weight:600}
.gen__bar .seg button[aria-pressed="true"]{background:var(--td);color:var(--ink)}
.gen__feat{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);margin-top:clamp(32px,4vw,56px)}
.feat{display:flex;gap:16px;align-items:flex-start;padding-top:20px;border-top:1px solid var(--line-d)}
.feat .ico{flex:none;width:28px;height:28px;color:var(--copper)}
.feat h3{font-weight:500;font-size:16px}
.feat p{font-size:14px;color:var(--md);margin-top:4px;line-height:1.55}
.gen__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-6);margin-top:clamp(32px,4vw,56px)}

.rooms__stage{position:relative;aspect-ratio:16/9;border-radius:var(--r-1);overflow:hidden;background:#cfc8bb;box-shadow:var(--sh-1);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}
.rooms__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s var(--ease)}
.rooms__stage.is-ready .rooms__canvas{opacity:1}
.rooms__line{position:absolute;top:0;bottom:0;left:var(--x,56%);width:1px;background:rgba(255,255,255,.92);box-shadow:0 0 0 1px rgba(18,16,14,.12);pointer-events:none}
.rooms__handle{position:absolute;z-index:3;top:50%;left:calc(var(--x,56%) + var(--hx,0px));width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;place-items:center;border-radius:50%;background:rgba(247,244,239,.96);color:var(--tl);box-shadow:0 10px 30px -10px rgba(18,12,6,.55);cursor:ew-resize}
.rooms__handle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.rooms__handle:focus-visible{outline:2px solid var(--focus-l);outline-offset:3px}
.rooms__ba{position:absolute;z-index:2;top:var(--s-5);padding:6px 10px;border-radius:var(--r-1);background:rgba(18,16,14,.66);color:#fff;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;pointer-events:none;transition:opacity .3s}
.rooms__ba--l{left:var(--s-5)}.rooms__ba--r{right:var(--s-5)}
.rooms__ba.is-off{opacity:0}
.rooms__ui{display:grid;grid-template-columns:auto 1fr;gap:var(--s-5);align-items:center;margin-bottom:var(--s-5)}
.tabs{display:flex;gap:4px;flex-wrap:wrap}
.tab{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border:1px solid var(--line-l2);border-radius:var(--r-pill);font-size:14px;transition:background var(--dur-1),color var(--dur-1),border-color var(--dur-1)}
.tab i{font-style:normal;font-size:10.5px;letter-spacing:.12em;color:var(--copper-lo);font-weight:600;align-self:center}
.tab[aria-selected="true"]{background:var(--tl);color:var(--bone);border-color:var(--tl)}
.tab[aria-selected="true"] i{color:var(--copper-hi)}
.sec--dark .tab{border-color:var(--line-d2);color:var(--td)}
.sec--dark .tab i{color:var(--copper)}
.sec--dark .tab[aria-selected="true"]{background:var(--td);color:var(--ink);border-color:var(--td)}
.sec--dark .tab[aria-selected="true"] i{color:var(--copper-lo)}
.rooms__chips{display:flex;gap:14px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.rooms__chips .sw{width:36px;height:36px}
.rooms__now{position:absolute;left:var(--s-5);bottom:var(--s-5);z-index:3;padding:10px 16px;background:rgba(247,244,239,.92);border-radius:var(--r-1);font-size:13px;color:var(--tl);display:flex;gap:14px;align-items:center;pointer-events:none}
.rooms__now b{font-weight:600}

.dbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,112px);align-items:center}
.dbox__stage{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 46%,rgba(196,147,92,.2),rgba(196,147,92,0) 70%);perspective:1400px}
.dbox__stage .pack-row{position:absolute;left:0;right:0;bottom:6%}
.dbox__stage .can{height:clamp(110px,14vw,190px);width:auto}
.dbox .h2{font-size:clamp(32px,3.9vw,60px)}
.dbox .lede{margin-top:var(--s-5)}
.ticks{margin-top:var(--s-5);display:grid;gap:12px}
.ticks li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--td)}
.ticks li::before{content:"";flex:none;width:18px;height:1px;background:var(--copper);margin-top:12px}
.dbox .form{margin-top:var(--s-7)}

.vgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--gut)}
.vplay{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-1);background:#0e0c0a;color:var(--td);text-align:left}
.vplay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.vplay:hover img{transform:scale(1.04)}
.vplay::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,12,10,.85),rgba(14,12,10,.1) 55%,rgba(14,12,10,.3))}
.vplay__btn{position:absolute;z-index:2;left:50%;top:46%;width:clamp(68px,7vw,96px);height:clamp(68px,7vw,96px);margin:calc(clamp(68px,7vw,96px) / -2) 0 0 calc(clamp(68px,7vw,96px) / -2);border-radius:50%;display:grid;place-items:center;background:rgba(237,230,218,.14);border:1px solid rgba(237,230,218,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--dur-2),transform var(--dur-2) var(--ease)}
.vplay:hover .vplay__btn{background:var(--td);transform:scale(1.06)}
.vplay:hover .vplay__btn svg{fill:var(--ink)}
.vplay__btn svg{width:26px;height:26px;fill:var(--td);margin-left:4px;transition:fill var(--dur-2)}
.vplay__meta{position:absolute;z-index:2;left:clamp(16px,2vw,32px);bottom:clamp(14px,2vw,28px);right:16px}
.vplay__meta b{display:block;font-weight:300;font-size:clamp(20px,2.2vw,32px);letter-spacing:-.025em;line-height:1.15}
.vplay__meta small{font-size:13px;color:rgba(237,230,218,.75)}
.vplay iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5}
.vside{display:grid;grid-template-rows:1fr 1fr;gap:var(--gut)}
.vcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-5);min-height:160px;overflow:hidden;border-radius:var(--r-1);background:var(--ink);color:var(--td)}
.vcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.vcard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,12,10,.9),rgba(14,12,10,.2))}
.vcard>*:not(img){position:relative;z-index:2}
.vcard b{display:block;font-weight:300;font-size:20px;letter-spacing:-.02em;line-height:1.2;margin-top:10px}
.vcard small{font-size:13px;color:rgba(237,230,218,.7)}

.slot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,88px);align-items:center;padding:clamp(28px,4.4vw,72px);border:1px solid var(--line-l2);border-radius:var(--r-1);background:linear-gradient(120deg,rgba(255,255,255,.4),rgba(255,255,255,.1))}
.slot__vis{position:relative;aspect-ratio:1.4/1;display:grid;place-items:center}
.slot__disc{position:absolute;width:56%;aspect-ratio:1;border-radius:50%}
.slot__disc--ag{left:6%;background:radial-gradient(circle at 32% 28%,#fff,#d8dcdf 38%,#9ca3a8 100%);box-shadow:0 30px 50px -28px rgba(30,40,50,.6)}
.slot__disc--cu{right:6%;background:radial-gradient(circle at 32% 28%,#f6d6b4,#cf8f5a 42%,#7d4420 100%);box-shadow:0 30px 50px -28px rgba(80,40,10,.6);mix-blend-mode:multiply}
.slot__dots i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--copper-lo);opacity:.5;animation:drift 6s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(10px,-14px)}}
.slot .h2{font-size:clamp(28px,3.2vw,48px);margin-top:var(--s-4)}
.slot p.lede{margin-top:var(--s-4)}
.slot .tag{color:var(--copper-lo)}
.notify{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s-6);max-width:640px}
.notify input{flex:1 1 220px;height:54px;padding:0 18px;border:1px solid var(--line-l2);border-radius:var(--r-1);background:rgba(255,255,255,.55);color:var(--tl);font-size:16px}
.notify input:focus-visible{outline:2px solid var(--focus-l);outline-offset:2px}
.notify__ok{display:none;margin-top:var(--s-5);font-weight:500}
.notify.is-sent~.notify__ok{display:block}
.notify.is-sent{display:none}

.app{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,104px);align-items:center}
.app__vis{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-1);background:#2a2521}
.app__vis .base,.app__vis .done{position:absolute;inset:0}
.app__vis .base{background:radial-gradient(90% 70% at 70% 20%,#b9b3a8,#8e887e 70%),#8e887e}
.app__vis .base::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,rgba(0,0,0,0) 2px 7px)}
.app__vis .done{background-size:cover;background-position:center;clip-path:inset(0 calc(100% - var(--p,0%)) 0 0)}
.app__vis .edge{position:absolute;top:0;bottom:0;left:var(--p,0%);width:2px;background:var(--copper-hi);box-shadow:0 0 24px 2px rgba(220,186,148,.6)}
.app__vis .edge::after{content:"";position:absolute;left:-14px;top:50%;width:30px;height:60px;margin-top:-30px;border:1px solid var(--copper-hi);border-radius:var(--r-1);background:rgba(18,16,14,.4)}
.app__cap{position:absolute;left:var(--s-5);right:var(--s-5);bottom:var(--s-5);display:flex;justify-content:space-between;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:#fff}
.app__cap span{padding:6px 10px;background:rgba(18,16,14,.62);border-radius:var(--r-1)}
.app .h2{font-size:clamp(32px,3.9vw,60px)}
.app .lede{margin-top:var(--s-5)}
.app .ticks{margin-bottom:var(--s-6)}

.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,112px);align-items:start}
.faq__side{position:sticky;top:calc(var(--hdr) + 32px)}
.faq__side .lede{margin-top:var(--s-5)}
.faq__side .link-arrow{margin-top:var(--s-6)}
.acc{border-top:1px solid var(--line-l2)}
.acc details{border-bottom:1px solid var(--line-l)}
.acc summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s-5);padding:clamp(20px,2vw,28px) 0;cursor:pointer;list-style:none;font-size:clamp(18px,1.6vw,23px);font-weight:400;letter-spacing:-.02em;line-height:1.3}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{position:relative;flex:none;width:32px;height:32px;border:1px solid var(--line-l2);border-radius:50%;transition:background var(--dur-1),border-color var(--dur-1)}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:1px;background:currentColor;transition:transform .5s var(--ease)}
.acc summary i::after{transform:rotate(90deg)}
.acc details[open] summary i::after{transform:rotate(0)}
@media (hover:hover){.acc summary:hover i{background:var(--tl);color:var(--bone);border-color:var(--tl)}}
.acc summary:focus-visible{outline:2px solid var(--focus-l);outline-offset:4px}
.acc__a{padding:0 clamp(48px,6vw,96px) clamp(22px,2.4vw,32px) 0;color:var(--ml);font-size:16px;max-width:62ch}

.contact{position:relative;overflow:hidden}
.contact__tex{position:absolute;inset:0;opacity:.18;z-index:0}
.contact__tex img{width:100%;height:100%;object-fit:cover}
.contact__tex::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 20%,rgba(18,16,14,.4))}
.contact .wrap{position:relative;z-index:1}
.contact__title{font-weight:200;font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-display);margin:var(--s-5) 0 clamp(40px,5vw,80px);text-wrap:balance}
.contact__title em{color:var(--mute-d)}
.contact__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,104px);align-items:start}
.cline{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line-d);align-items:baseline}
.cline:last-child{border-bottom:1px solid var(--line-d)}
.cline dt{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--md)}
.cline dd{font-size:clamp(17px,1.5vw,21px);font-weight:300;letter-spacing:-.01em}
.cline a{border-bottom:0;box-shadow:none;text-decoration:underline;text-decoration-color:var(--line-d2);text-decoration-thickness:1px;text-underline-offset:.3em;transition:text-decoration-color var(--dur-1),color var(--dur-1)}
@media (hover:hover){.cline a:hover{box-shadow:none;text-decoration-color:var(--copper-hi);color:var(--copper-hi)}}
.contact__form{padding:clamp(24px,3vw,44px);border:1px solid var(--line-d2);border-radius:var(--r-1);background:rgba(25,22,19,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.contact__form h3{font-weight:300;font-size:clamp(22px,2vw,30px);letter-spacing:-.025em;margin-bottom:var(--s-6)}

@media (max-width:1240px){
  .nav,.hdr__cta{display:none}
  .burger{display:block}
  .hdr__in{grid-template-columns:1fr auto}
  .hdr__right{gap:10px}
}
@media (max-width:1100px){
  .sec-head{grid-template-columns:1fr}
  .fig__n{font-size:clamp(48px,7.4vw,84px)}
  .fig{padding-right:clamp(10px,2vw,24px)}
  .fig+.fig{padding-left:clamp(12px,2vw,24px)}
  .specs{grid-template-columns:repeat(2,1fr)}
  .spec:not(:nth-child(4n+1)){border-left:0;padding-left:0}
  .spec:nth-child(2n){padding-left:clamp(16px,3vw,28px);border-left:1px solid var(--line-l)}
  .gen__ui{grid-template-columns:minmax(0,1fr)}
  .gen__view,.gen__mat{min-width:0}
  .gen__side{border-right:0;border-bottom:1px solid var(--line-d)}
  .gen__feat{grid-template-columns:1fr}
  .rooms__ui{grid-template-columns:1fr}
  .rooms__chips{justify-content:flex-start}
  .ftr__top{grid-template-columns:1fr 1fr}
  .ftr__brand{grid-column:1/-1}
  .hero__tag{display:none}
}
@media (max-width:900px){
  .origin{grid-template-columns:1fr}
  .origin__mark{border-left:0;border-top:1px solid var(--line-d)}
  .cat{grid-template-columns:1fr}
  .dbox,.app,.slot,.faq,.contact__grid{grid-template-columns:1fr}
  .dbox__stage{aspect-ratio:16/9}
  .faq__side{position:static}
  .vgrid{grid-template-columns:1fr}
  .vside{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .hero__row{grid-template-columns:1fr;gap:var(--s-6)}
  .app__vis{aspect-ratio:16/11}
}
@media (max-width:700px){
  :root{--hdr:68px}
  .form__row{grid-template-columns:1fr}
  .hero__facts{grid-template-columns:1fr 1fr;row-gap:20px}
  .hero__shade{background:linear-gradient(0deg,rgba(14,12,10,.95) 0%,rgba(14,12,10,.72) 38%,rgba(14,12,10,.1) 70%),linear-gradient(180deg,rgba(14,12,10,.6) 0%,rgba(14,12,10,0) 22%)}
  .hero__title{max-width:none}
  .hero__ctas .btn{width:100%}
  .sws{grid-template-columns:repeat(2,1fr)}
  .specs{grid-template-columns:1fr}
  .figs{grid-template-columns:1fr}
  .fig,.fig+.fig{padding-left:0;padding-right:0;border-left:0;border-bottom:1px solid var(--line-l)}
  .fig__vis{padding-top:var(--s-5)}
  .dbox__stage{aspect-ratio:4/3}
  .cat__hots{display:none}
  .rooms__now{display:none}
  .spec,.spec:nth-child(2n){padding-left:0;border-left:0}
  .vside{grid-template-columns:1fr}
  .cat__stage{aspect-ratio:1/1}
  .hot span{display:none}
  .cat__tabs{left:50%;transform:translateX(-50%)}
  .rooms__stage{aspect-ratio:4/3}
  .gen__sw{grid-template-columns:repeat(4,1fr)}
  .gen__mat canvas{aspect-ratio:4/3}
  .cline{grid-template-columns:1fr;gap:4px}
  .dl div{grid-template-columns:90px 1fr}
  .ftr__top{grid-template-columns:1fr 1fr;gap:36px 16px}
  .ftr__bot{flex-direction:column;align-items:flex-start}
  .acc__a{padding-right:0}
  .skyctl__pill span{display:none}
  .skyctl__pill{padding:0 11px}
  .slot__vis{aspect-ratio:1.8/1}
  .fig__n{font-size:clamp(56px,20vw,84px)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hero__img{transform:none}
  .hero__title .line>span{transform:none}
  [data-reveal],.dv-js [data-reveal]{opacity:1;transform:none}
  .box3d{animation:none}
}

.h1 em{color:var(--mute-l)}
.sec--dark .h1 em,.sec--warm .h1 em{color:var(--mute-d)}
.intro{position:relative;overflow:hidden;padding-top:calc(var(--hdr) + clamp(64px,9vw,136px));padding-bottom:clamp(64px,8vw,128px)}
.intro__tex{position:absolute;inset:0;opacity:.16;z-index:0}
.intro__tex img{width:100%;height:100%;object-fit:cover;object-position:64% 40%}
.intro__tex::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 18%,rgba(18,16,14,.35) 70%,rgba(18,16,14,.6)),linear-gradient(0deg,var(--ink),rgba(18,16,14,0) 40%)}
.intro>.wrap{position:relative;z-index:1}
.intro__row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:var(--s-8);row-gap:var(--s-6);align-items:end;margin-top:clamp(24px,3vw,44px)}
.intro .h1{text-wrap:balance}
.intro .lede{padding-bottom:6px;color:var(--md)}
.intro__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4) var(--s-6);margin-top:var(--s-6)}
.intro__side .intro__ctas:first-child{margin-top:0}
.ctab{padding-block:clamp(72px,8vw,128px)}
.ctab__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--s-7);align-items:end}
.ctab .h2{max-width:16ch}
.ctab .lede{margin-top:var(--s-5)}
.ctab__btns{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);align-items:center;justify-content:flex-end}
.steps{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));border-top:1px solid var(--line-l2)}
.steps>li{padding:clamp(24px,2.6vw,40px) clamp(16px,2vw,32px) clamp(24px,2.6vw,40px) 0;border-bottom:1px solid var(--line-l)}
.steps>li+li{padding-left:clamp(16px,2vw,32px);border-left:1px solid var(--line-l)}
.steps__n{display:block;font-weight:200;font-size:clamp(44px,4.4vw,68px);line-height:1;letter-spacing:-.05em;color:var(--copper-lo);font-variant-numeric:tabular-nums;margin-bottom:var(--s-5)}
.steps h3{font-weight:500;font-size:var(--fs-h4);letter-spacing:-.01em}
.steps p{margin-top:8px;font-size:15px;color:var(--ml);max-width:34ch}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,112px);align-items:start}
.split .h2{font-size:clamp(32px,3.9vw,60px)}
.ticks--l li{color:var(--tl);font-size:17px;padding:16px 0;border-top:1px solid var(--line-l);margin:0}
.ticks--l{margin-top:0;gap:0}
.ticks--l li::before{background:var(--copper-lo);margin-top:13px}
.ticks--l li:last-child{border-bottom:1px solid var(--line-l)}

.specs--wrap{margin-top:clamp(40px,5vw,72px)}
.spec--link{display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.35)}
.spec--link .link-arrow{margin-top:var(--s-5)}
.about{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s-7) clamp(32px,6vw,104px);align-items:start}
.about .h2{font-size:clamp(32px,4vw,64px)}
.aud{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-d)}
.aud li{padding:var(--s-6) var(--s-6) 0 0}
.aud li+li{padding-left:var(--s-6);border-left:1px solid var(--line-d)}
.aud h3{font-weight:300;font-size:var(--fs-h3);letter-spacing:-.025em}
.aud p{margin-top:8px;color:var(--md);max-width:40ch}

.intro--box{padding-bottom:clamp(56px,6vw,96px)}
.dbx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,112px);align-items:center}
.dbx .lede{max-width:46ch}
.dbx__stage{aspect-ratio:1/.9}
.dbxf{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(32px,6vw,112px);align-items:start}
.dbxf__side{position:sticky;top:calc(var(--hdr) + 32px)}
.dbxf__side .h2{font-size:clamp(32px,3.6vw,56px)}
.dbxf__side .lede{margin-top:var(--s-5)}
.mini{margin-top:var(--s-7);border-top:1px solid var(--line-d)}
.mini li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line-d);font-size:15px;color:var(--td)}
.mini b{font-family:var(--f-mono);font-weight:400;font-size:12px;color:var(--copper);padding-top:3px}
.field--select select{appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a69d90' stroke-width='1.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 0 center/18px no-repeat;padding-right:28px;cursor:pointer}
.field select option{background:#1b1815;color:var(--td)}
.field select:focus-visible{outline:none;border-bottom-color:var(--copper-hi);box-shadow:0 1px 0 0 var(--copper-hi)}
.field__hint{display:block;margin-top:6px;font-size:12.5px;color:var(--md)}
.err-consent{display:none;color:var(--err);font-size:13px;font-style:normal}
.field.is-bad select{border-bottom-color:var(--err)}

.faqnav{display:grid;border-top:1px solid var(--line-l2)}
.faqnav a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line-l);font-size:15px;transition:color var(--dur-1),padding var(--dur-2) var(--ease)}
.faqnav a::after{content:"";width:16px;height:1px;background:currentColor;align-self:center;opacity:.5;transition:width var(--dur-2) var(--ease)}
@media (hover:hover){
  .faqnav a:hover{color:var(--copper-lo);padding-left:6px}
  .faqnav a:hover::after{width:28px}
}
.faqmore{margin-top:var(--s-7);padding:var(--s-6);background:var(--paper);border-radius:var(--r-1);box-shadow:var(--sh-1)}
.faqmore h3{font-weight:400;font-size:21px;letter-spacing:-.02em}
.faqmore p{margin:8px 0 var(--s-5);color:var(--ml);font-size:15px}
.faqg+.faqg{margin-top:clamp(40px,5vw,72px)}
.faqg__t{display:flex;align-items:baseline;gap:14px;margin-bottom:var(--s-5);font-weight:300;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em}
.faqg__t b{font-size:var(--fs-micro);letter-spacing:.14em;color:var(--copper-lo);font-weight:600}
.acc__a a{border-bottom:1px solid var(--line-l2)}
.acc__a a:hover{color:var(--copper-lo);border-color:var(--copper-lo)}
.faq__main{min-width:0}

.contact--page{padding-top:calc(var(--hdr) + clamp(64px,8vw,120px))}
.contact--page .contact__title{margin-top:var(--s-6)}
.contact--page .contact__tex{opacity:.16}

.prose{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(32px,6vw,112px);align-items:start}
.prose__toc{position:sticky;top:calc(var(--hdr) + 32px)}
.prose__toc ol{list-style:none;border-top:1px solid var(--line-l2)}
.prose__toc a{display:block;padding:12px 0;border-bottom:1px solid var(--line-l);font-size:14.5px;transition:color var(--dur-1)}
.prose .prose__toc li{padding-left:0;max-width:none;font-size:inherit;line-height:inherit;color:inherit}
.prose .prose__toc li::before{content:none}
.prose__toc a:hover,.prose__toc a:focus-visible,.prose__toc a[aria-current]{color:var(--copper-lo)}
.prose__s+.prose__s{margin-top:clamp(36px,4vw,60px)}
.prose h2{display:flex;align-items:baseline;gap:14px;font-weight:300;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.03em;margin-bottom:var(--s-5)}
.prose h2 b{font-size:var(--fs-micro);letter-spacing:.14em;color:var(--copper-lo);font-weight:600}
.prose p,.prose li{max-width:66ch;font-size:17px;line-height:1.7;color:var(--tl)}
.prose p+p{margin-top:var(--s-4)}
.prose ul{display:grid;gap:12px;list-style:none}
.prose li{position:relative;padding-left:26px}
.prose li::before{content:"";position:absolute;left:0;top:.8em;width:14px;height:1px;background:var(--copper-lo)}
.prose a{border-bottom:1px solid var(--line-l2)}
.prose a:hover{color:var(--copper-lo);border-color:var(--copper-lo)}

.nf{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-block:calc(var(--hdr) + 40px) 80px}
.nf__in{position:relative;z-index:1}
.nf__code{font-weight:200;font-size:clamp(120px,24vw,360px);line-height:.85;letter-spacing:-.06em;color:var(--copper);opacity:.9;margin-bottom:var(--s-6)}
.nf .h1{max-width:14ch;text-wrap:balance}
.nf .lede{margin-top:var(--s-5);color:var(--md)}

.leaves{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:6px}
.leaf{margin:0;display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r-1);box-shadow:var(--sh-1);overflow:hidden;transition:transform var(--dur-2) var(--ease)}
.leaf:hover{transform:translateY(-8px)}
.leaf img{width:100%;aspect-ratio:1/2;object-fit:cover}
@media (min-width:1480px){
  .leaves{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .leaf img{aspect-ratio:1/4.2}
}
.leaf figcaption{padding:8px 6px 10px;display:flex;flex-direction:column;gap:2px;min-height:58px}
.leaf b{font-size:10.5px;font-weight:600;line-height:1.3;color:var(--tl);word-break:break-word}
.leaf span{font-family:var(--f-mono);font-size:10px;color:var(--ml)}
.dvgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.dvc{display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-1);overflow:hidden}
.dvc[hidden]{display:none}
.dvc__vis{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--ink-3);text-align:left}
.dvc__vis img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.dvc__vis:hover img{transform:scale(1.04)}
.dvc__neutral{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--s-5);background:linear-gradient(160deg,#2a2622,#1d1a17);color:var(--td)}
.dvc__neutral span{font-weight:200;font-size:clamp(36px,3.8vw,60px);letter-spacing:-.04em;line-height:1}
.dvc__neutral small{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--md);font-weight:600;border-top:1px solid var(--line-d);padding-top:12px}
.dvc__txt{padding:var(--s-5) var(--s-5) var(--s-6)}
.dvc__code{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--copper)}
.dvc h3{margin-top:6px;font-weight:300;font-size:var(--fs-h3);letter-spacing:-.025em}
.dvc__txt p:last-child{margin-top:10px;font-size:15px;color:var(--md);line-height:1.55}
#dv.is-filtered .dvgrid{display:none}
.ctool{display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-6);align-items:center;padding-bottom:var(--s-5);border-bottom:1px solid var(--line-l2);margin-bottom:var(--s-4)}
.ctool__f{display:flex;gap:6px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:1px solid var(--line-l2);border-radius:var(--r-pill);font-size:13px;font-weight:500;transition:background var(--dur-1),color var(--dur-1),border-color var(--dur-1)}
.pill:hover{border-color:var(--tl)}
.pill[aria-pressed="true"]{background:var(--tl);color:var(--bone);border-color:var(--tl)}
.sec--dark .pill{border-color:var(--line-d2);color:var(--td)}
.sec--dark .pill:hover{border-color:var(--td)}
.sec--dark .pill[aria-pressed="true"]{background:var(--td);color:var(--ink);border-color:var(--td)}
.csearch{position:relative;flex:1 1 280px;max-width:460px;display:flex;align-items:center}
.csearch svg{position:absolute;left:2px;width:18px;height:18px;fill:none;stroke:var(--ml);stroke-width:1.4;pointer-events:none}
.csearch input{width:100%;height:46px;padding:0 0 0 30px;background:transparent;border:0;border-bottom:1px solid var(--line-l2);color:var(--tl);font-size:16px;border-radius:0}
.csearch input::placeholder{color:var(--ml)}
.csearch input:focus-visible{outline:none;border-bottom-color:var(--copper-lo);box-shadow:0 1px 0 0 var(--copper-lo)}
.ctool__n{margin-left:auto;font-size:13px;color:var(--ml);font-variant-numeric:tabular-nums}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:var(--gut)}
.cx{position:relative;display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r-1);box-shadow:var(--sh-1);overflow:hidden}
.cx__sw{position:relative;display:block;width:100%;aspect-ratio:1/.82;overflow:hidden;background:var(--paper-2)}
.cx__sw img,.cx__flat{width:100%;height:100%;display:block;object-fit:cover}
.cx__flat{position:absolute;inset:0}
.cx__sw:focus-visible{outline-offset:-3px}
.cx__photo{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:var(--r-pill);background:rgba(247,244,239,.92);color:var(--tl);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.cx__add{position:absolute;right:8px;top:8px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(247,244,239,.95);color:var(--tl);box-shadow:0 6px 18px -8px rgba(20,14,8,.5);transition:background var(--dur-1),color var(--dur-1)}
.cx__add svg,.cx__copy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.cx__add:hover,.cx__add[aria-pressed="true"]{background:var(--tl);color:var(--bone)}
.cx__add svg{transition:transform var(--dur-2) var(--ease)}
.cx__add[aria-pressed="true"] svg{transform:rotate(45deg)}
.cx__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 8px 12px 14px}
.cx__meta>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.cx__code{font-size:12.5px;font-weight:600;color:var(--tl);line-height:1.3;word-break:break-word}
.cx__hex{font-family:var(--f-mono);font-size:11.5px;color:var(--ml)}
.cx__copy{flex:none;width:36px;height:36px;display:grid;place-items:center;color:var(--ml);border-radius:50%;transition:color var(--dur-1),background var(--dur-1)}
.cx__copy:hover{color:var(--tl);background:rgba(25,21,17,.07)}
.cmore{display:flex;justify-content:center;margin-top:var(--s-7)}
.cmore:has(button[hidden]){display:none}
.cempty{padding:var(--s-8) 0;text-align:center}
.cempty[hidden]{display:none}
.cempty h3{font-weight:300;font-size:var(--fs-h3);letter-spacing:-.025em}
.cempty p{margin:8px 0 var(--s-5);color:var(--ml)}
.tray{position:fixed;z-index:46;left:var(--pad);right:calc(var(--pad) + 64px);bottom:clamp(12px,1.6vw,22px);max-width:640px;display:flex;align-items:center;gap:var(--s-4);padding:10px 10px 10px 16px;background:var(--ink);color:var(--td);border-radius:var(--r-1);box-shadow:var(--sh-2)}
.tray[hidden]{display:none}
.tray__sw{display:flex;gap:6px;flex:1;min-width:0;overflow:hidden}
.tray__sw button{position:relative;flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.tray__sw button::after{content:"";position:absolute;inset:-7px}
.tray__n{font-family:var(--f-mono);font-weight:400;font-size:12px;color:var(--md)}
.tray .btn{white-space:normal;text-align:left;height:auto;min-height:42px;padding-block:8px}
.cxd{width:min(940px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:var(--r-1);background:var(--paper);color:var(--tl);box-shadow:var(--sh-2);overflow:auto}
.cxd::backdrop{background:rgba(18,16,14,.74)}
.cxd__x{position:absolute;z-index:2;right:10px;top:10px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(247,244,239,.92);color:var(--tl)}
.cxd__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.cxd__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.cxd__vis{min-height:320px;background:var(--paper-2)}
.cxd__vis img,.cxd__flat,.cxd__neutral{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
.cxd__neutral{display:flex;align-items:flex-end;padding:var(--s-6);background:linear-gradient(160deg,#2a2622,#1d1a17);color:var(--td)}
.cxd__neutral span{font-weight:200;font-size:clamp(48px,6vw,88px);letter-spacing:-.04em;line-height:1}
.cxd__body{padding:clamp(24px,3vw,48px);display:flex;flex-direction:column}
.cxd__sys{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--ml)}
.cxd__code{margin-top:10px;font-weight:300;font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;line-height:1.1}
.cxd__name{margin-top:6px;font-size:19px;color:var(--ml)}
.cxd__desc{margin-top:var(--s-5);color:var(--tl);font-size:16px}
.cxd__dl{margin-top:var(--s-6);border-top:1px solid var(--line-l2)}
.cxd__dl>div{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-bottom:1px solid var(--line-l);font-size:15px}
.cxd__dl dt{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);font-weight:600;color:var(--ml);padding-top:3px}
.cxd__dl dd{font-family:var(--f-mono);font-size:14px}
.cxd__note{margin-top:var(--s-5);font-size:14px;color:var(--ml)}
.cxd__acts{margin-top:auto;padding-top:var(--s-6);display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:900px){
  .intro__row,.ctab__in,.about,.split,.dbx,.dbxf,.prose{grid-template-columns:1fr}
  .ctab__btns{justify-content:flex-start}
  .dbxf__side,.prose__toc{position:static}
  .dbx__stage{aspect-ratio:16/10}
  .cxd__in{grid-template-columns:1fr}
  .cxd__vis,.cxd__vis img,.cxd__flat,.cxd__neutral{min-height:220px;max-height:300px}
}
@media (max-width:1100px){
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps>li:nth-child(odd){padding-left:0;border-left:0}
  .steps>li:nth-child(even){padding-left:clamp(16px,3vw,32px);border-left:1px solid var(--line-l)}
  .steps[style*="--n:3"]{grid-template-columns:1fr}
  .steps[style*="--n:3"]>li,.steps[style*="--n:3"]>li:nth-child(even){padding-left:0;border-left:0}
  .dvgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aud{grid-template-columns:1fr}
  .aud li+li{padding-left:0;border-left:0;border-top:1px solid var(--line-d);margin-top:var(--s-6)}
}
@media (max-width:700px){
  .steps{grid-template-columns:1fr}
  .steps>li,.steps>li:nth-child(even){padding-left:0;border-left:0}
  .dvgrid{grid-template-columns:1fr}
  .leaves{grid-template-columns:repeat(3,minmax(0,1fr))}
  .leaf img{aspect-ratio:1/1.7}
  .cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cx__meta{padding:10px 4px 10px 10px}
  .cx__add,.cx__copy{width:44px;height:44px}
  .ctool__n{margin-left:0;width:100%}
  .intro__ctas .btn,.ctab__btns .btn{width:100%}
  .nf__code{font-size:clamp(96px,38vw,200px)}
}

.intro--gen{padding-top:calc(var(--hdr) + clamp(28px,4vw,56px));padding-bottom:clamp(32px,3.2vw,56px)}
.intro--gen .h1{font-size:var(--fs-h1)}
.intro__note{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--line-d);max-width:44ch}
.wrap--wide{max-width:1680px}
.gx .gen__mat canvas{aspect-ratio:auto;height:auto;width:100%}
.gk{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--md);margin-bottom:var(--s-3)}
.gk b{font-family:var(--f-mono);font-weight:400;letter-spacing:.04em;text-transform:none;font-size:12px;color:var(--td)}
.gk--ends{margin:6px 0 0;font-size:10.5px}
.ghint{font-size:13px;color:var(--md);line-height:1.5;margin-top:8px}
.gerr{margin-top:8px;font-size:13px;color:var(--err)}
.gerr[hidden]{display:none}
.gg{padding:var(--s-7) 0 var(--s-6);border-top:1px solid var(--line-d)}
.gg:first-child{border-top:0;padding-top:0}
.gg__h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-5)}
.gg__h h3{display:flex;align-items:baseline;gap:14px;font-weight:300;font-size:clamp(22px,2vw,30px);letter-spacing:-.025em}
.gg__h h3 b{font-size:var(--fs-micro);letter-spacing:.14em;color:var(--copper);font-weight:600}
.gg__h--in{margin-bottom:var(--s-4)}
.gg__c{font-family:var(--f-mono);font-size:12px;color:var(--md)}
.sgm{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line-d);border-radius:var(--r-pill)}
.sgm button{height:36px;min-width:48px;padding:0 16px;border-radius:var(--r-pill);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--md);transition:background var(--dur-1),color var(--dur-1)}
.sgm button:hover{color:var(--td)}
.sgm button[aria-pressed="true"]{background:var(--td);color:var(--ink)}
.rng{display:block;width:100%;height:28px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;--c:var(--copper);--v:50%}
.rng::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--c) var(--v),var(--line-d2) var(--v))}
.rng::-moz-range-track{height:2px;background:var(--line-d2)}
.rng::-moz-range-progress{height:2px;background:var(--c)}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-8px;border-radius:50%;background:var(--td);border:3px solid var(--ink-2);box-shadow:0 0 0 1px var(--line-d2)}
.rng::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--td);border:3px solid var(--ink-2)}
.rng:focus-visible{outline:none}
.rng:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:3px}
.rng:focus-visible::-moz-range-thumb{outline:2px solid var(--focus);outline-offset:3px}

.mixlist{display:grid}
.mixrow{display:grid;grid-template-columns:34px minmax(0,1fr) auto 40px 40px;align-items:center;padding:10px 0 4px;border-bottom:1px solid var(--line-d)}
.mixrow__dot{position:relative;width:22px;height:22px;margin-left:4px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.mixrow__dot::after{content:"";position:absolute;inset:-11px}
.mixrow.is-sel .mixrow__dot{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 0 3px var(--ink-2),0 0 0 4px var(--td)}
.mixrow__name{min-width:0}
.mixrow__name b{display:block;font-family:var(--f-mono);font-weight:400;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mixrow__name small{font-size:11.5px;color:var(--md)}
.mixrow__pct{font-family:var(--f-mono);font-size:13px;margin-right:6px;font-variant-numeric:tabular-nums}
.mixrow__ico{width:40px;height:40px;display:grid;place-items:center;color:var(--md);transition:color var(--dur-1)}
.mixrow__ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
button.mixrow__ico:hover{color:var(--td)}
.mixrow__ico.is-on{color:var(--copper)}
.mixrow__ico.is-on svg{fill:currentColor}
.mixrow__rng{grid-column:1/-1}
.mixlist--solo .mixrow{border-bottom:0;padding-top:0}

.gsearch{margin-top:var(--s-6)}
.csearch--d svg{stroke:var(--md)}
.csearch--d input{color:var(--td);border-bottom-color:var(--line-d2)}
.csearch--d input::placeholder{color:var(--md)}
.csearch--d input:focus-visible{border-bottom-color:var(--copper-hi);box-shadow:0 1px 0 0 var(--copper-hi)}
.gsearch .csearch{max-width:none}
.gfilters{display:flex;gap:6px;flex-wrap:wrap;margin:var(--s-4) 0}
.gres{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;max-height:232px;overflow-y:auto;padding:5px;margin:0 -5px}
.sw2{position:relative;aspect-ratio:1;border-radius:var(--r-1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.sw2:hover{transform:scale(1.08)}
.sw2[aria-pressed="true"]::after{content:"";position:absolute;inset:-4px;border:2px solid var(--td);border-radius:3px}
.gres__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:10px;font-size:12px;color:var(--md);min-height:44px}
.gres__peek{color:var(--td);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gres__more{height:44px;font-size:11px}
.gres__more[hidden]{display:none}

.gpre{display:flex;flex-direction:column;gap:var(--s-5)}
.gpre__l,.gacts{display:flex;flex-wrap:wrap;gap:8px}
.gpre__a{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:center}
.gpre__reset{height:42px}
.gtex__row+.gtex__row{margin-top:var(--s-6)}
.gtex .sgm{margin-bottom:0}

.garea__in{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--line-d2);transition:border-color var(--dur-1)}
.garea__in:focus-within{border-bottom-color:var(--copper-hi)}
.garea__in input{flex:1;min-width:0;height:64px;padding:0;background:transparent;border:0;border-radius:0;font-weight:200;font-size:clamp(30px,3vw,40px);letter-spacing:-.03em;color:var(--td)}
.garea__in input::placeholder{color:rgba(237,230,218,.34)}
.garea__in input:focus-visible{outline:none}
.garea__u{font-size:20px;color:var(--md)}
.garea__res{margin-top:var(--s-5);padding:var(--s-5);background:var(--ink-3);border-radius:var(--r-1)}
.garea__res small{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--md)}
.garea__val{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.garea__val b{font-weight:200;font-size:clamp(40px,4vw,56px);letter-spacing:-.04em;line-height:1.1}
.garea__val span{font-size:20px;color:var(--md)}
.garea__res[data-state="empty"] .garea__val b{color:var(--mute-d)}
.garea__res p{margin-top:8px;font-size:13px;color:var(--md);line-height:1.5}
.garea__res[data-state="error"] p{color:var(--err)}
.gexp{display:grid;gap:var(--s-5)}
.gexp__i .btn{width:100%;justify-content:flex-start;gap:14px;height:auto;min-height:54px;padding-block:12px;white-space:normal;text-align:left;letter-spacing:.1em}
.gexp .btn .ico{width:22px;height:22px;flex:none;stroke-width:1.2}
.gexp .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.gexp .btn[aria-disabled="true"]:hover{background:transparent;color:var(--td);border-color:var(--line-d2)}
.gexp .btn[data-state="preparing"]{border-color:var(--copper-hi)}
.gexp .btn[data-state="preparing"] .ico{animation:pulse 1s ease-in-out infinite}
.gexp .btn[data-state="done"]{border-color:var(--ok)}
.gexp .btn[data-state="error"]{border-color:var(--err)}
.gexp__s{min-height:20px;font-size:13px;color:var(--md);line-height:1.5}
.gexp__s[data-state="error"]{color:var(--err)}
.gexp__s[data-state="done"]{color:var(--ok)}
.gfoot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-5) var(--s-7);margin-top:clamp(40px,5vw,72px);padding-top:var(--s-5);border-top:1px solid var(--line-d)}
.gfoot p{max-width:78ch}
.gfoot .link-arrow:hover{color:var(--copper-hi)}
.glabel{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;margin:var(--s-5) 0}
.glabel small{display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--copper)}
.glabel b{display:block;margin-top:4px;font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:clamp(28px,2.6vw,40px);line-height:1.1}
.glabel span{display:block;margin-top:4px;font-size:13px;color:var(--md)}

.ga{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,96px);align-items:start}
.ga__easel{position:sticky;top:calc(var(--hdr) + 24px)}
.gframe{padding:clamp(14px,2vw,28px);background:#27221e;border:1px solid var(--line-d2);border-radius:var(--r-1);box-shadow:var(--sh-2)}
.ga__ctl{min-width:0}

.gb{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:var(--gut);align-items:start}
.gpanel{min-width:0;background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-1);padding:var(--s-5)}
.gp__h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--s-4);margin-bottom:var(--s-3);border-bottom:1px solid var(--line-d)}
.gp__h h3{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--td)}
.gp__s{margin-top:var(--s-6)}
.gp__s .gsearch{margin-top:0}
.gb__layers .chip{height:36px;font-size:12.5px}
.gx--b .mixrow__name .hx{display:none}
.gb__stage{min-width:0;background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-1);padding:var(--s-4)}
.gb__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-4)}
.gb__t b{display:block;font-family:var(--f-mono);font-weight:400;font-size:13px}
.gb__t span{font-size:12.5px;color:var(--md)}
.gb__st{display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-7);align-items:center;margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line-d)}
.gb__sg{display:flex;align-items:center;gap:var(--s-4)}
.gb__sg .gk,.gb__sd .gk{margin:0}
.gb__sd{flex:1 1 220px;min-width:0}
.gb__sd .rng{margin-top:2px}
.gb__sw{display:flex;gap:4px}
.gb__sw i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.insp{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s-4);align-items:center}
.insp__sw{width:72px;height:72px;border-radius:var(--r-1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.insp__t b{display:block;font-size:15px;font-weight:500}
.insp__t small{font-size:12px;color:var(--md)}
.insp__dl{grid-column:1/-1;border-top:1px solid var(--line-d)}
.insp__dl>div{display:grid;grid-template-columns:70px 1fr;padding:8px 0;border-bottom:1px solid var(--line-d);font-size:12.5px}
.insp__dl dt{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--md);padding-top:2px}
.insp__dl dd{font-family:var(--f-mono)}
.gb__dock{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);gap:var(--s-7) var(--gut);margin-top:var(--gut);padding:var(--s-6);background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-1)}
.gb__d1 .gacts{flex-direction:column;align-items:stretch}
.gb__d1 .gacts .btn{flex:0 0 auto;min-height:42px}

.gc{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,3.2fr);gap:var(--gut);align-items:start}
.gc__main{min-width:0}
.gc__tabs{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-4)}
.gc__stage{aspect-ratio:16/10;box-shadow:var(--sh-2)}
.gc__side{display:grid;gap:var(--s-5);padding:var(--s-5);background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-1)}
.gc__side .glabel{margin:0}
.gc__side .sgm{justify-self:start}
.gc__dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s-7);margin-top:var(--gut);padding:var(--s-6);background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-1)}
.gc__d1{grid-column:1/-1;padding-bottom:var(--s-6);margin-bottom:var(--s-6);border-bottom:1px solid var(--line-d)}
.pstrip{display:flex;gap:2px;height:84px;border-radius:var(--r-1);overflow:hidden}
.pseg{position:relative;min-width:0;display:flex;align-items:flex-end;padding:10px 12px;color:#fff;font-family:var(--f-mono);font-size:12px;text-align:left;transition:flex .3s var(--ease)}
.pseg.is-light{color:var(--ink)}
.pseg.is-sel{outline:2px solid var(--td);outline-offset:-3px}
.pseg:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
.gc__sel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-7);align-items:start;margin-top:var(--s-5)}
.gadd{min-width:0}
.gadd summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);height:50px;padding:0 20px;border:1px solid var(--line-d2);border-radius:var(--r-1);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;list-style:none;transition:background var(--dur-1),color var(--dur-1)}
.gadd summary::-webkit-details-marker{display:none}
.gadd summary:hover{background:var(--td);color:var(--ink)}
.gadd summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.gadd summary i{position:relative;width:14px;height:14px}
.gadd summary i::before,.gadd summary i::after{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:currentColor;transition:transform .4s var(--ease)}
.gadd summary i::after{transform:rotate(90deg)}
.gadd[open] summary i::after{transform:none}
.gadd .gsearch{margin-top:var(--s-5)}

@media (max-width:1240px){
  .gb{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .gb__stage{grid-column:1/-1;order:-1}
  .gb__dock{grid-template-columns:1fr 1fr}
  .gb__d3{grid-column:1/-1}
}
@media (max-width:1100px){
  .ga{grid-template-columns:minmax(0,1fr)}
  .ga__easel{position:static}
  .gc{grid-template-columns:1fr}
  .gc__side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .gc__side .gen__mat{grid-column:1/-1}
  .gc__pre,.gc__side .gacts{grid-column:1/-1}
  .gc__dock{grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
  .gc__sel{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .gb{grid-template-columns:minmax(0,1fr)}
  .gb__dock{grid-template-columns:minmax(0,1fr)}
  .gc__stage{aspect-ratio:4/3}
  .gc__side{grid-template-columns:minmax(0,1fr)}
  .gres{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}
  .sgm button{height:40px}
  .gpanel,.gb__stage,.gc__side,.gc__dock,.gb__dock{padding:var(--s-4)}
  .pstrip{height:64px}
  .pseg{padding:8px 6px;font-size:11px}
  .gpre__a .btn{width:100%}
  .gacts .btn{flex:1 1 100%}
  .gb__d1 .gacts .btn{flex:0 0 auto;min-height:42px}
  .mixrow{grid-template-columns:34px minmax(0,1fr) auto 44px 44px}
  .mixrow__ico{width:44px;height:44px}
}

.gc__dock>*,.gc__sel>*,.gb>*,.gb__dock>*,.ga>*,.gc>*,.gc__side>*{min-width:0}

.vplay.is-playing::after{display:none}
.vplay.is-playing video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0e0c0a}

.hero__gl{position:absolute;inset:0}
.hero.has-3d .hero__lens,.hero.has-3d .hero__ring{display:none}
.rooms__stage--3d{cursor:default;background:#d9d2c6}
.rooms__gl{position:absolute;inset:0}
.dbox__gl{position:absolute;inset:0}
.can-still{display:block;width:auto}
@media (max-width:700px){.rooms__stage--3d{aspect-ratio:4/5}}


.h1 em,.h2 em{color:var(--mute-l);color:color-mix(in srgb,var(--mute-l) 82%,#000)}
.sec--dark .h1 em,.sec--warm .h1 em,.sec--dark .h2 em,.sec--warm .h2 em{color:var(--mute-d)}

@media (min-width:1900px){
  .hero__img{transform:none;animation:none}
}

.app__vis .base{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.6 0 0 0 -0.3 1.6 0 0 0 -0.3 1.6 0 0 0 -0.3 0 0 0 0 .10'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/180px 180px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='p' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.0 0 0 0 0.0 1.0 0 0 0 0.0 1.0 0 0 0 0.0 0 0 0 0 .05'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23p)'/%3E%3C/svg%3E") 0 0/400px 400px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m' x='0' y='0' width='1' height='1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1.0 0 0 0 0.0 1.0 0 0 0 0.0 1.0 0 0 0 0.0 0 0 0 0 .06'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23m)'/%3E%3C/svg%3E") center/cover,linear-gradient(105deg,rgba(255,250,242,.12) 0%,rgba(255,250,242,0) 42%,rgba(28,20,12,0) 60%,rgba(28,20,12,.10) 100%),#8e887e}
.app__vis .base::after{display:none}
.app__vis .done{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}
.app__vis .edge::after{left:-21px;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:rgba(247,244,239,.96) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191511' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7l-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 10px 30px -10px rgba(18,12,6,.55)}

input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0 0 0 8px;cursor:pointer;opacity:.6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191511' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/12px no-repeat}
input[type=search]::-webkit-search-cancel-button:hover{opacity:1}
.csearch--d input[type=search]::-webkit-search-cancel-button,.field input[type=search]::-webkit-search-cancel-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ede6da' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}

.hero__tag{right:max(var(--pad),calc((100% - var(--maxw)) / 2 + var(--pad)))}
@media (min-width:1900px){
  .wrap--wide{max-width:var(--maxw)}
}
@media (min-width:2200px){
  :root{--maxw:1840px;--pad:96px;--fs-body:18px;--fs-small:15.5px;--fs-micro:12.5px;--fs-lede:21px}
}

.mnav{padding-bottom:0}
.mnav__foot{position:static;z-index:1;padding-bottom:28px;background:var(--ink)}
@media (max-height:900px){
  .mnav__links a{padding-block:8px;font-size:clamp(22px,5.6vh,32px);line-height:1.2;min-height:44px;align-items:center}
  .mnav{padding-top:calc(var(--hdr) + 12px)}
}
.glabel b{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

.skyctl__pop{max-height:calc(100vh - 96px);max-height:calc(100svh - 96px);overflow-y:auto;overscroll-behavior:contain}
.cxd{overflow:hidden}
.cxd__in{max-height:calc(100vh - 32px);overflow:auto}

@media (max-width:760px){
  .hero__title .line:nth-child(2)>span{color:rgba(237,230,218,.78)}
  .hero__ring i{display:none}
  .hero__lens{filter:brightness(1.15) contrast(1.04) saturate(1.05)}
  .hero__shade{background:linear-gradient(0deg,rgba(14,12,10,.96) 0%,rgba(14,12,10,.84) 44%,rgba(14,12,10,.34) 74%,rgba(14,12,10,.08) 92%),linear-gradient(180deg,rgba(14,12,10,.6) 0%,rgba(14,12,10,0) 22%)}
}

@media (max-width:480px){
  .vplay{aspect-ratio:4/3}
  .vplay__btn{left:auto;top:16px;right:16px;width:48px;height:48px;margin:0}
  .vplay__btn svg{width:18px;height:18px;margin-left:2px}
  .vplay__meta{right:16px}
}

@media (max-width:1240px),(pointer:coarse){
  .lang{gap:0}
  .lang a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0}
  .ftr li a,.mnav__foot a:not(.btn),.mnav__foot>span{display:inline-flex;align-items:center;min-height:44px}
  .ftr li+li{margin-top:0}
  .mnav__foot{gap:0}
}
@media (pointer:coarse){
  .btn--sm{--h:44px}
  .chip,.pill,.sgm button,.gen__bar .seg button,.skyctl__b,.skyctl__pill,.gb__layers .chip{height:44px;min-height:44px}
  .rng{height:44px}
  .mixrow{grid-template-columns:34px minmax(0,1fr) auto 44px 44px}
  .mixrow__ico,.cx__copy,.cx__add,.skyctl__x{width:44px;height:44px;min-width:44px;min-height:44px}
  .skyctl__seg button{min-height:44px}
  .gres{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}
  .faqnav a,.prose__toc a,.acc summary{min-height:44px}
  .skyctl__pill{min-width:44px;justify-content:center}
  .gpre__reset,.rooms__chips .preset{min-height:44px;height:auto}
  .link-arrow{position:relative}
  .link-arrow::before{content:"";position:absolute;inset:-9px 0}
}
.hdr__logo{display:flex;align-items:center;min-height:44px}

@media (min-width:1241px){.gb{grid-template-columns:340px minmax(0,1fr) 300px;align-items:stretch}}
.gx--b .mixrow__name b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.mixrow__pct{min-width:3ch;margin-left:12px;text-align:right}

.gg__c{white-space:nowrap;flex:none}
@media (max-width:760px){
  :root{--fs-micro:12px}
  .leaf b{font-size:11.5px}
  .leaf span{font-size:11px}
  .gk--ends,.tab i,.tag,.skyctl__ticks{font-size:11.5px}
  .cx__photo{font-size:11px}
}

@media (max-width:1100px){
  .ga{display:flex;flex-direction:column;align-items:stretch}
  .ga__easel{display:contents}
  .gframe{position:sticky;top:calc(var(--hdr) + 8px);z-index:5;margin-bottom:var(--s-5);padding:10px}
  .gx .gen__mat canvas{width:auto;max-width:100%;max-height:30vh;margin-inline:auto}
  .gx .gen__mat{padding:8px}
  .ga .glabel{margin:0 0 var(--s-5)}
  .ga .gacts{margin-bottom:var(--s-6)}
  .gc{display:contents}
  .gc__main{display:contents}
  .gc__tabs{margin-bottom:var(--s-3)}
  .gc__stage{position:sticky;top:calc(var(--hdr) + 8px);z-index:5;width:min(100%,calc(30vh * 1.6));margin:0 auto var(--s-5)}
  .gc__side{margin-top:0}
}
@media (max-width:1240px){
  .gb{display:flex;flex-wrap:wrap;align-items:flex-start}
  .gb__stage{display:contents}
  .gb__bar{order:-3;flex:0 0 100%}
  .gb .gen__mat{order:-2;flex:0 0 100%;position:sticky;top:calc(var(--hdr) + 8px);z-index:5}
  .gb__st{order:-1;flex:0 0 100%;margin-top:0;padding-bottom:var(--s-4)}
  .gb__layers,.gb__insp{flex:1 1 calc(50% - var(--gut) / 2)}
}
@media (max-width:700px){
  .gb__layers,.gb__insp{flex-basis:100%}
  .gx .gen__mat canvas{max-height:min(30vh,200px)}
  .gc__stage{width:min(100%,calc(min(30vh,200px) * 4 / 3))}
}
@media (max-height:520px) and (min-width:640px){
  .ga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--s-6)}
  .ga__easel{display:block;position:sticky;top:calc(var(--hdr) + 8px)}
  .gframe{position:static;margin-bottom:var(--s-4)}
  .gx .gen__mat canvas{max-height:calc(100svh - var(--hdr) - 150px)}
  .gb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
  .gb__stage{display:block;grid-column:1;grid-row:1 / span 2;position:sticky;top:calc(var(--hdr) + 2px)}
  .gb__bar,.gb .gen__mat,.gb__st{order:0}
  .gb .gen__mat{position:static}
  .gb__layers{grid-column:2;grid-row:1}
  .gb__insp{grid-column:2;grid-row:2}
  .gb__stage{padding:8px}
  .gb__t span{display:none}
  .gb__bar{margin-bottom:8px}
  .gb__bar .sgm button{height:32px}
  .gb .gen__mat{padding:6px}
  .gb__st{flex-wrap:nowrap;gap:var(--s-4);margin-top:8px;padding-top:8px}
  .gb__sg{flex:none}
  .gb__sg .gk,.gb__sw{display:none}
  .gb__sd{flex:1 1 160px}
  .gx .gen__mat canvas{max-height:calc(100svh - var(--hdr) - 205px)}
  .gx--c>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-6);align-items:start}
  .gc{display:contents}
  .gc__main{display:block;grid-column:1;grid-row:1 / span 2;position:sticky;top:calc(var(--hdr) + 8px)}
  .gc__stage{position:relative;top:auto;width:min(100%,calc((100svh - var(--hdr) - 110px) * 1.6));margin:0}
  .gc__side{grid-column:2;grid-row:1}
  .gc__tabs{margin-bottom:8px;flex-wrap:nowrap}
  .gc__tabs .tab{height:36px;padding:0 12px;gap:6px;font-size:13px}
  .gc__hint{display:none}
  .gc__dock{grid-column:2;grid-row:2;margin-top:0}
  .gx--c .gfoot{grid-column:1 / -1}
}

@media (max-height:820px){
  .mnav__links a{padding-block:8px;font-size:clamp(22px,5.6vh,32px);line-height:1.2}
  .mnav{padding-top:calc(var(--hdr) + 12px)}
}
@media (max-height:520px) and (orientation:landscape){
  :root{--hdr:52px}
  .hero__body{padding-top:calc(var(--hdr) + 12px);padding-bottom:20px}
  .hero__eyebrow{margin-bottom:10px}
  .hero__title{font-size:clamp(30px,9vh,44px)}
  .hero__row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s-5);margin-top:14px}
  .hero__lede{font-size:15px;line-height:1.5}
  .hero__ctas{flex-wrap:nowrap}
  .hero__ctas .btn{width:auto}
  .hero__ring{display:none}
  .skyctl__head{position:sticky;top:-18px;z-index:1;margin:-18px -18px 8px;padding:18px 18px 8px;background:rgba(22,20,18,.98)}
  .cxd__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cxd__vis,.cxd__vis img,.cxd__flat,.cxd__neutral{max-height:none;min-height:200px}
  .mnav__links{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s-6)}
  .mnav__links a{padding-block:8px;font-size:clamp(20px,7vh,28px)}
  .mnav__foot{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 var(--s-6);padding:12px 0 16px}
  .mnav__foot .btn{margin-bottom:0!important}
  .intro--box .intro__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .intro{padding-top:calc(var(--hdr) + 24px);padding-bottom:32px}
}

.pseg span{padding:1px 6px;border-radius:3px;background:rgba(18,16,14,.58)}
.pseg.is-light span{background:rgba(247,244,239,.66)}

@media (max-width:1024px){
  .skyctl{right:12px;bottom:12px}
}


:root{--sec:clamp(88px,10vw,144px)}

.wrap{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}
.hdr__in{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}
.mnav{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}
.mnav__foot{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
.skyctl{right:max(clamp(12px,1.6vw,24px),env(safe-area-inset-right));bottom:calc(clamp(12px,1.6vw,22px) + env(safe-area-inset-bottom))}
.tray{bottom:calc(clamp(12px,1.6vw,22px) + env(safe-area-inset-bottom));left:max(var(--pad),env(safe-area-inset-left))}

.rooms__chips .preset{display:inline-flex;align-items:center;gap:0;flex:none;height:44px;min-height:44px;padding:0 18px 0 12px;border:1px solid var(--line-l2);border-radius:var(--r-pill);background:rgba(247,244,239,.34);color:var(--tl);font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--dur-1),color var(--dur-1),border-color var(--dur-1)}
.rooms__chips .preset i{display:block;flex:none;width:14px;height:14px;margin-right:4px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(25,21,17,.2)}
.rooms__chips .preset span{margin-left:6px}
.rooms__chips .preset:hover{border-color:var(--tl);background:rgba(247,244,239,.6)}
.rooms__chips .preset[aria-pressed="true"]{background:var(--tl);color:var(--bone);border-color:var(--tl)}
.rooms__chips .preset[aria-pressed="true"] i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)}
.rooms__chips .preset:focus-visible{outline:2px solid var(--focus-l);outline-offset:3px}

@property --fade-l{syntax:"<length>";inherits:false;initial-value:0px}
@property --fade-r{syntax:"<length>";inherits:false;initial-value:0px}
@keyframes rowFade{0%{--fade-l:0px;--fade-r:32px}6%{--fade-l:32px;--fade-r:32px}94%{--fade-l:32px;--fade-r:32px}100%{--fade-l:32px;--fade-r:0px}}
@media (max-width:760px){
  .rooms__chips,.rooms__ui .tabs,.gc__tabs .tabs,.ctool__f,.gfilters,.gpre__l,.gen__presets{
    flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;
    padding-block:4px;margin-block:-4px;padding-inline-end:36px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);
    animation:rowFade linear both;animation-timeline:scroll(self inline)}
  .rooms__chips::-webkit-scrollbar,.rooms__ui .tabs::-webkit-scrollbar,.gc__tabs .tabs::-webkit-scrollbar,.ctool__f::-webkit-scrollbar,.gfilters::-webkit-scrollbar,.gpre__l::-webkit-scrollbar,.gen__presets::-webkit-scrollbar{display:none}
  .rooms__chips>*,.rooms__ui .tabs>*,.gc__tabs .tabs>*,.ctool__f>*,.gfilters>*,.gpre__l>*,.gen__presets>*{flex:none;scroll-snap-align:start}
  .rooms__chips,.rooms__ui .tabs,.gc__tabs .tabs,.ctool__f{margin-inline:calc(var(--pad) * -1);padding-inline-start:var(--pad);padding-inline-end:calc(var(--pad) + 28px);min-width:0}
  .ctool__f{flex:1 1 100%}
  .rooms__ui{gap:var(--s-4)}
}
@supports not (animation-timeline:scroll()){
  @media (max-width:760px){
    .rooms__chips,.rooms__ui .tabs,.gc__tabs .tabs,.ctool__f,.gfilters,.gpre__l,.gen__presets{
      -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent 100%);animation:none}
  }
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  .rooms__chips,.rooms__ui .tabs,.gc__tabs .tabs,.ctool__f,.gfilters,.gpre__l,.gen__presets,#interiors .rsel__r{
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent 100%);animation:none}
}

@media (forced-colors:active){
  .sw,.sw2,.mixrow__dot,.preset i,.chip i,.dots i,.gb__sw i,.gen__mix i,.insp__sw,.tray__sw button,.pseg,.cx__flat{forced-color-adjust:none;border:1px solid CanvasText}
  .rng::-webkit-slider-runnable-track{background:CanvasText;height:2px}
  .rng::-moz-range-track{background:CanvasText;height:2px}
  .rng::-webkit-slider-thumb{background:ButtonFace;border:2px solid CanvasText}
  .rng::-moz-range-thumb{background:ButtonFace;border:2px solid CanvasText}
  [aria-pressed="true"],[aria-selected="true"],[aria-checked="true"],.is-on,.pseg.is-sel{background:Highlight;color:HighlightText;border-color:Highlight;outline:2px solid Highlight}
  .skyctl__pill,.skyctl__pop,.tray,.cx__add,.cxd__x{background:Canvas;color:CanvasText;border:1px solid CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hdr.is-solid,.mnav{background:Canvas}
  .btn--stone,.btn--ink{border-color:CanvasText}
}

.hdr{container-type:inline-size;container-name:hdr}
.hdr__in>*{min-width:0}
.hdr__right{min-width:0}
@container hdr (max-width:77.5em){
  .nav,.hdr__cta{display:none}
  .burger{display:block}
  .hdr__in{grid-template-columns:1fr auto}
  .hdr__right{gap:10px}
}

.figs{grid-template-columns:repeat(auto-fit,minmax(min(100%,16em),1fr))}
.fig{min-width:0}
.fig__n{flex-wrap:wrap;max-width:100%}
.fig__n>span{white-space:nowrap}
.fig h3{margin-top:max(var(--s-5),.3em)}

.dl div{grid-template-columns:max(110px,7em) minmax(0,1fr)}
.cline{grid-template-columns:max(130px,8em) minmax(0,1fr)}
.cxd__dl>div{grid-template-columns:max(90px,6em) minmax(0,1fr)}
.insp__dl>div{grid-template-columns:max(70px,5.6em) minmax(0,1fr)}
.cline dt,.cxd__dl dt,.insp__dl dt{overflow-wrap:anywhere}
.dl dd,.cline dd,.cxd__dl dd,.insp__dl dd{min-width:0;overflow-wrap:anywhere}
@media (max-width:700px){
  .dl div{grid-template-columns:max(90px,6em) minmax(0,1fr)}
  .cline{grid-template-columns:1fr}
}

.ftr li a,.ftr__bot a,.cline a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.link-arrow{position:relative}
.link-arrow::before{content:"";position:absolute;inset:-10px -4px}
.check{align-items:center;min-height:44px}
.check input{position:relative;margin:0}
.check input::after{content:"";position:absolute;inset:-12px}

@media (hover:none),(max-width:760px){
  .hero__ring,.hero__lens{display:none}
}

@media (max-height:700px){
  .mnav__links a{font-size:clamp(18px,3.4svh,24px);padding-block:.5em;min-height:44px;align-items:center}
  .mnav{padding-top:calc(var(--hdr) + 8px)}
  .mnav__foot{position:static;padding-top:12px}
  .mnav__foot .btn{margin-bottom:8px!important}
}

.field :is(input,textarea,select):focus-visible,.csearch input:focus-visible,.notify input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.sec--light .csearch input:focus-visible,.notify input:focus-visible{outline-color:var(--focus-l)}
.field [aria-invalid="true"]:not([type=checkbox]),.field.is-bad :is(input:not([type=checkbox]),textarea,select){border-bottom-color:var(--err)}
.field [aria-invalid="true"]:not([type=checkbox]):focus-visible,.field.is-bad :is(input:not([type=checkbox]),textarea,select):focus-visible{outline-color:var(--err);border-bottom-color:var(--err);box-shadow:0 1px 0 0 var(--err)}
.check input[aria-invalid="true"],.check.is-bad input{border-color:var(--err)}
.check input[aria-invalid="true"]:focus-visible{outline-color:var(--err)}
.garea__in:focus-within{outline:2px solid var(--focus);outline-offset:6px}

.mnav.is-open~.skyctl{opacity:0;visibility:hidden;pointer-events:none}
@media (max-width:1679px){
  .skyctl__pill span{display:none}
  .skyctl__pill{padding:0 11px;min-width:36px;justify-content:center}
}
@media (max-width:760px){
  .skyctl__pill{width:44px;height:44px;padding:0;background:rgba(20,18,16,.72)}
  .skyctl__pop{max-height:calc(100svh - 96px - env(safe-area-inset-bottom))}
}
.ftr{padding-bottom:calc(64px + env(safe-area-inset-bottom))}

@media (max-width:1100px){
  .gframe{background:#27221e}
  .gc__stage{background:#cfc8bb}
  .gframe,.gc__stage,.gb .gen__mat{box-shadow:0 0 0 8px var(--ink),0 9px 0 0 var(--line-d2)}
  .gx .gen__mat canvas{width:100%;max-width:none;height:min(28svh,220px);max-height:none;aspect-ratio:auto;object-fit:cover;margin-inline:0}
  .gc__stage{width:100%;aspect-ratio:auto;height:min(30svh,300px);margin:0 0 var(--s-5)}
  .gc__stage .rooms__now{display:none}
  .gx .gg,.gx .gg__h,.gx section[id],.gx h2,.gx h3{scroll-margin-top:calc(var(--hdr) + min(30svh,300px) + 48px)}
  .gx--c .gfoot{position:relative;z-index:6;background:var(--ink)}
}
@media (max-width:700px){
  .gx .gen__mat canvas{height:min(26svh,200px)}
  .gc__stage{height:min(26svh,200px)}
  .gc__stage .rooms__ba{display:none}
  .gx .gg,.gx .gg__h,.gx section[id],.gx h2,.gx h3{scroll-margin-top:calc(var(--hdr) + min(26svh,200px) + 56px)}
}
@media (max-height:520px) and (min-width:640px){
  .gx .gen__mat canvas{width:auto;max-width:100%;height:auto;max-height:calc(100svh - var(--hdr) - 205px);object-fit:fill;margin-inline:auto}
  .gc__stage{height:auto;aspect-ratio:16/10;width:min(100%,calc((100svh - var(--hdr) - 110px) * 1.6));margin:0}
}

.gprev__toggle{place-items:center;position:absolute;top:6px;right:6px;z-index:4;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--td);box-shadow:0 0 0 1px var(--line-d2)}
.gprev__toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.gprev__toggle[aria-expanded="false"] svg{transform:rotate(180deg)}
.gprev__toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
[data-dv-sticky-preview].is-stuck>.gprev__toggle{display:grid}
[data-dv-sticky-preview].is-stuck{clip-path:inset(-16px -40px -64px -40px);transition:clip-path .4s var(--ease)}
[data-dv-sticky-preview].is-stuck.is-collapsed{clip-path:inset(-8px -8px calc(100% - 56px) -8px)}
@media (max-width:1100px){
  .ga .gacts{order:1;margin:0;padding-top:var(--s-6);border-top:1px solid var(--line-d)}
}
.gc__d4 .gacts{flex-direction:column;align-items:stretch;margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line-d)}
.gc__d4 .gacts .btn{flex:0 0 auto;min-height:42px}
.gpre__reset[hidden]{display:none}
.gexp__i .btn span{text-wrap:balance}
.gexp__s .link-arrow{display:flex;width:max-content;max-width:100%;margin-top:10px;color:var(--td)}
.gexp__s .link-arrow:hover{color:var(--copper-hi)}
button.mixrow__ico.is-on:hover{color:var(--copper-hi)}
@media (hover:hover){.pseg:hover span{background:rgba(18,16,14,.82)}.pseg.is-light:hover span{background:rgba(247,244,239,.92)}}
@media (pointer:coarse){.pseg{min-width:44px}}
@media (prefers-reduced-motion:reduce){[data-dv-sticky-preview].is-stuck,.gprev__toggle svg{transition:none}}

@media (max-width:1024px){
  .field input,.field textarea,.field select,.csearch input,.notify input,.garea__in input{font-size:max(16px,1em)}
  .field input,.field select{min-height:48px}
  .check input{min-height:0}
}
@media (max-width:760px){
  .btn{min-height:48px}
  .acc summary{min-height:56px}
  .faqnav a,.prose__toc a{min-height:44px;align-items:center}
}

.cxd{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
.cxd__in{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
@media (max-width:700px){
  .cxd{width:100vw;width:100dvw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;border-radius:0;box-shadow:none;inset:0}
  .cxd::backdrop{background:var(--paper)}
  .cxd__in{display:block;height:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .cxd__x{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:48px;height:48px;background:var(--tl);color:var(--bone);box-shadow:0 8px 22px -8px rgba(18,12,6,.55);z-index:5}
  .cxd__vis,.cxd__vis img,.cxd__flat,.cxd__neutral{min-height:0;max-height:none;height:min(40dvh,320px)}
  .cxd__body{padding:24px var(--pad) 0;min-height:calc(100dvh - min(40dvh,320px))}
  .cxd__acts{position:sticky;bottom:0;z-index:2;margin:auto calc(var(--pad) * -1) 0;padding:12px var(--pad) calc(12px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -14px 18px -14px rgba(25,21,17,.22)}
  .cxd__acts .btn{flex:1 1 auto;min-height:48px}
}

.ctool__fbtn,.ctool__sheet-h,.ctool__sheet-f,.ctool__scrim{display:none}
.ctool__sheet{display:contents}
.ctool__badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--copper-lo);color:#fff;font-size:11px;font-weight:600;letter-spacing:0;display:inline-grid;place-items:center}
.ctool__badge[hidden]{display:none}
.ctool.has-sheet .ctool__fbtn,.ctool.has-sheet .ctool__sheet,.ctool.has-sheet .ctool__scrim{display:none!important}
.dvsheet .ctool__f,.ctool__sheet .ctool__f{margin-inline:0;padding-inline:0;overflow:visible;-webkit-mask-image:none;mask-image:none;animation:none}
.dvsheet{padding-bottom:env(safe-area-inset-bottom)}
.dvsheet .pill{min-height:52px}
@media (max-width:760px){
  .ctool__fbtn{display:inline-flex;flex:none;height:46px;min-height:46px;padding:0 16px 0 14px;gap:10px}
  .ctool__fbtn svg{width:18px;height:18px}
  .ctool__sheet{display:flex;flex-direction:column;position:fixed;inset:auto 0 0 0;z-index:60;max-height:86vh;max-height:86dvh;margin:0;border-radius:var(--r-3) var(--r-3) 0 0;background:var(--paper);color:var(--tl);box-shadow:0 -30px 80px -20px rgba(10,6,2,.55);overscroll-behavior:contain;transform:translateY(100%);visibility:hidden;transition:transform .45s var(--ease),visibility .45s;padding-bottom:env(safe-area-inset-bottom)}
  .ctool__sheet::before{content:"";flex:none;width:40px;height:4px;margin:10px auto 0;border-radius:2px;background:var(--line-l2)}
  .ctool__fbtn[aria-expanded="true"]~.ctool__sheet,.ctool__sheet.is-open,.ctool.is-sheet-open .ctool__sheet{transform:none;visibility:visible}
  .ctool__sheet-h{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--s-4);padding:4px max(var(--pad),env(safe-area-inset-right)) 4px max(var(--pad),env(safe-area-inset-left));font-size:17px;font-weight:500;letter-spacing:-.01em}
  .ctool__x{width:48px;height:48px;margin-right:-12px;display:grid;place-items:center;border-radius:50%;color:var(--tl)}
  .ctool__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
  .ctool__sheet .ctool__f{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px max(var(--pad),env(safe-area-inset-right)) 16px max(var(--pad),env(safe-area-inset-left))}
  .ctool__sheet .pill{height:52px;justify-content:center;font-size:15px}
  .ctool__sheet-f{display:flex;flex:none;align-items:center;gap:var(--s-5);padding:12px max(var(--pad),env(safe-area-inset-right)) 16px max(var(--pad),env(safe-area-inset-left));border-top:1px solid var(--line-l)}
  .ctool__sheet-f .btn{flex:1 1 auto;min-height:48px}
  .ctool__scrim{display:block;position:fixed;inset:0;z-index:59;background:rgba(18,16,14,.6)}
  .ctool__scrim[hidden]{display:none}
  .ctool__fbtn[aria-expanded="false"]~.ctool__scrim{display:none}
  .ctool .csearch{flex:1 1 0;min-width:0}
}
@media (prefers-reduced-motion:reduce){
  .ctool__sheet{transition:none}
}

.hero__row{grid-template-columns:1fr;gap:var(--s-5);align-items:start}
.hero__lede{max-width:52ch}

.fig__vis,.fig .pack-row{order:-1;margin-top:0;padding:0 0 var(--s-5)}
.fig__vis .ico{width:48px;height:48px;stroke-width:.9}
.fig .pack-row figure{flex:none}
.fig .pack-row .can-still{max-width:none}
.fig .pack-row figure:nth-child(1) :is(.can,.can-still){height:42px;width:auto}
.fig .pack-row figure:nth-child(2) :is(.can,.can-still){height:58px;width:auto}
.fig .pack-row figure:nth-child(3) :is(.can,.can-still){height:80px;width:auto}

.contact__tex::after{background:linear-gradient(90deg,var(--ink) 20%,rgba(18,16,14,.4)),linear-gradient(0deg,var(--ink) 0,rgba(18,16,14,0) 38%)}
@media (min-width:901px){
  .contact__grid{align-items:stretch}
}

@media (max-width:760px){
  .rooms__stage{touch-action:pan-y}
  .hero__body{padding-bottom:max(28px,env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  .sheet,.sheet-backdrop{transition:none}
}

.hero-track{height:270svh;position:relative}
.hero-track>.hero{position:sticky;top:0;height:100svh;min-height:0}
.hero{--p:0}
.hero-track .hero__body,.hero-track .hero__facts,.hero-track .hero__tag{opacity:calc(1 - var(--p) * 3.2);transform:translateY(calc(var(--p) * -60px))}
@media (max-width:760px){.hero-track{height:230svh}}
@media (prefers-reduced-motion:reduce){.hero-track{height:auto}.hero-track>.hero{position:relative;height:auto;min-height:100svh}}

@media (min-width:901px) and (max-height:800px){
  .hero__title{font-size:clamp(44px,11vh,92px)}
  .hero__eyebrow{margin-bottom:14px}
  .hero__row{margin-top:16px;gap:var(--s-4)}
  .hero__ctas .btn,.hero__ctas .btn-text{--h:46px;height:46px}
  .hero__facts{padding-block:14px 18px}
  .hero__body{padding-bottom:18px}
}
@media (min-width:901px) and (max-height:620px){.hero__lede,.hero__tag{display:none}}
@media (max-width:760px) and (max-height:820px){
  .hero__body{padding-top:calc(var(--hdr) + 14px)}
  .hero__eyebrow{margin-bottom:12px}
  .hero__row{margin-top:16px;gap:var(--s-4)}
  .hero__lede{font-size:16px;line-height:1.5}
  .hero__ctas{gap:6px var(--s-5)}
  .hero__ctas .btn-text{height:44px}
  .hero__facts{padding-block:14px 16px;row-gap:12px}
  .fact:nth-child(n+3){display:none}
  .fact span{font-size:12.5px;line-height:1.35}
}
@media (max-width:760px) and (max-height:600px){.hero__lede,.hero__facts{display:none}}
.hero-track{height:215svh}
@media (max-width:760px){.hero-track{height:190svh}}
.hero-track .hero__body,.hero-track .hero__facts,.hero-track .hero__tag{opacity:calc(1 - var(--p) * 2.2)}
.hero[data-story-hidden] .hero__body,.hero[data-story-hidden] .hero__facts,.hero[data-story-hidden] .hero__tag{visibility:hidden;pointer-events:none}
.hero__cap{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(28px,6vh,56px);z-index:2;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;
  color:var(--td);font-size:clamp(17px,1.6vw,22px);font-weight:300;letter-spacing:-.01em;visibility:hidden;pointer-events:none;
  opacity:clamp(0,calc((var(--p) - .72) * 5),1);transform:translateY(calc((1 - clamp(0,(var(--p) - .72) * 5,1)) * 16px))}
.hero[data-story-room] .hero__cap{visibility:visible}
.hero__cap a{pointer-events:auto;font-size:12px;letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600;color:var(--copper-hi);border-bottom:1px solid currentColor;padding-block:12px 4px}
@media (prefers-reduced-motion:reduce){.hero-track{height:auto}.hero__cap{display:none}}

@media (min-width:761px){
  .rooms__stage--3d,#interiors .rooms__ui,#interiors .rooms__stage--3d+div{max-width:min(100%,calc((100vh - var(--hdr) - 24px) * 16 / 9));max-width:min(100%,calc((100svh - var(--hdr) - 24px) * 16 / 9));margin-inline:auto}
  #interiors .rooms__ui{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-4) var(--s-5)}
}

.app__vis[data-sweep]{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.app__knob{position:absolute;top:50%;left:var(--p,50%);z-index:3;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;cursor:ew-resize;outline:none}
.app__knob:focus-visible{box-shadow:0 0 0 3px var(--copper-hi)}
.app__vis.is-drag .edge{box-shadow:0 0 30px 4px rgba(220,186,148,.75)}
.app__vis .app__cap{pointer-events:none}

.sws__ph{display:block;border-radius:var(--r-1);overflow:hidden}
.dv-js .sws img{transition:opacity .35s var(--ease)}
.dv-js .sws img:not(.is-ok){opacity:0}
@media (max-width:760px){
  .dv-js [data-reveal]{transform:translateY(10px);transition:opacity .45s var(--ease),transform .5s var(--ease);transition-delay:0s}
  .skyctl{display:none}
}

.hero-track .hero__shade{opacity:clamp(0,calc(1 - var(--p) * 2.2),1)}
.hero-track .hero__cap::before{content:"";position:absolute;z-index:-1;left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);
  bottom:calc(clamp(28px,6vh,56px) * -1);height:calc(100% + clamp(28px,6vh,56px) + 96px);pointer-events:none;
  background:linear-gradient(0deg,rgba(14,12,10,.72) 0%,rgba(14,12,10,.58) 50%,rgba(14,12,10,0) 100%)}
.hero-track .hero__cap span,.hero-track .hero__cap a{text-shadow:0 1px 2px rgba(14,12,10,.5),0 0 16px rgba(14,12,10,.45)}
.hero-track .hero__cap a{color:var(--td);border-bottom-color:var(--copper-hi);transition:border-color var(--dur-1)}
@media (hover:hover){.hero-track .hero__cap a:hover{border-bottom-color:var(--td)}}
.hero__room{position:absolute;inset:0;overflow:hidden;transform-origin:62% 46%;isolation:isolate}
.hero__room picture,.hero__room img,.hero__apply{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero__room img,.hero__anim{object-fit:cover;object-position:max(100%,min(50%,-20.44svh)) 50%}
@media (max-width:760px) and (orientation:portrait){.hero__room img,.hero__anim{object-position:max(100%,min(-3.94svh,calc(100% + 6.19svh))) 50%}}
.hero__room-pre,.hero__apply{opacity:0}
.hero__apply{pointer-events:none}
.dv-intro .hero__room::before{content:"";position:absolute;inset:0;z-index:3;background:#0e0c0a;opacity:1;pointer-events:none;transition:opacity 1.2s var(--ease)}
.dv-intro .hero.is-still-in .hero__room::before{opacity:0}
.dv-intro .hero.is-anim-on.is-still-in .hero__room::before{transition:none}
.hero__anim{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;background:#0e0c0a}
.hero.is-anim-on .hero__anim{opacity:1;transition:opacity .5s linear}
.hero.is-anim-on.is-anim-out .hero__anim,.hero.is-anim-out .hero__anim{opacity:0;transition:opacity .6s linear}
.hero.is-landed .hero__anim{transition-duration:.35s}
.dv-js .hero--room .hero__media{clip-path:inset(0 0 1px)}
.dv-js .hero--room.is-lcp .hero__media{clip-path:none}
.hero.is-coated .hero__room{animation:roomDrift 28s cubic-bezier(.35,0,.25,1) forwards}
.hero.is-story .hero__room{animation:none}
.hero__soft{opacity:0}
.hero__close{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity,transform}
.hero__close img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@keyframes roomDrift{to{transform:scale(1.035) translate3d(-.5%,0,0)}}
@media (min-aspect-ratio:17/10){.hero--room .hero__media::after{content:"";position:absolute;inset:0 auto 0 0;z-index:1;width:8%;background:linear-gradient(90deg,rgba(14,12,10,.5),rgba(14,12,10,0));pointer-events:none}}
.dv-js .hero__lens,.dv-js .hero__ring{display:none}
.dv-nohdr .hdr{opacity:0;pointer-events:none}
.dv-intro .hdr{transition:opacity 1s var(--ease),transform .7s var(--ease),background .5s,border-color .5s}
.dv-nohdr .skyctl{opacity:0;pointer-events:none}
.hero__title .w{display:inline-block;white-space:nowrap}
.dv-intro .hero__title .line{overflow:visible}
.dv-intro .hero__title .line>span{transform:none;animation:none}
.dv-intro .hero__title .w{animation:heroW .9s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(.3s + var(--i) * 26ms)}
.dv-intro .hero__title .ch{animation:heroCh .65s cubic-bezier(.33,0,.25,1) backwards;animation-delay:calc(.3s + var(--i) * 26ms)}
@keyframes heroW{from{transform:translateY(.2em)}}
@keyframes heroCh{from{opacity:0}}
.hero--room .hero__title .line:nth-child(2)>span{color:inherit}
.hero--room .hero__shade{background:radial-gradient(ellipse 46% 62% at 80% 34%,rgba(14,12,10,.5) 0%,rgba(14,12,10,.28) 48%,rgba(14,12,10,0) 100%),linear-gradient(0deg,rgba(14,12,10,.58) 0%,rgba(14,12,10,0) 20%)}
@media (min-width:761px){
  .hero--room{justify-content:flex-start}
  .hero--room .hero__body{padding-top:calc(var(--hdr) + clamp(10px,2.6vh,32px));display:flex;flex-direction:column;align-items:flex-end}
  .hero--room .hero__body>*{width:min(100%,44vw,820px)}
  .hero--room .hero__title{max-width:none;font-size:clamp(40px,min(4.3vw,8.4vh),84px)}
  .hero--room .hero__eyebrow{margin-bottom:clamp(10px,1.8vh,22px)}
  .hero--room .hero__row{margin-top:clamp(12px,2vh,26px);gap:clamp(12px,1.8vh,22px)}
  .hero--room .hero__lede{max-width:48ch;font-size:clamp(14px,1.05vw,17px);line-height:1.55}
  .hero--room .hero__body+.wrap{margin-top:auto}
}
.hero--room .hero__tag{display:none}
.hero--room .hero__shade::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 3s var(--ease);
  background:radial-gradient(ellipse 54% 72% at 75% 36%,rgba(14,12,10,.34) 0%,rgba(14,12,10,.18) 55%,rgba(14,12,10,0) 100%)}
.hero--room.is-macro .hero__shade::after{opacity:1;transition-duration:.6s}
@media (max-width:760px){.hero--room .hero__shade::after{background:linear-gradient(180deg,rgba(14,12,10,.42) 0%,rgba(14,12,10,.3) 40%,rgba(14,12,10,0) 56%),linear-gradient(0deg,rgba(14,12,10,.3) 0%,rgba(14,12,10,0) 30%)}}
@media (max-width:760px){
  .hero--room{justify-content:flex-start}
  .hero--room .hero__body{flex:1;display:flex;flex-direction:column}
  .hero--room .hero__row{flex:1;grid-template-rows:auto auto;align-content:space-between}
  .hero--room .hero__shade{background:linear-gradient(180deg,rgba(14,12,10,.5) 0%,rgba(14,12,10,.3) 30%,rgba(14,12,10,0) 48%),linear-gradient(0deg,rgba(14,12,10,.8) 0%,rgba(14,12,10,.5) 20%,rgba(14,12,10,0) 34%)}
  .dv-intro .hero--room .hero__shade::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,12,10,.2) 0%,rgba(14,12,10,.16) 32%,rgba(14,12,10,0) 48%);transition:opacity 1.4s var(--ease)}
  .dv-intro.dv-coated .hero--room .hero__shade::before,.dv-intro .hero--room.is-coated .hero__shade::before{opacity:0}
}
.dv-intro:not(.dv-rest) .hero__eyebrow,.dv-intro:not(.dv-rest) .hero__lede,.dv-intro:not(.dv-rest) .hero__ctas,.dv-intro:not(.dv-rest) .hero__facts,.dv-intro:not(.dv-rest) .hero__tag{visibility:hidden}
.dv-intro.dv-rest .hero__eyebrow,.dv-intro.dv-rest .hero__lede,.dv-intro.dv-rest .hero__ctas,.dv-intro.dv-rest .hero__facts{animation:heroUp .7s var(--ease) backwards}
.dv-intro.dv-rest .hero__lede{animation-delay:.1s}
.dv-intro.dv-rest .hero__ctas{animation-delay:.2s}
.dv-intro.dv-rest .hero__facts{animation-delay:.32s}
@keyframes heroUp{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion:reduce){.hero__title .ch,.hero__title .w,.hero__room{animation:none!important}}

.vside--one{grid-template-rows:1fr}
.vside--one>div{display:flex}
.vside--one .vplay{aspect-ratio:auto;min-height:100%}
@media (max-width:900px){.vside--one{grid-template-columns:1fr}.vside--one .vplay{aspect-ratio:16/9;min-height:0}}


html:has(>body>#mnav.is-open){scrollbar-gutter:stable}
a[href^="tel:"]{white-space:nowrap}

@media (max-width:1679px){.skyctl{right:max(12px,env(safe-area-inset-right))}}
@media (max-width:1240px){.skyctl{right:max(8px,env(safe-area-inset-right))}}
@media (max-width:1679px) and (pointer:coarse){.skyctl__pill{min-width:44px;height:44px}}
@media (max-width:1024px){.skyctl{display:none}}
body:has(>main>[data-dv-generator]) .skyctl{display:none}
.skyctl:focus-within{opacity:1;pointer-events:auto;transform:none}

@media (min-width:901px){
  .fig__vis,.fig .pack-row{box-sizing:content-box;height:112px;display:flex;align-items:flex-end}
}
@media (min-width:901px) and (max-width:1100px){
  .fig__vis,.fig .pack-row{height:96px}
  .fig .pack-row{gap:10px}
  .fig .pack-row figure:nth-child(1) :is(.can,.can-still){height:34px}
  .fig .pack-row figure:nth-child(2) :is(.can,.can-still){height:47px}
  .fig .pack-row figure:nth-child(3) :is(.can,.can-still){height:65px}
}
@media (max-width:900px){
  .figs{grid-template-columns:minmax(0,1fr)}
  .fig,.fig+.fig{padding-left:0;padding-right:0;border-left:0;border-bottom:1px solid var(--line-l)}
  .figs>.fig:last-child{border-bottom:0}
  .specs{margin-top:var(--s-6)}
}
@media (max-width:700px){
  .spec{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;align-items:start;padding-top:18px;padding-bottom:18px}
  .spec>.ico{grid-row:1/span 2;width:28px;height:28px;margin:2px 0 0}
  .spec>:not(.ico){grid-column:2}
  .spec p{margin-top:4px}
}
.origin:first-child{margin-top:0}

@media (max-width:1100px){
  .spec p,.fig p,.feat p,.ticks:not(.ticks--l) li,.dl div,.steps p,.mini li,.faqmore p,.dvc__txt p:last-child{font-size:16px;line-height:1.55}
}

.sws figcaption b{white-space:nowrap}
@media (min-width:701px) and (max-width:900px){.sws{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.sws__bar>span{text-transform:none;letter-spacing:0;font-size:16px;font-weight:500;line-height:1.45;color:var(--tl)}}
@media (max-width:900px){
  .cat{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .cat__info{display:contents}
  .cat__info>.label{order:-2}
  .cat__info>.h2{order:-1;margin:var(--s-5) 0 var(--s-6)!important}
  .cat__stage{margin-bottom:var(--s-2)}
}
.cat__info .h2,.dbox .h2,.app .h2,#faq .h2{font-size:clamp(32px,3.6vw,56px)}

.rooms__ui .tabs{gap:8px}
.gen__bar .seg button{transition:background var(--dur-1),color var(--dur-1)}
.gen__sw .sw{transition:box-shadow var(--dur-1)}
@media (hover:hover){
  .tab[aria-selected="false"]:hover{border-color:var(--tl);background:rgba(247,244,239,.6)}
  .sec--dark .tab[aria-selected="false"]:hover{border-color:var(--td);background:rgba(237,230,218,.06)}
  .cat__tabs button[aria-pressed="false"]:hover{background:rgba(25,21,17,.08)}
  .gen__bar .seg button[aria-pressed="false"]:hover{color:var(--td);background:rgba(237,230,218,.08)}
  .gen__sw .sw:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 2px rgba(237,230,218,.35)}
}

@media (max-width:1100px){
  .gen__view{order:-1;border-bottom:1px solid var(--line-d)}
  .gen__side{border-bottom:0}
}
@media (min-width:480px) and (max-width:1100px){.gen__sw{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}}

@media (min-width:1101px){.app__vis{width:100%;max-height:calc(100svh - var(--hdr) - 64px)}}
@media (min-width:901px){
  .intro--app{padding-top:calc(var(--hdr) + 40px)}
  .intro--app .app__vis{width:100%;max-height:calc(100svh - var(--hdr) - 110px)}
}

@media (max-width:900px){.vplay::after{background:linear-gradient(0deg,rgba(14,12,10,.9) 0%,rgba(14,12,10,.72) 55%,rgba(14,12,10,.2) 100%)}}

#contact{padding-bottom:var(--s-8)}
.ftr{padding-top:0}
.ftr__top{border-top:1px solid var(--line-d);padding-top:clamp(48px,5vw,80px)}
.ftr__bot span{text-wrap:balance}
@media (pointer:fine) and (min-width:1241px){
  .ftr li a{min-height:32px}
  .ftr li+li{margin-top:4px}
}
.form .check+.err-consent{margin-top:calc(6px - var(--s-5))}

@media (max-width:900px){
  .faq__side:has(>.faqnav){display:contents}
  .faq:has(>.faq__side>.faqnav)>.faq__main{order:2}
  .faq__side>.faqnav{order:1}
  .faq__side>.faqmore{order:3;margin-top:0}
}

.tray{border:1px solid var(--line-d2);left:max(var(--pad),env(safe-area-inset-left),calc((100% - var(--maxw)) / 2 + var(--pad)))}
@media (max-width:760px){
  .tray{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));max-width:none;flex-wrap:wrap;gap:8px 12px;padding:8px 8px 8px 12px}
  .tray__sw{flex:1 1 0}
  .tray__n{flex:none}
  .tray .btn{flex:1 1 100%;width:auto}
}
@property --ctop{syntax:"<length>";inherits:true;initial-value:0px}
#digital .ctool{--ctop:var(--hdr);position:sticky;top:var(--ctop);z-index:6;padding-top:10px;transition:--ctop .7s var(--ease)}
#hdr.is-hidden~main #digital .ctool{--ctop:0px}
#digital .ctool::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);pointer-events:none;
  background:radial-gradient(circle 64vmax at var(--sky-gx) calc(var(--sky-gy) * 1.2 - 10vh),var(--sky-glow),rgba(255,255,255,0)) fixed,
    linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-bot) 100%) 0 -10vh/100% 120vh no-repeat fixed,var(--sky-mid)}
@supports (-webkit-touch-callout:none){
  #digital .ctool::before{background:radial-gradient(circle 64vmax at var(--sky-gx) calc(var(--sky-gy) * 1.2 - 10vh),var(--sky-glow),rgba(255,255,255,0)) 0 calc(var(--ctop) * -1)/100% 100vh no-repeat,
    linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-bot) 100%) 0 calc(-10vh - var(--ctop))/100% 120vh no-repeat,var(--sky-mid)}
}
@supports (container-type:scroll-state){
  #digital .ctool{container-type:scroll-state}
  #digital .ctool::before{background:none}
  @container scroll-state(stuck:top){
    #digital .ctool::before{background:radial-gradient(circle 64vmax at var(--sky-gx) calc(var(--sky-gy) * 1.2 - 10vh),var(--sky-glow),rgba(255,255,255,0)) 0 calc(var(--ctop) * -1)/100% 100vh no-repeat,
      linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-bot) 100%) 0 calc(-10vh - var(--ctop))/100% 120vh no-repeat,var(--sky-mid)}
  }
}
@media (max-width:760px){
  #digital .ctool.has-sheet{--ctop:calc(var(--hdr) - 26px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n n" "s f";gap:8px;align-items:center;
    padding-top:6px;padding-bottom:10px}
  #hdr.is-hidden~main #digital .ctool.has-sheet{--ctop:-26px}
  #digital .ctool.has-sheet .ctool__n{grid-area:n;margin:0;width:auto;height:20px;font-size:13px;line-height:20px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #digital .ctool.has-sheet .csearch{grid-area:s;order:0;max-width:none}
  #digital .ctool.has-sheet .dvfbtn{grid-area:f;padding:0 16px 0 14px}
  #digital .ctool.has-sheet .dvfbtn>span{font-size:0}
  #digital .ctool.has-sheet .dvfbtn__v{font-size:13px;text-transform:capitalize}
}
@media (max-width:700px){.dl div{grid-template-columns:minmax(0,1fr);gap:2px}}
@media (min-width:701px){
  .cxd__acts{flex-direction:column;align-items:stretch}
  .cxd__acts .btn{justify-content:center}
}
@media (max-width:700px){
  .dvc__vis:has(.dvc__neutral){aspect-ratio:auto;height:88px}
  .dvc__neutral{flex-direction:row;align-items:flex-end;padding:16px 20px}
  .dvc__neutral span{font-size:32px}
  .dvc__neutral small{border-top:0;padding-top:0;margin-left:auto}
  .dvc:has(.dvc__neutral) .dvc__code{display:none}
}
.dvc__vis:focus-visible{outline-offset:-3px}
.leaves:has(>.leaf--all){grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}
@media (min-width:701px){.leaves:has(>.leaf--all){grid-template-columns:repeat(6,minmax(0,1fr))}}
.leaves:has(>.leaf--all) .leaf{container-type:inline-size}
.leaves:has(>.leaf--all) .leaf figcaption{padding-inline:5px}
.leaves:has(>.leaf--all) .leaf b{white-space:nowrap;font-size:min(10.5px,calc((100cqi - 10px) / 8.6))}
@media (max-width:760px){.leaves:has(>.leaf--all) .leaf b{font-size:min(11.5px,calc((100cqi - 10px) / 8.6))}}
@media (min-width:1241px){.leaves:has(>.leaf--all){grid-template-columns:repeat(9,minmax(0,1fr))}}
@media (min-width:1480px){.leaves:has(>.leaf--all) .leaf img{aspect-ratio:1/2}}
.leaf--all{justify-content:flex-end;gap:12px;padding:16px 12px;background:var(--ink);color:var(--td);font-size:13px;font-weight:500;line-height:1.3}
.leaf--all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}

@media (min-width:1101px){
  .intro--gen{padding-top:calc(var(--hdr) + 24px);padding-bottom:28px}
  .intro--gen .h1{font-size:clamp(44px,4vw,68px)}
  .intro--gen .intro__row{align-items:center}
  .gx--c .gc__stage{aspect-ratio:16/9}
}
@media (min-width:1241px){
  .gb__stage{display:flex;flex-direction:column}
  .gb__stage .gen__mat{flex:1 1 auto;display:flex;flex-direction:column}
  .gb__stage .gen__mat canvas{flex:1 1 auto;min-height:0;object-fit:cover}
  .gb__st{flex-wrap:nowrap}
  .gb__sw{margin-left:auto;flex:none}
  .gb__insp .gfilters{flex-wrap:nowrap;gap:4px}
  .gb__insp .gfilters .pill{padding-inline:12px}
}
@media (min-width:1241px) and (max-width:1479px){.gb__sw{display:none}}
@media (max-width:760px){.gc__tabs .tabs{flex:1 1 100%}}
.gb__t b{font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:clamp(20px,1.6vw,24px);line-height:1.15;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
@media (min-width:1101px){.ga .gpre__l{display:grid;grid-template-columns:repeat(2,max-content);gap:8px}}
.app__knob{touch-action:none}

.gc__stage{cursor:auto}
.gc__photo,.gc__photo>picture{position:absolute;inset:0}
.gc__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}
@media (max-width:700px) and (orientation:portrait){.gc__photo{inset:auto 0;top:50%;aspect-ratio:4/5;margin-top:-62.5%}}


.mnav__links a[aria-current="page"] span{color:var(--copper-hi)}

@media (hover:hover){.cxd__acts .btn--line-l:hover{background:rgba(25,21,17,.06);color:var(--tl);border-color:var(--tl)}}

.sws>a{display:block;min-width:0;color:inherit}
.sws>a img,.dv-js .sws>a img{transition:opacity .35s var(--ease),transform 1.2s var(--ease)}
.sws>a figcaption b{transition:color var(--dur-1)}
@media (hover:hover){
  .sws>a:hover img{transform:scale(1.05)}
  .sws>a:hover figcaption b{color:var(--copper-lo)}
}
.sws>a:focus-visible{outline-offset:4px}