:root{--paper:#fff1e4;--ink:#202e32;--accent:#9a2e25}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.52 system-ui,sans-serif}
a{color:inherit}a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
header,footer{padding:16px max(5vw,16px);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
header{border-bottom:1px solid currentColor}footer{border-top:1px solid currentColor;margin-top:26px}nav{display:flex;gap:12px;flex-wrap:wrap}
.wordmark{font-weight:800;letter-spacing:.08em}.kicker{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
main{width:min(1140px,90%);margin:auto;padding:22px 0 30px}h1,h2,h3,p,figure{margin:0 0 12px}
h1{font-size:clamp(2.2rem,6vw,5.7rem);line-height:.98;letter-spacing:-.06em;max-width:12ch}
h2{font-size:clamp(1.55rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.025em}
img{display:block;width:100%;height:auto;object-fit:contain;background:#fff7}
.cta{display:inline-flex;min-height:46px;align-items:center;padding:10px 15px;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none;font-weight:700}
.layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.layout>*{min-width:0}
.layout figure{margin:0}.layout img{aspect-ratio:4/3;object-fit:contain}
.pane{padding:clamp(14px,3vw,34px);background:#fff7;border-radius:16px;min-width:0}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.choices>*{min-width:0}
.card{background:#fff8;border-radius:14px;overflow:hidden}.card img{aspect-ratio:4/3;object-fit:contain}.card .pane{background:none}
.catalog{margin:28px 0}.guide{margin-top:22px;padding:18px;border:1px solid currentColor;border-radius:12px}
.detail img{width:min(100%,520px)}.details h1{font-size:clamp(2rem,5vw,4rem)}.narrow{max-width:680px}
.swatches{display:flex;gap:9px;padding:4px 0;list-style:none;flex-wrap:wrap}.swatches li{border:1px solid currentColor;border-radius:999px;padding:5px 10px}
.index-strip{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0}.index-strip li{flex:1 1 160px}
.mono{font-family:ui-monospace,monospace}.feature{background:var(--ink);color:var(--paper)}
.split-reverse{grid-template-columns:1.3fr 1fr}.trip{grid-template-columns:1.4fr 1fr}
.feature .cta{background:#fff;color:var(--ink)}.mini img{max-height:245px}
@media(max-width:700px){header,footer{padding:12px 5vw}header nav{font-size:.86rem}
main{padding-top:16px}.layout{grid-template-columns:1fr;gap:12px}.layout img{max-height:300px}
.choices{gap:9px}.card .pane{padding:10px}.card h3{font-size:1rem}.card .cta{padding:8px 10px;font-size:.9rem}
.guide{padding:13px}.mini img{max-height:220px}}