@font-face{font-family:Manrope;src:url(assets/Manrope-Variable.ttf);font-weight:200 800;font-display:swap}
:root{font-family:Manrope,sans-serif;color:#252522;background:#f5f4f0;--ink:#252522;--orange:#ff6b22;--muted:#645e54;--ease:cubic-bezier(.16,1,.3,1);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#b7b1a5 #f5f4f0}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-underline-offset:5px}button,a,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b8430d}::selection{background:#ff6b224a}svg{display:block}a>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:30;top:12px;left:12px;padding:16px;background:white}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1360px;margin:auto;padding:22px 40px}.brand{display:inline-flex;align-items:center;min-height:44px}.brand img{width:124px;height:auto}.site-header nav{display:flex;gap:32px}.site-header nav a,.header-cta{font-size:13px;font-weight:650;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.site-header nav a:hover{color:#a64010}.header-cta{gap:12px}.section,.hero{max-width:1280px;margin:0 auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:680px;padding-bottom:52px}.hero h1{font-size:clamp(44px,4.55vw,64px);line-height:1.1;letter-spacing:-.04em;font-weight:650;margin:0 0 28px;text-wrap:balance}.hero h1 em{font-style:normal;color:#bd460d}.hero-copy>p{font-size:17px;line-height:1.7;max-width:410px;margin:0 0 30px;color:var(--muted)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:0 23px;min-height:52px;border-radius:30px;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s,transform .35s var(--ease),box-shadow .35s var(--ease)}.primary{background:var(--ink);color:white;box-shadow:0 8px 20px #30231517}.primary svg{color:#ff935c}.primary:hover{background:#a83f0d;transform:translateY(-2px);box-shadow:0 12px 24px #30231523}.secondary{box-shadow:inset 0 0 0 1px #b5ad9d;background:transparent}.secondary:hover{background:white;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;text-decoration:underline}.hero-copy>.text-link{display:flex;width:max-content;margin-top:14px}.hero-showroom{min-width:0;text-align:center}.hero-stage{height:470px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#fff 0,transparent 68%)}.hero-stage:after{content:'';position:absolute;width:26%;height:16px;border-radius:50%;background:#bcb5a842;filter:blur(7px);bottom:17px;z-index:-1}.hero-stage svg{width:100%;height:100%;overflow:visible}.product-piece{filter:drop-shadow(5px 10px 7px #30291f2e)}.hero-stage .product-piece{animation:piece-settle .65s var(--ease) both}.hero-stage .product-piece:nth-child(2){animation-delay:.035s}.hero-stage .product-piece:nth-child(3){animation-delay:.07s}@keyframes piece-settle{from{opacity:.65;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.hero-options,.finish-options{display:flex;align-items:center;justify-content:center;gap:3px;border-radius:28px;padding:4px;background:#e9e6df;width:max-content;max-width:100%;margin:4px auto 0}.hero-options button,.finish-options button{min-height:44px;padding:0 19px;font-size:12px;border-radius:24px;background:transparent;color:#625c51}.hero-options button[aria-pressed=true],.finish-options button[aria-pressed=true]{background:white;color:#252522;box-shadow:0 3px 9px #37302512}.hero-caption{font-size:11px;color:#746b5d;margin:14px 0;min-height:32px}.media-loading{font-size:12px;color:var(--muted);max-width:260px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 40px}h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.035em;font-weight:650;text-wrap:balance;margin:0}p{line-height:1.65}.section-heading p{max-width:300px;color:var(--muted);font-size:14px;margin:0}.comparison{padding-top:32px;padding-bottom:110px}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tier{padding:26px 24px 28px;min-width:0;border-radius:16px;background:#efede7}.tier.featured{background:#fff8f0;box-shadow:inset 0 0 0 1px #de8a593f}.tier-image{height:310px}.tier-image svg{width:100%;height:100%;overflow:visible}.tier-content h3{font-size:24px;font-weight:650;letter-spacing:-.03em;margin:23px 0 8px}.tier-description{font-size:13px;color:var(--muted);margin:0 0 16px;min-height:43px}.includes{font-size:11px;margin:0 0 18px;color:#665c4d}.price{font-size:43px;letter-spacing:-.035em;line-height:1.2;font-weight:650;margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.price>span{font-size:23px;letter-spacing:-.02em}.price>small{font-size:10px;letter-spacing:0;font-weight:500;margin-left:7px}.bulk{font-size:11px;margin:10px 0 5px;color:#5e584e}.price-note{font-size:10px;color:#6b6152;min-height:32px;margin:0 0 18px}.tier .button{display:flex;font-size:12px;padding:0 18px;gap:12px}.featured .primary{background:#b9440e}.featured .primary:hover{background:#91350a}.featured .primary svg{color:white}.comparison-note{font-size:11px;max-width:720px;margin:20px 0 0;color:#70675a}.finish-section{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;padding-top:20px;padding-bottom:110px}.finish-visual{background:#eeece5;border-radius:16px;padding:30px 24px 24px;min-width:0}.finish-visual>div:first-child{height:390px;display:grid;place-items:center}.finish-visual svg{height:100%;width:100%;overflow:visible}.finish-options{background:#e1ddd4;margin:12px auto 0}.finish-copy h2{margin-bottom:24px}.finish-copy>p{font-size:14px;color:var(--muted);max-width:400px}.finish-prices{margin:26px 0 20px;font-size:12px;max-width:350px}.finish-prices div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #d9d4ca}.finish-prices dd{margin:0;font-weight:700;white-space:nowrap}.kit-section{padding-top:60px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;border-top:1px solid #ded9d0;border-bottom:1px solid #ded9d0}.kit-section p{font-size:14px;color:var(--muted);max-width:400px;margin:22px 0}.kit-lineup{display:flex;align-items:end;gap:5px;height:390px}.kit-lineup>div{width:33.333%;height:100%}.kit-lineup svg{width:100%;height:100%;overflow:visible}.faq{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq-list details{border-bottom:1px solid #d6d0c6}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;line-height:1.6;font-weight:600;min-height:70px;padding:20px 36px 20px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:8px;top:20px;font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 30px 24px 0}.site-footer{background:#eae7df;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;padding:44px max(40px,calc((100vw - 1200px)/2)) 25px}.site-footer p{font-size:14px}.site-footer>a:last-of-type{font-size:12px;min-height:44px;display:flex;align-items:center}.site-footer small{grid-column:1/-1;color:#6c6252;font-size:10px}.noscript{text-align:center;padding:16px;font-size:13px}
@media(max-width:1000px){.hero{gap:16px;min-height:610px}.hero h1{font-size:44px}.hero-stage{height:415px}.hero-copy>p{font-size:15px}.section,.hero{padding-left:28px;padding-right:28px}.tier{padding:18px}.tier-image{height:250px}.tier-content h3{font-size:20px}.tier-description{min-height:43px}.price{font-size:35px}.price>span{font-size:19px}.price>small{display:block;margin:5px 0 0}.finish-section{gap:40px}.finish-visual>div:first-child{height:300px}.kit-section{gap:32px}.faq{gap:40px}.site-header{padding:17px 28px}.site-header nav{gap:20px}}
@media(max-width:700px){.site-header{padding:12px 20px;gap:16px}.brand img{width:105px}.site-header nav{display:none}.header-cta{font-size:11px;gap:7px}.section,.hero{padding-left:22px;padding-right:22px}.hero{display:flex;flex-direction:column;gap:0;padding-top:32px;padding-bottom:54px;min-height:0;align-items:stretch}.hero h1{font-size:clamp(37px,8vw,52px);margin-bottom:18px;max-width:460px}.hero-copy>p{font-size:14px;max-width:440px;margin-bottom:22px}.hero-copy>.text-link{display:inline-flex;margin:0 0 0 12px;font-size:10px}.hero-copy .button{font-size:12px;min-height:48px;padding:0 18px;gap:17px}.hero-showroom{margin-top:20px}.hero-stage{height:360px}.hero-options button{font-size:11px;padding:0 18px}.hero-caption{margin-bottom:0;min-height:18px}.section-heading{display:block;margin-bottom:26px}.section-heading p{margin-top:16px;max-width:350px;font-size:13px}h2{font-size:32px}.comparison{padding-top:12px;padding-bottom:70px}.tier-grid{grid-template-columns:1fr;gap:12px}.tier{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:24px 20px}.tier-image{height:auto;min-height:240px}.tier-content h3{font-size:21px;margin:0 0 8px}.tier-description{font-size:12px;min-height:0;margin-bottom:13px}.includes{font-size:10px;margin-bottom:16px}.price{font-size:34px}.price>span{font-size:17px}.price>small{display:inline;font-size:9px;margin-left:3px}.bulk{font-size:10px}.price-note{font-size:9px;margin-bottom:12px;min-height:0}.tier .button{font-size:10px;padding:0 13px;min-height:46px;gap:7px}.tier .button svg{width:16px;height:16px}.comparison-note{font-size:10px}.finish-section{grid-template-columns:1fr;gap:30px;padding-bottom:70px}.finish-visual{order:2;padding:24px}.finish-visual>div:first-child{height:320px}.finish-copy h2 br{display:none}.finish-copy>p{font-size:13px}.finish-prices{max-width:none}.kit-section{grid-template-columns:1fr;gap:15px;padding-top:40px;padding-bottom:38px}.kit-section p{font-size:13px}.kit-lineup{height:300px;max-width:420px;width:100%;margin:auto}.faq{grid-template-columns:1fr;gap:26px;padding-top:60px;padding-bottom:60px}.faq-list summary{font-size:13px;min-height:66px}.site-footer{grid-template-columns:1fr auto;padding:30px 22px 22px;gap:16px}.site-footer p{font-size:12px;text-align:right}.site-footer>a:last-of-type{grid-column:1/-1}.site-footer small{font-size:9px}.finish-copy .text-link{font-size:11px}}
@media(max-width:370px){.section,.hero{padding-left:16px;padding-right:16px}.hero-copy>.text-link{display:flex;margin:6px 0 0}.hero h1{font-size:36px}.hero-stage{height:310px}.tier{grid-template-columns:.65fr 1.35fr;gap:12px;padding:20px 14px}.tier-content h3{font-size:19px}.price{font-size:30px}.price>small{display:block}.tier-image{min-height:230px}.hero-options button{padding:0 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* A replaced SVG must not contribute its intrinsic aspect height to a grid track.
   Its stage owns the dimensions; all cutouts remain inside that stage. */
.hero-stage,.tier-image,.finish-visual>div:first-child,.kit-lineup>div{position:relative;min-width:0;overflow:hidden;isolation:isolate}
.hero-stage>svg,.tier-image>svg,.finish-visual>div:first-child>svg,.kit-lineup>div>svg{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}

/* Product previews replace the text-only hero switch. */
.hero-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,390px);padding:0;background:transparent;border-radius:0;margin:14px auto 0}
.hero-previews button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:12px 8px 10px;min-height:132px;border-radius:16px;background:transparent;color:#635d53;box-shadow:inset 0 0 0 1px #d6d1c6;font-size:12px;font-weight:650;transition:background .2s,transform .25s var(--ease),box-shadow .2s}
.hero-previews button[aria-pressed=true]{color:#9c380c;background:#fff9f0;box-shadow:inset 0 0 0 2px #ba4816}
.hero-previews button:hover:not(:disabled){background:#fffdf8;transform:translateY(-3px)}
.hero-preview-image{display:grid;place-items:center;width:100%;height:86px;pointer-events:none}
.hero-preview-image>svg,.hero-preview-image>canvas{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}
.hero-preview-image>svg{width:100%;overflow:hidden}
.hero-preview-image>canvas{filter:drop-shadow(2px 5px 3px #30291f25)}
.hero-previews button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.hero-previews{width:min(100%,360px);gap:9px;margin-top:12px}.hero-previews button{min-height:122px;padding:10px 6px;font-size:11px}.hero-preview-image{height:78px}}
@media(prefers-reduced-motion:reduce){.hero-previews button{transition:none}.hero-previews button:hover{transform:none}}
.hero-preview-image{position:relative;overflow:hidden}
.hero-preview-image>svg,.hero-preview-image>canvas{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}

.home-signs{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-top:74px;padding-bottom:70px;border-top:1px solid #ded9d0}.home-signs p{font-size:14px;color:var(--muted);max-width:390px;margin:24px 0}.home-signs .signs-magnet-note{font-size:11px;max-width:350px;margin-bottom:0}.home-signs-art{display:grid;place-items:center;min-height:300px;background:#232421;border-radius:16px;padding:38px 22px}.home-signs-art img{width:100%;height:auto;filter:drop-shadow(2px 10px 9px #0004)}
@media(max-width:700px){.home-signs{grid-template-columns:1fr;gap:28px;padding-top:46px;padding-bottom:42px}.home-signs p{font-size:13px}.home-signs-art{min-height:230px;padding:35px 18px}}

.hero-stage .assembly-piece{animation:hero-assembly 10s cubic-bezier(.65,0,.25,1) infinite;animation-delay:0s!important;opacity:1;transform:translateY(var(--explode-y))}
@keyframes hero-assembly{0%,20%{transform:translateY(var(--explode-y))}40%,62%{transform:translateY(0)}82%,100%{transform:translateY(var(--explode-y))}}
.hero-stage:is(.is-paused,.is-offscreen,.is-hidden) .assembly-piece{animation-play-state:paused}
.hero-pause{display:block;margin:0 auto 6px;background:transparent;color:#756a5b;font-size:10px;min-height:44px;padding:8px 14px;border-radius:22px}.hero-pause:hover{background:#eae6dd}.hero-pause[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hero-stage .assembly-piece{animation:none;transform:none}.hero-pause{display:none}}