:root{--graphite:#23282a;--graphite-deep:#171b1c;--ink:#2c3133;--linen:#efe8da;--linen-soft:#f5f0e6;--paper:#e7dfce;--sage:#8f9c6b;--sage-deep:#6f7c4f;--oak:#c08a52;--oak-deep:#9c6a37;--blue:#6f93b0;--blue-deep:#4f748f;--line:#cdc3ae;--line-soft:#d9d0bd;--font-display:"Times New Roman", "Georgia", serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--maxw:1320px;--gutter:clamp(20px, 5vw, 72px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--linen);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.mono{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:400;line-height:.92}.zone-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line);background:#ffffff59;align-items:center;gap:8px;padding:6px 12px;font-size:.68rem;display:inline-flex}.zone-tag:before{content:"";background:var(--sage);width:9px;height:9px;display:block}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.section{padding-block:clamp(70px,9vw,128px)}.btn{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--graphite);background:var(--graphite);color:var(--linen-soft);align-items:center;gap:10px;padding:15px 26px;font-size:.74rem;transition:background .2s,color .2s,transform .2s;display:inline-flex}.btn:hover{background:var(--oak-deep);border-color:var(--oak-deep);transform:translateY(-2px)}.btn.ghost{color:var(--graphite);background:0 0}.btn.ghost:hover{background:var(--graphite);color:var(--linen-soft);transform:translateY(-2px)}.btn.oak{background:var(--oak-deep);border-color:var(--oak-deep)}.btn.oak:hover{background:var(--graphite);border-color:var(--graphite)}.site-header{z-index:50;background:var(--linen);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{padding:16px var(--gutter);max-width:var(--maxw);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:34px;height:34px;display:grid}.brand-mark span{display:block}.brand-mark span:first-child{background:var(--oak)}.brand-mark span:nth-child(2){background:var(--sage)}.brand-mark span:nth-child(3){background:var(--blue)}.brand-mark span:nth-child(4){background:var(--graphite)}.brand-name{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;line-height:1.2}.brand-name b{color:var(--graphite);font-weight:700;display:block}.brand-name em{color:var(--sage-deep);font-style:normal}.nav{align-items:center;gap:26px;display:flex}.nav a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid #0000;padding-bottom:3px;font-size:.72rem;transition:border-color .2s}.nav a:hover{border-color:var(--oak-deep)}.basket-link{border:1px solid var(--graphite);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;padding:9px 14px;font-size:.72rem;display:inline-flex}.basket-count{background:var(--oak-deep);color:var(--linen-soft);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.66rem;display:inline-grid}.nav-toggle{display:none}.hero{background:var(--graphite);color:var(--linen-soft);position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);min-height:min(88vh,860px);display:grid}.hero-left{z-index:2;flex-direction:column;justify-content:space-between;gap:36px;padding:clamp(40px,6vw,88px) clamp(24px,4vw,64px);display:flex;position:relative}.hero-eyebrow{color:var(--sage);align-items:center;gap:14px;display:flex}.hero-eyebrow .rule{background:var(--sage);width:54px;height:1px;display:inline-block}.hero-title{font-size:clamp(3.1rem,8vw,6.6rem)}.hero-title .oak{color:var(--oak);font-style:italic}.hero-title .sage{color:var(--sage)}.hero-title .blue{color:var(--blue)}.hero-lead{color:#cfc9ba;max-width:40ch;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero .btn.ghost{color:var(--linen-soft);border-color:#5f6668}.hero .btn.ghost:hover{background:var(--linen-soft);color:var(--graphite);border-color:var(--linen-soft)}.hero-legend{border-top:1px solid #3a4042;flex-wrap:wrap;gap:18px 26px;padding-top:22px;display:flex}.legend-item{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#b7b1a3;align-items:center;gap:9px;font-size:.68rem;display:flex}.legend-swatch{flex:none;width:13px;height:13px}.hero-right{border-left:1px solid #3a4042;position:relative;overflow:hidden}.hero-plate{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-plate img{object-fit:cover;width:100%;height:100%}.zone-slice{mix-blend-mode:multiply;opacity:.55;pointer-events:none;position:absolute}.zone-slice.a{background:var(--sage);clip-path:polygon(0 0,100% 0,72% 100%,0 100%);width:46%;height:100%;top:0;left:0}.zone-slice.b{background:var(--blue);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);width:42%;height:62%;top:0;right:0}.zone-slice.c{background:var(--oak);clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);width:50%;height:44%;bottom:0;right:0}.hero-plate-labels{z-index:3;pointer-events:none;position:absolute;inset:0}.plate-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#171b1cb8;border:1px solid #ffffff40;padding:5px 9px;font-size:.66rem;position:absolute}.plate-label.p1{top:12%;left:8%}.plate-label.p2{top:20%;right:10%}.plate-label.p3{bottom:14%;right:14%}.hero-scroll{z-index:4;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sage);align-items:center;gap:10px;font-size:.66rem;display:flex;position:absolute;bottom:20px;left:clamp(24px,4vw,64px)}.hero-peek{background:var(--linen);border-top:3px solid var(--oak)}.hero-peek .wrap{flex-wrap:wrap;align-items:baseline;gap:12px 40px;padding-block:22px;display:flex}.hero-peek b{font-family:var(--font-display);color:var(--graphite);font-size:1.5rem}.hero-peek span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sage-deep);font-size:.72rem}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(32px,4vw,56px);display:flex}.sec-head h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--graphite);max-width:16ch;font-size:clamp(2.3rem,5vw,4rem);font-weight:400;line-height:.95}.sec-head .idx{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sage-deep);font-size:.72rem}.sec-head p{max-width:42ch;color:var(--ink)}.builder{background:var(--graphite-deep);color:var(--linen-soft)}.builder .sec-head h2{color:var(--linen-soft)}.builder .sec-head .idx{color:var(--oak)}.builder .sec-head p{color:#bdb7a9}.builder-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:clamp(24px,3vw,48px);display:grid}.builder-console{background:#20262a;border:1px solid #343b3f;padding:clamp(22px,2.4vw,34px)}.console-row{border-bottom:1px solid #343b3f;padding-block:20px}.console-row:first-child{padding-top:0}.console-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#9fb07f;justify-content:space-between;margin-bottom:14px;font-size:.7rem;display:flex}.console-label span{color:var(--oak)}.chip-row{flex-wrap:wrap;gap:9px;display:flex}.chip{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#cdc7b9;background:0 0;border:1px solid #414a4e;padding:9px 14px;font-size:.7rem;transition:all .18s}.chip[data-on=true]{background:var(--sage);border-color:var(--sage);color:var(--graphite-deep);font-weight:600}.chip.oakc[data-on=true]{background:var(--oak);border-color:var(--oak)}.chip.bluec[data-on=true]{background:var(--blue);border-color:var(--blue)}input[type=range]{width:100%;accent-color:var(--oak)}.range-val{font-family:var(--font-display);color:var(--linen-soft);font-size:2rem}.builder-board{background:#262c30;border:1px solid #343b3f;flex-direction:column;display:flex}.board-head{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#9fb07f;border-bottom:1px solid #343b3f;justify-content:space-between;align-items:center;padding:16px 20px;font-size:.68rem;display:flex}.board-canvas{flex:1;min-height:320px;position:relative;overflow:hidden}.board-canvas img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.board-overlay{display:grid;position:absolute;inset:0}.board-zone{mix-blend-mode:multiply;opacity:.5;transition:opacity .3s}.board-caption{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.board-caption .tagchip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#171b1ccc;border:1px solid #ffffff38;padding:5px 9px;font-size:.62rem}.board-foot{border-top:1px solid #343b3f;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.board-cost{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#bdb7a9;font-size:.72rem}.board-cost b{color:var(--oak);font-size:1.1rem}.board-shelf{grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,28px);display:grid}.board-card{background:var(--linen-soft);border:1px solid var(--line);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.board-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px #171b1c99}.board-card.span7{grid-column:span 7}.board-card.span5{grid-column:span 5}.board-card.span6{grid-column:span 6}.board-card.span4{grid-column:span 4}.board-card.span8{grid-column:span 8}.board-figure{aspect-ratio:4/3;background:var(--paper);position:relative;overflow:hidden}.board-card.span7 .board-figure,.board-card.span8 .board-figure{aspect-ratio:16/9}.board-figure img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.board-card:hover .board-figure img{transform:scale(1.04)}.board-code{font-family:var(--font-mono);letter-spacing:.14em;background:var(--graphite);color:var(--linen-soft);padding:5px 9px;font-size:.64rem;position:absolute;top:12px;left:12px}.board-zonetag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite);border:1px solid var(--line);background:#ffffffe6;padding:5px 9px;font-size:.62rem;position:absolute;top:12px;right:12px}.board-body{flex-direction:column;flex:1;gap:14px;padding:20px 22px 24px;display:flex}.board-body h3{font-family:var(--font-display);color:var(--graphite);font-size:1.7rem;font-weight:400;line-height:1}.board-body p{color:var(--ink);font-size:.95rem}.palette-row{flex-wrap:wrap;gap:6px;display:flex}.palette-dot{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);padding:4px 8px;font-size:.6rem}.board-foot-row{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;display:flex}.price{font-family:var(--font-display);color:var(--graphite);font-size:1.6rem}.price small{font-family:var(--font-mono);letter-spacing:.1em;color:var(--sage-deep);font-size:.62rem;display:block}.detail{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}.detail-figure{border:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden}.detail-figure img{width:100%;height:auto}.detail-figure .board-code{font-size:.7rem}.detail-side h1{font-family:var(--font-display);color:var(--graphite);margin:12px 0 8px;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:400;line-height:.98}.detail-price{font-family:var(--font-display);color:var(--graphite);margin:18px 0;font-size:2.4rem}.spec-list{border-top:1px solid var(--line);margin-top:22px;list-style:none}.spec-list li{border-bottom:1px solid var(--line);gap:14px;padding:12px 0;font-size:.95rem;display:flex}.spec-list li b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep);flex:none;min-width:92px;font-size:.66rem}.price-band{background:var(--paper)}.price-cols{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);display:grid}.price-card{background:var(--linen-soft);border:1px solid var(--line);flex-direction:column;gap:16px;padding:30px 26px 34px;display:flex}.price-card.feature{background:var(--graphite);color:var(--linen-soft);border-color:var(--graphite)}.price-card h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sage-deep);font-size:.78rem}.price-card.feature h3{color:var(--oak)}.price-card .amt{font-family:var(--font-display);color:var(--graphite);font-size:3rem;line-height:1}.price-card.feature .amt{color:var(--linen-soft)}.price-card ul{flex-direction:column;gap:10px;font-size:.92rem;list-style:none;display:flex}.price-card li{gap:10px;display:flex}.price-card li:before{content:"▚";color:var(--sage-deep)}.price-card.feature li:before{color:var(--oak)}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2vw,28px);display:grid}.panel{background:var(--linen-soft);border:1px solid var(--line);padding:28px 26px}.panel h3{font-family:var(--font-display);color:var(--graphite);margin-bottom:10px;font-size:1.5rem;font-weight:400}.panel .mono{color:var(--sage-deep);margin-bottom:14px;display:block}.prose{max-width:74ch}.prose h1{font-family:var(--font-display);color:var(--graphite);margin-bottom:8px;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:400;line-height:1}.prose h2{font-family:var(--font-display);color:var(--graphite);margin:34px 0 12px;font-size:1.6rem;font-weight:400}.prose p,.prose li{color:var(--ink);margin-bottom:12px}.prose ul{padding-left:20px}.notice{border:1px solid var(--oak);background:#c08a521a;margin:24px 0;padding:18px 22px;font-size:.95rem}.notice b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--oak-deep);margin-bottom:6px;font-size:.68rem;display:block}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep);font-size:.68rem}.field input,.field textarea,.field select{font-family:var(--font-body);border:1px solid var(--line);background:var(--linen-soft);color:var(--ink);padding:13px 15px;font-size:1rem}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--sage);outline-offset:-1px}.form-note{color:var(--sage-deep);margin-top:6px;font-size:.85rem}.basket-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);align-items:start;gap:clamp(24px,3vw,48px);display:grid}.basket-line{border-bottom:1px solid var(--line);grid-template-columns:96px 1fr auto;align-items:center;gap:18px;padding:18px 0;display:grid}.basket-line img{object-fit:cover;border:1px solid var(--line);width:96px;height:72px}.basket-line h4{font-family:var(--font-display);color:var(--graphite);font-size:1.3rem;font-weight:400}.basket-line .meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sage-deep);font-size:.66rem}.qty{border:1px solid var(--line);align-items:center;display:inline-flex}.qty button{width:30px;height:30px;color:var(--graphite);background:0 0;border:none;font-size:1rem}.qty span{text-align:center;min-width:34px;font-family:var(--font-mono);font-size:.85rem}.link-remove{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--oak-deep);background:0 0;border:none;font-size:.64rem;text-decoration:underline}.summary{background:var(--graphite);color:var(--linen-soft);padding:30px 28px;position:sticky;top:92px}.summary h3{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--oak);margin-bottom:20px;font-size:.78rem}.summary-row{border-bottom:1px solid #3a4042;justify-content:space-between;padding:10px 0;font-size:.95rem;display:flex}.summary-total{justify-content:space-between;align-items:baseline;margin-top:18px;display:flex}.summary-total b{font-family:var(--font-display);font-size:2.2rem}.pending-box{border:1px solid var(--oak);color:#d8cdb9;background:#c08a5224;margin-top:20px;padding:14px 16px;font-size:.85rem}.pending-box b{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--oak);margin-bottom:6px;font-size:.66rem;display:block}.empty-basket{text-align:center;border:1px dashed var(--line);padding:60px 20px}.site-footer{background:var(--graphite-deep);color:#b7b1a3;padding-block:clamp(48px,6vw,80px) 30px}.footer-top{border-bottom:1px solid #333a3d;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:44px;display:grid}.footer-brand .display{color:var(--linen-soft);margin:16px 0 12px;font-size:2rem}.footer-col h4{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oak);margin-bottom:16px;font-size:.68rem}.footer-col a,.footer-col p{color:#b7b1a3;margin-bottom:10px;font-size:.9rem;display:block}.footer-col a:hover{color:var(--linen-soft)}.footer-legal{color:#8b8578;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;font-size:.78rem;display:flex}.footer-legal .mono{font-size:.64rem}.stack-lg{flex-direction:column;gap:18px;display:flex}.divide-top{border-top:1px solid var(--line)}.center-narrow{max-width:60ch}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-right{border-top:1px solid #3a4042;border-left:none;min-height:52vh}.builder-grid,.detail,.basket-grid,.contact-grid,.price-cols{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.board-card.span7,.board-card.span5,.board-card.span6,.board-card.span4,.board-card.span8{grid-column:span 12}}@media (max-width:720px){.nav{display:none}.nav.open{background:var(--linen);border-bottom:1px solid var(--line);padding:16px var(--gutter) 22px;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:100%;left:0;right:0}.nav-toggle{border:1px solid var(--graphite);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;padding:9px 12px;font-size:.7rem;display:inline-flex}.footer-top{grid-template-columns:1fr}.summary{position:static}}