@font-face{font-family:"Montserrat";src:url("../../../04-web-exports/images/brand/fonts/Montserrat-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root,[data-theme="dark"]{
  
  --bg:#16191d; --bg-raise:#1c2025; --bg-sunk:#121418; --control:#20242a; --control-hover:#2a2f36;
  
  --text:#f2f0ec; --text-2:#b1b2b6; --text-3:#94979d;
  
  --line:#2b3036; --line-strong:#6b7078; --focus:#f2f0ec;
  
  --primary:#f2f0ec; --primary-text:#16191d; --primary-hover:#ffffff;
  --header-bg:rgba(22,25,29,.78); --menu-bg:rgba(22,25,29,.96); --scrim:rgba(10,12,14,.6);
  --shadow:0 30px 60px -30px rgba(0,0,0,.7),0 12px 24px -16px rgba(0,0,0,.5);
  --logo-dark:block; --logo-light:none;
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#f4f2ee; --bg-raise:#fbfaf8; --bg-sunk:#ebe8e3; --control:#e7e4de; --control-hover:#dcd8d1;
  
  --text:#16191d; --text-2:#46494e; --text-3:#5c5f65;
  --line:#dbd7d0; --line-strong:#85827b; --focus:#16191d;
  --primary:#16191d; --primary-text:#f2f0ec; --primary-hover:#000000;
  --header-bg:rgba(244,242,238,.8); --menu-bg:rgba(244,242,238,.97); --scrim:rgba(22,25,29,.34);
  --shadow:0 30px 60px -32px rgba(22,25,29,.45),0 10px 22px -16px rgba(22,25,29,.3);
  --logo-dark:none; --logo-light:block;
  color-scheme:light;
}

.plate-scope{
  --text:#f2f0ec; --text-2:#b1b2b6; --text-3:#94979d; --line:#2b3036; --line-strong:#6b7078; --focus:#f2f0ec;
  --control:#20242a; --control-hover:#2a2f36; --primary:#f2f0ec; --primary-text:#16191d; --primary-hover:#fff;
  color:var(--text);
}
:root{
  --plate:#0c0e10; --plate-glow:#1d2126; --filter-red:#8f2129;
  --brand:"Montserrat",system-ui,sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --header-h:56px; --safe-top:env(safe-area-inset-top,0px);
  --pad-l:max(20px,env(safe-area-inset-left,0px)); --pad-r:max(20px,env(safe-area-inset-right,0px));
  --wrap:1240px; --radius:24px; --radius-s:16px; --section:clamp(88px,11vw,160px);
  --ease:cubic-bezier(.2,.65,.15,1); --press:cubic-bezier(.3,.7,.4,1);
  --menu-max:calc(100vh - var(--header-h) - var(--safe-top));
}
@supports (height:100dvh){:root{--menu-max:calc(100dvh - var(--header-h) - var(--safe-top))}}
@media (min-width:900px){:root{--pad-l:max(48px,env(safe-area-inset-left,0px));--pad-r:max(48px,env(safe-area-inset-right,0px))}}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font:17px/1.6 var(--body);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;scroll-padding-top:calc(var(--header-h) + var(--safe-top) + 12px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html.is-locked,html.is-locked body{overflow:hidden}
body{margin:0;background:var(--bg);overflow-x:clip;transition:background-color .35s var(--ease),color .35s var(--ease)}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3,ul,ol{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

html.js:not(.app) .js-only{visibility:hidden}
html:not(.js) .js-only{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:fixed;z-index:100;left:var(--pad-l);top:-120px;background:var(--primary);color:var(--primary-text);padding:12px 16px;border-radius:12px;font:600 15px/1 var(--brand);text-decoration:none}
.skip:focus{top:calc(var(--safe-top) + 8px)}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--pad-l) + var(--pad-r));margin-inline:auto;padding-inline:var(--pad-l) var(--pad-r)}
.logo--on-dark{display:var(--logo-dark)} .logo--on-light{display:var(--logo-light)}

h1,h2,h3{font-family:var(--brand);font-weight:600;text-wrap:balance}
h1{font-size:clamp(40px,5vw,84px);line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(32px,4.2vw,58px);line-height:1.06;letter-spacing:-.03em}
h3{font-size:clamp(22px,2vw,28px);line-height:1.16;letter-spacing:-.02em}
p{max-width:60ch;text-wrap:pretty}
strong{font-weight:600}
sup{font-size:.62em;line-height:0;vertical-align:.62em}
sup a{color:var(--text-2);text-decoration:none;padding:0 2px}
.eyebrow{font-size:15px;color:var(--text-2);margin-bottom:14px}


.plate{position:relative;overflow:hidden;border-radius:var(--radius);background:radial-gradient(70% 60% at 50% 42%,var(--plate-glow) 0%,var(--plate) 72%);box-shadow:var(--shadow)}
.plate img{width:100%;height:100%;object-fit:cover}
[data-theme="light"] .plate{box-shadow:var(--shadow),0 0 0 1px rgba(22,25,29,.06)}


.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font:600 15px/1 var(--brand);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s,transform .14s var(--press)}
.pill:active:not(:disabled),.seg__pair button:active:not(:disabled),.modes__tabs [role="tab"]:active,.icon-btn:active:not(:disabled),.swatch:active{transform:scale(.96)}
.pill--light{background:var(--primary);color:var(--primary-text)}
.pill--light:hover{background:var(--primary-hover)}
.pill--ghost{border:1px solid var(--line-strong);color:var(--text)}
.pill--ghost:hover{background:var(--control)}
.pill--small{min-height:44px;padding:0 18px;font-size:14px}
.pill:disabled{opacity:.45;cursor:default}


.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) var(--pad-r) 0 var(--pad-l);background:var(--header-bg);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;min-height:44px;margin-right:auto}
.brand img{width:92px}
.site-nav{display:flex;gap:26px}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:14px;color:var(--text-2);text-decoration:none}
.site-nav a:hover{color:var(--text)}
.theme-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--text);border:1px solid var(--line-strong);transition:background-color .2s}
.theme-btn:hover{background:var(--control)}
.theme-btn svg{width:20px;height:20px}
.theme-btn .icon-sun{display:none}
[data-theme="light"] .theme-btn .icon-sun{display:block}
[data-theme="light"] .theme-btn .icon-moon{display:none}
.menu-btn{display:none;position:relative;width:44px;height:44px;margin-right:-10px;border-radius:50%}
.menu-btn span{position:absolute;left:13px;right:13px;height:1.5px;border-radius:2px;background:var(--text);transition:transform .3s var(--ease)}
.menu-btn span:first-child{top:18px}.menu-btn span:last-child{top:25px}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:fixed;z-index:39;left:0;right:0;top:calc(var(--header-h) + var(--safe-top));display:grid;align-content:start;max-height:var(--menu-max);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px var(--pad-r) calc(24px + env(safe-area-inset-bottom,0px)) var(--pad-l);background:var(--menu-bg);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--line)}
.menu[hidden]{display:none}
html.menu-open,html.menu-open body{overflow:hidden}
.menu:not([hidden]){box-shadow:0 0 0 100vmax var(--scrim)}
.menu a{display:flex;align-items:center;min-height:52px;font:600 24px/1.1 var(--brand);letter-spacing:-.02em;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.menu a:last-child{border-bottom:0}
@media (max-height:460px){.menu{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.menu a{min-height:46px;font-size:20px}}
@media (prefers-reduced-motion:no-preference){.menu:not([hidden]){animation:apex-menu .28s var(--ease)}}
@keyframes apex-menu{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:899px){.site-nav,.site-header>.pill{display:none}.brand img{width:84px}.site-header{gap:8px}.menu-btn{display:inline-flex}}
@media (min-width:900px){.menu{display:none!important}}


.hero{display:grid;gap:28px;padding:clamp(28px,5vw,56px) var(--pad-r) 0 var(--pad-l);max-width:1440px;margin-inline:auto}
.hero h1{max-width:11ch}
.hero__lead{font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--text-2);max-width:34ch;margin-top:22px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero__media{justify-self:center;width:min(100%,560px);aspect-ratio:3/4}
.hero__media img{object-position:50% 40%}
@media (min-width:900px){
  .hero{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;column-gap:clamp(32px,5vw,80px);min-height:min(900px,calc(100svh - var(--header-h) - var(--safe-top)));padding-bottom:clamp(24px,4vw,48px)}
  .hero__media{width:100%;max-height:calc(100svh - var(--header-h) - var(--safe-top) - 72px);height:auto;justify-self:end;max-width:560px}
}
@media (max-width:899px){
  .hero h1{font-size:clamp(38px,10.4vw,60px)}
  .hero__media{width:min(100%,440px);aspect-ratio:4/5}
}
@media (max-width:899px) and (orientation:landscape) and (max-height:520px){
  .hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;column-gap:28px;padding-block:16px}
  .hero h1{font-size:clamp(30px,5vw,40px)}
  .hero__lead{margin-top:14px;font-size:15px}
  .hero__actions{margin-top:18px}
  .hero__media{width:auto;height:calc(100svh - var(--header-h) - var(--safe-top) - 32px);aspect-ratio:3/4;justify-self:end}
}
@media (prefers-reduced-motion:no-preference){
  .hero__media img{animation:apex-light-up 1.6s var(--ease) both}
  .hero__copy{animation:apex-rise .9s var(--ease) .1s both}
}
@keyframes apex-light-up{from{opacity:0;filter:brightness(.25);scale:1.04}60%{opacity:1}to{opacity:1;filter:none;scale:1}}
@keyframes apex-rise{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}


.reveal{opacity:0;translate:0 22px;transition:opacity .8s var(--ease),translate .8s var(--ease)}
.reveal.is-in{opacity:1;translate:0 0}


.build{--stage-h:calc(100svh - var(--header-h) - var(--safe-top));padding-top:var(--section)}
.build__intro{display:grid;gap:18px;margin-bottom:clamp(20px,4vw,44px)}
.build__intro h2{max-width:15ch}
.build__intro p{color:var(--text-2);font-size:clamp(17px,1.3vw,19px);max-width:46ch}
.build__cue{display:block;margin-top:10px;color:var(--text-3);font-size:15px}
.build[data-mode="static"] .build__cue{display:none}
@media (min-width:900px){.build__intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:48px}}
.build__track{position:relative}
.build[data-mode="scrub"] .build__track{height:calc(var(--stage-h) + 110svh)}
.build[data-mode="scrub"] .build__sticky{position:sticky;top:calc(var(--header-h) + var(--safe-top))}
.stage{position:relative;overflow:hidden;height:clamp(380px,78svh,860px);background:radial-gradient(60% 55% at 50% 46%,#1d2126 0%,#101316 58%,#0b0d0f 100%)}
.build[data-mode="scrub"] .stage{height:var(--stage-h);max-height:1000px}
@media (min-width:1300px){.stage{margin-inline:var(--pad-l) var(--pad-r);border-radius:var(--radius)}.build[data-mode="scrub"] .stage{height:calc(var(--stage-h) - 24px)}}
.stage__still{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s}
.stage__poster{height:88%;width:auto;max-width:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent)}
.stage.is-ready .stage__still{opacity:0;pointer-events:none}
.stage__viewer{position:absolute;inset:0;z-index:1}
.stage__viewer canvas{display:block}
.callouts{position:absolute;inset:0;z-index:2;pointer-events:none}
.callouts__lines{position:absolute;inset:0;overflow:visible}
.callouts__lines line{stroke:rgba(242,240,236,.45);stroke-width:1}
.callouts__lines .dot{fill:#f2f0ec}
.callouts__lines .halo{fill:rgba(242,240,236,.16)}
.callouts span{position:absolute;left:0;top:0;font-size:13px;line-height:18px;color:#e2e0dc;white-space:nowrap;opacity:0;transform:translate3d(-999px,-999px,0);will-change:transform,opacity;text-shadow:0 1px 10px #000,0 0 3px #000}
@media (min-width:900px){.callouts span{font-size:14px}}
.stage__foot{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--pad-r) calc(18px + env(safe-area-inset-bottom,0px)) var(--pad-l)}
.stage__note{font-size:13px;color:var(--text-3);max-width:36ch}
.stage.is-failed .stage__note{color:var(--text-2)}
.build__exploded{display:none;padding-top:40px}
.build__exploded .plate{width:min(100%,900px);margin-inline:auto;aspect-ratio:2600/1900}
.build__exploded figcaption{text-align:center;color:var(--text-3);font-size:14px;margin-top:14px}
html:not(.js) .build__exploded,.build[data-mode="static"] .build__exploded{display:block}
.build__model-note{color:var(--text-3);font-size:13px;margin-top:16px;max-width:70ch}


.modes{padding-top:var(--section);display:grid;gap:28px}
.modes__head p{color:var(--text-2);margin-top:18px;max-width:40ch}
.segmented,.modes__tabs{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:999px;background:var(--control);border:1px solid var(--line-strong)}
.modes__tabs{margin-top:30px}
.modes__tabs [role="tab"]{min-height:44px;min-width:88px;padding:0 20px;border-radius:999px;font:600 15px/1 var(--brand);color:var(--text-2);transition:background-color .25s,color .25s}
.modes__tabs [role="tab"]:hover{color:var(--text)}
.modes__tabs [role="tab"][aria-selected="true"]{background:var(--primary);color:var(--primary-text)}
.modes__tabs #tab-red[aria-selected="true"]{background:var(--filter-red);color:#fff}
.modes__panels{display:grid}
.mode{grid-area:1/1;display:grid;gap:14px;align-content:start}
.mode .plate{aspect-ratio:3/2}
.mode figcaption{color:var(--text-2);font-size:16px;line-height:1.5;min-height:3em;max-width:52ch;padding-left:2px}
.mode figcaption strong{color:var(--text)}
.mode__note{display:block;color:var(--text-3);font-size:13px;margin-top:4px}
.js .mode{opacity:0;visibility:hidden;transition:opacity .32s var(--ease),visibility 0s linear .32s}
.js .mode.is-active{opacity:1;visibility:visible;transition:opacity .38s var(--ease)}
@media (prefers-reduced-motion:no-preference){.js .mode img{transition:transform .6s var(--ease);transform:scale(1.02)}.js .mode.is-active img{transform:none}}
html:not(.js) .mode{grid-area:auto}
html:not(.js) .modes__panels{gap:40px}
@media (min-width:900px){.modes{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:56px;align-items:center}}



.customize__preview{position:relative;justify-self:center;aspect-ratio:1320/2320;width:min(100%,380px)}
.customize__preview img{position:absolute;inset:0;transition:opacity .35s var(--ease)}
.customize__preview img.is-loading{opacity:.55}

.customize__preview{touch-action:pan-y}
.customize__controls{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}
.customize__step{background:rgba(16,19,22,.72);border-color:#4a4f57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.customize__step:hover{background:rgba(32,36,42,.9)}
.customize__count{font:600 13px/1 var(--brand);letter-spacing:.02em;color:#cfd0d3;padding:8px 12px;border-radius:999px;background:rgba(16,19,22,.6);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.customize__preview img.is-entering{animation:apex-swap .42s var(--ease) both}}
@keyframes apex-swap{from{opacity:.4;scale:.985}to{opacity:1;scale:1}}
.customize__current{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.customize__current strong{font:600 22px/1.2 var(--brand);letter-spacing:-.015em}
.customize__current span{color:var(--text-3);font-size:14px}
.swatches{margin-top:18px}
.swatch-group+.swatch-group{margin-top:18px}
.swatch-group__label{font-size:13px;color:var(--text-3);margin-bottom:8px}
.swatch-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px}
.swatch{display:grid;gap:8px;justify-items:center;align-content:start;min-height:44px;padding:6px 6px 10px;border-radius:var(--radius-s);border:1px solid transparent;color:var(--text-2);font-size:13px;line-height:1.25;text-align:center;transition:background-color .2s,border-color .2s,color .2s}
.swatch img{width:100%;max-width:72px;aspect-ratio:200/389;border-radius:10px;background:var(--thumb-body,none) center/cover no-repeat,var(--plate);object-fit:cover}
.swatch:hover{background:var(--control);color:var(--text)}
.swatch[aria-checked="true"]{border-color:var(--text);background:var(--control);color:var(--text);font-weight:600}
.swatch[aria-checked="true"] img{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}
.customize__note{color:var(--text-3);font-size:13px;margin-top:18px;max-width:52ch}
.customize__plate{display:grid;gap:14px;margin-top:28px;grid-template-columns:minmax(0,1fr);align-items:center}
.customize__plate .plate{aspect-ratio:16/9;border-radius:var(--radius-s)}
.customize__plate p{color:var(--text-2);font-size:15px}
@media (min-width:900px){.customize__current{margin-top:6px}.customize__plate{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}}
@media (max-width:899px){
  
  .swatches{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 2px 8px;margin:12px -2px 0;scrollbar-width:none}
  .swatches::-webkit-scrollbar{display:none}
  .swatch-group,.swatch-row{display:contents}
  .swatch-group__label{display:none}
  .swatch{flex:0 0 84px;scroll-snap-align:start}
}
@media (max-width:899px) and (max-height:500px){.customize__controls{padding:8px;gap:4px}.customize__count{padding:6px 8px}}


.reach{position:relative;margin-top:var(--section);isolation:isolate}
.reach__image{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:10% 0%}
.reach__copy{padding-top:28px}
.reach__copy p{color:var(--text-2);margin-top:18px;max-width:40ch}
.reach__copy strong{color:var(--text)}
@media (min-width:900px){
  .reach{min-height:min(90svh,920px);display:flex;align-items:flex-start;padding-top:clamp(56px,8vh,96px);--text:#f2f0ec;--text-2:#cfd0d3;color:var(--text)}
  .reach__image{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:30% 0%;z-index:-2}
  .reach::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 48% 52% at 82% 22%,rgba(8,9,11,.88) 30%,rgba(8,9,11,0) 100%),linear-gradient(var(--bg),rgba(8,9,11,0) 5%,rgba(8,9,11,0) 86%,var(--bg))}
  .reach__copy{padding-top:0;display:flex;flex-direction:column;align-items:flex-end}
  .reach__copy h2,.reach__copy p{width:min(100%,470px);max-width:none}
  .reach sup a{color:#cfd0d3}
}


.red{padding-top:var(--section);display:grid;gap:30px;align-items:center}
.red__copy p{color:var(--text-2);margin-top:18px;max-width:40ch}
.red__media{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto auto;gap:14px}
.red__shot{margin:0}
.red__shot img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-s)}
.red__shot--main{grid-column:1;grid-row:1/3}
.red__shot--main img{height:100%;aspect-ratio:auto;min-height:100%;border-radius:var(--radius)}
@media (min-width:900px){.red{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}}
@media (max-width:899px){
  .red__media{grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r));padding:4px var(--pad-r) 12px var(--pad-l);scroll-padding-inline:var(--pad-l);scrollbar-width:none}
  .red__media::-webkit-scrollbar{display:none}
  .red__shot{scroll-snap-align:start}
  .red__shot--main{grid-column:auto;grid-row:auto}
  .red__shot img,.red__shot--main img{height:auto;aspect-ratio:4/3;border-radius:var(--radius)}
}

