@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.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{--bg:#07080d;--bg2:#0c0e16;--ink:#f3efe6;--mute:#a6a8b3;--line:#ffffff17;--gold:#f2b84b;--gold2:#ffd98c;--glass:#ffffff0b;--r:20px;--display:"Fraunces Variable",Georgia,serif;--sans:"Inter Variable",system-ui,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,video,svg{max-width:100%;display:block}a{color:var(--gold2)}button,input,select,textarea{font:inherit;color:inherit}.wrap{width:min(1240px,100% - 40px);margin-inline:auto}.narrow{width:min(860px,100% - 40px)}.skip{z-index:200;color:#000;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:-999px}.skip:focus{left:10px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.grain{z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.glass{border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#ffffff0f,#ffffff05)}.muted{color:var(--mute)}.fine{color:var(--mute);font-size:.8rem}.center{text-align:center}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.05}h2{font-size:clamp(2.2rem,5vw,4.2rem)}h3{letter-spacing:-.01em;font-size:1.35rem}h2 em,h1 em{color:var(--gold);font-variation-settings:"SOFT" 100;font-style:italic}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-size:.75rem;font-weight:600}.sub{color:var(--mute);max-width:620px;margin:18px 0 0;font-size:1.08rem}.center .sub{margin-inline:auto}.sec-head{margin-bottom:56px}.section{padding:clamp(80px,12vw,150px) 0;position:relative}.btn{--h:52px;height:var(--h);cursor:pointer;color:#1a1205;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s;background:linear-gradient(135deg,#ffd98c,#f2b84b 45%,#e3962a);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px -10px #f2b84b99,inset 0 1px #ffffff80}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px #f2b84bcc,inset 0 1px #ffffff80}.btn:active{transform:translateY(0)scale(.98)}.btn-ghost{color:var(--ink);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff2e}.btn-ghost:hover{border-color:var(--gold);box-shadow:none}.btn-sm{--h:42px;padding:0 18px;font-size:.9rem}.btn-block{width:100%}.btn[disabled]{opacity:.4;cursor:not-allowed;filter:grayscale(.5);transform:none}.nav{z-index:60;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(20px,4vw,48px);transition:background .4s,padding .4s,border-color .4s;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-color:var(--line);background:#07080db8;padding-block:12px}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.brand svg{width:32px;height:32px;color:var(--ink)}.brand em{color:var(--gold);font-style:normal}.brand-dots circle{fill:var(--gold2);filter:drop-shadow(0 0 3px var(--gold))}.nav ul{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav ul a{color:var(--ink);opacity:.82;font-size:.92rem;text-decoration:none;transition:opacity .2s}.nav ul a:hover{opacity:1;color:var(--gold2)}.nav-actions{align-items:center;gap:10px;display:flex}.cart-btn,.icon-btn{border:1px solid var(--line);cursor:pointer;width:44px;height:44px;color:var(--ink);background:#ffffff0d;border-radius:50%;place-items:center;display:grid;position:relative}.cart-btn svg{width:22px}.cart-count{background:var(--gold);color:#120c02;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.menu-toggle{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:50%;width:44px;height:44px;padding:0 12px;display:none}.menu-toggle span{background:var(--ink);height:1.5px;margin:5px 0;transition:all .3s;display:block}.hero{align-items:flex-end;height:100svh;min-height:640px;padding-bottom:clamp(60px,10vh,120px);display:flex;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img,.hero-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-video{opacity:0;transition:opacity 1.2s}.hero-video.ready{opacity:1}.hero-shade{background:linear-gradient(180deg,#07080d8c 0%,#07080d1a 30%,#07080d59 60%,var(--bg) 100%),linear-gradient(90deg,#07080dd9,#07080d00 65%);position:absolute;inset:0}.hero-trace{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-trace path{fill:none;stroke:var(--gold2);stroke-width:2.2px;filter:drop-shadow(0 0 6px #ffc65e)drop-shadow(0 0 18px #ffb13b);vector-effect:non-scaling-stroke}.hero-inner{z-index:2;position:relative}.chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2b84b1a;border:1px solid #f2b84b73;border-radius:999px;align-items:center;gap:10px;margin:0 0 26px;padding:8px 16px;font-size:.88rem;display:inline-flex}.chip strong{color:var(--gold2)}.pulse{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #f2b84bb3}@keyframes pulse{70%{box-shadow:0 0 0 10px #f2b84b00}to{box-shadow:0 0 #f2b84b00}}.hero-title{letter-spacing:-.035em;max-width:12ch;font-size:clamp(3rem,9vw,8.2rem);line-height:.95}.hero-title .line{padding-bottom:.08em;display:block;overflow:hidden}.hero-title .line>span{display:inline-block}.hero-lead{color:#d9d6ce;max-width:560px;margin:26px 0 0;font-size:clamp(1.02rem,1.4vw,1.2rem)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.trust{color:var(--mute);flex-wrap:wrap;gap:10px 28px;margin:44px 0 0;padding:0;font-size:.88rem;list-style:none;display:flex}.trust b{color:var(--ink);font-weight:600}.scroll-cue{z-index:3;border:1.5px solid #fff6;border-radius:14px;width:26px;height:42px;position:absolute;bottom:40px;right:clamp(20px,4vw,48px)}.scroll-cue span{background:var(--gold);border-radius:2px;width:3px;height:8px;margin-left:-1.5px;animation:1.8s infinite cue;position:absolute;top:8px;left:50%}@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(14px)}}.designer{grid-template-columns:1.6fr 1fr;align-items:start;gap:22px;display:grid}.stage{padding:14px;overflow:hidden}.stage svg{border-radius:14px;width:100%;height:auto}.stage-note{color:var(--mute);margin:10px 6px 0;font-size:.75rem}.controls{flex-direction:column;gap:22px;padding:26px;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);gap:10px;width:100%;margin-bottom:12px;font-size:.78rem;font-weight:600;display:flex}legend .muted{text-transform:none;letter-spacing:0;color:var(--gold2);font-weight:500}.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preset{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;transition:all .25s;display:flex}.preset:hover{border-color:#ffffff40}.preset[aria-checked=true]{border-color:var(--gold);background:#f2b84b1a}.preset .dots{gap:3px;display:flex}.preset .dots i{border-radius:50%;width:8px;height:8px}.seg{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;grid-template-columns:repeat(4,1fr);padding:4px;display:grid}.seg button{cursor:pointer;color:var(--mute);background:0 0;border:0;border-radius:9px;padding:9px 4px;font-size:.85rem;transition:all .25s}.seg button[aria-checked=true]{background:var(--gold);color:#140e03;font-weight:600}.swatches{flex-wrap:wrap;gap:7px;display:flex}.sw{background:var(--c);cursor:pointer;width:26px;height:26px;transition:transform .2s var(--ease),box-shadow .2s;border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #ffffff2e}.sw:hover{transform:scale(1.15)}.sw[aria-checked=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--gold);transform:scale(1.1)}.swatches.sm .sw{width:22px;height:22px}.swatches.lg .sw{width:36px;height:36px}.ba{aspect-ratio:5/3;border-radius:var(--r);border:1px solid var(--line);-webkit-user-select:none;user-select:none;max-width:1100px;margin:0 auto;position:relative;overflow:hidden}.ba-layer{position:absolute;inset:0}.ba-layer svg{width:100%;height:100%}.ba-tag{letter-spacing:.08em;text-transform:uppercase;background:#0000008c;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;position:absolute;top:18px;left:18px}.ba-tag.right{left:auto;right:18px}.ba-handle{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 18px #ffffffb3}.ba-handle span{background:#ffffffeb;border-radius:50%;width:52px;height:52px;margin:-26px;position:absolute;top:50%;left:50%;box-shadow:0 8px 30px #0006}.ba-handle span:before{content:"‹ ›";color:#111;letter-spacing:4px;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.ba input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:4px}.daynight .fine.center{margin-top:14px}.realpair{grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;margin:40px auto 0;display:grid}.realpair img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;height:auto}.realpair figure{margin:0}.realpair img{object-position:50% 35%}.realpair figcaption{color:var(--mute);margin-top:8px;font-size:.82rem}.bento{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tile{min-height:220px;transition:transform .5s var(--ease),border-color .4s;flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:#f2b84b59;transform:translateY(-4px)}.tile:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f2b84b29,#0000 65%);width:70%;position:absolute;inset:auto -30% -60% auto}.tile-lg{grid-column:span 2}.tile p{color:var(--mute);max-width:46ch;margin:10px 0 0}.num{font-family:var(--display);color:var(--gold);opacity:.8;font-size:.95rem;position:absolute;top:26px;left:32px}.mini-swatches{flex-wrap:wrap;gap:5px;margin-top:20px;display:flex}.mini-swatches i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff26}.occasions{position:relative}.occ-pin{background:var(--bg2);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.occ-bg{transition:background 1s;position:absolute;inset:0}.occ-inner{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;padding:100px 0;display:grid;position:relative}.occ-list{gap:6px;margin:40px 0 0;padding:0;list-style:none;display:grid}.occ-list li{border-left:2px solid var(--line);opacity:.4;transition:.5s var(--ease);cursor:default;padding:16px 0 16px 22px}.occ-list li.on{opacity:1;border-color:var(--gold)}.occ-list h3{font-size:1.6rem}.occ-list p{color:var(--mute);margin:4px 0 0}.occ-roof svg{width:100%;height:auto}.occ-roof circle{transition:fill .6s,filter .6s}.steps{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid;position:relative}.step{padding:34px}.step p{color:var(--mute);margin:10px 0 0}.step-n{border:1px solid var(--gold);width:46px;height:46px;color:var(--gold);font-family:var(--display);border-radius:50%;place-items:center;margin-bottom:26px;font-size:1.2rem;display:grid;box-shadow:0 0 30px -6px #f2b84b99}.masonry{grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(160px,17vw,250px);gap:14px;display:grid}.tile-img{cursor:zoom-in;background:#111;border:0;border-radius:16px;padding:0;position:relative;overflow:hidden}.tile-img.wide{grid-column:span 2}.tile-img img{aspect-ratio:auto;object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease),filter .6s;filter:saturate(1.05)}.tile-img:hover img{transform:scale(1.05)}.tile-img span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#00000080;border-radius:999px;padding:5px 12px;font-size:.82rem;transition:all .4s;position:absolute;bottom:12px;left:14px;transform:translateY(6px)}.tile-img:hover span,.tile-img:focus-visible span{opacity:1;transform:none}.lightbox{max-width:min(1200px,94vw);max-height:92vh;color:var(--ink);background:0 0;border:0;padding:0}.lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030408e6}.lightbox img{border-radius:12px;max-height:80vh;margin:0 auto}.lightbox p{text-align:center;color:var(--mute)}.lb-close{position:fixed;top:20px;right:20px}.lb-prev,.lb-next{font-size:1.6rem;position:fixed;top:50%}.lb-prev{left:20px}.lb-next{right:20px}.products{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.product{transition:transform .5s var(--ease),border-color .4s;flex-direction:column;gap:12px;padding:22px;display:flex;position:relative}.product:hover{border-color:#f2b84b4d;transform:translateY(-6px)}.product.featured{border-color:#f2b84b80;box-shadow:0 30px 80px -40px #f2b84b73}.badge{z-index:2;background:var(--gold);color:#140e03;border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:700;position:absolute;top:16px;right:16px}.p-visual{border-radius:14px;position:relative;overflow:hidden}.p-visual svg{width:100%;height:auto}.pv-soffit,.pv-track{transition:fill .5s}.p-feet{font-family:var(--display);color:#ffffffe6;text-shadow:0 2px 20px #0009;font-size:2.4rem;line-height:1;position:absolute;bottom:4px;right:14px}.p-feet small{margin-left:2px;font-size:.9rem}.price-row{align-items:baseline;gap:12px;display:flex}.price{font-family:var(--display);color:var(--gold2);font-size:2.6rem;line-height:1}.per{color:var(--mute);font-size:.88rem}.bnpl-line{color:#d8c9a6;margin:-4px 0 0;font-size:.84rem}.product .muted{margin:0;font-size:.92rem}.pick-l{color:var(--mute);margin-bottom:8px;font-size:.85rem;display:block}.pick-l strong{color:var(--ink)}.incl{border-top:1px solid var(--line);padding-top:10px}.incl summary{cursor:pointer;justify-content:space-between;font-size:.92rem;font-weight:500;list-style:none;display:flex}.incl summary:after{content:"+";color:var(--gold)}.incl[open] summary:after{content:"–"}.incl ul{color:var(--mute);margin:10px 0 0;padding-left:18px;font-size:.86rem}.buy{gap:10px;margin-top:4px;display:flex}.buy .btn{flex:1}.stepper{border:1px solid var(--line);background:#ffffff08;border-radius:999px;align-items:center;display:flex}.stepper button{cursor:pointer;width:38px;height:50px;color:var(--ink);background:0 0;border:0;font-size:1.1rem}.stepper input{text-align:center;-moz-appearance:textfield;background:0 0;border:0;width:34px}.stepper input::-webkit-inner-spin-button{display:none}.stepper.sm button{width:30px;height:32px}.stepper.sm span{text-align:center;min-width:18px}.fly{z-index:120;width:22px;height:22px;box-shadow:0 0 0 3px #ffffffe6,0 0 20px var(--gold);pointer-events:none;border-radius:50%;margin:-11px;position:fixed}#bnplFoot{margin-top:18px}.financing{background:radial-gradient(60% 80% at 80%,#f2b84b14,#0000 70%)}.fin-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;display:grid}.ticks{gap:10px;margin:26px 0 30px;padding:0;list-style:none;display:grid}.ticks li:before{content:"✓";color:var(--gold);margin-right:12px}.calc{gap:16px;padding:30px;display:grid}.calc h3{font-size:1.2rem}.calc label{color:var(--mute);gap:8px;font-size:.88rem;display:grid}.calc output{color:var(--ink);justify-self:end;margin-top:-28px;font-weight:600}.calc-out{background:#f2b84b14;border:1px dashed #f2b84b66;border-radius:14px;align-items:baseline;gap:10px;padding:18px;display:flex}.calc-out strong{font-family:var(--display);color:var(--gold2);font-size:2.2rem}.calc-out span:first-child{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-right:auto;font-size:.72rem}input[type=range]{width:100%;accent-color:var(--gold)}input:not([type=range]):not([type=checkbox]),select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#00000059;border-radius:12px;padding:13px 14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f2b84b33}select option{background:#111}.wizard{grid-template-columns:1.5fr 1fr;grid-template-areas:"prog prog""body est""nav est";gap:24px 34px;max-width:1080px;margin:0 auto;padding:clamp(22px,4vw,44px);display:grid}.wz-progress{counter-reset:w;grid-area:prog;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.wz-progress li{counter-increment:w;color:var(--mute);border-top:2px solid var(--line);padding-top:12px;font-size:.78rem;transition:all .4s}.wz-progress li:before{content:"0" counter(w) " ";color:inherit}.wz-progress li.on{color:var(--gold2);border-color:var(--gold)}.wz-body{grid-area:body;min-height:300px}.wz-step{display:none}.wz-step.on{gap:16px;display:grid}.wz-step legend{font-family:var(--display);text-transform:none;letter-spacing:-.01em;color:var(--ink);font-size:1.7rem;font-weight:500}.wz-step label{color:var(--mute);gap:7px;font-size:.88rem;display:grid}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.area-cards{gap:10px;display:grid}.area-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .25s;display:flex}.area-card span{color:var(--mute);font-size:.88rem}.area-card:hover{border-color:#ffffff4d}.area-card[aria-checked=true]{border-color:var(--gold);background:#f2b84b1a}.area-card[aria-checked=true] span{color:var(--gold2)}.check{border:1px solid var(--line);border-radius:12px;grid-template-columns:none;align-items:center;padding:14px;color:var(--ink)!important;gap:10px!important;display:flex!important}.check input{width:18px;height:18px;accent-color:var(--gold)}.estimate{background:linear-gradient(160deg,#f2b84b24,#f2b84b05);border:1px solid #f2b84b4d;border-radius:16px;flex-direction:column;grid-area:est;align-self:start;gap:10px;padding:26px;display:flex;position:sticky;top:100px}.est-num{font-family:var(--display);color:var(--gold2);transform-origin:0;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;display:inline-block}.est-fin{background:#0000004d;border-radius:10px;padding:12px;font-size:.85rem}.area-phone{font-size:.88rem}.wz-nav{grid-area:nav;justify-content:space-between;gap:10px;display:flex}.wz-done h3{margin-bottom:10px;font-size:2rem}.area-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.area{padding:30px}.area p{color:var(--mute)}.area a{font-size:1.1rem;font-weight:600;text-decoration:none}.acc details{border-bottom:1px solid var(--line)}.acc summary{cursor:pointer;padding:24px 40px 24px 0;font-size:1.12rem;font-weight:500;list-style:none;position:relative}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"";border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);width:12px;height:12px;transition:transform .35s var(--ease);position:absolute;top:50%;right:6px;transform:translateY(-70%)rotate(45deg)}.acc details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.acc details div{color:var(--mute);padding:0 40px 22px 0}.acc details div p{margin:0}.final-cta{text-align:center;background:radial-gradient(50% 70% at 50% 100%,#f2b84b2e,#0000 70%);padding:clamp(90px,14vw,180px) 0}.final-cta h2{font-size:clamp(2.4rem,6vw,5.4rem)}.final-cta .hero-cta{justify-content:center}.footer{border-top:1px solid var(--line);padding:60px 0 40px}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:30px;display:grid}.footer h4{letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 10px;font-size:.78rem}.footer a{text-decoration:none}.scrim{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0000008c;transition:opacity .3s;position:fixed;inset:0}.scrim.on{opacity:1}.drawer{z-index:110;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--line);width:min(440px,100%);transition:transform .5s var(--ease);visibility:hidden;background:#0e1018eb;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.open{visibility:visible;transform:none}.drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.drawer h2{font-size:1.6rem}.drawer-items{flex:1;padding:10px 24px;overflow:auto}.ci{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:14px;padding:18px 0;display:grid}.ci-sw{border-radius:10px;width:38px;height:38px;box-shadow:inset 0 0 0 1px #fff3}.ci-main{gap:4px;font-size:.92rem;display:grid}.ci-main .stepper{justify-self:start;margin-top:6px}.ci-end{align-content:space-between;justify-items:end;display:grid}.link{color:var(--mute);cursor:pointer;background:0 0;border:0;font-size:.82rem;text-decoration:underline}.empty{text-align:center;color:var(--mute);padding:60px 0}.drawer>footer{border-top:1px solid var(--line);gap:8px;padding:20px 24px 26px;display:grid}.subtotal{justify-content:space-between;font-size:1.15rem;display:flex}.subtotal strong{font-family:var(--display);color:var(--gold2);font-size:1.6rem}.bnpl{color:#d8c9a6!important}.notice{color:#ecdcb4;background:#f2b84b14;border:1px solid #f2b84b4d;border-radius:12px;margin:6px 0;padding:12px 14px;font-size:.86rem}.toast{z-index:130;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.4s var(--ease);pointer-events:none;background:#14161eeb;border:1px solid #f2b84b80;border-radius:999px;padding:12px 22px;font-size:.92rem;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=1080px){.nav ul{gap:20px}.designer{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}}@media (width<=900px){.nav nav{z-index:-1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#07080df7;place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}.nav.open nav{opacity:1;pointer-events:auto}.nav ul{flex-direction:column;align-items:center;gap:22px}.nav ul a{font-family:var(--display);font-size:2rem}.menu-toggle{display:block}.nav.open .menu-toggle span:first-child{transform:translateY(3.25px)rotate(45deg)}.nav.open .menu-toggle span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.bento,.steps,.area-grid{grid-template-columns:1fr}.tile-lg{grid-column:auto}.occ-inner{grid-template-columns:1fr;padding:80px 0}.occ-pin{min-height:auto}.fin-grid{grid-template-columns:1fr}.wizard{grid-template-columns:1fr;grid-template-areas:"prog""est""body""nav"}.estimate{position:static}.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.masonry{grid-auto-rows:auto}.tile-img img{aspect-ratio:16/9}.nav-actions .btn-sm{display:none}.products,.masonry,.realpair,.row2{grid-template-columns:1fr}.tile-img.wide{grid-column:auto}.hero{align-items:flex-end}.hero-title{font-size:clamp(2.7rem,13vw,4rem)}.trust{gap:8px 18px;margin-top:30px}.hero-cta .btn{flex:100%}.scroll-cue{display:none}.sec-head{margin-bottom:36px}.preset-grid{grid-template-columns:1fr 1fr}.ba{aspect-ratio:4/3}.ba-layer svg{object-fit:cover}.foot-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hero-video{display:none}}.foot-logo{mix-blend-mode:screen;width:180px;height:auto;margin-bottom:8px}.hero-trace path{stroke-width:3px}.g-badge{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;text-decoration:none;transition:border-color .3s;display:inline-flex}.g-badge:hover{border-color:var(--gold)}.g-badge b{color:var(--gold2)}.final-cta .g-badge{margin-bottom:6px}.stars{color:var(--gold);letter-spacing:2px}.rev-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.rev-score{color:var(--ink);grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:14px;padding:16px 22px;text-decoration:none;display:grid}.rev-score strong{font-family:var(--display);color:var(--gold2);grid-row:span 2;font-size:2.8rem;line-height:1}.rev-score .muted{font-size:.85rem}.rev-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.review{transition:transform .5s var(--ease),border-color .4s;flex-direction:column;gap:14px;margin:0;padding:28px;display:flex}.review:hover{border-color:#f2b84b4d;transform:translateY(-4px)}.review.feat{background:linear-gradient(160deg,#f2b84b1f,#ffffff05);grid-row:span 2}.review blockquote{flex:1;margin:0}.review p{font-family:var(--display);letter-spacing:-.005em;margin:0;font-size:1.12rem;line-height:1.5}.review.feat p{font-size:1.45rem}.review figcaption{color:var(--mute);align-items:center;gap:10px;font-size:.84rem;display:flex}.g-dot{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}@media (width<=900px){.rev-grid{grid-template-columns:1fr 1fr}.review.feat{grid-area:auto/span 2}}@media (width<=640px){.rev-grid{grid-template-columns:1fr}.review.feat{grid-column:auto}.review.feat p{font-size:1.2rem}.rev-score .muted{white-space:nowrap;font-size:.78rem}}.multipay{gap:8px;display:grid}.buynow{margin-top:-2px}.buy-note{text-align:center;margin:-4px 0 0}.ty-main{flex-direction:column;justify-content:center;min-height:100vh;padding:80px 0;display:flex}.ty-roof{width:220px;margin-bottom:30px}.ty h1{font-size:clamp(2.4rem,6vw,4.6rem)}.ty-phones{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}[hidden]{display:none!important}.p-visual{aspect-ratio:8/3;background:radial-gradient(80% 90% at 50% 100%,#f2b84b1f,#0000 70%),linear-gradient(#151925,#0b0e16);align-items:center;display:flex}.pv-track-img{width:100%}.pv-track-img svg,.tg-render svg{width:100%;height:auto;display:block}.p-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:#0006;border-radius:999px;padding:2px 8px;font-size:.62rem;position:absolute;top:8px;left:10px}.tg-nav{gap:8px;display:flex}.tg-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#f2b84b66 transparent;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:14px;padding:6px 2px 18px;display:grid;overflow-x:auto}@media (width>=1100px){.tg-strip{grid-auto-columns:calc(16.6667% - 11.6667px)}}.tg-item{scroll-snap-align:start;border:1px solid var(--line);transition:transform .4s var(--ease);background:linear-gradient(#d9dde4,#aeb4bf);border-radius:16px;margin:0;padding:14px}.tg-item:hover{transform:translateY(-4px)}.tg-item figcaption{color:#14161c;align-items:center;gap:8px;margin-top:8px;font-size:.86rem;font-weight:600;display:flex}.tg-item figcaption i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000040}.tg-item small{color:#4a4f5a;margin-left:auto;font-weight:500}.closeups{grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:40px;display:grid}.closeups figure{margin:0}.closeups img{aspect-ratio:16/8;object-fit:cover;border-radius:16px;width:100%;height:auto}.closeups figcaption{color:var(--mute);margin-top:8px;font-size:.82rem}@media (width<=800px){.closeups{grid-template-columns:1fr}.tg-strip{grid-auto-columns:62%}}.tg-render{padding:18px 4px 6px}.p-feet{bottom:4px}.custom-kit{border-radius:var(--r,20px);border:1px solid #f2b84b59;grid-template-columns:1.1fr 1fr;gap:32px;margin-top:28px;padding:28px;display:grid}.ck-visual .p-visual{border-radius:16px;height:100%;min-height:220px;position:relative}.ck-body h3{margin:.2em 0;font-family:Fraunces Variable,serif;font-size:clamp(1.5rem,2.4vw,2.1rem)}.ck-ft{grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;margin:16px 0;display:grid}.ck-ft label{color:var(--mute);grid-column:1/-1;font-size:.85rem}.ck-ft input[type=number]{width:72px}#ckRange{accent-color:#f2b84b;width:100%}.ck-cta{flex-wrap:wrap;gap:12px;margin:14px 0 6px;display:flex}.ck-cta .btn{flex:1}.materials{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mat{border-radius:18px;flex-direction:column;gap:6px;padding:20px;display:flex}.mat h3{margin:4px 0 0;font-size:1.02rem}.mat .muted{margin:0;font-size:.82rem}.mat-ic{color:#f2b84b;stroke-width:0;width:64px;height:48px}.mat-price{margin:4px 0;font-weight:600}.soon{color:#f2b84b;letter-spacing:.04em;font-size:.85rem}.mat-col{color:var(--mute);align-items:center;gap:8px;font-size:.8rem;display:flex}.mat-col select{color:inherit;border:1px solid var(--line);background:#121620;border-radius:8px;flex:1;padding:6px}.mat .buy{align-items:center;gap:8px;margin-top:auto;display:flex}.mat .buy .btn{flex:1}.mat .stepper input{width:36px}@media (width<=1000px){.materials{grid-template-columns:repeat(2,1fr)}.custom-kit{grid-template-columns:1fr;padding:18px}.ck-visual .p-visual{min-height:150px}}@media (width<=520px){.materials{grid-template-columns:1fr}}.ck-visual{align-self:center;min-width:0}.ck-visual .p-visual{aspect-ratio:8/3.4;height:auto;min-height:0}.custom-kit>*{min-width:0}.mat-dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff59}.custom-kit{box-sizing:border-box;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);width:100%}@media (width<=1000px){.custom-kit{grid-template-columns:minmax(0,1fr)}}.custom-kit .swatches{flex-wrap:wrap}.ship-est{border:1px solid var(--line);background:#ffffff05;border-radius:14px;margin:10px 0 6px;padding:12px}.ship-form label{color:var(--mute);font-size:.82rem}.ship-row{gap:8px;margin-top:6px;display:flex}.ship-row input{border:1px solid var(--line);min-width:0;color:inherit;text-transform:uppercase;background:#121620;border-radius:10px;flex:1;padding:8px 10px}.ship-opts{gap:8px;margin-top:10px;display:grid}.ship-opt{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ship-opt:has(input:checked){background:#f2b84b12;border-color:#f2b84b}.ship-opt input{accent-color:#f2b84b}.so-main{flex-direction:column;flex:1;display:flex}.so-main small{color:var(--mute);font-size:.76rem}.so-amt{font-weight:600}.err{color:#ff8a7a}.ship-opt input[type=radio]{flex:none;width:18px;height:18px;margin:0;padding:0}.show-grid{grid-template-columns:1.1fr minmax(260px,360px);align-items:center;gap:64px;display:grid}.show-list{gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.show-list li{border-left:2px solid #f2b84b80;gap:2px;padding-left:18px;display:grid}.show-list span{color:var(--mute);font-size:.92rem}.show-cta{flex-wrap:wrap;gap:12px;display:flex}.phone{background:linear-gradient(160deg,#2a2f3a,#0d1017);border-radius:44px;justify-self:center;width:100%;max-width:340px;padding:12px;position:relative;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -20px #000c,0 0 120px -30px #a05aff73}.phone-screen{aspect-ratio:9/16;background:#000;border-radius:34px;overflow:hidden}.phone-screen video{object-fit:cover;width:100%;height:100%;display:block}.phone-notch{background:#05070b;border-radius:12px;width:90px;height:22px;position:absolute;top:20px;left:50%;translate:-50%}.cmp-wrap{margin-top:90px}.cmp-h{margin:.2em 0;font-family:Fraunces Variable,serif;font-size:clamp(1.6rem,3vw,2.4rem)}.cmp{aspect-ratio:1600/842;-webkit-user-select:none;user-select:none;border-radius:20px;position:relative;overflow:hidden}.cmp img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cmp-top{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.cmp-line{top:0;bottom:0;left:var(--x);pointer-events:none;background:#f2b84b;width:2px;position:absolute;translate:-1px;box-shadow:0 0 18px #f2b84b}.cmp-line:after{content:"⇆";color:#14161c;background:#f2b84b;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.cmp-tag{pointer-events:none;background:#0000008c;border-radius:999px;padding:4px 12px;font-size:.8rem;position:absolute;bottom:14px}.cmp-tag.l{left:14px}.cmp-tag.r{right:14px}.cmp input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp:has(input:focus-visible){outline-offset:3px;outline:2px solid #f2b84b}.gal-video{margin:16px 0 0}.gal-video video{border-radius:16px;width:100%;height:auto;display:block}.gal-video figcaption{color:var(--mute);margin-top:8px;font-size:.82rem}@media (width<=860px){.show-grid{grid-template-columns:1fr;gap:36px}.phone{max-width:280px}}@media (width<=760px){.nav,.nav.scrolled{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-color:var(--line);background:#07080dd1;padding-block:12px}.hero{align-items:flex-end;height:auto;min-height:100svh;padding-top:104px}.hero-title{font-size:clamp(2.3rem,11.5vw,3.3rem);line-height:1}}.dn-pair{grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto;display:grid}.dn-pair figure{margin:0}.dn-img{border-radius:var(--r);border:1px solid var(--line);position:relative;overflow:hidden}.dn-img img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.dn-pair figcaption{color:var(--mute);margin-top:8px;font-size:.82rem}@media (width<=800px){.dn-pair{gap:10px}.dn-pair .ba-tag{padding:4px 10px;font-size:.7rem;top:10px;left:10px}}