:root{--ink:#111213;--paper:#fff;--greige:#6e6b66;--line:#e9e9e9;--stone:#f5f5f6;--signal:#b13f2e;--font-display:"Outfit",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif;--maxw:1120px;--pad:clamp(20px,5vw,64px)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body),system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}main{position:relative}main:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,hsla(33,24%,64%,.06),transparent 30%,hsla(0,0%,100%,.15) 70%,hsla(33,24%,64%,.06));mix-blend-mode:multiply;opacity:.45}.display{font-family:var(--font-display),system-ui,sans-serif}.eyebrow{letter-spacing:.28em;font-size:11px;color:var(--greige)}.eyebrow,.h1{font-family:var(--font-display),system-ui,sans-serif;text-transform:uppercase;font-weight:500}.h1{letter-spacing:.06em;line-height:1.02;font-size:clamp(40px,8vw,92px)}.h1,.h2{margin:0}.h2{font-family:var(--font-display),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:500;font-size:clamp(22px,3.4vw,32px)}.lead{font-size:clamp(17px,2.2vw,21px);color:var(--greige);max-width:46ch;line-height:1.5}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.thread{height:2px;width:100%;border:0;background:linear-gradient(90deg,#1c1a17 0 12%,#b9a58c 12% 28%,#6e675e 28% 44%,#c9c2b8 44% 60%,#8a6d55 60% 76%,#e6e1d9 76% 100%)}.brand-svg{display:inline-block;vertical-align:middle;color:var(--ink)}.brand-svg text{fill:currentColor}.brand-svg .logo-d{stroke:currentColor;stroke-width:2.8;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;animation:draw .9s cubic-bezier(.22,.9,.2,1) both}.brand-svg .rest{opacity:0;transform:translateX(-6px);font-family:var(--font-display);letter-spacing:.06em;text-transform:lowercase;animation:brand-fade .62s ease .92s both}.logo-group{transform-origin:center;animation:logo-pop .42s cubic-bezier(.2,.9,.2,1) .3s both}@keyframes brand-pop{0%{transform:scale(.56) rotate(-6deg);opacity:0}60%{transform:scale(1.06) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes brand-fade{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes logo-pop{0%{transform:scale(.96);opacity:0}60%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:15px 26px;font-family:var(--font-display),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .12s ease,box-shadow .2s ease;box-shadow:0 6px 18px rgba(20,18,16,.06)}.btn:hover{background:transparent;color:var(--ink);box-shadow:none;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.card{border:1px solid var(--line);background:#fff;box-shadow:0 12px 36px rgba(20,18,16,.04);border-radius:22px}.hero-badge{padding:8px 12px;border:1px solid var(--line);background:hsla(0,0%,100%,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.2em;color:var(--greige)}.hero-badge,.mini-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-family:var(--font-display),system-ui,sans-serif;text-transform:uppercase}.mini-pill{padding:6px 10px;background:var(--stone);color:var(--ink);font-size:12px;letter-spacing:.14em}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.summary-card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8f5ef);padding:18px 20px;border-radius:20px;box-shadow:0 8px 24px rgba(20,18,16,.03)}.grid{display:grid;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.field{display:block;margin-bottom:22px}.field>.label{display:block;font-family:var(--font-display),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--greige);margin-bottom:10px}.control{width:100%;background:#fff;border:1px solid var(--line);padding:14px 16px;font-family:var(--font-body),system-ui,sans-serif;font-size:16px;color:var(--ink)}select.control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;padding:9px 14px;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:0;gap:0;border:1px solid var(--line)}.swatch{position:relative;overflow:hidden}.swatch .fill{height:150px;transition:transform .22s ease,filter .22s ease}.swatch:hover .fill{transform:scale(1.03);filter:saturate(1.06)}.swatch .meta{padding:12px 12px 16px;border-top:1px solid var(--line)}.swatch .name{font-size:13px;font-weight:600;letter-spacing:.01em}.swatch .hex{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.muted,.swatch .hex{color:var(--greige)}.tag{display:inline-block;font-family:var(--font-display),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:10px;padding:4px 9px;border:1px solid}.tag.warn{color:var(--signal)}.tag.ok{color:#3f6b4a}.two{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:24px;gap:24px;align-items:start}.two-eq{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:640px){.two,.two-eq{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}