@media (max-width:899px) and (orientation:landscape) and (max-height:520px){
  .red__media{grid-auto-columns:44%}
  .home-lights__row{grid-auto-columns:44%}
  .home-custom{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:32px}
  .feature{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:32px}
  .feature--flip{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .feature--flip img{order:2}
}
@media (min-width:600px) and (max-width:899px){.customize__plate{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}}


details{border-top:1px solid var(--line);margin-top:26px;max-width:52ch}
details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;cursor:pointer;font-size:15px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"";flex:none;width:9px;height:9px;margin:0 6px 4px 0;border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:rotate(45deg);transition:transform .25s var(--ease)}
details[open] summary::after{transform:rotate(-135deg);margin-bottom:-4px}
details p{color:var(--text-2);font-size:15px;padding-bottom:18px}
details a{color:var(--text);text-underline-offset:3px}


.everyday{padding-top:var(--section);display:grid;gap:clamp(64px,9vw,120px)}
.feature{display:grid;gap:24px;align-items:center}
.feature img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}
.feature__copy p{color:var(--text-2);margin-top:16px;max-width:42ch}
@media (min-width:900px){
  .feature{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px}
  .feature--flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .feature--flip img{order:2}
}


.details{padding-top:var(--section);display:grid;gap:22px}
.faq details{margin-top:0;max-width:none}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{min-height:64px;font-size:16px}
.faq details p{font-size:15px;max-width:62ch}
.faq__credit{margin-top:20px;color:var(--text-3);font-size:13px}
@media (min-width:900px){.details{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:56px;align-items:start}}


.closing{padding-top:clamp(112px,14vw,200px);padding-bottom:clamp(80px,10vw,128px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.closing__mark{width:clamp(140px,16vw,220px)}
.closing__line{font:600 clamp(26px,3.2vw,42px)/1.15 var(--brand);letter-spacing:-.025em;color:var(--text-2);max-width:none}
.closing__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}
.site-footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
.footer-top{display:grid;gap:28px;margin-bottom:34px}
@media (min-width:900px){.footer-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}
.footer-nav{display:flex;flex-wrap:wrap;gap:4px 24px}
.footer-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:15px;color:var(--text-2);text-decoration:none}
.footer-nav a:hover,.contact a:hover{color:var(--text)}
.contact__title{font-size:15px;letter-spacing:0;line-height:1.3;color:var(--text);margin-bottom:6px}
.contact__links{display:grid;justify-items:start;color:var(--text-2);font-size:15px;line-height:1.5}
.contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-2);text-decoration:none}
.notes{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--text-3);font-size:13px;line-height:1.55;max-width:90ch}
.notes a{color:var(--text-2)}
.notes li:target{color:var(--text)}
.legal{margin-top:20px;color:var(--text-3);font-size:13px;max-width:none}
.legal--credit{margin-top:6px}


.playground{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--text);overflow:hidden}
.playground[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
.playground::backdrop{background:#000}
.playground__bar{display:flex;align-items:center;gap:16px;padding:calc(10px + var(--safe-top)) var(--pad-r) 10px var(--pad-l)}
.playground__bar h2{font-size:17px;letter-spacing:-.01em;line-height:1.2}
.playground__hint{color:var(--text-2);font-size:13px;margin-right:auto;transition:opacity .4s var(--ease)}
.playground.has-turned .playground__hint{opacity:.6}
.playground__note{position:absolute;z-index:2;left:50%;bottom:12px;translate:-50% 0;width:max-content;max-width:calc(100% - 32px);padding:8px 14px;border-radius:999px;background:rgba(16,19,22,.86);border:1px solid #3a3f46;color:#cfd0d3;font-size:13px;line-height:1.35;text-align:center;pointer-events:none}
.playground__note[hidden]{display:none}
.playground.is-failed .playground__note{display:none}
.playground__stage{position:relative;min-height:0;background:radial-gradient(62% 58% at 50% 48%,#1d2126 0%,#101316 58%,#0b0d0f 100%)}
[data-theme="light"] .playground__stage{margin-inline:10px;border-radius:var(--radius-s)}
.playground__stage .stage__viewer{position:absolute;inset:0}
.playground__status{position:absolute;left:50%;top:50%;translate:-50% -50%;color:#b1b2b6;font-size:15px;text-align:center;transition:opacity .3s}
.playground.is-ready .playground__status{opacity:0}
.playground.is-failed .playground__status{opacity:1;z-index:2;max-width:min(320px,80vw)}
.playground__status[hidden],.playground__retry[hidden]{display:none}
.playground__retry{position:absolute;left:50%;top:calc(50% + 44px);translate:-50% 0;z-index:2}
.playground__dock{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:14px 22px;padding:12px var(--pad-r) calc(16px + env(safe-area-inset-bottom,0px)) var(--pad-l)}
.seg{display:grid;gap:6px}
.seg__label{font-size:12px;color:var(--text-3);padding-left:6px}
.seg__pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:var(--control);border:1px solid var(--line-strong)}
.seg__pair button{min-height:44px;min-width:86px;padding:0 16px;border-radius:999px;font:600 14px/1 var(--brand);color:var(--text-2);transition:background-color .2s,color .2s}
.seg__pair button[aria-checked="true"]{background:var(--primary);color:var(--primary-text)}
.seg__pair button.is-red[aria-checked="true"]{background:var(--filter-red);color:#fff}
.dock__note{align-self:center;max-width:22ch;font-size:12.5px;line-height:1.35;color:var(--text-3)}
.dock__tools{display:flex;align-items:center;gap:8px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:var(--control);color:var(--text)}
.icon-btn:hover{background:var(--control-hover)}
.playground button:disabled{opacity:.45;cursor:default}
@media (max-width:640px){
  .playground__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0}
  .playground__bar h2{grid-column:1;grid-row:1}
  .playground__hint{grid-column:1;grid-row:2;margin:0;font-size:12.5px;line-height:1.35}
  .playground__bar .icon-btn{grid-column:2;grid-row:1/3}
  .playground.has-turned .playground__hint{opacity:0}
  .playground__dock{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px}
  .seg__pair button{min-width:0;padding:0 10px}
  .dock__note{grid-column:1;max-width:none}
  .dock__tools{justify-content:flex-end}
}
@media (max-height:520px) and (orientation:landscape){
  .playground[open]{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr)}
  .playground__bar{grid-column:1/-1;padding-block:calc(6px + var(--safe-top)) 4px}
  .playground__stage{grid-column:1;grid-row:2}
  .playground__dock{grid-column:2;grid-row:2;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:10px;overflow-y:auto;padding:4px calc(12px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) 12px}
  .dock__note{display:none}
  .dock__tools{justify-content:space-between}
}
@media (prefers-reduced-motion:no-preference){.playground[open]{animation:apex-open .35s var(--ease)}}
@keyframes apex-open{from{opacity:0}to{opacity:1}}


.home-lights{padding-top:clamp(56px,8vw,112px);display:grid;gap:24px}
.home-lights__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 24px}
.home-lights__head h2{max-width:14ch}
.home-lights__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.home-lights__row .plate{aspect-ratio:3/2}
.home-lights__row figcaption{color:var(--text-2);font-size:15px;line-height:1.5;margin-top:12px;max-width:40ch}
.home-lights__row figcaption strong{color:var(--text)}
.home-lights__row li:nth-child(2).reveal{transition-delay:.08s}.home-lights__row li:nth-child(3).reveal{transition-delay:.16s}
@media (max-width:899px){
  
  .home-lights__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r));padding:4px var(--pad-r) 12px var(--pad-l);scroll-padding-inline:var(--pad-l);scrollbar-width:none}
  .home-lights__row::-webkit-scrollbar{display:none}
  .home-lights__row li{scroll-snap-align:start}
}
.home-benefits{padding-top:clamp(64px,9vw,128px);display:grid;gap:clamp(36px,5vw,64px)}
.home-benefits>h2{max-width:15ch}
.home-row{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,56px)}
@media (min-width:900px){.home-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:40px}.home-row--flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.home-benefit{display:grid;gap:18px;align-content:start}
.home-benefit img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
.home-benefit:not(.home-benefit--wide) img{aspect-ratio:4/3}
@media (min-width:900px){.home-row--flip .home-benefit:not(.home-benefit--wide){padding-top:clamp(40px,6vw,96px)}}
.home-benefit__copy p{color:var(--text-2);margin-top:12px;max-width:44ch}
.home-benefit__copy strong{color:var(--text)}
.home-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font:600 15px/1 var(--brand);color:var(--text);text-decoration:none}
.home-link::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s var(--ease)}
.home-link:hover::after{transform:translateX(3px) rotate(45deg)}
.home-use{padding-top:var(--section);display:grid;gap:28px}
.home-use__pair{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media (max-width:899px){
  
  .home-benefits,.home-row{gap:40px}
  .home-benefit img,.home-benefit:not(.home-benefit--wide) img,.home-use img{aspect-ratio:16/10}
}
@media (min-width:900px){.home-use__pair{grid-template-columns:1fr 1fr;gap:24px}}
.home-use img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
.home-use figcaption{color:var(--text-2);font-size:15px;margin-top:12px;max-width:44ch}
.home-custom{padding-top:var(--section);display:grid;gap:28px;align-items:center}
.home-custom p{color:var(--text-2);margin-top:16px;max-width:42ch}
.home-custom__image{margin:0;aspect-ratio:16/9}
.home-custom__image img{width:100%;height:100%;object-fit:cover}

.home-custom__media{display:grid;gap:14px}
@media (max-width:899px){
  .home-custom__media{grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r));padding:4px var(--pad-r) 12px var(--pad-l);scroll-padding-inline:var(--pad-l);scrollbar-width:none}
  .home-custom__media::-webkit-scrollbar{display:none}
  .home-custom__image{scroll-snap-align:start}
}
@media (min-width:900px){.home-custom{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}}
.home-case{padding-top:var(--section);padding-bottom:clamp(72px,9vw,128px)}
.home-case__panel{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.home-case__panel{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:56px}}
.home-case__media{aspect-ratio:2600/1900}
.home-case__fit{color:var(--text);font:600 17px/1.3 var(--brand);margin-top:14px}
.home-case__copy>p:not(.home-case__fit){color:var(--text-2);margin-top:10px;max-width:44ch;font-size:16px}
.home-case__parts{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.home-case__parts li{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-raise);color:var(--text-2);font-size:14px}
.home-case .hero__actions{margin-top:26px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:0s!important}.reveal{opacity:1;translate:none}}

@media (max-width:899px) and (orientation:landscape) and (max-height:520px){.home-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start}.home-use__pair{grid-template-columns:1fr 1fr;gap:16px}}


