@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#161616;--ink2:#2b2a28;--ivory:#f3f0ea;--ivory2:#eae6de;--stone:#d9d4cb;--grey:#8a857d;--grey2:#5f5b55;--night:#101010;--on-night:#f3f0ea;--on-night-mut:#f3f0ea9e;--paper:var(--ivory);--paper2:var(--ivory2);--mut:var(--grey2);--line:#16161621;--line2:#16161647;--focus:var(--ink);--warn:#9c3b22;--ok:#3e5a2e;--navy:#042f56;--bottle:#164b35;--olive:#68724d;--brick:#b15533;--mustard:#e4bd68;--rose:#e8afcf;--latte:#d3b7a7;--caramel:#ae835b;--ice:#a3d8e1;--lilac:#ae96d4;--bone:#cbc6b8;--charcoal:#1f1f21;--g-milk:#f3eee5;--g-blush:#f5b6cd;--g-butter:#f5dbab;--g-jade:#96d8af;--g-ice:#b8cde9;--g-lavender:#b8acd6;--g-amber:#c9a381;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font:"Instrument Sans Variable", "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--t-hero:clamp(46px, 7.4vw, 124px);--t-xl:clamp(38px, 5.2vw, 84px);--t-l:clamp(26px, 2.8vw, 42px);--t-m:clamp(17px, 1.25vw, 20px);--t-s:15px;--t-xs:12.5px;--gut:clamp(16px, 3vw, 48px);--max:1520px;--sec:clamp(72px, 13vh, 168px);--ease:cubic-bezier(.22,.8,.22,1);--ease-io:cubic-bezier(.7,0,.2,1);--fast:.18s;--med:.42s;--r:4px;--headh:64px;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--headh) + 16px)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--t-m);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;font-feature-settings:"tnum" 0;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--ink);color:var(--ivory)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--ink);color:var(--ivory);padding:10px 14px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}h1,h2,h3,.display{font-family:var(--display);font-variation-settings:"opsz" 96, "wdth" 100;letter-spacing:-.035em;font-weight:560;line-height:.96}h1,h2{font-size:var(--t-xl)}h3{font-size:var(--t-l);letter-spacing:-.025em;line-height:1.02}.lede{font-size:var(--t-m);max-width:46ch;color:var(--ink2);margin-top:18px}.small{font-size:var(--t-s)}.xs{font-size:var(--t-xs);color:var(--mut)}.mut{color:var(--mut)}.kicker,.label{font-family:var(--font);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:550}.idx{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.wrap{max-width:var(--max);margin-inline:auto}.sec{padding:var(--sec) var(--gut)}main>.sec:first-child{padding-top:calc(var(--headh) + clamp(40px, 9vh, 110px))}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,96px);display:grid}.rule{border:0;border-top:1px solid var(--line)}.sechead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(28px,5vh,56px);padding-bottom:14px;display:flex}@media (width<=860px){.two{grid-template-columns:minmax(0,1fr)}}.logo svg{width:auto;height:100%;display:block;overflow:visible}.btn{border-radius:var(--r);border:1px solid var(--ink);background:var(--ink);min-height:50px;color:var(--ivory);font-weight:550;font-size:var(--t-s);letter-spacing:.005em;isolation:isolate;transition:color var(--med) var(--ease), border-color var(--med) var(--ease);justify-content:center;align-items:center;gap:12px;padding:12px 22px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--ivory);transition:transform var(--med) var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn:hover{color:var(--ink)}.btn:hover:before{transform:none}.btn .ar{transition:transform var(--med) var(--ease);display:inline-block}.btn:hover .ar{transform:translate(4px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:before{background:var(--ink)}.btn.ghost:hover{color:var(--ivory)}.btn.light{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}.btn.light:before{background:var(--ink)}.btn.light:hover{color:var(--ivory);border-color:var(--ink)}.btn.on-dark{color:var(--ivory);background:0 0;border-color:#f3f0ea80}.btn.on-dark:before{background:var(--ivory)}.btn.on-dark:hover{color:var(--ink);border-color:var(--ivory)}.btn.sm{min-height:38px;font-size:var(--t-xs);letter-spacing:.02em;padding:7px 14px}.tlink{font-weight:550;font-size:var(--t-s);transition:background-size var(--med) var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;align-items:center;gap:10px;padding-bottom:3px;text-decoration:none;display:inline-flex}.tlink:hover{background-size:100% 1px}.head{z-index:50;height:var(--headh);padding:0 var(--gut);background:var(--paper);border-bottom:1px solid var(--line);transition:transform .5s var(--ease), background .35s, border-color .35s, color .35s;align-items:center;gap:24px;display:flex;position:fixed;top:0;left:0;right:0}.head.over{-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.head.over.scrolled{background:var(--paper);border-color:var(--line)}.head.away{transform:none}.head .logo{height:30px;color:var(--ink);flex:none;display:block}.head nav{align-items:center;gap:4px;margin-left:auto;display:flex}.head nav a.nl{font-weight:500;font-size:var(--t-s);color:var(--ink2);transition:color var(--fast);padding:8px 12px;text-decoration:none;position:relative}.head nav a.nl:after{content:"";transform-origin:100%;height:1px;transition:transform var(--med) var(--ease);background:currentColor;position:absolute;bottom:4px;left:12px;right:12px;transform:scaleX(0)}.head nav a.nl:hover:after,.head nav a.nl[aria-current]:after{transform-origin:0;transform:scaleX(1)}.head nav a.nl[aria-current]{color:var(--ink)}.head .menu{font-weight:550;font-size:var(--t-s);background:0 0;border:0;align-items:center;gap:10px;padding:8px 0 8px 8px;display:none}.head .menu .bars{width:22px;height:9px;display:block;position:relative}.head .menu .bars:before,.head .menu .bars:after{content:"";background:currentColor;height:1.5px;position:absolute;left:0;right:0}.head .menu .bars:before{top:0}.head .menu .bars:after{bottom:0}@media (width<=960px){.head nav a.nl,.head .navcta{display:none}.head .menu{display:inline-flex}}.drawer{z-index:70;background:var(--night);color:var(--on-night);padding:0 var(--gut) 28px;flex-direction:column;display:none;position:fixed;inset:0}.drawer[data-open]{display:flex}.drawer .dtop{height:var(--headh);justify-content:space-between;align-items:center;display:flex}.drawer .dtop .logo{height:30px;color:var(--on-night)}.drawer .close{color:var(--on-night);font-weight:550;font-size:var(--t-s);background:0 0;border:0;padding:8px 0}.drawer .dlinks{border-top:1px solid #f3f0ea29;flex-direction:column;margin-top:clamp(24px,6vh,64px);display:flex}.drawer .dlinks a{font-family:var(--display);letter-spacing:-.03em;border-bottom:1px solid #f3f0ea29;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:clamp(34px,9vw,64px);font-weight:520;line-height:1.05;text-decoration:none;display:flex;overflow:hidden}.drawer .dlinks a span.n{font-family:var(--font);font-size:var(--t-xs);letter-spacing:.12em;color:var(--on-night-mut)}.drawer .dfoot{font-size:var(--t-xs);color:var(--on-night-mut);flex-direction:column;gap:14px;margin-top:auto;display:flex}.foot{background:var(--night);color:var(--on-night);padding:clamp(64px, 12vh, 140px) var(--gut) 28px}.foot .top{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:clamp(40px,8vh,90px);display:grid}.foot .say{font-family:var(--display);font-weight:520;font-size:var(--t-l);letter-spacing:-.025em;max-width:16ch;line-height:1.05}.foot h2{font-family:var(--font);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--on-night-mut);margin-bottom:14px;font-weight:550}.foot ul{font-size:var(--t-s);flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.foot .big{height:clamp(64px,13vw,200px);color:var(--on-night)}.foot .base{font-size:var(--t-xs);color:var(--on-night-mut);border-top:1px solid #f3f0ea29;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:28px;padding-top:18px;display:flex}.foot .notice{max-width:92ch}@media (width<=860px){.foot .top{grid-template-columns:1fr 1fr}}.notify{flex-direction:column;gap:10px;max-width:540px;display:flex}.notify .row{border-bottom:1px solid var(--ink);flex-wrap:wrap;gap:0;display:flex}.notify input[type=email]{min-width:200px;min-height:54px;font-size:var(--t-m);background:0 0;border:0;flex:1;padding:10px 0}.notify input[type=email]:focus-visible{outline:none}.notify .row:focus-within{border-bottom-width:2px}.notify .row .btn{border-radius:0;min-height:54px}.notify .hp{position:absolute;left:-9999px}.notify .msg.err{color:var(--warn)}.on-night .notify .row{border-color:var(--on-night)}.on-night .notify input[type=email]::placeholder{color:var(--on-night-mut)}.chip{border:1px solid var(--line2);font-size:var(--t-s);transition:border-color var(--fast), background var(--fast);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true],.chip.on{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.seg{border:1px solid var(--ink);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{font-weight:550;font-size:var(--t-s);background:0 0;border:0;min-width:48px;padding:7px 16px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.dots{flex-wrap:wrap;gap:8px;display:flex}.dot{background:0 0;border:0;padding:0}.dot i{width:32px;height:32px;transition:transform var(--fast) var(--ease);border:1px solid #00000024;border-radius:50%;display:block}.dot:hover i{transform:scale(1.08)}.dot[aria-pressed=true] i{box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--ink)}.m-ready [data-reveal],.m-ready .rise-me,.m-ready main .sec .lede{opacity:0;transform:translateY(24px)}.m-ready [data-split],.m-ready main .sec h1,.m-ready main .sec h2{opacity:0}.m-ready [data-clip]{clip-path:inset(100% 0 0)}.split-line{margin-bottom:-.06em;padding-bottom:.06em;overflow:hidden}@media (prefers-reduced-motion:reduce){.m-ready [data-reveal],.m-ready .rise-me,.m-ready main .sec .lede,.m-ready [data-split],.m-ready main .sec h1,.m-ready main .sec h2{opacity:1;transform:none}.m-ready [data-clip]{clip-path:none}}.curtain{z-index:150;background:var(--night);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;transform:translateY(100%)}.curtain .logo{height:44px;color:var(--on-night);opacity:0}.nav-in .curtain{transform:none}.cursor{z-index:140;background:var(--ink);width:84px;height:84px;color:var(--ivory);font-size:var(--t-xs);letter-spacing:.06em;pointer-events:none;opacity:0;border-radius:50%;place-items:center;margin:-42px 0 0 -42px;font-weight:550;display:grid;position:fixed;top:0;left:0;transform:scale(0)}@media (hover:none),(pointer:coarse){.cursor{display:none}}.bagbtn{font-weight:550;font-size:var(--t-s);background:0 0;border:0;align-items:center;gap:8px;padding:8px 4px 8px 12px;display:inline-flex}.bagbtn .bn{border:1px solid var(--line2);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:inline-grid}.bagbtn .bn.has{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.linklike{color:inherit;text-underline-offset:.22em;background:0 0;border:0;padding:0;text-decoration:underline}.bag-shade{z-index:80;background:#10101059;position:fixed;inset:0}.bag{z-index:90;background:var(--paper);border-left:1px solid var(--line);flex-direction:column;width:min(460px,100%);padding:0 clamp(16px,2.4vw,28px) 20px;display:flex;position:fixed;top:0;bottom:0;right:0}.bag[hidden],.bag-shade[hidden]{display:none}.bag-top{height:var(--headh);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.bag-top .display{font-size:var(--t-l)}.bag-top .close{font-weight:550;font-size:var(--t-s);background:0 0;border:0}.bag-list{flex:1;padding:0;list-style:none;overflow-y:auto}.bag-row{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;align-items:start;gap:14px;padding:16px 0;display:grid}.bag-ic svg{width:64px;height:64px}.bag-t{flex-direction:column;gap:3px;min-width:0;display:flex}.bag-t b{font-weight:600;font-size:var(--t-s)}.bag-t small{font-size:var(--t-xs);color:var(--mut)}.bag-q{align-items:center;gap:8px;margin-top:6px;display:flex}.bag-q button{border:1px solid var(--line2);background:0 0;border-radius:50%;width:28px;height:28px;line-height:1}.bag-q .bag-rm{width:auto;height:auto;font-size:var(--t-xs);color:var(--mut);border:0;border-radius:0;margin-left:8px;text-decoration:underline}.bag-p{font-size:var(--t-s);font-weight:550}.bag-empty{color:var(--mut);font-size:var(--t-s);padding:28px 0}.bag-sums{font-size:var(--t-s);flex-direction:column;gap:6px;padding:14px 0;display:flex}.bag-sums div{justify-content:space-between;display:flex}.bag-sums .tot{font-weight:650;font-size:var(--t-m);border-top:1px solid var(--ink);margin-top:4px;padding-top:8px}.bag-go{width:100%}@media (width<=960px){.head .bagbtn{margin-left:auto}.head nav{flex:1;justify-content:flex-end;margin-left:0}}.head nav a.acct{margin-left:4px}@media (width<=960px){.head nav a.acct{display:none}}@media (pointer:coarse){.logo{position:relative}.logo:after{content:"";position:absolute;inset:-12px -8px}.bagbtn,.menu{min-height:44px}.tlink{background-position-y:calc(100% - 9px);padding-block:10px 12px}.chip,.pill,.seg button,.stagebar .seg.mode button,.gthumbs button{min-height:44px}.dot{padding:4px}.dot i{width:36px;height:36px}input[type=range]{min-height:36px}.agree input[type=checkbox]{width:22px;height:22px}.nl,.btn{min-height:44px}html .mv button{width:42px;min-width:42px;height:42px}html .guide .linklike{padding:12px 4px}html .vlight{align-items:center;gap:10px;min-height:44px;display:inline-flex}html .vlight input{width:22px;height:22px}html input[type=range]{min-height:44px}}@media (width<=860px){html .sizes button small,html .grooves button{font-size:12.5px}}.head nav{gap:14px}.head .menu{padding:8px 4px;display:inline-flex}.head .navcta{margin-left:0}@media (width<=960px){.head nav{gap:6px}.head .bagbtn{margin-left:0}}.drawer{overflow-y:auto}.drawer .dlinks a{font-size:clamp(30px,min(9vw,6.2vh),60px)}@media (width>=961px){.drawer .dlinks{grid-template-columns:1fr 1fr;column-gap:clamp(32px,5vw,80px);display:grid}}.band-ink{background:var(--night);color:var(--on-night)}.band-ink .lede,.band-ink .xs,.band-ink .kicker{color:var(--on-night-mut)}.band-paper2,.band-mustard,.band-bottle{background:var(--paper2);color:var(--ink)}.install{background:var(--paper2);height:270vh;position:relative}.install .pin{height:100svh;position:sticky;top:0;overflow:hidden}.install .f{object-fit:cover;object-position:50% 62%;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.install .night{opacity:0}.install .hit{z-index:2;cursor:grab;touch-action:pan-y;position:absolute;inset:0}.install .hit:active{cursor:grabbing}.install .hero-copy,.install .hero-foot,.install .hintline{left:var(--gut);right:var(--gut);z-index:3;pointer-events:none;color:color-mix(in srgb, #f3f0ea calc(var(--dusk,0) * 100%), var(--ink));position:absolute}.install .hero-copy{top:calc(var(--headh) + clamp(18px, 5vh, 56px))}.install .hero-copy .kicker{color:inherit;opacity:.7;margin-bottom:14px}.install .hero-h{font-size:var(--t-hero);max-width:11.5ch;line-height:.93}.install .hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;bottom:clamp(48px,9vh,92px)}.install .hero-lede{font-size:var(--t-m);max-width:34ch}.install .ctas{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:22px;display:flex}.install .ctas .tlink{color:inherit}.install .hintline{font-size:var(--t-xs);letter-spacing:.04em;opacity:.75;justify-content:space-between;gap:12px;display:flex;bottom:16px}@media (width<=640px){.install .hero-copy{top:calc(var(--headh) + 8px)}.install .hero-foot{bottom:52px}.install .hintline span:last-child{display:none}}.statement{padding-block:clamp(90px,18vh,220px)}.st-grid{grid-template-columns:minmax(0,3fr) minmax(0,9fr);align-items:start;gap:clamp(16px,4vw,64px);display:grid}.st-text{letter-spacing:-.022em;max-width:26ch;font-size:clamp(28px,3.4vw,54px);font-weight:460;line-height:1.12}@media (width<=860px){.st-grid{grid-template-columns:minmax(0,1fr)}}.five{padding:clamp(40px,8vh,100px) 0 clamp(60px,10vh,120px);overflow:hidden}.five-head{width:100%;padding:0 var(--gut);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(28px,5vh,56px);display:flex}.five-head h2{max-width:12ch;margin-top:12px}.five-track{padding:0 var(--gut) 8px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:clamp(14px,1.6vw,28px);display:flex;overflow-x:auto}.five-track::-webkit-scrollbar{display:none}.five.pinned{height:100svh;padding:calc(var(--headh) + 8px) 0 24px;flex-direction:column;justify-content:center;display:flex}.five.pinned .five-head{margin-bottom:clamp(18px,3vh,36px)}.five.pinned .five-track{scroll-snap-type:none;will-change:transform;overflow:visible}.lcard{scroll-snap-align:start;flex-direction:column;flex:none;gap:14px;width:min(78vw,360px);text-decoration:none;display:flex}.five.pinned .lcard{width:clamp(280px,25vw,420px)}.five.pinned .lcard .duo img{max-height:min(58svh, calc(100svh - var(--headh) - 350px))}.lcard .duo{border-radius:var(--r);background:var(--paper2)}.lcard .duo img{transition:transform 1.1s var(--ease), opacity .7s var(--ease)}.lcard:hover .duo img{transform:scale(1.035)}.lmeta{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 14px;display:grid}.lmeta .idx{grid-row:span 3;padding-top:6px}.lmeta b{font-size:var(--t-l);letter-spacing:-.025em;font-weight:540;line-height:1}.lmeta small{font-size:var(--t-s);color:var(--mut)}.lmeta .go,.lcard.more .go{font-size:var(--t-s);margin-top:6px;font-weight:550}.lcard .go{transition:background-size var(--med) var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;justify-self:start;padding-bottom:2px}.lcard:hover .go{background-size:100% 1px}.lcard.more{border:1px solid var(--line2);border-radius:var(--r);aspect-ratio:4/5;justify-content:space-between;align-self:flex-start;height:auto;padding:22px}.five.pinned .lcard.more{aspect-ratio:auto;height:min(58svh,1.25*clamp(280px,25vw,420px))}.lcard.more .display{font-size:var(--t-l);letter-spacing:-.025em;max-width:9ch;line-height:1.02}.story-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,110px);display:grid}.story-fig{align-self:stretch}.story-fig .sticky{top:calc(var(--headh) + 20px);height:calc(100svh - var(--headh) - 40px);background:var(--night);border-radius:var(--r);flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:24px;display:flex;position:sticky}.story-fig svg{width:auto;max-width:100%;height:86%}.story-fig .axis{stroke:#f3f0ea2e;stroke-dasharray:4 6}.story-fig polygon{opacity:.16;transition:opacity .7s var(--ease), filter .7s var(--ease)}.story-fig[data-active=base] [data-g=base],.story-fig[data-active=glow] [data-g=glow],.story-fig[data-active=colour] [data-g=colour],.story-fig[data-active=top] [data-g=top]{opacity:1}.story-fig[data-active=glow] polygon.gl{filter:url(#glow)}.story-fig .fig-cap{color:var(--on-night-mut);margin-top:10px}.story-steps h2{max-width:13ch;margin:12px 0 clamp(24px,6vh,64px)}.step-item{border-top:1px solid var(--line);color:var(--grey);transition:color .5s var(--ease);min-height:34vh;padding:clamp(28px,8vh,90px) 0}.step-item.on{color:var(--ink)}.step-item h3{margin:10px 0 12px}.step-item p{font-size:var(--t-m);max-width:36ch}.story-steps>p:last-child{border-top:1px solid var(--line);padding-top:22px}@media (width<=860px){.story-grid{display:block}.story-fig{top:calc(var(--headh) + 8px);z-index:2;position:sticky}.story-fig .sticky{height:40svh;min-height:280px;position:static}.story-steps{padding-top:20px}.step-item{min-height:0;padding:28px 0}}.top-align{align-items:start}.piecewall{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(118px,1fr));margin-top:clamp(36px,6vh,64px);display:grid}.pw{aspect-ratio:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:10px;display:flex}.pw svg{width:70%;height:auto}.pw figcaption{font-size:var(--t-xs);color:var(--mut)}.pw.g{background:var(--night)}.pw.g svg{filter:drop-shadow(0 0 12px #ffd6a0bf)}.pw.g figcaption{color:var(--on-night-mut)}.m-ready .pw{opacity:0;transform:translateY(30px)}.palette{grid-template-columns:1.6fr 1fr;gap:clamp(20px,4vw,60px);margin-top:clamp(36px,6vh,64px);display:grid}.sw{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px 16px;margin-top:14px;padding:0;list-style:none;display:grid}.sw li{font-size:var(--t-s);align-items:center;gap:10px;display:flex}.sw i{border:1px solid #0000001f;border-radius:50%;flex:none;width:26px;height:26px}.sw i.g{box-shadow:0 0 14px 2px color-mix(in srgb, currentColor 0%, #ffd6a080)}@media (width<=860px){.palette{grid-template-columns:minmax(0,1fr)}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:clamp(56px,10vh,120px);padding:14px 0;overflow:hidden}.mq{width:max-content;font-family:var(--display);letter-spacing:-.03em;color:var(--stone);white-space:nowrap;font-size:clamp(38px,6vw,96px);font-weight:480;line-height:1;animation:70s linear infinite mq;display:flex}.mq span{padding-right:.3em}@keyframes mq{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.mq{animation:none}}.collection{min-height:100svh;color:var(--on-night);background:var(--night);align-items:flex-end;display:flex;position:relative;overflow:hidden}.col-img{position:absolute;inset:0;overflow:hidden}.col-img img{object-fit:cover;width:100%;height:124%;position:absolute;top:-12%;left:0}.col-img:after{content:"";background:linear-gradient(#10101000 30%,#101010c7 100%);position:absolute;inset:0}.col-copy{z-index:1;padding:var(--sec) var(--gut) clamp(48px, 9vh, 110px);max-width:calc(var(--max) + 2 * var(--gut));width:100%;margin-inline:auto;position:relative}.col-copy .kicker{color:var(--on-night-mut)}.col-copy h2{max-width:11ch;margin-top:12px}.col-copy .lede{color:#f3f0eadb}.studio{padding-top:var(--headh);grid-template-columns:minmax(0,1.35fr) minmax(370px,1fr);display:grid}.studio .view{top:var(--headh);height:calc(100svh - var(--headh));align-self:start;position:sticky}.stage,.vstage{--tint:#164b35;background:radial-gradient(110% 80% at 50% 28%, color-mix(in srgb, var(--tint) 7%, #f6f3ee) 0%, color-mix(in srgb, var(--tint) 20%, #e3ded5) 100%);height:100%;transition:background .6s var(--ease);position:relative;overflow:hidden}.stage:before,.vstage:before{content:"";background:radial-gradient(120% 90% at 50% 38%, color-mix(in srgb, var(--tint) 30%, #1d1b1f) 0%, color-mix(in srgb, var(--tint) 16%, #0f0f10) 100%);opacity:calc(var(--dusk,0) * .85);transition:opacity .4s var(--ease);pointer-events:none;position:absolute;inset:0}.gl{opacity:0;transition:opacity .5s var(--ease);cursor:grab;touch-action:pan-y;position:absolute;inset:0}.gl.is-ready{opacity:1}.gl canvas{width:100%;height:100%;display:block}.stagebar{z-index:3;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:104px;right:14px}.lights{backdrop-filter:blur(8px);font-size:var(--t-xs);background:#f3f0eadb;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:550;display:flex}.lights input{width:110px;accent-color:var(--ink)}.pill{border:1px solid var(--ink);font-size:var(--t-xs);background:#f3f0eadb;border-radius:999px;padding:6px 14px;font-weight:550}.pill[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.pill.hot{background:var(--ink);color:var(--ivory);margin-left:auto}.stage .tag,.stage .hint{font-size:var(--t-xs);pointer-events:none;z-index:2;color:color-mix(in srgb, #f3f0ea calc(var(--dusk,0) * 100%), var(--ink));font-weight:550;position:absolute;bottom:14px}.stage .tag{left:16px}.stage .hint{opacity:.7;right:16px}.nogl{text-align:center;z-index:2;position:absolute;inset:auto 16px 50%}.studio .panel{padding:clamp(24px, 4vh, 44px) var(--gut) 40px;flex-direction:column;gap:12px;min-width:0;display:flex}.studio h1{font-size:clamp(42px,4.6vw,72px)}.step{font-family:var(--font);font-size:var(--t-s);letter-spacing:.01em;border-top:1px solid var(--line);align-items:baseline;gap:10px;margin-top:16px;padding-top:14px;font-weight:600;display:flex}.step .mut{font-size:var(--t-xs);letter-spacing:0;font-weight:500}.starts{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.start{border-radius:var(--r);border:1px solid var(--line);transition:border-color var(--fast);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;display:flex}.start:hover{border-color:var(--ink)}.start i{width:56px;height:56px;display:block}.start b{font-size:var(--t-xs);font-weight:600}.stack{border-top:1px solid var(--line);flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.row{border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:6px;padding:4px 6px 4px 4px;display:flex}.row.sel{background:var(--paper2);box-shadow:inset 2px 0 0 var(--ink)}.pick{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 2px;display:flex}.ic{flex:none;width:40px;height:40px;display:block}.ic svg,.add i svg,.start i svg,.chip svg,.cell i svg{width:100%;height:100%;display:block}.nm{flex-direction:column;min-width:0;display:flex}.nm b{font-size:var(--t-s);font-weight:600}.nm small{font-size:var(--t-xs);color:var(--mut);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mv{gap:2px;display:flex}.mv button{border:1px solid var(--line);background:0 0;border-radius:50%;width:32px;height:32px;font-size:14px;line-height:1}.mv button:hover{border-color:var(--ink)}.editor{background:var(--paper2);border-radius:var(--r);flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.editor:empty{display:none}.editor output,.vctl output{color:var(--ink);text-transform:none;letter-spacing:0;font-weight:600}.editor input[type=range],.vctl input[type=range]{width:100%;accent-color:var(--ink)}.ends{font-size:var(--t-xs);color:var(--mut);justify-content:space-between;display:flex}.sizes{flex-wrap:wrap;gap:6px;display:flex}.sizes button{border:1px solid var(--line2);border-radius:var(--r);background:0 0;flex-direction:column;align-items:center;min-width:78px;padding:6px 10px;display:flex}.sizes button b{font-size:var(--t-m);font-weight:600;line-height:1}.sizes button small{color:var(--mut);font-size:11.5px}.sizes button[aria-pressed=true]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.sizes button[aria-pressed=true] small{color:#f3f0eab3}.grooves{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.grooves button{border:1px solid var(--line2);border-radius:var(--r);background:0 0;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:11.5px;font-weight:550;display:flex}.grooves button svg{width:30px;height:30px}.grooves button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips .chip svg{width:24px;height:24px}.adds{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.add{border:1px dashed var(--line2);border-radius:var(--r);font-size:var(--t-xs);transition:border-color var(--fast);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-weight:550;display:flex}.add:hover{border-style:solid;border-color:var(--ink)}.add i{width:40px;height:40px;display:block}.status{border-radius:var(--r);font-size:var(--t-s);background:var(--paper2);border-left:2px solid var(--ink);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.status.ok{border-left-color:var(--ok)}.status.warn{border-left-color:var(--warn)}.status ul{font-size:var(--t-xs);margin:0;padding-left:18px}.namefield{font-size:var(--t-s);flex-direction:column;gap:4px;font-weight:600;display:flex}.text{border:0;border-bottom:1px solid var(--ink);width:100%;font-size:var(--t-m);background:0 0;border-radius:0;padding:11px 0}.text:focus-visible{border-bottom-width:2px;outline:none}.facts{font-size:var(--t-s);border-top:1px solid var(--ink);grid-template-columns:auto 1fr;gap:6px 18px;padding-top:14px;display:grid}.facts dt{color:var(--mut)}.acts{flex-wrap:wrap;gap:8px;display:flex}@media (width<=980px){.studio{grid-template-columns:minmax(0,1fr)}.studio .view{z-index:10;height:52svh}.stage .hint{display:none}.starts{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.adds{grid-template-columns:repeat(3,minmax(0,1fr))}.pill.hot{margin-left:0}}.explorer{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:0;display:grid}.explorer .list{padding:24px var(--gut);border-right:1px solid var(--line2);flex-direction:column;gap:14px;display:flex}.tabs{flex-wrap:wrap;gap:6px;display:flex}.cells{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:8px;display:grid}.cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:550;font-size:var(--t-s);transition:background var(--fast);background:0 0;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;display:flex}.cell i{width:60px;height:60px;display:block}.cell:hover{background:var(--paper2)}.cell[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.viewer{position:relative}.vstage{top:var(--headh);height:min(calc(100svh - var(--headh)), 800px);min-height:420px;position:sticky}.vname{z-index:2;font-size:var(--t-s);color:color-mix(in srgb, #f3f0ea calc(var(--dusk,0) * 100%), var(--ink));pointer-events:none;position:absolute;bottom:14px;left:16px}.vlight{z-index:3;font-size:var(--t-xs);cursor:pointer;background:#f3f0eae0;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-weight:550;display:flex;position:absolute;top:14px;right:14px}.vlight input{accent-color:var(--ink);width:18px;height:18px}.vctl{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:6px;padding:16px 0 6px;display:flex}.groovegrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-top:30px;display:grid}.groovegrid.small{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.gtile{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 14px;display:flex}.gtile span svg{width:54px;height:54px}.gtile b{font-size:var(--t-m);font-weight:600}.sizetable{border-top:1px solid var(--ink);margin-top:24px;overflow-x:auto}.sizetable table{border-collapse:collapse;width:100%;font-size:var(--t-s);font-variant-numeric:tabular-nums;min-width:520px}.sizetable th,.sizetable td{text-align:left;border-bottom:1px solid var(--line);padding:12px 16px 12px 0}.js .sizetable:not(.open) tr.more{display:none}.sizemore{margin-top:16px}.sizemore .tlink{color:inherit;cursor:pointer;border:0;padding-inline:0;font-family:inherit}.sizetable th{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--mut);font-weight:550}.sizetable td:first-child{font-weight:600}@media (width<=900px){.explorer{grid-template-columns:minmax(0,1fr)}.explorer .list{border-right:0;border-bottom:1px solid var(--line2);order:2}.viewer{order:1}.vstage{height:56svh;position:relative;top:0}.groovegrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.groovegrid,.groovegrid.small{grid-template-columns:repeat(2,minmax(0,1fr))}}.jump{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.jump .chip{text-decoration:none}.lamprow{background:var(--paper);border-top:1px solid var(--line)}.lamprow:nth-of-type(odd){background:var(--paper2)}.lamprow .flip>:first-child{order:2}.lampimg{border-radius:var(--r);position:relative;overflow:hidden}.lampimg img{width:100%;height:auto}.parts{font-size:var(--t-s);border-top:1px solid var(--line);flex-direction:column;gap:0;margin-top:10px;padding:0;list-style:none;display:flex}.parts li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:9px 0;display:flex}.parts i{border:1px solid #00000026;border-radius:50%;flex:none;width:18px;height:18px}@media (width<=860px){.lamprow .flip>:first-child{order:0}}.explode{background:var(--paper2);border-radius:var(--r);padding:18px}.explode svg{width:100%;height:auto}.howrow{border-top:1px solid #f3f0ea2e;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:40px;display:grid}.how{padding:24px 22px 28px 0;border-right:1px solid #f3f0ea1f;flex-direction:column;gap:10px;padding-left:0;display:flex}.how+.how{padding-left:22px}.how:last-child{border-right:0}.how .n{width:34px;height:34px;color:inherit;border:1px solid #f3f0ea80;border-radius:50%;place-items:center;font-size:14px;font-weight:550;display:grid;background:0 0!important}.how b{font-size:var(--t-m);font-weight:600}.how p{font-size:var(--t-s);color:var(--on-night-mut)}.checks{border-top:1px solid var(--line2);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:36px;display:grid}.ck{border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:22px 22px 24px 0;display:flex}.ck+.ck{padding-left:22px}.ck:last-child{border-right:0}.ck b{font-size:var(--t-m);font-weight:600}.ck p{font-size:var(--t-s);color:var(--mut)}.honest{font-size:var(--t-m);border-top:1px solid var(--line);flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.honest li{border-bottom:1px solid var(--line);padding:14px 0 14px 26px;position:relative}.honest li:before{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:1.25em;left:0}@media (width<=1100px){.howrow{grid-template-columns:repeat(2,minmax(0,1fr))}.how:nth-child(3){padding-left:0}.how:nth-child(2){border-right:0}}@media (width<=900px){.checks{grid-template-columns:repeat(2,minmax(0,1fr))}.ck:nth-child(3){padding-left:0}.ck:nth-child(2){border-right:0}}@media (width<=560px){.howrow,.checks{grid-template-columns:minmax(0,1fr)}.how,.ck,.how+.how,.ck+.ck{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.how{border-bottom-color:#f3f0ea1f}}.faq{border-top:1px solid var(--ink);flex-direction:column;gap:0;display:flex}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-family:var(--display);font-weight:520;font-size:var(--t-l);letter-spacing:-.02em;cursor:pointer;justify-content:space-between;gap:16px;line-height:1.1;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font);transition:transform var(--med) var(--ease);font-size:30px;font-weight:300;line-height:.9}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--mut);font-size:var(--t-m);max-width:62ch;margin-top:10px}.prose{max-width:70ch}.prose p,.prose li{color:var(--ink2)}.stagebar .seg.mode{background:#f3f0eadb;border-width:1px}.stagebar .seg.mode button{font-size:var(--t-xs);background:0 0;min-width:0;padding:4px 12px}.stagebar .seg.mode button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.duo{display:block;position:relative;overflow:hidden}.duo img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.duo img.lit{opacity:0;transition:opacity .8s var(--ease), transform 1.1s var(--ease);position:absolute;inset:0}.lcard:hover .duo img.lit,.lcard:focus-visible .duo img.lit,.duo:hover img.lit,.duo.on img.lit{opacity:1}.lampimg figcaption{font-size:var(--t-xs);background:#f3f0eae6;border-radius:999px;padding:5px 12px;font-weight:550;position:absolute;bottom:12px;left:14px}@media (hover:none){.lampimg figcaption{display:none}}.lettering{gap:8px;margin:10px 0 18px;display:grid}.lettering .chips{margin:2px 0 4px}.dot.tone i{box-shadow:inset 0 0 0 4px #fff9}.dot.tone[aria-pressed=true] i{box-shadow:inset 0 0 0 4px #fff9, 0 0 0 3px var(--paper), 0 0 0 4px var(--ink)}.buy{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 6px;display:flex}.buy .price{font-size:var(--t-l);letter-spacing:-.02em}.buy .btn{min-width:200px}.buy .btn:disabled{opacity:.45;cursor:not-allowed}.pb{border-bottom:1px solid var(--line);font-size:var(--t-s);padding:8px 0 12px}.pb summary{cursor:pointer;color:var(--mut);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:550}.pb ul{flex-direction:column;gap:4px;margin:10px 0 6px;padding:0;list-style:none;display:flex}.pb li{justify-content:space-between;gap:12px;display:flex}.lprice{font-size:var(--t-m);color:var(--ink);margin-top:4px;font-weight:600}.lamprow .buy{margin-top:22px}.lamprow .buy .acts{flex-wrap:wrap;gap:8px;display:flex}.co-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);align-items:start;gap:clamp(28px,6vw,100px);display:grid}.co-form{flex-direction:column;gap:14px;display:flex}.co-form h1{margin-bottom:10px}.co-form fieldset{border:0;border-top:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;padding:18px 0 6px;display:flex}.co-form legend{float:left;width:100%;margin-bottom:6px;padding:0}.fld{font-size:var(--t-s);flex-direction:column;flex:1;gap:4px;min-width:0;font-weight:550;display:flex}.fld em{color:var(--mut);font-style:normal;font-weight:400}.fld input,.fld select,.fld textarea{border:0;border-bottom:1px solid var(--ink);width:100%;font-size:var(--t-m);background:0 0;border-radius:0;padding:10px 0;font-weight:400}.fld textarea{resize:vertical;border:1px solid var(--line2);padding:10px}.fld input:focus-visible,.fld select:focus-visible{border-bottom-width:2px;outline:none}.fld input:user-invalid,.fld select:user-invalid{border-bottom-color:var(--warn)}.fr{flex-wrap:wrap;gap:18px;display:flex}.fr .fld{min-width:180px}.agree{font-size:var(--t-s);align-items:flex-start;gap:10px;display:flex}.agree input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin-top:3px}.co-note{max-width:60ch}.co-place{align-self:flex-start;min-width:260px}.co-place:disabled{opacity:.45;cursor:not-allowed}.co-sum{top:calc(var(--headh) + 20px);background:var(--paper2);border-radius:var(--r);flex-direction:column;gap:10px;padding:22px;display:flex;position:sticky}.co-list{padding:0;list-style:none}.co-list li{border-bottom:1px solid var(--line);font-size:var(--t-s);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.co-list li.tot{border-bottom:0;border-top:1px solid var(--ink);font-weight:650}.co-list li.bag-row{display:grid}.next{counter-reset:n;border-top:1px solid var(--ink);margin-bottom:20px;padding:0;list-style:none}.next li{counter-increment:n;border-bottom:1px solid var(--line);font-size:var(--t-s);grid-template-columns:40px 1fr;padding:14px 0;display:grid}.next li:before{content:"0" counter(n);color:var(--mut);font-variant-numeric:tabular-nums;grid-row:span 2}.next li span{color:var(--mut)}.policy{border-top:1px solid var(--ink)}.policy div{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;gap:18px;padding:16px 0;display:grid}.policy dt{font-weight:600}.policy dd{color:var(--ink2);margin:0}.hp{position:absolute;left:-9999px}@media (width<=860px){.co-grid{grid-template-columns:minmax(0,1fr)}.co-sum{order:-1;position:static}.policy div{grid-template-columns:1fr;gap:4px}}.hero2{height:220vh}.hero2 .hero-media{transform-origin:50% 60%;will-change:transform;position:absolute;inset:0}.hero2 .hero-media .f{object-fit:cover;object-position:50% 58%;width:100%;height:100%;position:absolute;inset:0}.hero2 .hero-h{max-width:9.5ch}.lmeta.one{grid-template-columns:1fr}.lmeta.one .lprice{margin-top:6px}.story-fig .sticky.live{transition:background 1.2s var(--ease);background:radial-gradient(120% 90% at 50% 30%,#f6f3ee 0%,#e2ddd3 100%);padding:0;overflow:hidden}.story-fig.lit .sticky.live{background:radial-gradient(120% 90% at 50% 34%,#2a2622 0%,#0f0f10 100%)}.gl3{opacity:0;transition:opacity .8s var(--ease);position:absolute;inset:0}.gl3.is-ready{opacity:1}.gl3 canvas{width:100%;height:100%;display:block}.story-fig .fig-cap{color:var(--mut);z-index:2;position:absolute;bottom:14px;left:18px}.story-fig.lit .fig-cap{color:var(--on-night-mut)}.step-item span.xs{letter-spacing:.12em;text-transform:uppercase}.story-cta{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding-top:26px;display:flex}.duo-band{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:0;display:grid}.band-card{border-bottom:1px solid var(--line);transition:background var(--med) var(--ease);flex-direction:column;gap:14px;padding:clamp(28px,5vw,64px) clamp(0px,3vw,48px) clamp(28px,5vw,64px) 0;text-decoration:none;display:flex}.band-card+.band-card{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,48px)}.band-card h3{max-width:14ch}.band-card p:last-child{color:var(--ink2);max-width:44ch;font-size:var(--t-m)}.band-card:hover .tlink{background-size:100% 1px}@media (width<=860px){.duo-band{grid-template-columns:1fr}.band-card+.band-card{border-left:0;padding-left:0}}.cgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(28px,4vw,56px) clamp(16px,2vw,28px);display:grid}.ccard{flex-direction:column;gap:6px;text-decoration:none;display:flex}.ccard .duo{border-radius:var(--r);background:var(--paper2);margin-bottom:10px}.ccard .duo img{transition:transform 1.1s var(--ease), opacity .8s var(--ease)}.ccard:hover .duo img{transform:scale(1.03)}.ccard:hover .duo img.lit{opacity:1}.cmeta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cmeta b{font-size:var(--t-l);letter-spacing:-.025em;font-weight:540}.ccard small{font-size:var(--t-s);color:var(--ink2)}.ccard small.mut{font-size:var(--t-xs);color:var(--mut)}.pdp{padding-top:calc(var(--headh) + clamp(20px, 4vh, 48px))!important}.pdp-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(28px,5vw,90px);display:grid}.gallery{top:calc(var(--headh) + 16px);position:sticky}.gview{aspect-ratio:4/5;border-radius:var(--r);background:var(--paper2);position:relative;overflow:hidden}.gslide{opacity:0;transition:opacity .7s var(--ease);pointer-events:none;margin:0;position:absolute;inset:0}.gslide.on{opacity:1;pointer-events:auto}.gslide img{object-fit:cover;width:100%;height:100%}.g3d{transition:background 1s var(--ease);background:radial-gradient(120% 90% at 50% 30%,#f6f3ee 0%,#e2ddd3 100%)}.g3d.lit{background:radial-gradient(120% 90% at 50% 34%,#2a2622 0%,#0f0f10 100%)}.g3d .gl3{cursor:grab;touch-action:pan-y}.g3hint{position:absolute;bottom:12px;left:16px}.gthumbs{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.gthumbs button{border:1px solid var(--line2);font-size:var(--t-xs);background:0 0;border-radius:999px;padding:7px 14px;font-weight:550}.gthumbs button[aria-selected=true]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.pinfo h1{margin-top:8px;font-size:clamp(48px,6vw,96px)}.pinfo .kicker a{text-decoration:none}.pline{font-size:var(--t-m);color:var(--ink2);margin-top:10px}.pinfo .price{font-size:var(--t-l);margin:20px 0 14px}.pbuy{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.pfacts{border-top:1px solid var(--ink);margin-top:24px}.pfacts div{border-bottom:1px solid var(--line);font-size:var(--t-s);grid-template-columns:140px 1fr;gap:14px;padding:11px 0;display:grid}.pfacts dt{color:var(--mut)}.pfacts dd{margin:0}.parts li span b{font-weight:600}.related{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0;display:grid}.rcard{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;transition:background var(--fast);flex-direction:column;align-items:center;gap:6px;padding:22px 12px;text-decoration:none;display:flex}.rcard:hover{background:var(--paper)}.rcard .ric svg{width:120px;height:120px}.rcard b{font-size:var(--t-m);font-weight:540}.rcard small{font-size:var(--t-xs);color:var(--mut)}@media (width<=900px){.pdp-grid{grid-template-columns:minmax(0,1fr)}.gallery{position:static}}.ideas{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.idea{border-bottom:1px solid var(--line);padding:26px 26px 30px 0}.idea h3{margin-bottom:12px}.idea p{color:var(--ink2);font-size:var(--t-m)}.credits{border-top:1px solid #f3f0ea33;margin-top:26px;padding:0;list-style:none}.credits a{border-bottom:1px solid #f3f0ea24;justify-content:space-between;gap:16px;padding:12px 0;text-decoration:none;display:flex}.credits span{color:var(--on-night-mut)}.acc-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,6vw,100px);display:grid}.signin{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.device{margin-top:20px}.designs{border-top:1px solid var(--ink);padding:0;list-style:none}.dz{border-bottom:1px solid var(--line);grid-template-columns:88px 1fr;align-items:center;gap:16px;padding:14px 0;display:grid}.dz-ic svg{width:88px;height:88px}.dz-t{flex-direction:column;gap:3px;min-width:0;display:flex}.dz-t b{font-weight:600}.dz-t small{color:var(--mut);font-size:var(--t-xs)}.dz-a{font-size:var(--t-xs);flex-wrap:wrap;gap:14px;margin-top:4px;display:flex}@media (width<=860px){.acc-grid{grid-template-columns:minmax(0,1fr)}}.guide{background:var(--paper2);border-radius:var(--r);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.guide ol{counter-reset:g;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none;display:grid}.guide li{counter-increment:g;font-size:var(--t-xs);flex-direction:column;gap:2px;display:flex}.guide li:before{content:counter(g);font-weight:650}.guide li b{font-size:var(--t-s);font-weight:600}.guide li span{color:var(--mut)}.guide .linklike{font-size:var(--t-xs);align-self:flex-end}@media (width<=520px){.guide ol{grid-template-columns:1fr}}.next.wide li{font-size:var(--t-m);grid-template-columns:60px 200px 1fr;padding:22px 0}.next.wide li:before{grid-row:auto}@media (width<=760px){.next.wide li{grid-template-columns:40px 1fr}.next.wide li span{grid-column:2}}.lineart,.pieceart{width:100%;height:auto;display:block;overflow:visible}.lineart .ol,.lineart .floor,.pieceart .ol{fill:none;stroke:#b15533;stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lineart .floor{stroke-width:1.2px;opacity:.6}.lineart .sl,.pieceart .sl{fill:none;stroke:#b15533;stroke-width:.9px;opacity:.55;vector-effect:non-scaling-stroke}.lineart .tint{opacity:.22}.lineart .gfill,.pieceart .gfill,.lineart .halo,.pieceart .halo{opacity:0}.lineart .bar{stroke:#e3a04f;stroke-width:2.4px;stroke-linecap:round;opacity:.55;vector-effect:non-scaling-stroke;transition:stroke .8s,opacity .8s,filter .8s}.lineart.on .bar{stroke:#ffd27e;opacity:1;filter:drop-shadow(0 0 6px #ffc976)}.story-fig .sticky.line{background:0 0;border:0;padding:clamp(18px,3vw,40px)}.story-fig .sticky.line .lineart{width:auto;max-width:100%;max-height:100%}.story-fig .sticky.line .fig-cap{color:var(--mut)}.piecewall.line{border:0;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:clamp(10px,2vw,28px) clamp(8px,1.6vw,22px);margin-top:clamp(40px,7vh,72px);display:grid}.piecewall.line .pw{aspect-ratio:auto;background:0 0;border:0;gap:8px;padding:0}.piecewall.line .pw svg{filter:none;width:100%;height:auto}.piecewall.line .pw figcaption{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.piecewall.line .pw.g{background:0 0}.piecewall.line .pw.g figcaption{color:var(--mut)}.pieceart .ol.solid{fill:#b15533;stroke:#b15533}.piecewall.lit .gfill,.piecewall.lit .halo{opacity:1}.hiw-grid{grid-template:"copy fig""list fig"1fr/minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,5vw,96px);display:grid}.hiw-grid.flip{grid-template-areas:"fig copy""fig list"}.hiw-grid .g-copy{grid-area:copy}.hiw-grid .g-fig{grid-area:fig;align-self:start}.hiw-grid .g-list{grid-area:list}.hiw-fig{top:calc(var(--headh,72px) + 24px);margin:0;position:sticky}.hiw-fig svg{width:100%;height:auto;max-height:calc(100svh - var(--headh,72px) - 64px)}.lineart .axis{stroke:#b15533;stroke-width:1px;stroke-dasharray:3 5;opacity:.45;vector-effect:non-scaling-stroke}.lineart .ol.k-collar{stroke-width:1.2px}.lineart .mk line,.lineart .mk path{fill:none;stroke:#b15533;stroke-width:.8px;opacity:.7;vector-effect:non-scaling-stroke}.lineart .mk circle{fill:var(--paper,#f4efe6);stroke:#b15533;stroke-width:1px;vector-effect:non-scaling-stroke}.band-paper2 .lineart .mk circle{fill:var(--paper2)}.lineart .mk text{font:600 12px/1 var(--font,system-ui);fill:#b15533;text-anchor:middle}.lineart .ghost{fill:none;stroke:#b15533;stroke-width:.9px;stroke-dasharray:2 4;opacity:.35;vector-effect:non-scaling-stroke}.lineart .tube{fill:#ffffff73;stroke:#b15533;stroke-width:1.2px;vector-effect:non-scaling-stroke}.lineart .fixt{fill:#b15533;opacity:.85}.lineart .lbar{fill:#ffd27e;stroke:#e3a04f;stroke-width:1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #ffc976e6)}.lineart .albar{fill:#b155331f;stroke:#b15533;stroke-width:.8px;vector-effect:non-scaling-stroke}.draw .lineart .albar{opacity:0}.draw.in .lineart .albar{opacity:1;transition:opacity .7s .5s}.lineart .lbar-core{stroke:#fff6dd;stroke-width:1.4px;vector-effect:non-scaling-stroke}.lineart .cable{fill:none;stroke:#3a3330;stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lineart .adapter rect,.lineart .adapter line{fill:var(--paper,#f4efe6);stroke:#3a3330;stroke-width:1.4px;vector-effect:non-scaling-stroke}.legend{border-top:1px solid var(--line);margin:28px 0 0;padding:0;list-style:none}.legend li{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);gap:14px;padding:14px 0;display:grid}.legend .num{color:#b15533;border:1px solid #b15533;border-radius:50%;place-items:center;width:26px;height:26px;margin-top:1px;font-size:13px;font-weight:600;display:grid}.legend b{font-weight:600}.legend p{color:var(--mut);font-size:var(--t-s);margin-top:3px}.ways{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin-top:36px;display:grid}.way{flex-direction:column;gap:8px;display:flex}.way .mini{border-bottom:1px solid var(--line2);box-sizing:border-box;justify-content:center;align-items:flex-end;height:190px;margin:0 0 10px;padding-bottom:12px;display:flex;overflow:hidden}.way .mini svg{width:auto;max-width:100%;height:166px}.way b{font-size:var(--t-m);font-weight:600}.way p{font-size:var(--t-s);color:var(--mut)}.hang-note{border:1px solid var(--line2);border-radius:var(--r);margin-top:24px;padding:18px 20px}.hang-note p{color:var(--mut);font-size:var(--t-s);margin-top:4px}.checks.rules{border-top-color:#f3f0ea2e;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}.checks.rules .ck{border-bottom:1px solid #f3f0ea24;border-right:0;padding:22px 0 24px}.band-ink .ck p{color:var(--on-night-mut)}.fam{grid-template-columns:2fr 1fr 2.4fr;gap:clamp(20px,3vw,40px);margin-top:36px;display:grid}.famcol>b{border-bottom:1px solid var(--line2);margin-bottom:16px;padding-bottom:12px;font-weight:600;display:block}.famrow{flex-wrap:wrap;gap:8px 14px;display:flex}.famitem{width:84px;color:inherit;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.famitem svg{width:84px;height:84px}.famitem:hover .pieceart .gfill,.famitem:hover .pieceart .halo{opacity:1;transition:opacity .5s}.draw .lineart .ol,.draw .lineart .mk path,.draw .lineart .mk line{stroke-dasharray:1;stroke-dashoffset:1px}.draw .lineart .mk path,.draw .lineart .mk line{stroke-dasharray:2000;stroke-dashoffset:2000px}.draw .lineart .tint,.draw .lineart .mk circle,.draw .lineart .mk text,.draw .lineart .lbar,.draw .lineart .lbar-core,.draw .lineart .cable,.draw .lineart .adapter,.draw .lineart .tube,.draw .lineart .fixt,.draw .lineart .ghost{opacity:0}.draw .xg{opacity:0;transform:translateY(-18px)}.draw.in .xg{opacity:1;transition:transform .9s var(--ease,ease) calc(var(--i,0) * .14s), opacity .6s ease calc(var(--i,0) * .14s);transform:none}.draw.in .lineart .ol{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--ease,ease) calc(var(--i,0) * .14s + .1s)}.draw.in .xg .ol{transition-delay:calc(var(--i,0) * .14s + .1s)}.draw.in .lineart .mk path,.draw.in .lineart .mk line{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s .9s}.draw.in .lineart .tint{opacity:.22;transition:opacity .8s 1s}.draw.in .lineart .tube,.draw.in .lineart .fixt,.draw.in .lineart .ghost,.draw.in .lineart .cable,.draw.in .lineart .adapter{opacity:1;transition:opacity .7s .3s}.draw.in .lineart .ghost{opacity:.35}.draw.in .lineart .lbar,.draw.in .lineart .lbar-core{opacity:1;transition:opacity 1.2s 1.1s}.draw.in .lineart .mk circle,.draw.in .lineart .mk text{opacity:1;transition:opacity .5s 1.4s}.draw .xg .mk circle,.draw .xg .mk text{transition-delay:calc(var(--i,0) * .14s + .9s)!important}@media (width<=1100px){.ways{grid-template-columns:repeat(2,minmax(0,1fr))}.fam{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.checks.rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.hiw-grid,.hiw-grid.flip{grid-template:"copy""fig""list"/minmax(0,1fr)}.hiw-grid .g-fig{margin-top:28px}.hiw-fig{position:relative;top:0}.hiw-fig svg{width:auto;max-width:100%;max-height:72svh;margin-inline:auto;display:block}}@media (width<=560px){.checks.rules{grid-template-columns:minmax(0,1fr)}.way .mini{height:150px}.way .mini svg{height:126px}.famitem{width:72px}.famitem svg{width:72px;height:72px}}.install .scrim{z-index:2;pointer-events:none;position:absolute;inset:0}.install .scrim.day{opacity:calc(1 - var(--dusk,0));background:linear-gradient(#f3f0eadb 0%,#f3f0ea6b 20%,#f3f0ea00 38%),linear-gradient(#f3f0ea00 66%,#f3f0ea66 82%,#f3f0eae6 100%)}.install .scrim.night{opacity:var(--dusk,0);background:linear-gradient(#0c0a08c7 0%,#0c0a085c 22%,#0c0a0800 40%),linear-gradient(#0c0a0800 64%,#0c0a085c 80%,#0c0a08d6 100%)}@media (width>=861px){.install .scrim.day{background:linear-gradient(90deg,#f3f0eacc 0%,#f3f0ea57 30%,#f3f0ea00 50%),linear-gradient(#f3f0ea00 74%,#f3f0eab3 100%)}.install .scrim.night{background:linear-gradient(90deg,#0c0a08c2 0%,#0c0a0857 32%,#0c0a0800 52%),linear-gradient(#0c0a0800 72%,#0c0a08b3 100%)}}@media (width<=860px){.install .hero-lede{display:none}.install .hero-h{max-width:10ch;font-size:clamp(34px,10.5vw,46px)}.install .hero-foot{bottom:46px}.install .ctas{gap:18px}.hero2 .hero-media .f{object-position:52% 56%}}.statement .st-text{max-width:30ch;font-size:clamp(26px,3vw,48px)}.story-head{margin-bottom:clamp(12px,3vh,32px)}.story-head h2{max-width:13ch;margin-top:10px}.story-grid.v2{grid-template-columns:minmax(0,1fr) minmax(0,.78fr);align-items:start;gap:clamp(16px,5vw,90px);display:grid}.story-grid.v2 .story-fig{z-index:auto;align-self:stretch;position:static}.story-grid.v2 .story-fig .sticky{top:calc(var(--headh) + 8svh);height:min(66svh,640px);min-height:0;padding:clamp(10px,2vw,28px);position:sticky}.story-grid.v2 .story-steps{padding-top:0}.story-grid.v2 .step-item{flex-direction:column;justify-content:center;gap:6px;min-height:44svh;padding:0;display:flex}.story-grid.v2 .step-item h3{font-size:var(--t-l);max-width:12ch;margin:0;line-height:1.05}.story-grid.v2 .step-item .step-d{font-size:var(--t-s);color:var(--mut);max-width:34ch;margin-top:6px;line-height:1.5}.story-grid.v2 .step-item:last-child{min-height:56svh}.story-cta{flex-wrap:wrap;align-items:center;gap:22px;margin-top:clamp(20px,4vh,44px);display:flex}@media (width<=860px){.story-grid.v2{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}.story-grid.v2 .story-fig .sticky{top:calc(var(--headh) + 14svh);height:44svh}.story-grid.v2 .step-item{min-height:34svh}.story-grid.v2 .step-item h3{font-size:clamp(20px,6vw,26px)}.story-grid.v2 .step-item .step-d{display:none}.story-grid.v2 .step-item:last-child{min-height:46svh}}.pieces-sec.slim{padding-block:clamp(48px,9vh,110px)}.pline{margin-top:clamp(14px,3vh,28px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.pline-track{gap:clamp(20px,3.4vw,52px);width:max-content;padding:6px 0;animation:64s linear infinite mq;display:flex}.pline .pw{aspect-ratio:auto;opacity:1;background:0 0;border:0;flex:none;gap:8px;width:clamp(84px,10vw,132px);padding:0;transform:none}.pline .pw svg{width:100%}.pline .pw.g svg{filter:none}.pline .pw figcaption,.pline .pw.g figcaption{color:var(--mut);letter-spacing:.1em;text-transform:uppercase}.pline .gfill,.pline .halo{opacity:1}@media (prefers-reduced-motion:reduce){.pline{overflow-x:auto}.pline-track{animation:none}}@media (width<=860px){.five.pinned .lcard{width:min(70vw,300px)}.five.pinned .lcard .duo img{max-height:min(50svh, calc(100svh - var(--headh) - 330px));object-fit:cover;width:100%}.five.pinned .lcard.more{height:min(50svh,1.25*min(70vw,300px))}.five.pinned .five-head h2{font-size:clamp(30px,8.5vw,40px)}.studio .view{height:44svh}.stagebar{scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-right:14px;right:0;overflow-x:auto}.stagebar::-webkit-scrollbar{display:none}.stagebar>*{flex:none}.studio .panel>.kicker,.studio .panel .intro,.studio .panel .stackhint,.studio .guide{display:none!important}.studio h1{font-size:30px}}.pieces-sec.slim .sechead{flex-wrap:wrap;align-items:baseline;gap:8px 20px}.pieces-sec.slim .sechead>*{white-space:nowrap}@media (width>=861px){.install .scrim.day{background:linear-gradient(#f3f0ea9e 0%,#f3f0ea00 34%),linear-gradient(90deg,#f3f0eacc 0%,#f3f0ea57 30%,#f3f0ea00 50%),linear-gradient(#f3f0ea00 74%,#f3f0eab3 100%)}.install .scrim.night{background:linear-gradient(#0c0a08a8 0%,#0c0a0833 26%,#0c0a0800 40%),linear-gradient(90deg,#0c0a08c2 0%,#0c0a0857 32%,#0c0a0800 52%),linear-gradient(#0c0a0800 72%,#0c0a08b3 100%)}.install .hero-copy,.install .hero-foot{text-shadow:0 1px 18px color-mix(in srgb, #0c0a088c calc(var(--dusk,0) * 100%), transparent)}.story-grid.v2{grid-template-columns:minmax(0,1fr) minmax(0,.6fr)}.story-grid.v2 .story-fig .sticky{height:min(54svh,500px);top:calc(var(--headh) + 14svh)}}.studio-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.studio-top .linklike{font-size:var(--t-s);cursor:pointer;font-weight:550}.startsbox{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.startsbox summary{cursor:pointer;font-size:var(--t-s);justify-content:space-between;align-items:center;min-height:32px;font-weight:550;list-style:none;display:flex}.startsbox summary::-webkit-details-marker{display:none}.startsbox summary:after{content:"+";color:var(--mut);font-size:20px;font-weight:400;line-height:1}.startsbox[open] summary:after{content:"–"}.startsbox .starts{margin-top:10px}.tour{z-index:80;pointer-events:none;position:fixed;inset:0}.tour-ring{box-shadow:0 0 0 2px var(--ink), 0 0 0 200vmax #1010102e;border-radius:14px;position:fixed}.tour-ring i{border-radius:inherit;border:2px solid #e4bd68;animation:1.8s ease-out infinite tour-ripple;position:absolute;inset:-2px}.tour-ring b{background:#e4bd68f2;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:1.8s ease-in-out infinite tour-tap;position:absolute;top:50%;left:50%;box-shadow:0 0 0 6px #e4bd6847,0 2px 8px #0000002e}.tour-ring.slide b{animation:2s ease-in-out infinite tour-slide}@keyframes tour-ripple{0%{opacity:.95;transform:scale(1)}70%,to{opacity:0;transform:scale(1.18,1.35)}}@keyframes tour-tap{0%,to{transform:scale(1)}22%{transform:scale(.62)}40%{transform:scale(1.08)}55%{transform:scale(1)}}@keyframes tour-slide{0%,to{transform:translate(-28px)}50%{transform:translate(28px)}}.tour-card{background:var(--paper);width:min(320px,100vw - 24px);color:var(--ink);pointer-events:auto;border-radius:14px;padding:16px 18px 14px;position:fixed;box-shadow:0 16px 48px #0003,0 1px #0000000a}.tour-card.in,.tour-ring.in{animation:tour-in .4s var(--ease) both}@keyframes tour-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tour-k{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:#b98a2e;font-weight:600}.tour-t{font-family:var(--display);letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:560;line-height:1.05}.tour-d{font-size:var(--t-s);color:var(--mut);margin-top:6px;line-height:1.45}.tour-f{align-items:center;gap:14px;margin-top:14px;display:flex}.tour-dots{gap:5px;margin-right:auto;display:flex}.tour-dots i{background:var(--line2);width:6px;height:6px;transition:width .3s var(--ease), background .3s;border-radius:50%}.tour-dots i.on{background:var(--ink);border-radius:3px;width:18px}.tour-skip{font:inherit;font-size:var(--t-s);color:var(--mut);cursor:pointer;background:0 0;border:0;padding:8px 2px}.tour-next{background:var(--ink);color:var(--paper);font:inherit;font-size:var(--t-s);cursor:pointer;border:0;border-radius:999px;min-height:40px;padding:9px 18px;font-weight:600}@media (width<=639px){.tour-card{left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t f""d f";align-items:center;column-gap:12px;width:auto;padding:10px 10px 10px 14px;display:grid}.tour-k,.tour-dots{display:none}.tour-t{grid-area:t;margin:0;font-size:16px}.tour-d{grid-area:d;margin-top:3px;font-size:13px;line-height:1.35}.tour-f{flex-direction:column;grid-area:f;align-items:stretch;gap:0;margin:0}.tour-next{min-height:36px;padding:7px 16px}.tour-skip{text-align:center;padding:4px 0 0;font-size:12px}}@media (prefers-reduced-motion:reduce){.tour-ring i,.tour-ring b,.tour-card.in,.tour-ring.in{animation:none}}.gal{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(28px,5vh,56px);display:grid}.gcard{flex-direction:column;gap:6px;display:flex}.gcard figure{aspect-ratio:4/5;justify-content:center;align-items:flex-end;margin:0 0 8px;display:flex}.gcard figure svg{width:100%;height:100%}.gcard h2{font-size:var(--t-l);letter-spacing:-.025em;line-height:1.02}.gcard .by{font-size:var(--t-s);color:var(--mut)}.gcard .gp{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;font-weight:600;display:flex}.gal-empty{color:var(--mut);margin-top:32px}.circle-msg.ok{color:var(--ok)}.circle-msg.err{color:var(--warn)}.pubopt{flex-direction:column;gap:10px;margin:6px 0 4px;display:flex}.m-ready main .sec .gcard h2{opacity:1}.story-fig .lineart .floor,.gcard .lineart .floor,.focus-exit,.focusbar{display:none}@media (width<=860px){.studio .view{height:56svh}.stagebar{flex-flow:column;align-items:flex-end;gap:6px;padding-right:0;top:10px;left:auto;right:10px;overflow:visible}.stagebar .lights{gap:6px;padding:3px 10px;font-size:11px}.stagebar .lights input{width:72px}.stagebar .pill,.stagebar .seg.mode button{min-height:28px;padding:4px 10px;font-size:11px}.pill.hot{margin-left:0}}.studio-focus .head,.studio-focus .foot,.studio-focus .skip{display:none!important}.studio-focus .studio{padding-top:0}.studio-focus .studio .view{height:100svh;top:0}.studio-focus .cornerbtns [data-focus]{display:none}.studio-focus .focus-exit{background:var(--ink);color:var(--paper);font:inherit;font-size:var(--t-xs);cursor:pointer;border:0;border-radius:999px;align-items:center;min-height:32px;padding:7px 16px;font-weight:600;display:inline-flex}.studio-focus .focusbar{z-index:5;margin:8px calc(-1 * var(--gut)) -40px;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#f3f0eaf2;align-items:center;gap:6px;display:flex;position:sticky;bottom:0}.focusbar [data-jump]{border:1px solid var(--line2);min-height:36px;font:inherit;font-size:var(--t-xs);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-weight:600}.focusbar .fb-price{font-weight:650;font-size:var(--t-s);white-space:nowrap;margin-left:auto}.focusbar .btn{min-height:40px;padding:9px 16px}.focusbar .btn:disabled{opacity:.45}@media (width<=860px){.studio-focus .studio .view{height:58svh}.studio-focus .stagebar{left:auto}}.addmode{border:1px solid var(--ink);border-radius:999px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.addmode button{min-height:34px;font:inherit;font-size:var(--t-xs);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-weight:600}.addmode button[aria-pressed=true]{background:var(--ink);color:var(--ivory)}.stackwrap{flex-direction:column;display:flex}.stack-end{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:6px 0;font-weight:600}.namebox{background:color-mix(in srgb, #e4bd68 15%, var(--paper));border:1px solid #e4bd6899;border-radius:12px;flex-direction:column;gap:8px;margin-top:18px;padding:16px 18px 18px;display:flex}.namebox .step{font-size:var(--t-m);border-top:0;margin-top:0;padding-top:0}.namebox .text{font-size:var(--t-l);font-family:var(--display);letter-spacing:-.01em}.zoombtns{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:42px;right:14px}.zoombtns button{border:1px solid var(--ink);cursor:pointer;background:#f3f0eae0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:19px;line-height:1;display:grid}.gview{position:relative;overflow:hidden}.gslide img{transition:transform .18s ease-out}.zbox{z-index:3;pointer-events:none;background:#fff3;border:1px solid #1616168c;position:absolute;top:0;left:0}.zpane{z-index:20;pointer-events:none;background-repeat:no-repeat;background-color:var(--paper);border-radius:var(--r);position:absolute;top:0;left:calc(100% + 24px);box-shadow:0 18px 50px #0000002e}@media (width<=860px){.zoombtns{bottom:12px;right:10px}.zoombtns button{width:34px;height:34px}}.gallery{z-index:25}.holdbox{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin-top:8px;padding:12px 12px 10px}.holdbox .holdart{max-width:340px;margin:0 auto 6px}.holdbox .xs{margin:0;line-height:1.45}.holdart .h-shade{fill:#ffecc88c;stroke:#b15533;stroke-width:1.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.holdart .h-below{fill:#b155330d;stroke:#b15533;stroke-width:.9px;stroke-dasharray:3 3;opacity:.6;vector-effect:non-scaling-stroke}.holdart .h-tube{fill:#ffffffb3;stroke:#9a948c;stroke-width:.8px;vector-effect:non-scaling-stroke}.holdart .h-sleeve{fill:#96bed259;stroke:#6f93a5;stroke-width:1px;vector-effect:non-scaling-stroke}.holdart .h-ring{fill:#e4bd68;stroke:#8e5a1e;stroke-width:1px;vector-effect:non-scaling-stroke}.holdart .h-lip{fill:#f3d3a0;stroke:#b15533;stroke-width:1px;vector-effect:non-scaling-stroke}.holdart .h-gap{fill:none;stroke:#b15533;stroke-width:1.3px;vector-effect:non-scaling-stroke}.holdart .h-key path{fill:none;stroke:#161616;stroke-width:.8px;opacity:.5;vector-effect:non-scaling-stroke}.holdart .h-key text{font:500 11.5px/1 var(--font,system-ui), system-ui, sans-serif;fill:#5d5952}.holdart .h-key .b{fill:#161616;font-weight:650}.holdart .h-key circle{fill:#161616}.holdart .h-key .n{fill:#fff;text-anchor:middle;font:700 10.5px/1 system-ui,sans-serif}.way .k{color:#fff;vertical-align:.1em;background:#161616;border-radius:50%;place-items:center;width:1.35em;height:1.35em;margin-right:2px;font:700 .72em/1 system-ui,sans-serif;display:inline-grid}.draw .holdart{opacity:0}.draw.in .holdart{opacity:1;transition:opacity .9s .2s}.cornerbtns{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:14px}.ico{border:1px solid var(--ink);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#f3f0eadb;border-radius:50%;place-items:center;padding:0;transition:background .2s,color .2s;display:grid}.ico svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ico[aria-pressed=true]{background:var(--ink);color:#f2c46b}.ico:focus-visible{outline-offset:2px;outline:2px solid #e4bd68}.cornerbtns .focus-exit{min-height:36px}@media (width<=860px){.cornerbtns{top:10px;left:10px}.ico,.cornerbtns .focus-exit{width:34px;height:34px;min-height:34px}.cornerbtns .focus-exit{width:auto}.five.pinned{--ih:clamp(190px, calc(100svh - 400px), 87.5vw)}.five.pinned .lcard{width:calc(var(--ih) * .8)}.five.pinned .lcard .duo img{max-height:none}.five.pinned .lcard.more{height:var(--ih)}}@media (width<=860px) and (height<=720px){.five.pinned{--ih:clamp(190px, calc(100svh - 362px), 87.5vw)}.five.pinned .lmeta small{display:none}}.five.pinned .five-track{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.five.pinned .five-track img{-webkit-user-drag:none;user-select:none}.five.dragging .five-track{cursor:grabbing}.five.dragging .lcard{pointer-events:none}.rdbtn{background:var(--ink);height:36px;color:var(--ivory);font:inherit;font-size:var(--t-xs);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;font-weight:650;display:inline-flex;box-shadow:0 6px 18px #0000002e}.rdbtn svg,.rdcta svg{fill:#f2c46b;stroke:none;flex:none;width:16px;height:16px}.rdbtn:focus-visible{outline-offset:2px;outline:2px solid #e4bd68}.stagebar{left:270px}.studio-focus .stagebar{left:304px}.rdcta{align-self:flex-start;gap:10px}.rdlg{background:var(--paper);width:min(1040px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--ink);border:0;border-radius:18px;padding:0;overflow:auto}.rdlg::backdrop{backdrop-filter:blur(4px);background:#0e0d0f9e}.rd-in{grid-template:"fig head""fig bar""fig note"1fr/minmax(0,1.1fr) minmax(260px,.9fr);gap:14px 28px;padding:22px;display:grid}.rd-head{grid-area:head;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rd-head h2{margin-top:6px;font-size:clamp(28px,3vw,40px)}.rd-x{border:1px solid var(--line2);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:40px;height:40px;font-size:24px;line-height:1}.rd-fig{aspect-ratio:4/5;background:#e3ded6;border-radius:12px;grid-area:fig;max-height:calc(100svh - 80px);position:relative;overflow:hidden}.rd-fig canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.rd-wait{text-align:center;font-size:var(--t-s);color:var(--mut);position:absolute;inset:auto 16px 50%}.rd-bar{flex-wrap:wrap;grid-area:bar;align-items:center;gap:12px;display:flex}.rd-mode button{padding:7px 14px}.rd-prog{background:var(--line2);border-radius:2px;flex:120px;height:3px;overflow:hidden}.rd-prog i{background:#e4bd68;width:0;height:100%;transition:width .25s linear;display:block}.rd-pct{min-width:9ch;color:var(--mut)}.rd-bar .btn{width:100%}.rd-bar .btn:disabled{opacity:.45;cursor:default}.rd-note{color:var(--mut);grid-area:note}@media (width<=860px){.rdbtn{height:34px;padding:0 12px 0 9px}.rdlg{border-radius:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0}.rd-in{padding:14px 14px calc(16px + env(safe-area-inset-bottom));grid-template:"head""fig""bar""note"/minmax(0,1fr);gap:12px}.rd-head h2{font-size:26px}.rd-fig{justify-self:center;width:min(100%,49.6svh);max-height:62svh}}.gview .gthumbs{z-index:6;backdrop-filter:blur(8px);background:#f3f0eadb;border-radius:999px;gap:2px;margin:0;padding:3px;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 16px #00000014}.gview .gthumbs button{min-height:32px;font:inherit;font-size:var(--t-xs);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 13px;font-weight:600}.gview .gthumbs button[aria-selected=true]{background:var(--ink);color:var(--ivory)}.g3d .vlight{inset:auto auto 12px 12px}.g3d .g3hint{top:auto;bottom:20px;left:150px}.g3d.lit .g3hint{color:#e9e4da}.g3zoom{bottom:12px;right:12px}@media (width<=860px){.gview .gthumbs{top:8px;left:8px}.g3d .vlight{bottom:8px;left:8px}.g3d .g3hint{display:none}.gview .gthumbs button{min-height:30px;padding:6px 10px;font-size:11.5px}.g3zoom{flex-direction:column;bottom:8px;right:8px}}
