:root{--charcoal:#171413;--paper:#f7efde;--paper-strong:#fff8e9;--red:#cb1f2f;--blue:#164d9b;--ochre:#c58b37;--viridian:#1f7f67;--ink:#211b19;--line:#211b1938}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh;overflow-x:hidden}.nav{z-index:20;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7efdef0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:16px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand{text-transform:uppercase;align-items:center;gap:12px;font-weight:900;display:flex}.brand-mark{border:2px solid var(--ink);background:linear-gradient(135deg, var(--red) 0 34%, var(--blue) 34% 67%, var(--paper-strong) 67%);width:34px;height:34px;box-shadow:4px 4px 0 var(--ink)}.nav-links{text-transform:uppercase;justify-content:center;gap:18px;font-size:14px;font-weight:800;display:flex}.nav-cta{border:2px solid var(--ink);background:var(--red);color:#fff;box-shadow:4px 4px 0 var(--ink);justify-self:end;padding:10px 14px;font-weight:900}.hero{border-bottom:2px solid var(--ink);background:var(--charcoal);min-height:760px;color:var(--paper-strong);grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:clamp(34px,5vw,76px);display:flex;position:relative}.hero-kicker{border:2px solid var(--paper-strong);width:fit-content;color:var(--paper-strong);text-transform:uppercase;box-shadow:5px 5px 0 var(--red);padding:9px 12px;font-size:12px;font-weight:900}.hero h1{text-transform:uppercase;max-width:760px;margin:28px 0 22px;font-size:clamp(58px,8.4vw,132px);font-weight:950;line-height:.86}.hero p{color:#fff8e9d6;max-width:620px;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.button{text-transform:uppercase;border:2px solid;padding:13px 17px;font-weight:900}.button.red{background:var(--red);color:#fff;box-shadow:5px 5px 0 var(--paper-strong)}.button.light{color:var(--paper-strong)}.hero-art{border-left:2px solid var(--paper-strong);min-height:640px;position:relative}.hero-art img{object-fit:cover;width:100%;height:100%;min-height:640px;display:block}.swatch-rail{border:2px solid var(--paper-strong);background:var(--paper-strong);grid-template-columns:repeat(5,70px);display:grid;position:absolute;bottom:46px;left:-2px}.swatch-rail span{border-right:2px solid var(--ink);height:64px}.swatch-rail span:first-child{background:var(--red)}.swatch-rail span:nth-child(2){background:#ef7f37}.swatch-rail span:nth-child(3){background:var(--ochre)}.swatch-rail span:nth-child(4){background:var(--blue)}.swatch-rail span:nth-child(5){background:var(--viridian);border-right:0}.section{border-bottom:2px solid var(--ink);padding:clamp(48px,7vw,96px) clamp(18px,4vw,56px)}.section-head{grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);align-items:end;gap:34px;margin-bottom:34px;display:grid}.section h2{text-transform:uppercase;margin:0;font-size:clamp(42px,6vw,92px);line-height:.95}.section-head p,.policy p,.policy li{color:#211b19b8;font-size:16px;line-height:1.65}.shelf-grid{grid-template-columns:1.15fr .85fr;gap:22px;display:grid}.image-panel,.product,.palette-board,.policy{border:2px solid var(--ink);background:var(--paper-strong);box-shadow:8px 8px 0 var(--ink)}.image-panel img{object-fit:cover;width:100%;height:100%;min-height:420px;display:block}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product{grid-template-rows:260px auto;display:grid}.product img{object-fit:cover;border-bottom:2px solid var(--ink);width:100%;height:260px}.product-body{padding:18px}.product h3,.palette-board h3{text-transform:uppercase;margin:0 0 9px;font-size:24px}.product p,.palette-board p{color:#211b19b3;line-height:1.55}.price-row{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;font-size:20px;font-weight:950;display:flex}.add{border:2px solid var(--ink);background:var(--blue);color:#fff;padding:9px 12px;font-weight:900}.generator{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;display:grid}.controls{border:2px solid var(--ink);background:var(--charcoal);color:var(--paper-strong);box-shadow:8px 8px 0 var(--red);padding:28px}.control-line{gap:9px;margin-bottom:18px;display:grid}.control-line label{text-transform:uppercase;font-weight:900}.control-line input,.control-line select,.control-line textarea{border:2px solid var(--paper-strong);width:100%;color:var(--paper-strong);background:#fff8e914;padding:12px}.control-line textarea{resize:vertical;min-height:104px}.palette-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.palette-board img{aspect-ratio:1;object-fit:cover;border-bottom:2px solid var(--ink);width:100%;display:block}.palette-board div{padding:18px}.checkout-band{background:var(--blue);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:22px;display:grid}.checkout-band p{color:#ffffffdb;margin:8px 0 0}.policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.policy{box-shadow:none;padding:22px}.footer{background:var(--charcoal);color:var(--paper-strong);grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:28px;padding:36px clamp(18px,4vw,56px);display:grid}.footer p{color:#fff8e9b8;line-height:1.55}@media (max-width:900px){.nav{grid-template-columns:1fr}.nav-links,.nav-cta{justify-self:start}.hero,.section-head,.shelf-grid,.generator,.checkout-band,.footer{grid-template-columns:1fr}.hero-art{border-left:0;border-top:2px solid var(--paper-strong)}.product-grid,.policy-grid,.palette-results{grid-template-columns:1fr}.swatch-rail{grid-template-columns:repeat(5,1fr);width:min(90%,360px)}}@media (max-width:520px){.hero{min-height:auto}.hero h1{font-size:48px}.hero-art,.hero-art img{min-height:420px}.hero-actions{display:grid}.button,.nav-cta,.add{text-align:center;width:100%}}