.cart-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--text);border:1px solid var(--line-strong);transition:background-color .2s}
.cart-btn:hover{background:var(--control)}
.cart-btn__count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--text);color:var(--bg);font:600 12px/20px var(--brand);text-align:center;font-variant-numeric:tabular-nums}
.cart-btn__count[hidden]{display:none}
.step__label{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font:600 16px/1.3 var(--brand);letter-spacing:-.01em;color:var(--text)}
.step__n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);font:600 13px/1 var(--brand);color:var(--text-2)}
.step__value{font-family:var(--body);font-weight:400;font-size:15px;color:var(--text-2)}
.step__tag{padding:4px 10px;border-radius:999px;background:var(--control);color:var(--text-2);font:600 12px/1.2 var(--brand)}
.step__price{font:600 clamp(30px,3vw,38px)/1.1 var(--brand);letter-spacing:-.02em;margin-top:6px}
.step__hint{color:var(--text-2);font-size:15px;margin-top:6px;max-width:46ch}
.step__note{color:var(--text-3);font-size:13px;margin-top:10px;max-width:56ch}
.colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.color{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 8px;border:1px solid var(--line);border-radius:12px;background:var(--bg-raise);color:var(--text-2);font-size:13px;line-height:1.2;text-align:left;transition:border-color .2s,color .2s,background-color .2s}
.color:hover{border-color:var(--line-strong);color:var(--text)}
.color[aria-checked="true"]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);color:var(--text);font-weight:600}
.color__dot{flex:none;width:22px;height:22px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(22,25,29,.28)}
.customize__badge{position:absolute;z-index:2;top:12px;left:12px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:rgba(16,19,22,.66);color:#eceae6;font:600 13px/1.2 var(--brand);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.customize__badge .color__dot{width:18px;height:18px;box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.customize__shown{color:var(--text-3);font-size:13px;margin-top:6px;max-width:52ch}
.step--extras{margin-top:28px}
.extras{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
.extras:empty{margin:6px 0}
.extra{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"thumb design design" "thumb qty remove";align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg-raise)}
.extra__thumb{grid-area:thumb;align-self:start;width:40px;aspect-ratio:200/389;height:auto;border-radius:6px;background:var(--thumb-body,none) center/cover no-repeat,var(--plate);object-fit:cover}
.extra__design{grid-area:design;min-width:0}
.extra .qty{grid-area:qty;justify-self:start}
.extra__remove{grid-area:remove;min-height:44px;padding:0 10px;border-radius:10px;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;font-size:14px}
.extra__remove:hover{background:var(--control);color:var(--text)}
.extra__label{display:block;font-size:12px;color:var(--text-3);margin-bottom:4px}
.extra select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:15px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg)}
.qty__btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;font:500 20px/1 var(--brand);color:var(--text)}
.qty__btn:hover:not(:disabled){background:var(--control)}
.qty__btn:disabled{opacity:.35;cursor:default}
.qty__val{min-width:24px;text-align:center;font:600 15px/1 var(--brand);font-variant-numeric:tabular-nums}
.summary{margin-top:28px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:18px;background:var(--bg-raise)}
.summary__title{font:600 18px/1.3 var(--brand)}
.summary__lines{list-style:none;margin:10px 0 0;padding:0}
.summary__lines--extras{margin-top:0}
.summary__line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:12px 0;border-top:1px solid var(--line)}
.summary__line--none span{color:var(--text-3);font-size:14px}
.summary__what strong{display:block;font:600 15px/1.3 var(--brand)}
.summary__what span{display:block;color:var(--text-2);font-size:14px;line-height:1.4}
.summary__qty{color:var(--text-2);font-size:14px;font-variant-numeric:tabular-nums}
.summary__amt{min-width:52px;text-align:right;font:600 15px/1 var(--brand);font-variant-numeric:tabular-nums}
.summary__total{display:flex;justify-content:space-between;align-items:baseline;max-width:none;padding-top:14px;border-top:1px solid var(--line-strong)}
.summary__total strong{font:600 28px/1 var(--brand);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.summary__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.summary__actions .pill{flex:1 1 auto}
.summary__actions .pill[hidden]{display:none}
.summary__status{min-height:1.3em;margin-top:10px;font-size:14px;color:var(--text)}
.summary__note{color:var(--text-3);font-size:13px;margin-top:4px}
.customize__plate figcaption h3{font:600 17px/1.3 var(--brand);margin-bottom:6px}
.customize__plate figcaption p+p{margin-top:8px}
@media (max-width:420px){.summary{padding:16px 14px}.summary__line{gap:8px}}
@media (min-width:900px){.colors{gap:10px}.color{font-size:14px;padding:6px 10px}.extra{grid-template-columns:40px minmax(0,1fr) auto auto;grid-template-areas:"thumb design qty remove"}}

.cart{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-left:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:-20px 0 60px rgba(22,25,29,.18)}
.cart[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.cart::backdrop{background:rgba(22,25,29,.32)}
.cart__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px 20px;border-bottom:1px solid var(--line)}
.cart__bar h2{font:600 22px/1.2 var(--brand)}
.cart__body{overflow:auto;padding:4px 20px;overscroll-behavior:contain}
.cart__line{padding:16px 0;border-bottom:1px solid var(--line)}
.cart__line h3{font:600 16px/1.3 var(--brand)}
.cart__line p{color:var(--text-2);font-size:14px;margin-top:4px}
.cart__line .cart__sub{color:var(--text);font:600 15px/1.3 var(--brand);margin-top:8px}
.cart__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.cart__actions .qty{margin-right:auto}
.cart__empty{color:var(--text-2);padding:24px 0}
.cart__foot{display:grid;gap:10px;padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.cart__total{display:flex;justify-content:space-between;align-items:baseline;max-width:none}
.cart__total strong{font:600 24px/1 var(--brand);font-variant-numeric:tabular-nums}
.cart__note{color:var(--text-3);font-size:13px}
@media (max-height:500px){.cart[open]{display:block;overflow:auto}.cart__body{overflow:visible}.cart__foot{padding-top:10px}}

.customize__preview .customize__layer--plate{background:transparent}

@media (max-width:899px) and (orientation:landscape) and (max-height:520px){.home-custom__media{grid-auto-columns:88%;margin-inline:0 calc(-1 * var(--pad-r));padding-left:0;scroll-padding-inline:0}}



.pill__price{white-space:pre}
@media (max-width:899px){.site-header>.pill--buy{display:inline-flex;min-height:44px;padding:0 14px;font-size:14px;margin-right:2px}}
@media (max-width:379px){.pill__price{display:none}}


.hero--trio{grid-template-columns:minmax(0,1fr);min-height:0;max-width:calc(var(--wrap) + var(--pad-l) + var(--pad-r));row-gap:clamp(18px,3vw,36px)}
.hero--trio .hero__lead{margin-top:0}
.hero--trio .hero__actions{align-items:center;margin-top:22px}
.hero__link{display:inline-flex;align-items:center;min-height:48px;padding:0 2px;font:600 15px/1 var(--brand);color:var(--text);text-underline-offset:5px}
button.hero__link{text-decoration:underline;text-underline-offset:5px}
.hero__link:hover{text-decoration-thickness:2px}
.trio{display:grid;gap:12px;margin:0;justify-self:center;width:100%}
.trio__stage{position:relative;aspect-ratio:2/1;overflow:hidden;border-radius:var(--radius);background:#0c0e11;box-shadow:var(--shadow),0 0 0 1px rgba(22,25,29,.06)}
.trio__stage img{width:100%;height:100%;object-fit:cover}
.trio__caption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;font:600 12px/1.3 var(--brand);letter-spacing:.01em;color:var(--text-3)}
@media (prefers-reduced-motion:no-preference){.trio__stage img{animation:apex-light-up 1.6s var(--ease) both}}
@media (min-width:900px){
  .hero--trio{align-items:start;padding-top:clamp(28px,3.4vw,52px);padding-bottom:clamp(20px,3vw,40px)}
  .hero--trio .hero__copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);align-items:end}
  .hero--trio .hero__actions{flex-wrap:nowrap}
  .hero--trio .hero__lead{max-width:38ch}
  .hero--trio h1{font-size:clamp(44px,4.6vw,72px);max-width:12ch}
  
  .trio{width:min(100%,max(720px,calc((100svh - var(--header-h) - var(--safe-top) - 340px) * 2)))}
  .trio__caption{font-size:13px}
}
@media (max-width:899px){
  .hero--trio{padding-top:0;row-gap:20px}
  .hero--trio .trio{order:-1;width:auto;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r))}
  .hero--trio .trio__stage{border-radius:0;box-shadow:none}
  .hero--trio .trio__caption{padding-inline:4px}
  .hero--trio h1{font-size:clamp(36px,10vw,56px)}
  .hero--trio .hero__lead{margin-top:14px}
}

@media (orientation:landscape) and (max-height:620px){
  .hero--trio{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:clamp(24px,4vw,56px);padding-block:14px}
  .hero--trio .hero__copy{display:block}
  .hero--trio .trio{order:0;width:100%;margin-inline:0}
  .hero--trio .trio__stage{border-radius:var(--radius-s)}
  .hero--trio h1{font-size:clamp(28px,4.4vw,44px)}
  .hero--trio .hero__lead{font-size:15px;margin-top:10px}
  .hero--trio .hero__actions{flex-wrap:wrap;margin-top:14px}
}


.teaser{padding-top:var(--section);display:grid;gap:26px;align-items:center}
.teaser__copy p{color:var(--text-2);margin-top:14px;max-width:40ch}
.teaser__copy .teaser__price{color:var(--text)}
.teaser__copy .pill{margin-top:22px}
.teaser__media{margin:0;aspect-ratio:16/9}
@media (min-width:900px){.teaser{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}}


.buy{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "preview" "options" "more";gap:22px;padding-top:clamp(16px,3vw,40px);padding-bottom:clamp(40px,6vw,88px)}
.buy>*{min-width:0}
.buy__intro{grid-area:intro}
.buy .buy__preview{grid-area:preview;justify-self:stretch;width:100%;height:auto;aspect-ratio:900/1582;max-width:none}
.buy__options{grid-area:options;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-content:start}
.buy__more{grid-area:more;margin-top:clamp(24px,5vw,56px);padding-top:clamp(24px,4vw,40px);border-top:1px solid var(--line)}
.buy__more h2{font:600 clamp(20px,2vw,26px)/1.2 var(--brand);letter-spacing:-.02em;margin-bottom:8px}
.buy h1{font-size:clamp(28px,3.8vw,54px);letter-spacing:-.03em;max-width:12ch}
.buy__fit{margin-bottom:8px;font-size:14px}
.buy__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;margin-top:12px;max-width:none}
.buy__price strong{font:600 clamp(28px,2.8vw,36px)/1.1 var(--brand);letter-spacing:-.02em}
.buy__price span{color:var(--text-2);font-size:14px;line-height:1.4}
.buy__lead{color:var(--text-2);font-size:15px;line-height:1.5;margin-top:10px}
.buy .step{display:grid;gap:10px;margin:0}
.buy .colors{margin-top:2px}
.buy .step__note,.buy .customize__note{margin-top:0}
.buy .swatches{margin-top:0}
.buy .summary{margin-top:0}
.buy .summary__actions{margin-top:10px}
.buy .summary__actions:has(.pill[hidden]:only-child){display:none}
.buy__noscript{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg-raise)}
.buy__bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:12px;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r));padding:10px var(--pad-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--pad-l);background:var(--header-bg);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);border-top:1px solid var(--line)}
.buy__bar-thumb{flex:none;width:28px;height:auto;aspect-ratio:200/389;border-radius:5px;background:var(--thumb-body,none) center/cover no-repeat,var(--plate);object-fit:cover}
.buy__bar-text{flex:1 1 0;min-width:0;overflow:hidden}
.buy__bar-total{display:flex;align-items:baseline;gap:6px;max-width:none}
.buy__bar-total span{font-size:13px;color:var(--text-2)}
.buy__bar-total strong{font:600 20px/1.15 var(--brand);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.buy__bar-detail{font-size:13px;line-height:1.3;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}
.buy__bar .pill{flex:none;padding:0 20px}
@media (max-width:899px){
  .buy{grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-areas:"preview intro" "options options" "more more";column-gap:16px;row-gap:24px;align-items:center}
  .buy h1{font-size:clamp(26px,7.2vw,40px)}
  .buy .customize__count,.buy .customize__badge{display:none}
  .buy .customize__controls{padding:8px}
}
@media (max-width:899px) and (min-width:560px){.buy .customize__badge{display:flex}.buy .customize__count{display:block}}

@media (min-width:900px),(max-width:899px) and (orientation:landscape) and (max-height:520px){
  .buy{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"preview intro" "preview options" "more more";column-gap:clamp(24px,5vw,80px);row-gap:24px;align-items:start}
  .buy .buy__preview{position:sticky;top:calc(var(--header-h) + var(--safe-top) + 16px);height:min(calc(100svh - var(--header-h) - var(--safe-top) - 32px),860px);aspect-ratio:auto}
  .buy .buy__preview img{object-fit:contain;background:var(--plate)}
  .buy .buy__preview .customize__layer--plate{background:transparent}
  .buy .customize__badge{display:flex}
  .buy__bar{bottom:16px;margin-inline:0;padding:12px 14px 12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--bg-raise);box-shadow:0 18px 40px -24px rgba(22,25,29,.45)}
}
@media (min-width:900px){
  .buy__intro{padding-top:clamp(0px,2vw,24px)}
  .buy .swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px 6px}
  .buy .swatch-group,.buy .swatch-row{display:contents}
  .buy .swatch-group__label{display:none}
  .buy .swatch{padding:6px 4px 8px;font-size:12px}
  .buy .swatch img{max-width:60px}
}
@media (max-width:899px) and (orientation:landscape) and (max-height:520px){
  .buy{grid-template-columns:minmax(0,2fr) minmax(0,3fr);padding-top:12px}
  .buy .buy__preview{top:calc(var(--header-h) + var(--safe-top) + 8px);height:calc(100svh - var(--header-h) - var(--safe-top) - 16px)}
  .buy h1{font-size:30px}
  .buy__bar{bottom:8px;padding:8px 10px 8px 12px}
}

@media (orientation:landscape) and (max-height:620px){
  .buy h1{font-size:clamp(26px,3.4vw,34px)}
  .buy__price{margin-top:6px}
  .buy__price strong{font-size:26px}
  .buy__lead{display:none}
  .buy{padding-top:12px}
}

html:has(body.buy-page){scroll-padding-bottom:96px}

@media (max-width:559px){.buy .customize__controls{display:none}}

@media (orientation:landscape) and (max-height:620px){
  .buy__bar{gap:10px;padding:6px 6px 6px 12px}
  .buy__bar-thumb,.buy__bar-detail{display:none}
  .buy__bar-total strong{font-size:18px}
}



.arc__stage{aspect-ratio:16/9;background:#0b0c0d}
.arc__stage picture{display:contents}
.trio__stage .arc__img{object-fit:contain}

.arc .trio__caption{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 0}
.arc .trio__caption span{padding-inline:0}
.arc .trio__caption span+span::before{content:"·";padding-inline:10px;color:var(--line-strong)}
@media (min-width:900px){
  
  .trio.arc{width:min(100%,max(720px,calc((100svh - var(--header-h) - var(--safe-top) - 340px) * 16 / 9)))}
}
@media (max-width:899px),(orientation:landscape) and (max-height:620px){
  .hero--trio .trio.arc{justify-self:stretch}
  .arc .trio__caption{font-size:11.5px}
  .arc .trio__caption span+span::before{padding-inline:8px}
}

@media (max-width:899px) and (orientation:portrait){
  .hero--trio .arc__stage{aspect-ratio:auto;height:min(75vw,42vh);height:min(75vw,42svh)}
}

@media (max-width:899px) and (orientation:portrait) and (max-height:720px){
  .hero--trio .arc__stage{height:min(62.5vw,42vh);height:min(62.5vw,42svh)}
}


.protect{padding-top:var(--section);display:grid;gap:28px;align-items:center}
.protect__media{margin:0}
.protect__media .plate{aspect-ratio:3/2}
.protect__media img{width:100%;height:100%;object-fit:cover}
.protect__media figcaption{margin-top:10px;font-size:13px;color:var(--text-3)}
.protect__lead{color:var(--text-2);margin-top:16px;max-width:44ch}
.protect__points{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.protect__points li{display:grid;gap:6px;align-content:start;padding:16px 16px 18px;border-radius:var(--radius-s);background:var(--bg-raise);border:1px solid var(--line)}
.protect__points strong{font:600 15px/1.25 var(--brand);letter-spacing:-.01em}
.protect__points span{font-size:14px;line-height:1.45;color:var(--text-2)}
.protect details{max-width:none}
@media (min-width:900px){.protect{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px}}
@media (max-width:380px){.protect__points{grid-template-columns:1fr}}
@media (max-width:899px) and (orientation:landscape) and (max-height:520px){.protect{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}}


.view-gallery #main{display:none}
.view-gallery #gallery[hidden]{display:block}
.gallery{padding-top:clamp(28px,5vw,56px);padding-bottom:8px}
.gallery__intro h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.035em;max-width:12ch}
.gallery__lead{margin-top:16px;color:var(--text-2);max-width:48ch}
.gallery__jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.gallery__jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-strong);color:var(--text);text-decoration:none;font:600 14px/1 var(--brand)}
.gallery__jump a:hover{background:var(--control)}
.gallery__group{padding-top:clamp(44px,6vw,80px);scroll-margin-top:calc(var(--header-h) + var(--safe-top))}
.gallery__group h2{font-size:clamp(24px,2.8vw,36px);margin-bottom:16px}

.gallery__grid{--row-h:36vw;--g-gap:8px;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g-gap)}
@media (max-width:359px){.gallery__grid{--row-h:33vw}}
@media (min-width:600px){.gallery__grid{--row-h:clamp(150px,21vw,240px);--g-gap:10px}}
@media (min-width:900px){.gallery__grid{--row-h:clamp(180px,20vw,280px);--g-gap:12px}}
.gallery__item{flex:var(--ar) 1 calc(var(--ar) * var(--row-h));max-width:calc(var(--ar) * var(--row-h) * 1.7);aspect-ratio:var(--ar);min-width:0}
.gallery__break{flex-basis:100%;height:0;margin-top:calc(-1 * var(--g-gap))}

.gallery__grid--large{--row-h:52vw}
@media (min-width:600px){.gallery__grid--large{--row-h:clamp(220px,30vw,400px)}}
.gallery__item--feature{flex:1 1 100%;max-width:none}
@media (min-width:900px){.gallery__item--feature{aspect-ratio:16/9}.gallery__item--feature img{object-position:62% 45%}}
@media (min-width:600px){.gallery__break--phone{display:none}}
.gallery__open{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-s);background:var(--plate);box-shadow:0 0 0 1px rgba(22,25,29,.06)}
.gallery__open img{width:100%;height:100%;object-fit:cover}
.gallery__open:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.gallery__open img{transition:transform .6s var(--ease)}.gallery__open:hover img{transform:scale(1.03)}}
.gallery__tag{position:absolute;left:6px;right:6px;bottom:6px;padding:5px 8px;border-radius:999px;background:rgba(12,14,16,.62);color:#f2f0ec;font:600 11px/1.2 var(--brand);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (min-width:600px){.gallery__tag{left:10px;right:auto;bottom:10px;padding:6px 12px;font-size:12.5px}}
.gallery__cta{margin-top:clamp(56px,7vw,96px);padding:clamp(24px,4vw,40px);border-radius:var(--radius);background:var(--bg-raise);border:1px solid var(--line);display:grid;gap:10px;justify-items:start}
.gallery__cta h2{font-size:clamp(26px,3vw,40px)}
.gallery__cta p{color:var(--text-2)}
.gallery__cta .hero__actions{margin-top:8px}


.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border:0;background:#0b0c0d;color:var(--text);overflow:hidden}
.lightbox::backdrop{background:#0b0c0d}
.lightbox[open]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"bar bar bar" "prev stage next" "cap cap cap"}
html.lightbox-open,html.lightbox-open body{overflow:hidden}
.lightbox__bar{grid-area:bar;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 6px 20px}
.lightbox__count{font:600 14px/1 var(--brand);color:var(--text-2);font-variant-numeric:tabular-nums}
.lightbox__close{width:48px;height:48px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.lightbox__stage{grid-area:stage;position:relative;min-height:0;touch-action:pan-y pinch-zoom}
.lightbox__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.lightbox__caption{grid-area:cap;align-self:center;justify-self:center;width:100%;max-width:none;padding:12px 20px 18px;text-align:center;font-size:15px;line-height:1.4;color:var(--text-2);min-height:3.2em}
.lightbox__nav{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 12px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#f2f0ec}
.lightbox__nav--prev{grid-area:prev}.lightbox__nav--next{grid-area:next}
.lightbox__nav:hover,.lightbox__close:hover{background:rgba(255,255,255,.16)}
.lightbox :focus-visible{outline:2px solid #f2f0ec;outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.lightbox[open]{animation:apex-open .28s var(--ease)}.lightbox__img{transition:opacity .2s}.lightbox.is-loading .lightbox__img{opacity:.92}}

@media (max-width:899px){
  .lightbox[open]{grid-template-areas:"bar bar bar" "stage stage stage" "prev cap next"}
  .lightbox__nav{margin:8px 12px 14px}
  .lightbox__caption{padding:8px 4px 14px;font-size:14px}
}
@media (max-width:899px) and (orientation:landscape) and (max-height:520px){
  .lightbox[open]{grid-template-areas:"bar bar bar" "prev stage next" "cap cap cap"}
  .lightbox__bar{padding-top:4px;padding-bottom:0}
  .lightbox__caption{padding:4px 12px 8px;min-height:0}
  .lightbox__nav{margin:0 8px}
}


.home-gallery{padding-top:var(--section)}
.home-gallery__count{font:500 13px/1 var(--body);color:var(--text-3);margin-left:2px}
.home-gallery__row{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}
.home-gallery__thumb{display:block;aspect-ratio:4/5}
.home-gallery__thumb img{width:100%;height:100%;object-fit:cover}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.home-gallery__thumb img{transition:transform .6s var(--ease)}.home-gallery__thumb:hover img{transform:scale(1.03)}}
@media (max-width:899px){
  .home-gallery__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r));padding:4px var(--pad-r) 12px var(--pad-l);scroll-padding-inline:var(--pad-l);scrollbar-width:none}
  .home-gallery__row::-webkit-scrollbar{display:none}
  .home-gallery__row li{scroll-snap-align:start}
}
@media (max-width:899px) and (orientation:landscape) and (max-height:520px){.home-gallery__row{grid-auto-columns:24%}}

@media (min-width:900px) and (max-width:1099px){.site-nav{gap:16px}}


.learn-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:14px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:600 14px/1 var(--brand);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s}
.learn-btn::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(currentColor,currentColor) center/8px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 8px no-repeat}
.learn-btn:hover{background:var(--control)}
.learn-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.learn-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:6px}
.learn-row .learn-btn,.learn-row .home-link{margin-top:0}
.teaser .learn-row{margin-top:22px}
@media (min-width:900px){.reach__actions{width:min(100%,470px)}.reach .learn-btn{border-color:rgba(242,240,236,.6)}.reach .learn-btn:hover{background:rgba(242,240,236,.12)}}

.learn{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--text);overflow:hidden}
.learn::backdrop{background:rgba(12,14,16,.42)}
.learn[open]{display:flex;align-items:flex-end;justify-content:center}
html.learn-open,html.learn-open body{overflow:hidden}
.learn__sheet{position:relative;display:flex;flex-direction:column;width:100%;max-height:92vh;max-height:92svh;background:var(--bg);border-radius:22px 22px 0 0;box-shadow:0 -14px 44px rgba(12,14,16,.22);padding-bottom:env(safe-area-inset-bottom,0px);will-change:transform}
.learn__grab{display:flex;justify-content:center;padding:9px 0 3px;touch-action:none;cursor:grab}
.learn__grab span{width:42px;height:5px;border-radius:3px;background:var(--line-strong);opacity:.55}
.learn__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:0 12px 0 20px;border-bottom:1px solid var(--line);touch-action:pan-x}
.learn__title{font:600 17px/1.2 var(--brand);letter-spacing:-.01em}
.learn__close{width:44px;height:44px}
.learn__tabs{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -12px 0 -20px;padding:6px 12px 12px 20px}
.learn__tabs::-webkit-scrollbar{display:none}
.learn__tab{flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg-raise);color:var(--text-2);font:600 14px/1 var(--brand);cursor:pointer}
.learn__tab[aria-selected="true"]{background:var(--text);border-color:var(--text);color:var(--bg)}

@media (max-width:520px){.learn__tabs{gap:4px}.learn__tab{flex:1 1 auto;padding:0 7px;white-space:nowrap;font-size:clamp(12px,3.3vw,14px)}}
.learn__tab:focus-visible,.learn__close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.learn__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 20px 28px}
.learn__panel:focus-visible{outline:none}
.learn__panel h3{font-size:clamp(26px,3vw,34px);line-height:1.08;letter-spacing:-.025em;margin-bottom:12px}
.learn__panel h4{font:600 17px/1.25 var(--brand);letter-spacing:-.01em;margin:28px 0 8px}
.learn__panel p{color:var(--text-2);font-size:15.5px;line-height:1.55;max-width:none}
.learn__panel p+p{margin-top:10px}
.learn__panel strong{color:var(--text)}
.learn__eyebrow{font-size:13px!important;color:var(--text-3)!important;margin-bottom:6px}
.learn__fig{margin:18px 0 0;padding:16px 14px 14px;border-radius:var(--radius-s);background:radial-gradient(90% 80% at 50% 35%,var(--plate-glow) 0%,var(--plate) 75%)}
.learn__fig svg{display:block;width:100%;height:auto;overflow:visible}
.learn__fig figcaption{margin-top:10px;font-size:13px;line-height:1.45;color:var(--text-2)}
.learn__key{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--text)}
.learn__key li{display:inline-flex;align-items:center;gap:8px}
.learn__key--top{margin-bottom:4px}
.key{display:inline-block;flex:none}
.key--optic{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f4f6f8,#7d858e)}
.key--flash{width:12px;height:12px;border-radius:50%;background:#ffd98a}
.key--rod{width:20px;border-top:2px solid #2b9fd0}
.key--cone{width:20px;border-top:2px dashed #c47e28}
.learn__fig svg text{fill:#b1b2b6;font:500 12px/1 var(--body)}

.os-lip{fill:rgba(255,255,255,.06);stroke:#cfd4da;stroke-width:1.2}
.os-ring{fill:none;stroke:rgba(255,255,255,.35)}
.os-flashedge{fill:none;stroke:#ffb640;stroke-width:1.5}
.os-guide line{stroke:rgba(242,240,236,.28);stroke-dasharray:3 3}
.os-ruler line{stroke:#b1b2b6}
.os-body{fill:rgba(220,228,236,.14)}
.os-mirror{fill:none;stroke:#d9dee3;stroke-width:3}
.os-face{stroke:#cfd4da;stroke-width:1.5}
.os-dim line{stroke:#f2f0ec}
.learn__fig .os-num{fill:#f2f0ec;font:600 12.5px/1 var(--brand)}
.learn__fig .os-num--dark{fill:#3b2a06}
.learn__fig .os-view{fill:#94979d}

.learn__fig .bm-label{fill:#f2f0ec;font:600 13px/1 var(--brand)}
.bm-phone{fill:#2a2f35;stroke:#6b7078}
.bm-led{fill:#fff4d6}
.bm-axis line{stroke:#6b7078}
.bm-mark{fill:#fff1cf;stroke:#0c0e10;stroke-width:2}

.lc-wrap{position:relative}
svg.lc{touch-action:pan-y;cursor:crosshair;border-radius:8px}
svg.lc:focus-visible{outline:2px solid #f2f0ec;outline-offset:4px}
.lc-grid{stroke:#2b3036}
.learn__fig .lc-axis text{fill:#94979d;font-size:11.5px}
.learn__fig .lc-ytitle,.learn__fig .lc-xtitle{fill:#b1b2b6;font:600 12px/1 var(--body)}
.lc-red{fill:#8f2129;opacity:.3}
.learn__fig .lc-redlabel{fill:#ecc9cb;font:600 12px/1 var(--body)}
.learn__fig .lc-note{fill:#94979d;font-size:11px}
.lc-rod,.lc-cone{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.lc-cone{stroke-dasharray:6 5}
.lc-peak,.lc-dot{stroke:#0c0e10;stroke-width:2}
.learn__fig .lc-peaklabel{fill:#f2f0ec;font:600 12px/1 var(--body)}
.lc-crossline{stroke:#f2f0ec;stroke-opacity:.55}
.lc-hit{fill:transparent}
.lc-cross[hidden]{display:none}
.lc-tip{position:absolute;top:2px;transform:translateX(12px);display:grid;gap:3px;min-width:140px;padding:8px 10px;border-radius:10px;background:rgba(22,25,29,.95);border:1px solid #3a4048;color:#f2f0ec;font-size:12.5px;line-height:1.3;pointer-events:none;white-space:nowrap}
.lc-tip.is-left{transform:translateX(calc(-100% - 12px))}
.lc-tip[hidden]{display:none}
.lc-tip__row{color:#cfd0d3}
.lc-tip__row::before{content:"";display:inline-block;width:14px;margin-right:7px;vertical-align:middle;border-top:2px solid #2b9fd0}
.lc-tip__row--cone::before{border-top:2px dashed #c47e28}
.learn__table{margin-top:10px;max-width:none}
.learn__table summary{font-size:14px;color:var(--text)}
.learn__table table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;margin-bottom:6px}
.learn__table th,.learn__table td{padding:6px 4px;text-align:right;border-bottom:1px solid var(--line);color:var(--text-2);font-weight:500}
.learn__table th[scope="row"],.learn__table thead th:first-child{text-align:left}
.learn__table thead th{color:var(--text);font-weight:600}

.ms-case{fill:#1c2025;stroke:#454b53;stroke-width:1.5}
.ms-head{fill:#23282e;stroke:#3a4048}
.ms-cam{fill:#0b0c0d;stroke:#3a4048}
.ms-optic{fill:rgba(220,228,236,.22);stroke:#cfd4da}
.ms-plate{fill:#2a2f35;stroke:rgba(242,240,236,.45);stroke-dasharray:5 4}
.ms-magnets{filter:drop-shadow(0 0 6px rgba(205,218,232,.35))}
.ms-lead polyline{fill:none;stroke:#94979d}
.learn__fig .ms-text text{fill:#f2f0ec;font:600 12.5px/1 var(--body)}
.learn__fig .ms-text .ms-sub{fill:#b1b2b6;font-weight:500}

.learn__photo{margin:14px 0 0}
.learn__photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;background:var(--plate)}
.learn__photo--wide img{aspect-ratio:16/9}
.learn__photo figcaption{margin-top:6px;font-size:13px;line-height:1.35;color:var(--text-3)}
.learn__pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.learn__pair+p,.learn__trio+p{margin-top:16px}
.learn__trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.learn__trio .learn__photo img{aspect-ratio:1}
.learn__facts{list-style:none;padding:0;margin:16px 0 14px;display:grid;gap:10px}
.learn__facts li,.learn__steps li{padding:14px 16px;border-radius:var(--radius-s);background:var(--bg-raise);border:1px solid var(--line)}
.learn__facts li{display:grid;gap:4px}
.learn__facts strong,.learn__steps strong{font:600 15px/1.25 var(--brand)}
.learn__facts span,.learn__steps span{font-size:14px;line-height:1.45;color:var(--text-2)}
.learn__steps{list-style:none;counter-reset:learn-step;padding:0;margin:16px 0 0;display:grid;gap:10px}
.learn__steps li{counter-increment:learn-step;display:grid;grid-template-columns:30px minmax(0,1fr);gap:3px 12px;align-items:start}
.learn__steps li::before{content:counter(learn-step);grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--text);color:var(--bg);font:600 14px/1 var(--brand)}
.learn__strip{list-style:none;margin:16px -20px 14px;padding:4px 20px 6px;display:grid;grid-auto-flow:column;grid-auto-columns:76px;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:20px;scrollbar-width:none}
.learn__strip::-webkit-scrollbar{display:none}
.learn__strip li{display:grid;gap:6px;align-content:start;scroll-snap-align:start}
.learn__strip img{width:76px;height:auto;aspect-ratio:200/389;object-fit:cover;border-radius:10px;background:var(--plate)}
.learn__strip span{font-size:11.5px;line-height:1.25;color:var(--text-2)}
.learn__panel .learn__fine{font-size:12.5px;color:var(--text-3);margin-top:18px}
.learn__fine a{color:var(--text-2)}
.learn__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

@media (min-width:900px){
  .learn[open]{justify-content:flex-end;align-items:stretch}
  .learn__sheet{width:min(600px,46vw);height:100%;max-height:none;border-radius:22px 0 0 22px;box-shadow:-14px 0 44px rgba(12,14,16,.2)}
  .learn__grab{display:none}
  .learn__head{padding:14px 16px 0 28px}
  .learn__tabs{margin:0 -16px 0 -28px;padding:8px 16px 14px 28px}
  .learn__body{padding:24px 28px 36px}
  .learn__strip{margin-inline:-28px;padding-inline:28px;scroll-padding-inline:28px}
}
@media (prefers-reduced-motion:no-preference){
  .learn[open]::backdrop{animation:apex-open .25s ease}
  .learn[open] .learn__sheet{animation:learn-up .34s var(--ease)}
  .learn__sheet{transition:transform .22s ease-in}
  .learn__sheet.is-dragging{transition:none}
  .learn.is-closing .learn__sheet{transform:translateY(105%)}
  @media (min-width:900px){.learn[open] .learn__sheet{animation-name:learn-in}.learn.is-closing .learn__sheet{transform:translateX(105%)}}
}
@keyframes learn-up{from{transform:translateY(100%)}to{transform:none}}
@keyframes learn-in{from{transform:translateX(100%)}to{transform:none}}



.hero__tagline{font:600 clamp(20px,1.9vw,28px)/1.2 var(--brand);letter-spacing:-.015em;color:var(--text);margin-top:12px;text-wrap:balance}
.hero--trio h1.hero__name{letter-spacing:-.04em;max-width:none}
@media (min-width:900px){
  .hero--trio h1.hero__name{font-size:clamp(60px,6.4vw,104px);white-space:nowrap}
  .hero--trio .hero__lead{font-size:clamp(18px,1.45vw,21px);max-width:30ch}
}
@media (max-width:899px){
  .hero--trio h1.hero__name{font-size:clamp(44px,13.5vw,64px)}
  .hero__tagline{font-size:clamp(20px,5.6vw,26px);margin-top:8px}
}
@media (orientation:landscape) and (max-height:620px){
  .hero--trio h1.hero__name{font-size:clamp(34px,5.6vw,52px)}
  .hero__tagline{font-size:18px;margin-top:4px}
}

@media (max-width:899px) and (orientation:portrait) and (max-height:720px){
  .hero--trio .hero__actions{margin-top:16px}
  .hero--trio .eyebrow{margin-bottom:10px}
}



.plate--ivory{background:#fbf8f2}
.hero__media.plate--ivory{aspect-ratio:1122/1402}
.hero__media.plate--ivory img{object-position:50% 50%}
.arc--campaign .arc__stage,.hero--trio .arc--campaign .arc__stage{aspect-ratio:3/2;height:auto;background:#fbf8f2}
.home-case__media.plate--ivory{aspect-ratio:3/2}

.how{padding-top:var(--section);display:grid;gap:clamp(20px,3vw,32px)}
.how__intro{display:grid;gap:14px;max-width:62ch}
.how__figure{margin:0;aspect-ratio:3/2}
.how__parts{list-style:none;margin:0;padding:0;display:grid;gap:18px 28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.how__parts li{display:grid;gap:4px;padding-top:14px;border-top:1px solid var(--line-strong)}
.how__parts strong{font:600 17px/1.2 var(--brand);color:var(--text)}
.how__parts span{color:var(--text-2);font-size:15px;line-height:1.45}
.how__note{font-size:13px;line-height:1.5;color:var(--text-3);max-width:70ch}
@media (min-width:900px){
  .how{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,4vw,64px);align-items:center}
  .how__intro,.how__note{grid-column:1/-1}
  .how__parts{grid-template-columns:1fr}
}




.learn-btn{min-height:44px;margin-top:10px;padding:0;gap:6px;border:0;border-radius:0;background:none;color:var(--text);font:600 15px/1.2 var(--brand);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:6px;text-decoration-thickness:1.5px}
.learn-btn::before{content:none;display:none}
.learn-btn::after{content:"→";display:inline-block;text-decoration:none;transition:transform .2s}
.learn-btn:hover{background:none;text-decoration-color:currentColor}
.learn-btn:hover::after{transform:translateX(3px)}
@media (min-width:900px){.reach .learn-btn{text-decoration-color:rgba(242,240,236,.6)}.reach .learn-btn:hover{background:none}}


.home-case__parts{gap:10px 22px;margin-top:20px}
.home-case__parts li{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;border-radius:0;background:none;color:var(--text-2);font-size:15px}
.home-case__parts li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--text-3)}



.studio{--tint:#d6f1f5;background:linear-gradient(180deg,var(--tint) 0%,color-mix(in srgb,var(--tint) 55%,var(--bg)) 100%);transition:background .45s var(--ease)}
.studio__inner{max-width:calc(var(--wrap) + var(--pad-l) + var(--pad-r));margin-inline:auto;padding:clamp(24px,5vw,72px) var(--pad-r) clamp(40px,6vw,88px) var(--pad-l);display:grid;gap:clamp(20px,4vw,64px);align-items:center}
.studio__copy{min-width:0}
.studio .hero__name{font-size:clamp(52px,7vw,104px);line-height:1;letter-spacing:-.04em;margin:0}
.studio__lead{color:var(--text-2);font-size:clamp(17px,1.4vw,20px);line-height:1.5;max-width:40ch;margin-top:14px}
.studio__pick{margin-top:24px}
.studio__label{font:600 13px/1 var(--brand);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px}
.studio__label span{margin-left:8px;letter-spacing:0;text-transform:none;font-size:15px;color:var(--text)}
.studio__swatches{display:flex;flex-wrap:wrap;gap:10px}
.studio__swatch{width:40px;height:40px;border-radius:50%;border:3px solid #fff;background:var(--swatch);box-shadow:0 0 0 1px rgba(22,25,29,.18),0 4px 10px -4px rgba(22,25,29,.35);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s}
.studio__swatch:hover{transform:translateY(-2px)}
.studio__swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--text),0 6px 14px -6px rgba(22,25,29,.4);transform:scale(1.08)}
.studio__swatch:focus-visible,.studio__back:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.studio__backs{display:grid;grid-auto-flow:column;grid-auto-columns:52px;gap:8px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.studio__back{scroll-snap-align:start;height:64px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(22,25,29,.12);overflow:hidden;cursor:pointer}
.studio__back img{width:100%;height:100%;object-fit:cover;object-position:50% 78%;display:block}
.studio__back[aria-pressed="true"]{box-shadow:0 0 0 2px var(--text)}
.studio .hero__actions{margin-top:28px}

.studio{overflow-x:clip}
.studio__visual{display:grid;justify-items:center;gap:clamp(8px,1.4vw,16px);min-width:0}
.studio__stage{position:relative;justify-self:center;width:min(100%,560px);aspect-ratio:5/4}
.fan__case{position:absolute;left:29%;bottom:2%;width:42%;aspect-ratio:900/1582}
.fan__case{transform-origin:50% 100%;transform:translateX(var(--x,0)) rotate(var(--r,0deg)) scale(var(--s,1));z-index:var(--z,1);transition:transform .7s var(--ease),filter .4s;filter:drop-shadow(0 18px 18px rgba(40,34,28,.18)) drop-shadow(0 4px 6px rgba(40,34,28,.12))}
.fan__case img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.fan__case[data-slot="front"]{--z:20;filter:drop-shadow(0 34px 34px rgba(40,34,28,.26)) drop-shadow(0 8px 10px rgba(40,34,28,.18))}
.fan__case[data-slot="l1"]{--x:-24%;--r:-5deg;--s:.9;--z:14}.fan__case[data-slot="r1"]{--x:24%;--r:5deg;--s:.9;--z:14}
.fan__case[data-slot="l2"]{--x:-44%;--r:-10deg;--s:.83;--z:12}.fan__case[data-slot="r2"]{--x:44%;--r:10deg;--s:.83;--z:12}
.fan__case[data-slot="l3"]{--x:-61%;--r:-15deg;--s:.77;--z:10}.fan__case[data-slot="r3"]{--x:61%;--r:15deg;--s:.77;--z:10}
.fan__case[data-slot="l4"]{--x:-76%;--r:-20deg;--s:.71;--z:8}.fan__case[data-slot="r4"]{--x:76%;--r:20deg;--s:.71;--z:8}
.js .fan.is-closed .fan__case:not([data-slot="front"]){--x:0%;--r:0deg;--s:.92}
.fan__case:not([data-slot="front"]){cursor:pointer}
@media (min-width:900px){.studio__inner{grid-template-columns:minmax(0,11fr) minmax(0,10fr)}}
@media (max-width:899px){.studio__visual{order:-1}.studio__stage{width:min(100%,460px)}}
@media (orientation:landscape) and (max-height:620px){.studio__inner{grid-template-columns:minmax(0,1fr) auto}.studio__visual{order:0}.studio__stage{width:auto;height:calc(100svh - var(--header-h) - 120px)}}

.hero-fan__hint{margin:14px 0 0;font-size:13px;color:var(--text-3)}
.config h2{font-size:clamp(34px,4.4vw,60px);line-height:1.04;letter-spacing:-.03em;margin:10px 0 0}

.config{padding-bottom:clamp(40px,6vw,80px)}
.config__head{text-align:center;padding-top:clamp(40px,6vw,88px);display:grid;justify-items:center}
.config__head .studio__lead{margin-inline:auto;text-align:center;max-width:46ch}
.flow{--fw:min(54vw,300px);--fh:calc(var(--fw) * 1.7578);position:relative;height:calc(var(--fh) + 36px);margin-top:4px;overflow:hidden;overflow:clip;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.flow::after{content:"";position:absolute;left:50%;bottom:10px;width:calc(var(--fw) * .9);height:26px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(40,34,28,.28),rgba(40,34,28,0));pointer-events:none}
.flow__layer{position:absolute;inset:0;pointer-events:none;perspective:calc(var(--fw) * 3.4);perspective-origin:50% calc(14px + var(--fh) / 2)}

.flow__item{position:absolute;left:50%;top:14px;width:var(--fw);height:var(--fh);margin-left:calc(var(--fw) / -2);transform-origin:50% 50%;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flow__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}

.flow__item .flow__plate{transform-origin:50% 66%;transition:opacity .3s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.flow__item .flow__plate.is-entering{opacity:0;transform:scale(1.04)}
.flow__item .flow__plate.is-leaving{opacity:0}
.flow:not(.is-live) .flow__item:not(.is-current){visibility:hidden}
.flow__zone{position:absolute;left:0;right:0;touch-action:pan-y;cursor:grab;outline:none}
.flow__zone:active{cursor:grabbing}
.flow__zone--all{top:0;bottom:0}
.flow__zone--top{top:0;height:calc(14px + var(--fh) * .3275)}
.flow__zone--bottom{top:calc(14px + var(--fh) * .3275);bottom:0}
.flow__zone:focus-visible::before{content:"";position:absolute;inset:4px calc(50% - var(--fw) / 2 - 10px);border-radius:18px;outline:2px solid var(--focus);outline-offset:0}
.flow__hint{margin:14px auto 0;text-align:center;font-size:13px;color:var(--text-3)}
.flow__price{margin:4px auto 0;text-align:center;font-size:13px;color:var(--text-2)}

.reelbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;width:min(calc(100% - 32px),340px);min-height:48px;margin:0 auto;padding:2px;border-radius:999px;background:rgba(255,255,255,.66);box-shadow:inset 0 0 0 1px rgba(22,25,29,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.reelbar--color{margin-top:clamp(22px,3.4vw,36px)}
.reelbar{background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(22,25,29,.1),0 6px 18px -12px rgba(22,25,29,.4)}

.reelbar-row{display:flex;gap:8px;align-items:center;justify-content:center;width:min(calc(100% - 32px),440px);margin:0 auto}
.reelbar-row .reelbar{flex:1 1 auto;width:auto;min-width:0;margin:0}
.shuffle{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--text);color:#fff;font:600 15px/1 var(--brand);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background-color .2s}
.shuffle:hover{background:#000}
.shuffle:active{transform:scale(.96)}
.shuffle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.shuffle svg{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.shuffle.is-spun svg{transform:rotate(180deg)}
@media (max-width:419px){.shuffle{width:52px;padding:0}.shuffle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.reelbar__btn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s}
.reelbar__btn:hover{background:rgba(255,255,255,.9)}
.reelbar__btn:active{background:#fff}
.reelbar__btn:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.reelbar__text{margin:0;display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;white-space:nowrap}
.reelbar__kind{font:600 11px/1 var(--brand);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.reelbar__name{font:600 15px/1.2 var(--brand);color:var(--text);overflow:hidden;text-overflow:ellipsis}
.flow__hint-mouse{display:none}
@media (hover:hover) and (pointer:fine){.flow__hint-touch{display:none}.flow__hint-mouse{display:inline}}
.config__pick{display:grid;justify-items:center;gap:4px;margin-top:clamp(12px,2vw,20px);text-align:center}
.config__pick .studio__pick{margin-top:14px;display:grid;justify-items:center;max-width:100%}
.config__pick .studio__backs{max-width:min(100%,760px)}
.config__pick .hero__actions{margin-top:22px;justify-content:center}

.mini-create{width:min(calc(100% - 32px),440px);margin:10px auto 0;display:grid;gap:8px;scroll-margin-top:min(524px,70vh)}   
@media (min-width:900px){.mini-create{scroll-margin-top:min(634px,70vh)}}
.mini-create__form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:52px;padding:4px 4px 4px 16px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(22,25,29,.1),0 6px 18px -12px rgba(22,25,29,.4)}
.mini-create__form:focus-within{box-shadow:inset 0 0 0 2px var(--focus),0 6px 18px -12px rgba(22,25,29,.4)}
.mini-create__spark{display:grid;color:#9b5de5}
.mini-create__form input{min-width:0;height:44px;padding:0 10px;border:0;background:transparent;color:var(--text);font:400 16px/1.2 var(--sans,inherit);outline:none}
.mini-create__form input::placeholder{color:var(--text-3)}
.mini-create__go{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--text);color:#fff;font:600 15px/1 var(--brand);cursor:pointer}
.mini-create__go:hover{background:#000}
.mini-create__go:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.mini-create__go[aria-busy="true"]{opacity:.8;cursor:progress}
.mini-create__go[aria-busy="true"]::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:cp-spin .8s linear infinite}
.mini-create__ideas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;margin:0 -2px;-webkit-mask:linear-gradient(90deg,#000 88%,transparent);mask:linear-gradient(90deg,#000 88%,transparent)}
.mini-create__ideas::-webkit-scrollbar{display:none}
.mini-create__ideas .cc-idea{padding:7px 12px;font-size:13px}
[data-create-mini].is-working .cc-idea{opacity:.5;pointer-events:none}
.mini-create__status{margin:0;text-align:center;font-size:13px;line-height:1.35;color:var(--text-2)}
.mini-create__status:empty{display:none}
.mini-create__status[data-tone="ok"]{color:#1f7a4d}
.mini-create__status[data-tone="err"]{color:#a3282f}
.mini-create__adjust{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center}
.mini-create__adjust[hidden]{display:none}
.mini-create__size{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(22,25,29,.1)}
.mini-create__size button{min-width:56px;height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--text-2);font:600 13px/1 var(--brand);cursor:pointer}
.mini-create__size button[aria-pressed="true"]{background:var(--text);color:#fff}
.mini-create__link{padding:6px 2px;border:0;background:none;color:var(--text);font:600 13px/1.2 var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mini-create__designs{display:flex;gap:8px;overflow-x:auto;justify-content:center;padding:4px 2px 6px;scrollbar-width:none}
.mini-create__designs.is-empty{display:none}
.mini-create__designs .cc-tile{width:40px}
.mini-create__fine{margin:0;text-align:center;font-size:12px;line-height:1.45;color:var(--text-3)}
.mini-create__upload{color:var(--text);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.mini-create__upload:focus-within{outline:2px solid var(--focus);outline-offset:2px}
.mini-create__stage{display:none}

.flow__item.is-custom .flow__plate{opacity:0}
.flow__item .cp-layer{transition:opacity .3s ease}

.flow__pager{display:flex;justify-content:center;gap:12px;margin:-4px auto 14px}
.flow__dot{position:relative;width:14px;height:14px;padding:0;border:0;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(22,25,29,.18);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.flow__dot::before{content:"";position:absolute;inset:-15px -7px}
.flow__dot[aria-pressed="true"]{transform:scale(1.3);box-shadow:inset 0 0 0 1px rgba(22,25,29,.18),0 0 0 2px #fff,0 0 0 3.5px var(--text)}
.flow__dot:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
.reelbar-row{width:min(calc(100% - 32px),500px)}
.spark{flex:none;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#9b5de5;box-shadow:inset 0 0 0 1px rgba(22,25,29,.1),0 6px 18px -12px rgba(22,25,29,.4);cursor:pointer;transition:background-color .2s,color .2s,transform .15s}
.spark:hover{background:#fff}
.spark:active{transform:scale(.96)}
.spark[aria-expanded="true"]{background:#9b5de5;color:#fff}
.spark:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.mini-create[hidden],.fitfill[hidden]{display:none}
.mini-create__form{grid-template-columns:auto minmax(0,1fr) auto auto}
.mini-create__close{display:grid;place-items:center;width:40px;height:40px;margin-left:2px;border:0;border-radius:50%;background:transparent;color:var(--text-2);cursor:pointer}
.mini-create__close:hover{background:rgba(22,25,29,.06)}
.fitfill{display:flex;justify-content:center;margin:10px auto 0}
@media (max-width:479px){.shuffle{width:52px;padding:0}.shuffle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (min-width:900px){.flow{--fw:300px}}
@media (prefers-reduced-motion:reduce){.flow__item .flow__plate,.shuffle,.shuffle svg{transition:none}}

.fan-facts{list-style:none;margin:0;padding:12px 4px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,520px);border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent)}
.fan-facts li{display:grid;justify-items:center;align-content:start;gap:4px;padding:0 6px;text-align:center}
.fan-facts li+li{border-left:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.fan-facts b{font:600 clamp(22px,2.4vw,30px)/1 var(--brand);letter-spacing:-.02em;color:var(--text)}
.fan-facts span{font:500 12.5px/1.25 var(--body);color:var(--text-2)}
.fan-facts sup a{color:inherit}
@media (max-width:419px){.fan-facts b{font-size:20px}.fan-facts span{font-size:11.5px}.fan-facts li{padding:0 3px}}
@media (prefers-reduced-motion:reduce){.studio,.studio__swatch,.fan__case{transition:none}}

.home-features{padding-top:var(--section);display:grid;gap:clamp(24px,3vw,40px)}
.home-features__grid{display:grid;gap:clamp(28px,3vw,40px)}
@media (min-width:900px){.home-features__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.feature-card{display:grid;gap:12px;align-content:start}
.feature-card__media{aspect-ratio:4/3;margin-bottom:6px}
.feature-card__media img{width:100%;height:100%;object-fit:cover}
.feature-card h3{font:600 22px/1.2 var(--brand);margin:0}
.feature-card p{color:var(--text-2);margin:0}
.feature-card .learn-btn{margin-top:0;justify-self:start}

.home-lineup{padding-top:var(--section);display:grid;gap:28px}
.home-lineup__copy{display:grid;gap:14px}
.home-lineup__copy p{color:var(--text-2);max-width:56ch;margin:0}
.home-lineup__strip{overflow-x:auto;scrollbar-width:none;background:#fbf8f2;border-block:1px solid var(--line)}
.home-lineup__strip::-webkit-scrollbar{display:none}
.home-lineup__strip img{display:block;height:clamp(260px,26vw,400px);width:auto;max-width:none;margin-inline:auto}

.home-lineup__trio{margin:0}
.home-lineup__trio .plate{border-radius:var(--radius);overflow:hidden}
.home-lineup__trio img{display:block;width:100%;height:auto}
.home-use figcaption{margin-top:10px;color:var(--text-2);font-size:15px}

.teaser__media--lineup{aspect-ratio:16/9;display:grid;place-items:center}
.teaser__media--lineup img{width:100%;height:auto;object-fit:contain}

body{--stage-tint:#ebe8e3}
body:has(.color[data-color="robin-egg-blue"][aria-checked="true"]){--stage-tint:#d6f1f5}
body:has(.color[data-color="sea-foam-green"][aria-checked="true"]){--stage-tint:#dbf3ee}
body:has(.color[data-color="violet"][aria-checked="true"]){--stage-tint:#e6e7f7}
body:has(.color[data-color="rose-pink"][aria-checked="true"]){--stage-tint:#f8e7eb}
body:has(.color[data-color="desert-sand"][aria-checked="true"]){--stage-tint:#efeae5}
body:has(.color[data-color="fawn-brown"][aria-checked="true"]){--stage-tint:#f1e4d8}
body:has(.color[data-color="military-green"][aria-checked="true"]){--stage-tint:#e6e7d8}
body:has(.color[data-color="white"][aria-checked="true"]){--stage-tint:#eef1f4}
.buy .buy__preview{background:var(--stage-tint);box-shadow:none;transition:background .45s var(--ease)}
.buy .buy__preview img{background:transparent!important;filter:drop-shadow(0 24px 24px rgba(40,34,28,.2))}
.buy .buy__preview .customize__layer--plate{filter:none}
.swatch img,.extra__thumb,.buy__bar-thumb{background:var(--thumb-body,none) center/cover no-repeat,var(--stage-tint)}

.customize__preview img[hidden]{display:none}
.studio__swatches{gap:8px}
.studio__swatch{width:36px;height:36px}
@media (min-width:900px){.studio__swatches{gap:10px}.studio__swatch{width:40px;height:40px}}

@media (max-width:419px){.studio__swatches{display:grid;grid-template-columns:repeat(9,minmax(0,36px));gap:6px}.studio__swatch{width:100%;height:auto;aspect-ratio:1;border-width:2px}}
.feature-card__media.plate--ivory img{object-position:50% 18%}


.studio__own{scroll-snap-align:start;display:grid;place-items:center;align-content:center;gap:3px;height:64px;border-radius:10px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1.5px rgba(22,25,29,.22);color:var(--text);text-decoration:none;font:600 11px/1 var(--brand);transition:background-color .2s,box-shadow .2s}
.studio__own svg{color:#9b5de5}
.studio__own:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--text)}
.studio__own:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.buy .step{grid-template-columns:minmax(0,1fr)}


.create{--tint:#d6f1f5;position:relative;padding:clamp(56px,9vw,128px) 0;background:radial-gradient(55% 45% at 12% 8%,#fde6ee 0,transparent 72%),radial-gradient(45% 40% at 92% 14%,#e6e4fb 0,transparent 72%),radial-gradient(60% 50% at 72% 96%,#daf2f5 0,transparent 72%),#fbf9f6;overflow:hidden}
.create__inner{max-width:calc(var(--wrap) + var(--pad-l) + var(--pad-r));margin-inline:auto;padding-inline:var(--pad-l) var(--pad-r)}
.create__head{text-align:center;max-width:780px;margin-inline:auto}
.create__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border-radius:99px;background:#fff;box-shadow:0 1px 2px rgba(22,25,29,.06),0 8px 20px -12px rgba(80,60,120,.35);font:600 12px/1 var(--brand);letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.create__eyebrow svg,.create__spark svg{color:#9b5de5}
.create h2{font-size:clamp(38px,5.6vw,76px);line-height:1.02;letter-spacing:-.035em;margin:20px 0 0}
.create__lead{color:var(--text-2);font-size:clamp(17px,1.5vw,20px);line-height:1.5;max-width:52ch;margin:16px auto 0}
.create__prompt{display:flex;align-items:center;gap:10px;max-width:720px;margin:32px auto 0;padding:8px 8px 8px 18px;border-radius:999px;background:#fff;border:1px solid rgba(22,25,29,.1);box-shadow:0 1px 0 rgba(22,25,29,.03),0 26px 50px -30px rgba(70,50,110,.45);transition:border-color .2s,box-shadow .2s}
.create__prompt:focus-within{border-color:var(--text);box-shadow:0 0 0 4px rgba(155,93,229,.14),0 26px 50px -30px rgba(70,50,110,.45)}
.create__spark{display:grid;place-items:center;flex:none}
.create__prompt input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font-weight:400;font-size:17px;line-height:1.35;font-family:inherit;padding:12px 0;outline:0}
.create__prompt input::placeholder{color:var(--text-3);opacity:1}
.create__go{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--primary);color:var(--primary-text);font:600 15px/1 var(--brand);cursor:pointer;transition:transform .15s,background-color .2s}
.create__go:hover{background:var(--primary-hover)}
.create__go:active{transform:scale(.97)}
.create__go:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.create__go[aria-busy="true"]::before{content:"";width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:cp-spin .8s linear infinite}
.create__go:disabled{cursor:default}
.create__ideas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:14px auto 0}
.cc-idea{border:1px solid rgba(22,25,29,.12);background:rgba(255,255,255,.72);color:var(--text);border-radius:99px;padding:8px 14px;font-weight:500;font-size:14px;line-height:1.2;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s}
.cc-idea:hover{background:#fff;border-color:rgba(22,25,29,.28)}
.cc-idea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.create.is-working .cc-idea{opacity:.5;pointer-events:none}
.create__status{min-height:1.5em;margin:16px auto 0;font-size:15px;line-height:1.5;color:var(--text-2);max-width:60ch}
.create__status[data-tone="ok"]{color:#1f7a4d}
.create__status[data-tone="err"]{color:#a3282f}
.create__work{display:grid;gap:clamp(24px,4vw,64px);align-items:center;justify-content:center;margin-top:clamp(28px,4vw,56px)}
.create__stage{position:relative;justify-self:center;width:min(60vw,290px);aspect-ratio:900/1582;filter:drop-shadow(0 32px 32px rgba(40,34,28,.2)) drop-shadow(0 8px 10px rgba(40,34,28,.14))}
.create__stage::before{content:"";position:absolute;inset:-12% -40%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tint) 90%,#fff) 0,color-mix(in srgb,var(--tint) 40%,transparent) 58%,transparent 100%);transition:background .45s var(--ease)}
.create__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.create__panel{display:grid;gap:22px;width:100%;max-width:460px;justify-self:center;padding:22px;border-radius:24px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(22,25,29,.08);box-shadow:0 30px 60px -40px rgba(70,50,110,.4)}
.create__block[hidden]{display:none}
.create__label{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:600 12px/1 var(--brand);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.create__label span{letter-spacing:0;text-transform:none;font-size:15px;color:var(--text)}
.create__live{display:none!important;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;background:rgba(31,122,77,.1);color:#1f7a4d!important;font:600 11px/1 var(--brand)!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.create__live i{width:6px;height:6px;border-radius:50%;background:currentColor}
.create[data-live="true"] .create__live{display:inline-flex!important}
.create__designs{display:flex;gap:10px;overflow-x:auto;padding:4px;margin:-4px;scrollbar-width:none;contain:inline-size}
.create__designs::-webkit-scrollbar{display:none}
.cc-tile{flex:none;width:52px;aspect-ratio:666/982;border:0;padding:0;border-radius:7px 7px 11px 11px;background:#f1eee8 center/cover no-repeat;box-shadow:0 0 0 1px rgba(22,25,29,.1);cursor:pointer}
.cc-tile[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--text)}
.cc-tile:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.cc-none{margin:0;font-size:14px;color:var(--text-3)}
.create__fitrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.create__size{display:inline-grid;grid-template-columns:repeat(2,1fr);padding:4px;border:1px solid rgba(22,25,29,.12);border-radius:999px;background:rgba(255,255,255,.72)}
.create__size button{min-height:44px;min-width:84px;padding:0 18px;border:0;border-radius:999px;background:none;color:var(--text-2);font:600 15px/1 var(--brand);cursor:pointer;transition:background-color .2s,color .2s}
.create__size button:hover{color:var(--text)}
.create__size button[aria-pressed="true"]{background:var(--primary);color:var(--primary-text)}
.create__size button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.create__acts{display:flex;flex-wrap:wrap;gap:8px 18px}
.create__link{border:0;background:none;padding:0;color:var(--text);font-weight:600;font-size:14px;line-height:1.3;font-family:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.create__move{display:none}
.create__hint{margin:10px 0 0;font-size:13px;color:var(--text-3)}
@media (hover:none){.create__move{display:inline}.create__hint{display:none}}
.create .create__colors{display:grid;grid-template-columns:repeat(9,minmax(0,40px));gap:8px}
.create .create__colors .studio__swatch{width:100%;height:auto;aspect-ratio:1}
.create__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.create__cta .pill.is-off{opacity:.45}
.create__price{font-size:14px;color:var(--text-3)}
.create__fine{margin:0;font-size:13px;line-height:1.5;color:var(--text-3)}
.create__upload{position:relative;color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.create__upload:focus-within{outline:2px solid var(--focus);outline-offset:2px}
@media (min-width:900px){.create__work{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.create__stage{width:min(100%,360px);justify-self:end}.create__panel{justify-self:start}}
@media (max-width:899px){.create__ideas{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r));padding:2px var(--pad-r) 4px var(--pad-l);scrollbar-width:none;contain:inline-size}.create__ideas::-webkit-scrollbar{display:none}.create__prompt{padding-left:14px}.create__go{padding:0 16px}}
@media (max-width:419px){.create__go span{font-size:14px}.create__panel{padding:18px}}
@media (prefers-reduced-motion:reduce){.create__go[aria-busy="true"]::before{animation-duration:2s}}

.custom-row{margin-top:8px}
.custom-row__label{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font:600 15px/1.2 var(--brand);color:var(--text)}
.custom-row__label span{font-weight:400;font-size:13px;line-height:1.2;font-family:inherit;color:var(--text-3)}
.custom-row__tiles{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;margin:-4px -2px 0;scrollbar-width:none;contain:inline-size}
.custom-row__tiles::-webkit-scrollbar{display:none}
.custom-tile{flex:0 0 76px;display:grid;justify-items:center;gap:6px;padding:6px 4px 8px;border:1px solid transparent;border-radius:var(--radius-s);background:none;color:var(--text-2);font-size:12px;line-height:1.25;text-align:center;cursor:pointer}
.custom-tile img{width:100%;max-width:60px;aspect-ratio:200/352;border-radius:10px;background:var(--thumb-body,none) center/cover no-repeat,var(--stage-tint);object-fit:cover}
.custom-tile[aria-pressed="true"]{border-color:var(--text);background:var(--control);color:var(--text);font-weight:600}
.custom-tile[aria-pressed="true"] img{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text)}
.custom-tile:focus-visible,.custom-new:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.custom-new{flex:0 0 auto;display:grid;align-content:center;justify-items:center;gap:6px;min-width:76px;min-height:120px;padding:10px 12px;border-radius:var(--radius-s);border:1.5px dashed var(--line-strong);color:var(--text);text-decoration:none;font:600 12px/1.25 var(--brand);text-align:center;background:rgba(255,255,255,.5)}
.custom-new svg{color:#9b5de5}
.custom-new:hover{border-color:var(--text);background:#fff}
.custom-new--wide{grid-auto-flow:column;min-height:0;padding:14px 16px;gap:10px;font-size:14px;text-align:left;justify-content:start}
.custom-new--wide{flex:1 1 100%;grid-template-columns:auto minmax(0,1fr)}   

.create__stage img[hidden]{display:none}
.create__caption{margin:10px 0 0;font-size:14px;line-height:1.4;color:var(--text-2);min-height:1.4em}
.learn__strip .learn__plate{display:block;width:76px;aspect-ratio:148/218;overflow:hidden;border-radius:7px 7px 11px 11px;background:var(--bg-sunk)}
.learn__strip .learn__plate img{display:block;width:135.1%;max-width:none;height:auto;aspect-ratio:auto;margin:-77.7% 0 0 -17.6%;border-radius:0;background:none;object-fit:fill}



.lmodes{padding-top:var(--section);display:grid;gap:clamp(24px,3vw,40px)}
.lmodes__head{max-width:62ch}
.lmodes__lead{color:var(--text-2);margin-top:18px;max-width:46ch}
.lmodes__grid{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lmode{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;overflow:hidden;border-radius:var(--radius);background:var(--lm-bg)}
.lmode--beam{--lm-bg:#f6ecd6}
.lmode--photo{--lm-bg:#e2ecf4}
.lmode--red{--lm-bg:#f8e3e0}
.lmode__stage{align-self:stretch;min-height:176px}
.lmode__art{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 70%,transparent 99%);mask-image:linear-gradient(#000 70%,transparent 99%)}
.lmode__text{padding:20px 20px 20px 16px}
.lmode__text h3{font:600 clamp(22px,2vw,26px)/1.1 var(--brand);letter-spacing:-.01em;margin:0 0 8px}
.lmode__text p{color:var(--text-2);margin:0;font-size:15.5px;line-height:1.5}
.lmode__text strong{color:var(--text);font-weight:600}
.lmode__text sup a{color:inherit}
.lmodes__note{color:var(--text-3);font-size:13px;margin:0}
@media (min-width:900px){
  .lmodes__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .lmode{grid-template-columns:1fr;align-items:start;align-content:start}
  .lmode__stage{aspect-ratio:100/82;min-height:0;align-self:start}
  .lmode__text{padding:4px 26px 30px}
}


.learn__fig--light{background:var(--bg-raise);box-shadow:inset 0 0 0 1px var(--line)}
.learn__fig--light svg{max-width:420px}
.learn__fig--light svg text{fill:var(--text-2);font:500 12.5px/1 var(--body)}
.learn__fig--light .rb-label{fill:var(--text);font:600 13.5px/1 var(--brand)}
.learn__fig--light .rb-value{fill:var(--text);font:600 16px/1 var(--brand)}
.rb-base{fill:#b8b3aa}
.rb-apex{fill:#cf7a00}


.home-features .feature-card{padding:10px 10px 22px;border-radius:var(--radius);background:var(--card-tint,var(--bg-raise))}
.home-features .feature-card--blue{--card-tint:#d2ecf2}
.home-features .feature-card--pink{--card-tint:#f4dfe5}
.home-features .feature-card--green{--card-tint:#d8eee4}
.home-features .feature-card>:not(.feature-card__media){margin-inline:10px}
.home-features .feature-card__media{border-radius:calc(var(--radius) - 6px);box-shadow:none}

.home-case__panel{padding:10px 10px 28px;border-radius:var(--radius);background:#e6e6f5}
.home-case__copy{padding-inline:14px}
.home-case__media{box-shadow:none;border-radius:calc(var(--radius) - 6px)}
@media (min-width:900px){.home-case__panel{padding:18px 40px 18px 18px}.home-case__copy{padding-inline:0}}



.feature-card__media--cutaway img{object-position:65% 50%}
.feature-card__label{position:absolute;left:10px;bottom:10px;padding:5px 10px 6px;border-radius:999px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#16191d;font:600 12px/1 var(--brand);letter-spacing:.01em;pointer-events:none}

@media (max-width:460px){
  .summary__line--case{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}
  .summary__line--case .summary__what{grid-column:1/-1}
  .summary__line--case .qty{justify-self:start}
}



.home-features{padding-bottom:clamp(56px,7vw,104px)}
.home-features .feature-card{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}
.home-features .feature-card .learn-btn{margin-top:auto;align-self:flex-start}



.home-features{padding-bottom:0}


.lightstory{padding-top:clamp(56px,7vw,96px)}
.lightstory__panel{display:grid;gap:22px;align-items:center;padding:10px 10px 28px;border-radius:var(--radius);background:#d6ebf1}
.lightstory__media{overflow:hidden;border-radius:calc(var(--radius) - 6px);aspect-ratio:3/2;background:#d8ecf1}
.lightstory__media img{width:100%;height:100%;object-fit:cover}
.lightstory__copy{padding-inline:14px;min-width:0}
.lightstory__copy h2{margin:0}
.lightstory__copy>p:not(.eyebrow){color:var(--text-2);margin-top:16px;max-width:42ch}
.lightstory__copy sup a{color:inherit}
.lightstory .learn-btn{margin-top:12px}
@media (min-width:900px){
  .lightstory__panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px;padding:18px 48px 18px 18px}
  .lightstory__copy{padding-inline:0}
}
.lightstory + .lmodes{padding-top:clamp(48px,6vw,88px)}


.ringstudio{margin-top:clamp(64px,8vw,120px);padding-bottom:clamp(48px,7vw,96px)}
.ringstudio .config__head{padding-top:clamp(48px,6vw,88px)}
.lring{--w:clamp(132px,34vw,224px);--h:calc(var(--w) * 1.7578);position:relative;height:calc(var(--h) * 1.3 + 36px);margin-top:clamp(18px,3vw,30px);overflow:hidden;overflow:clip;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.lring__light{position:absolute;left:50%;top:0;width:calc(var(--w) * 3);height:calc(var(--h) * 1.2);translate:-50% 0;background:radial-gradient(ellipse 40% 52% at 50% 46%,rgba(255,255,255,.75),rgba(255,255,255,.22) 50%,rgba(255,255,255,0) 74%);pointer-events:none}
.lring::after{content:"";position:absolute;left:50%;top:calc(18px + var(--h) - 16px);width:calc(var(--w) * 1.5);height:36px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(40,34,28,.2),rgba(40,34,28,0));pointer-events:none}
.lring__stage{position:absolute;inset:0;perspective:calc(var(--w) * 4.4);perspective-origin:50% calc(18px + var(--h) * .5)}
.lring__item{position:absolute;left:50%;top:18px;width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lring__case,.lring__refl{position:absolute;left:0;width:100%;height:100%}
.lring__case{top:0;filter:drop-shadow(0 14px 14px rgba(40,34,28,.14))}
.lring__refl{top:calc(100% - 2px);transform:scaleY(-1);opacity:.2;-webkit-mask:linear-gradient(to top,#000,transparent 28%);mask:linear-gradient(to top,#000,transparent 28%)}
.lring__case img,.lring__refl img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}
.lring__zone{position:absolute;inset:0;z-index:200;cursor:grab;touch-action:pan-y;outline:none}
.lring__zone:active{cursor:grabbing}
.lring__zone:focus-visible::before{content:"";position:absolute;left:calc(50% - var(--w) / 2 - 10px);width:calc(var(--w) + 20px);top:8px;height:calc(var(--h) + 20px);border-radius:24px;outline:2px solid var(--focus)}
.lring:not(.is-live) .lring__item:not(.is-front){visibility:hidden}
.lring__ctl{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;width:min(calc(100% - 32px),440px);margin:0 auto}
.lring__nav{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--text);box-shadow:inset 0 0 0 1px rgba(22,25,29,.1),0 6px 18px -12px rgba(22,25,29,.45);cursor:pointer;transition:background-color .2s,transform .14s var(--press)}
.lring__nav:hover{background:#fff}
.lring__nav:active{transform:scale(.94)}
.lring__nav:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.lring__read{margin:0;display:grid;justify-items:center;gap:6px;text-align:center;min-width:0}
.lring__read b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 21px/1.2 var(--brand);letter-spacing:-.01em;color:var(--text)}
.lring__colors{display:grid;justify-items:center;gap:12px;margin-top:clamp(20px,3vw,28px)}
.lring__colors .flow__pager{margin:0;flex-wrap:wrap;gap:14px}
.lring__colorname{margin:0;display:flex;align-items:baseline;gap:8px}
.lring__colorname b{font:600 15px/1.2 var(--brand);color:var(--text)}
.ringstudio .flow__price{margin-top:16px}
.ringstudio .config__pick{margin-top:6px}
.ringstudio .config__pick .hero__actions{margin-top:14px;justify-content:center;align-items:center;gap:8px 22px}
.ringstudio .config__pick .learn-btn{margin-top:0}
@media (max-width:400px){.lring__read b{white-space:normal;text-wrap:balance;min-height:2.4em;display:grid;place-items:center;font-size:18px}}
@media (min-width:900px){.lring{--w:224px}}
@media (prefers-reduced-motion:reduce){.lring__nav{transition:none}}


.lcreate{padding-top:var(--section)}
.lcreate__head{display:grid;gap:0;max-width:62ch}
.lcreate__head h2{margin:0}
.lcreate__lead{color:var(--text-2);font-size:clamp(17px,1.5vw,20px);line-height:1.5;max-width:44ch;margin-top:16px}
.lprompt{display:flex;align-items:center;gap:10px;max-width:760px;margin-top:30px;padding:6px 6px 6px 18px;border-radius:999px;background:#fff;border:1px solid rgba(22,25,29,.1);box-shadow:0 1px 0 rgba(22,25,29,.03),0 24px 48px -30px rgba(70,50,110,.5),0 0 0 6px rgba(155,93,229,.06);transition:border-color .25s,box-shadow .25s}
.lprompt:focus-within{border-color:var(--text);box-shadow:0 0 0 4px rgba(155,93,229,.16),0 24px 48px -30px rgba(70,50,110,.5)}
.lprompt__spark{display:grid;place-items:center;flex:none;color:#9b5de5}
.lprompt input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:400 17px/1.35 var(--body);padding:12px 0;outline:0}
.lprompt input::placeholder{color:var(--text-3);opacity:1}
.lprompt__go{flex:none;gap:8px}
.lprompt__go[aria-busy="true"]{cursor:progress}
.lprompt__go[aria-busy="true"]::before{content:"";width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:cp-spin .8s linear infinite}
.lideas{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;max-width:760px}
#customize .cc-idea{padding:8px 14px;border:1px solid rgba(22,25,29,.12);background:rgba(255,255,255,.6);color:var(--text-2);font:600 12px/1.2 var(--brand);letter-spacing:.06em;text-transform:uppercase}
#customize .cc-idea:hover{color:var(--text);background:#fff;border-color:rgba(22,25,29,.3)}
#customize.is-working .cc-idea{opacity:.5;pointer-events:none}
.lstatus{min-height:1.5em;margin:14px 0 0;color:var(--text-2);font-size:15px;line-height:1.5;max-width:62ch}
.lstatus[data-tone="ok"]{color:#1f7a4d}
.lstatus[data-tone="err"]{color:#a3282f}
.lcreate__body{display:grid;gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(18px,2.4vw,28px);padding:clamp(24px,4vw,56px) clamp(16px,4vw,56px);border-radius:var(--radius);background:radial-gradient(60% 55% at 14% 10%,#fde3ec 0,rgba(253,227,236,0) 72%),radial-gradient(50% 50% at 90% 12%,#e5e2fb 0,rgba(229,226,251,0) 72%),radial-gradient(60% 55% at 70% 98%,#d9f1f5 0,rgba(217,241,245,0) 72%),#faf7f3}
.lcreate__stage{position:relative;isolation:isolate;justify-self:center;width:min(58vw,300px);aspect-ratio:900/1582}
.lcreate__stage img[data-cc-body]{filter:drop-shadow(0 30px 30px rgba(40,34,28,.18)) drop-shadow(0 8px 10px rgba(40,34,28,.12))}
.lcreate__stage::before{content:"";position:absolute;inset:-10% -36%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tint,#d6f1f5) 90%,#fff) 0,color-mix(in srgb,var(--tint,#d6f1f5) 40%,transparent) 58%,transparent 100%);transition:background .45s var(--ease)}
.lcreate__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.lcreate__stage img[hidden]{display:none}
.lcreate__panel{display:grid;gap:24px;align-content:start;min-width:0;padding:22px;border-radius:calc(var(--radius) - 4px);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(22,25,29,.06),0 30px 60px -40px rgba(70,50,110,.4)}
.lcreate__label{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:600 12px/1 var(--brand);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.lcreate__label span[data-cc-color-name]{font-size:15px;letter-spacing:0;text-transform:none;color:var(--text)}
.lcreate__live{display:none;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;background:rgba(31,122,77,.1);color:#1f7a4d;font:600 11px/1 var(--brand);letter-spacing:.04em}
.lcreate__live i{width:6px;height:6px;border-radius:50%;background:currentColor}
#customize[data-live="true"] .lcreate__live{display:inline-flex}
.lcreate__designs{display:flex;gap:10px;overflow-x:auto;padding:4px;margin:-4px;scrollbar-width:none;contain:inline-size}
.lcreate__designs::-webkit-scrollbar{display:none}
#customize .cc-tile{width:54px}
.lcreate__designs{align-items:flex-start}
#customize .cc-none{flex:0 0 118px;align-self:center;font-size:13px;line-height:1.4}
.lcreate__caption{margin:10px 0 0;font-size:14px;line-height:1.4;color:var(--text-2);min-height:1.4em}
[data-cc-adjust][hidden]{display:none}
.lcreate__fitrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.lcreate__size{display:inline-grid;grid-template-columns:repeat(2,1fr);padding:4px;border:1px solid rgba(22,25,29,.12);border-radius:999px;background:rgba(255,255,255,.72)}
.lcreate__size button{min-height:44px;min-width:84px;padding:0 18px;border:0;border-radius:999px;background:none;color:var(--text-2);font:600 15px/1 var(--brand);cursor:pointer;transition:background-color .2s,color .2s}
.lcreate__size button:hover{color:var(--text)}
.lcreate__size button[aria-pressed="true"]{background:var(--primary);color:var(--primary-text)}
.lcreate__size button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.lcreate__acts{display:flex;flex-wrap:wrap;gap:8px 18px}
.lcreate__link{border:0;background:none;padding:0;min-height:44px;color:var(--text);font:600 14px/1.3 var(--brand);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.lcreate__move{display:none}
.lcreate__hint{margin:10px 0 0;font-size:13px;color:var(--text-3)}
@media (hover:none){.lcreate__move{display:inline}.lcreate__hint{display:none}}
.lcreate__swatches{display:grid;grid-template-columns:repeat(9,minmax(0,40px));gap:8px}
.lcreate__swatches button{width:100%;aspect-ratio:1;padding:0;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 0 0 1px rgba(22,25,29,.18),0 4px 10px -4px rgba(22,25,29,.35);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s}
.lcreate__swatches button{position:relative}.lcreate__swatches button::before{content:"";position:absolute;inset:-5px;border-radius:50%}
.lcreate__swatches button:hover{transform:translateY(-2px)}
.lcreate__swatches button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--text),0 6px 14px -6px rgba(22,25,29,.4);transform:scale(1.06)}
.lcreate__swatches button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.lcreate__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.lcreate__cta .pill.is-off{opacity:.45}
.lcreate__price{font-size:14px;color:var(--text-2)}
.lcreate__fine{margin:0;font-size:13px;line-height:1.5;color:var(--text-3)}
.lcreate__upload{position:relative;color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lcreate__upload:focus-within{outline:2px solid var(--focus);outline-offset:2px}
/* Customize shows either the text-to-design box or photo upload only; custom-print.js (PROMPT) picks, upload is the default */
[data-create]:not([data-cc-mode="prompt"]) [data-cc-when="prompt"],[data-create][data-cc-mode="prompt"] [data-cc-when="upload"]{display:none!important}
.lpick{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:30px}
.lpick__btn{position:relative;gap:10px;cursor:pointer}
.lpick__btn:has(:focus-visible){outline:2px solid var(--focus);outline-offset:3px}
.lpick__note{margin:0;max-width:34ch;font-size:14px;line-height:1.45;color:var(--text-3)}
/* the "your designs appear here" hint only shows when it fits beside the five samples */
.lcreate__panel>div:first-child{container-type:inline-size}
@container (max-width:437px){#customize .cc-none{display:none}}
@media (min-width:900px){.lcreate__body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.lcreate__stage{width:min(100%,330px)}.lcreate__panel{max-width:500px;padding:26px}}
@media (max-width:760px){
  .lideas{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--pad-l)) calc(-1 * var(--pad-r));padding:2px var(--pad-r) 4px var(--pad-l);scrollbar-width:none;contain:inline-size}
  .lideas::-webkit-scrollbar{display:none}
  .lprompt{padding-left:14px}.lprompt__go{padding:0 16px}
  .lcreate__body{margin-inline:calc(-1 * var(--pad-l) + 8px) calc(-1 * var(--pad-r) + 8px)}
}
@media (max-width:419px){.lcreate__panel{padding:18px}.lcreate__swatches{gap:6px}}
@media (prefers-reduced-motion:reduce){.lprompt__go[aria-busy="true"]::before{animation-duration:2s}.lcreate__stage::before,.lcreate__swatches button{transition:none}}

@media (min-width:900px){.studio .hero__tagline{max-width:24ch}}



.lbounce{padding-top:clamp(20px,3vw,32px)}
.lbounce__panel{display:grid;gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(22px,3.4vw,44px) clamp(16px,3.4vw,48px);border-radius:var(--radius);background:linear-gradient(160deg,#fbf3e3 0%,#f6ebd5 100%)}
.lbounce__copy{min-width:0}
.lbounce__copy h2{margin:0}
.lbounce__lead{color:var(--text-2);margin-top:16px;max-width:44ch}
.lbounce__fig{margin:0;min-width:0}
.lbounce__fig figcaption{margin-top:8px;font-size:13px;color:var(--text-3);text-align:center}
@media (min-width:900px){.lbounce__panel{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.lightstory + .lbounce + .lmodes,.lbounce + .lmodes{padding-top:clamp(48px,6vw,88px)}
.lmodes + .lbounce{padding-top:clamp(48px,6vw,88px)}
.ob-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.ob-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;color:var(--text-2);font-size:16px;line-height:1.45}
.ob-steps strong{color:var(--text);font-weight:600}
.ob-step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#16191d;color:#fff;font:600 13px/1 var(--brand)}
.ob-steps--compact{margin:4px 0 10px;gap:8px}
.ob-steps--compact li{grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:14px}
.ob-steps--compact .ob-step{width:24px;height:24px;font-size:12px}

.ob{display:block;width:100%;height:auto;max-width:560px;margin-inline:auto;overflow:visible}
.ob-body{fill:rgba(150,196,216,.3);stroke:#8fb2c4;stroke-width:1}
.ob-mirror{fill:none;stroke:#57616b;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.ob-phone{fill:#d3d6da}
.ob-led{stroke:#ffc24d;stroke-width:3.4;stroke-linecap:round}
.ob-ray{fill:none;stroke:#d17a00;stroke-width:1.3;stroke-linejoin:round;opacity:.5}
.ob-ray--main{stroke-width:2.4;opacity:1}
.ob-beam{stroke-width:1.6;opacity:.5}
.ob-beam--main{stroke-width:2.8;opacity:1}
.ob-stop{stop-color:#d17a00}
.ob-head{fill:none;stroke:#d17a00;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.ob-head--main{stroke-width:2.4;opacity:1}
.ob-num circle{fill:#16191d}
.ob .ob-num text,.learn__fig .ob .ob-num text{fill:#fff;font:600 12px/1 var(--brand)}
.ob .ob-label,.learn__fig .ob .ob-label{fill:var(--text-2);font:500 13px/1 var(--body)}
.ob .ob-label--beam,.learn__fig .ob .ob-label--beam{fill:#9a5a00;font-weight:600}
.ob-lead{stroke:var(--line-strong);stroke-width:1}
.learn__fig--bounce{padding:18px 14px 14px}
.learn__fig--bounce .ob{max-width:420px}



.luse{padding-top:clamp(20px,3vw,32px)}
.luse__panel{display:grid;gap:clamp(18px,2.6vw,32px);padding:clamp(18px,3vw,40px);border-radius:var(--radius);background:#11151a;color:#f2f0ec}
.luse__top{display:grid;gap:clamp(18px,3vw,48px);align-items:center}
.luse__copy{min-width:0;padding-inline:4px}
.luse .eyebrow{color:#aab3bb}
.luse h2{margin:0;color:#f4f2ee}
.luse__lead{margin-top:16px;color:#c4c8cd;max-width:42ch}
.luse figure{margin:0;min-width:0}
.luse__heroimg{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) - 8px);background:#0b0d10}
.luse figcaption{margin-top:10px;font-size:14px;line-height:1.35;color:#b6bac0}
.luse__row{display:grid;gap:14px}
.luse__card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-s);background:#0b0d10}
.luse__note{margin:0;padding-inline:4px;font-size:13px;color:#8f959c}
@media (min-width:900px){
  .luse__top{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .luse__heroimg{aspect-ratio:16/9}
  .luse__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
}
@media (max-width:899px){
  .luse__row{grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * clamp(18px,3vw,40px));padding:2px clamp(18px,3vw,40px) 8px;scroll-padding-inline:clamp(18px,3vw,40px);scrollbar-width:none}
  .luse__row::-webkit-scrollbar{display:none}
  .luse__card{scroll-snap-align:start}
  .luse__card img{aspect-ratio:4/3}
}
.lthrow{padding-top:clamp(20px,3vw,32px)}
.lthrow__panel{display:grid;gap:clamp(20px,3vw,40px);align-items:center;padding:clamp(18px,3vw,40px);border-radius:var(--radius);background:#f7f5ee;border:1px solid #e6e1d6}
.lthrow__copy{min-width:0;padding-inline:4px}
.lthrow__copy h2{margin:0;text-wrap:balance}
.lthrow__lead{margin-top:16px;color:var(--text-2);max-width:44ch}
.lthrow__more{margin-top:20px;max-width:46ch}
.lthrow__fig{margin:0;min-width:0;width:100%;max-width:440px;justify-self:center}
.lthrow__fig img{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:calc(var(--radius) - 10px);background:#f7f5ee}
.lthrow__cap{display:flex;align-items:flex-start;gap:12px;margin-top:12px;font-size:13px;line-height:1.4;color:var(--text-3)}
.lthrow__cap sup a{color:inherit}
@media (min-width:900px){
  .lthrow__panel{grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:clamp(40px,5vw,80px);padding-right:clamp(32px,5vw,64px)}
  .lthrow__fig{order:-1}
}
.throw__toggle{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px 0 13px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-raise);color:var(--text);font:600 14px/1 var(--body);cursor:pointer;transition:background-color .2s}
.throw__toggle:hover{background:var(--control)}
.throw__toggle[hidden]{display:none}
.throw__icon{width:14px;height:14px;fill:currentColor}
[data-throw][data-state="playing"] .throw__icon--play,[data-throw][data-state="paused"] .throw__icon--pause{display:none}
.lightstory + .luse,.luse + .lthrow,.lthrow + .lbounce{padding-top:clamp(20px,3vw,32px)}
.reach + .lthrow{padding-top:clamp(48px,6vw,88px)}
.red + .lbounce{padding-top:clamp(56px,7vw,104px)}

.reach picture{display:contents}
.reach__note{margin-top:14px!important;font-size:13px;color:var(--text-3)}
@media (min-width:900px){.reach__image--path{object-position:40% 70%}.reach__note{color:#aeb2b8}}

.red__shot figcaption{margin-top:8px;font-size:14px;line-height:1.35;color:var(--text-2)}
.red__note{margin-top:14px;font-size:13px;color:var(--text-3)}
.red__media--v27 .red__shot--main img{min-height:0}   
@media (min-width:900px){
  .red__media--v27{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;gap:18px 16px}
  .red__media--v27 .red__shot--main{grid-column:1 / -1;grid-row:auto}
  .red__media--v27 .red__shot img,.red__media--v27 .red__shot--main img{height:auto;min-height:0;aspect-ratio:3/2;border-radius:var(--radius-s)}
  .red__media--v27 .red__shot--main img{border-radius:var(--radius)}
}
.gallery__note{margin:-6px 0 16px;font-size:14px;color:var(--text-3)}



@media (max-width:559px){#customize .lcreate__swatches{grid-template-columns:repeat(5,minmax(0,44px));gap:10px 12px}}
sup a{padding:10px 6px;margin:-10px -4px}
.buy__bar-detail{display:flex;gap:6px;min-width:0}
.buy__bar-what{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buy__bar-extra{flex:none;white-space:nowrap;color:var(--text);font-weight:600}

/* ===== Launch window: hero price, single red image, art spot, on-page builder, cart panel ===== */
.hero__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-top:22px;color:var(--text-2);font-size:15px}
.hero__price strong{font:600 clamp(32px,3vw,44px)/1 var(--brand);letter-spacing:-.03em;color:var(--text)}
.hero__price + .hero__actions{margin-top:20px}
.red--solo .red__media{display:block;margin:0;padding:0;overflow:visible}
.red--solo .red__media img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
.red--solo figcaption{margin-top:10px;font-size:13px;color:var(--text-3)}
.how__parts sup a{color:var(--text-3);text-decoration:none}
.art{padding-top:var(--section);display:grid;justify-items:center;text-align:center}
.art .eyebrow{margin-bottom:10px}
.art h2{font-size:clamp(28px,3vw,40px)}
.art > p:not(.eyebrow){margin-top:14px;color:var(--text-2);max-width:42ch}
.art__row{list-style:none;margin:28px 0 0;padding:0;display:flex;justify-content:center;gap:clamp(14px,3vw,32px)}
.art__row figure{margin:0}
.art__case{position:relative;display:block;width:clamp(86px,22vw,128px);aspect-ratio:540/949}
.art__case img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.art__row figcaption{margin-top:10px;font-size:13px;line-height:1.3;color:var(--text-3)}
.lbuy{padding-top:var(--section);display:grid;gap:clamp(24px,4vw,64px);align-items:center}
@media (min-width:900px){.lbuy{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.lbuy__stage{width:min(100%,460px)}}
.lbuy__stage{position:relative;margin:0;width:min(100%,360px);aspect-ratio:4/5;justify-self:center}
.lbuy__stage img{position:absolute;left:0;top:7%;width:100%;height:86%;object-fit:contain;transition:filter .35s var(--ease)}
.is-charcoal{filter:brightness(1.5) saturate(.6)}
.lbuy__panel{display:grid;gap:24px;align-content:start;max-width:520px}
.lbuy__lead{margin-top:14px;color:var(--text-2)}
.lbuy fieldset{border:0;margin:0;padding:0;min-width:0}
.lbuy legend{padding:0;margin-bottom:12px;font-size:15px;color:var(--text-2)}
.lbuy legend b{color:var(--text);font-weight:600}
.lswatches{display:flex;flex-wrap:wrap;gap:12px}
.lswatch{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 9px;border-radius:999px;border:1px solid var(--line-strong);background:none;color:var(--text);font:600 15px/1 var(--brand);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.lswatch i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.lswatch:hover{background:var(--control)}
.lswatch[aria-pressed="true"]{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}
.lbuy__fine{margin-top:10px;font-size:13px;line-height:1.5;color:var(--text-3);max-width:46ch}
.ltotal{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line)}
.ltotal span{color:var(--text-2);font-size:15px}
.ltotal b{font:600 clamp(36px,3.4vw,48px)/1 var(--brand);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.lbuy__add{width:100%;min-height:52px;font-size:16px}
.lbuy__note{font-size:15px;color:var(--text-2);min-height:1.5em}
.lbuy__note a{color:var(--text);font-weight:600;text-underline-offset:3px}
.lcart{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);height:100%;max-width:100%;max-height:100%;padding:0;border:0;border-left:1px solid var(--line);background:var(--bg-raise);color:var(--text);flex-direction:column}
.lcart[open]{display:flex;animation:lcart-in .3s var(--ease)}
.lcart::backdrop{background:var(--scrim)}
@keyframes lcart-in{from{transform:translateX(100%)}to{transform:none}}
.lcart__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px 22px;border-bottom:1px solid var(--line)}
.lcart__head h2{font-size:30px}
.lcart__lines{list-style:none;margin:0;padding:4px 22px;overflow:auto;flex:1;overscroll-behavior:contain}
.lcart__line{display:grid;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.lcart__line b{font:600 16px/1.3 var(--brand)}
.lcart__line p{margin-top:4px;color:var(--text-2);font-size:15px}
.lcart__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.lcart__price{margin-left:auto;font:600 16px/1 var(--brand);font-variant-numeric:tabular-nums}
.lcart__empty{padding:28px 0;color:var(--text-2)}
.lcart__foot{display:grid;gap:12px;padding:16px 22px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.lcart__foot .ltotal{padding:0;border:0}
.lstepper{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line-strong);border-radius:999px;padding:3px}
.lstepper button{width:44px;height:44px;border-radius:50%;border:0;background:var(--control);color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.lstepper button:disabled{opacity:.4;cursor:default}
.lstepper output{font:600 17px/1 var(--brand);min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}
.llink{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 2px;border:0;background:none;color:var(--text);font:600 15px/1 var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.lcart[open]{animation:none}}
.skip{display:inline-flex;align-items:center;min-height:44px}

/* ===== Launch motion (2026-10-29 evening): hero fan, points, beam and red pair, coming-soon link ===== */
/* Hero fan. Cases start stacked behind the front one (.is-closed) and fan out with a spring; transform and opacity only. */
.hero--fan .hero__copy{min-width:0}
.hero__fan{margin:0;display:grid;justify-items:center;gap:6px;min-width:0}
.hero__fan figcaption{font-size:13px;line-height:1.4;color:var(--text-3);text-align:center}
.lfan{--sp:cubic-bezier(.2,.9,.25,1);position:relative;width:min(85%,520px);aspect-ratio:5/4;transition:opacity .55s cubic-bezier(.2,.65,.15,1),transform .9s cubic-bezier(.2,.65,.15,1)}
@supports (transition-timing-function:linear(0,1)){.lfan{--sp:linear(0, .0236, .0837, .1672, .2633, .3643, .4641, .5586, .6452, .7224, .7894, .8462, .8933, .9314, .9615, .9845, 1.0015, 1.0134, 1.0213, 1.0259, 1.028, 1.0283, 1.0272, 1.0252, 1.0227, 1.0199, 1.017, 1.0142, 1.0116, 1.0093, 1.0072, 1.0054, 1.0039, 1.0026, 1.0016, 1.0008, 1.0003, .9998, .9995, .9993, 1)}}
.lfan__case{position:absolute;left:27%;bottom:3%;width:46%;aspect-ratio:540/949;transform-origin:50% 100%;transform:translateX(var(--x,0%)) rotate(var(--r,0deg)) scale(var(--s,1));z-index:var(--z,1);transition:transform 1.1s var(--sp) var(--d,0ms);will-change:transform;-webkit-tap-highlight-color:transparent}
.lfan__case img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
/* soft shadow drawn once inside each case's own layer (no animated filter) */
.lfan__case::before{content:"";position:absolute;inset:5% 9.8% 3.9%;border-radius:13%/7.4%;box-shadow:0 28px 36px -16px rgba(40,34,28,.45),0 8px 12px -6px rgba(40,34,28,.24)}
.lfan__case[data-slot="front"]{--z:10}
.lfan__case[data-slot="l1"]{--x:-32%;--r:-7deg;--s:.93;--z:8;--d:90ms}
.lfan__case[data-slot="r1"]{--x:32%;--r:7deg;--s:.93;--z:8;--d:90ms}
.lfan__case[data-slot="l2"]{--x:-60%;--r:-14deg;--s:.85;--z:6;--d:170ms}
.lfan__case[data-slot="r2"]{--x:60%;--r:14deg;--s:.85;--z:6;--d:170ms}
.js .lfan.is-waiting{opacity:0;transform:translateY(22px) scale(.97)}
.js .lfan.is-closed .lfan__case:not([data-slot="front"]){--x:0%;--r:0deg;--s:.9}
.lfan.is-live .lfan__case{--d:0ms}
.lfan.is-snap,.lfan.is-snap .lfan__case{transition:none}
/* Charcoal: the black render tinted (approximate), on the image only so the filter is drawn once, not on the moving layer */
.lfan__case--charcoal img{filter:brightness(1.5) saturate(.6)}
@media (max-width:899px){.hero--fan .hero__fan{order:-1}.lfan{width:min(78%,380px)}}
@media (max-width:899px) and (orientation:landscape) and (max-height:520px){.hero--fan .hero__fan{order:0}.hero--fan .lfan{width:auto;height:calc(100svh - var(--header-h) - var(--safe-top) - 64px)}}
@media (prefers-reduced-motion:reduce){.lfan,.lfan__case{transition:none}}

/* Points: four short facts, revealed in a gentle stagger */
.lpoints{padding-top:clamp(56px,8vw,112px)}
.lpoints__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
@media (min-width:900px){.lpoints__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}}
.lpoints li{display:grid;align-content:start;gap:8px;padding-top:16px;border-top:1px solid var(--line-strong)}
.lpoints b{font:600 clamp(34px,4.2vw,58px)/1 var(--brand);letter-spacing:-.04em;color:var(--text)}
.lpoints span{font-size:15px;line-height:1.35;color:var(--text-2)}
.lpoints sup a{color:var(--text-3)}
.reveal{transition-delay:calc(var(--i,0) * 80ms)}

/* Beam and red: two product shots side by side */
.lduo{padding-top:var(--section);display:grid;gap:clamp(24px,4vw,56px);align-items:center}
.lduo__copy{display:grid;gap:16px;max-width:44ch}
.lduo__copy p{color:var(--text-2)}
.lduo__shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)}
.lduo__shot{margin:0;display:grid;gap:10px}
.lduo__shot img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-s);background:#07090c;box-shadow:var(--shadow)}
.lduo__shot figcaption{font-size:14px;color:var(--text-2)}
@media (min-width:900px){.lduo{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,5vw,80px)}}
.how__parts li.reveal{transition-delay:calc(var(--i,0) * 90ms)}

/* Subtle link to the coming-soon page, after the last section */
.lsoon{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(28px,4vw,48px)}
.lsoon a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;color:var(--text-2);text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}
.lsoon a:hover{color:var(--text);text-decoration-color:currentColor}
@media (min-width:900px) and (min-height:521px){.hero--fan{min-height:min(760px,calc(100svh - var(--header-h) - var(--safe-top)));padding-bottom:clamp(16px,3vw,32px)}}