:root{--hide:#2a1a10;--hide2:#3d2617;--tan:#b0662c;--tan-d:#8a4c1d;--saddle:#d9a46a;--cream:#f5ecdc;--vellum:#fbf6ec;--ink:#24170e;--muted:#5e4a3a;--stitch:#e8cfa5;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--vellum);color:var(--ink);font:400 1.0625rem/1.65 Figtree,system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--tan-d)}a:hover{color:var(--hide)}
h1,h2,h3,.mark__word,.sole__brand{font-family:"Young Serif",Georgia,serif;font-weight:400;line-height:1.15;color:var(--hide)}
h1{font-size:clamp(2rem,5.5vw,3.4rem);margin:.2em 0 .4em}h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin:1.6em 0 .5em}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
:focus-visible{outline:3px solid var(--tan);outline-offset:3px}
.bench{background:var(--hide);border-bottom:2px dashed var(--stitch);position:sticky;top:0;z-index:5}
.bench__in{max-width:1180px;margin:auto;padding:.7rem 16px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.mark{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-right:auto}
.mark__awl{width:42px;height:42px;border-radius:50%;background:var(--tan);color:var(--cream);display:grid;place-items:center;font:700 .8rem Figtree;outline:2px dashed var(--stitch);outline-offset:-6px}
.mark__word{color:var(--cream);font-size:1.35rem}
.bench__toggle{display:none;background:none;color:var(--cream);border:2px dashed var(--stitch);border-radius:8px;padding:.4rem .8rem;font:600 1rem Figtree}
.bench__nav{display:flex;gap:1.2rem;align-items:center}
.bench__nav a{color:var(--cream);text-decoration:none;font-weight:600}.bench__nav a:hover{color:var(--saddle)}
.tag-btn{display:inline-block;background:var(--tan);color:#fff!important;padding:.55rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:inset 0 0 0 2px var(--tan),inset 0 0 0 4px rgba(255,255,255,.55);border:0;cursor:pointer;font-size:1rem;font-family:Figtree}
.tag-btn:hover{background:var(--tan-d)}.tag-btn--big{padding:.85rem 1.6rem;font-size:1.05rem}
.ghost{font-weight:700;color:var(--hide);padding:.85rem .4rem}
@media(max-width:820px){.bench__toggle{display:block}.bench__nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:.6rem 0}.bench__nav.open{display:flex}}
.front{background:radial-gradient(circle at 20% 10%,#f9eedb,var(--cream));border-bottom:3px dashed var(--saddle)}
.front__in,.hide__in{max-width:1180px;margin:auto;padding:3rem 16px;display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center}
.front__btns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;color:var(--tan-d);margin:0}
.lead{font-size:1.2rem;color:var(--muted);max-width:36em}.meta{color:var(--muted);font-size:.95rem}
.patch{margin:0;padding:10px;background:var(--hide2);border-radius:var(--r);position:relative}
.patch::after{content:"";position:absolute;inset:5px;border:2px dashed var(--stitch);border-radius:calc(var(--r) - 4px);pointer-events:none}
.patch img{border-radius:8px}.patch--tilt{transform:rotate(1.2deg)}
.hide{background:var(--cream);border-bottom:3px dashed var(--saddle)}.hide:not(.hide--img) .hide__in{grid-template-columns:1fr}
@media(max-width:800px){.front__in,.hide__in{grid-template-columns:1fr;padding:2rem 16px}.patch--tilt{transform:none}}
.crumbs{max-width:1180px;margin:auto;padding:.7rem 16px;font-size:.9rem;color:var(--muted)}
.seam{max-width:1180px;margin:auto;padding:1rem 16px 2rem;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem}
.seam:has(> :only-child){grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.seam{grid-template-columns:1fr}}
.prose{max-width:46em}.prose li{margin:.3em 0}.prose ul{padding-left:1.2em}.prose ul li::marker{color:var(--tan)}
.swatch{align-self:start;position:sticky;top:90px;background:var(--cream);border:2px dashed var(--tan);border-radius:var(--r);padding:1.3rem 1.4rem;margin-top:2rem}
.swatch__h{font-family:"Young Serif",serif;font-size:1.2rem;margin:0 0 .5rem}.swatch ul{padding-left:1.1em;margin:0}
.rack{max-width:1180px;margin:auto;padding:1rem 16px 3rem}.rack__h{margin-top:.5em}
.rack__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.tagcard{display:flex;flex-direction:column;gap:.4rem;background:#fff;border-radius:var(--r);padding:1.2rem;text-decoration:none;color:var(--ink);box-shadow:0 0 0 1px #e6d6bd,inset 0 0 0 6px #fff,inset 0 0 0 8px transparent;outline:2px dashed #d9bf98;outline-offset:-8px;transition:transform .15s}
.tagcard:hover{transform:translateY(-3px);outline-color:var(--tan)}
.tagcard img{border-radius:8px;margin-bottom:.4rem}
.tagcard__t{font-family:"Young Serif",serif;font-size:1.25rem;color:var(--hide)}.tagcard__d{font-size:.95rem;color:var(--muted)}
.band{background:var(--hide);color:var(--cream);border-top:3px dashed var(--stitch);border-bottom:3px dashed var(--stitch)}
.band__in{max-width:1180px;margin:auto;padding:3rem 16px;display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center}
@media(max-width:800px){.band__in{grid-template-columns:1fr}}
.prose--light h2{color:var(--saddle);margin-top:0}.prose--light a{color:var(--saddle)}
.stamp{max-width:900px;margin:1rem auto 3rem;padding:2.4rem 1.5rem;text-align:center;background:var(--tan);color:#fff;border-radius:var(--r);outline:2px dashed rgba(255,255,255,.7);outline-offset:-10px;width:calc(100% - 32px)}
.stamp h2{color:#fff;margin-top:0}.stamp .tag-btn{background:var(--hide);box-shadow:none}
.order{max-width:720px;margin:0 auto 2rem;padding:0 16px}
.order__form{background:var(--cream);border:2px dashed var(--tan);border-radius:var(--r);padding:1.6rem;display:grid;gap:.4rem}
.order__form h2{margin-top:0}.order__form label{font-weight:700;margin-top:.6rem}
.order__form input,.order__form textarea{font:inherit;padding:.7rem;border:1.5px solid #a8865f;border-radius:8px;background:#fff;width:100%}
.order__form button{margin-top:1rem;justify-self:start}.order__status{font-weight:600}
.hp{position:absolute;left:-9999px}
.sole{background:var(--hide);color:#e9dcc6;border-top:4px dashed var(--saddle);margin-top:2rem}
.sole__in{max-width:1180px;margin:auto;padding:2.5rem 16px 1rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
@media(max-width:800px){.sole__in{grid-template-columns:1fr 1fr}}
.sole a{display:block;color:#e9dcc6;text-decoration:none;padding:.15rem 0}.sole a:hover{color:var(--saddle)}
.sole__brand{color:var(--cream);font-size:1.5rem;margin:0}.sole__h{font-weight:700;color:var(--saddle);margin:0 0 .4rem}
.sole__fine{max-width:1180px;margin:auto;padding:1rem 16px 2rem;font-size:.85rem;border-top:1px dashed #6b4a33}
.tbl{overflow-x:auto;margin:1.2rem 0;border:2px dashed #d9bf98;border-radius:var(--r);background:#fff}
.tbl table{border-collapse:collapse;width:100%;font-size:.95rem}.tbl th,.tbl td{padding:.65rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid #eadcc6}
.tbl th{background:var(--cream);font-family:"Young Serif",serif;font-weight:400;color:var(--hide)}.tbl tr:last-child td{border-bottom:0}
.callout{background:var(--cream);border-left:6px solid var(--tan);border-radius:0 var(--r) var(--r) 0;padding:.4rem 1.2rem;margin:1.4rem 0;outline:2px dashed #d9bf98;outline-offset:-6px}
.step{display:grid;grid-template-columns:2.2rem 1fr;gap:.8rem;align-items:start}.step span{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--hide);color:var(--cream);display:grid;place-items:center;font:700 .95rem Figtree;outline:1.5px dashed var(--stitch);outline-offset:-4px}
.toc{background:#fff;border:2px dashed #d9bf98;border-radius:var(--r);padding:1rem 1.3rem;margin:1rem 0 1.6rem}.toc__h{font-weight:700;margin:0 0 .3rem;color:var(--tan-d)}.toc ol{margin:0;padding-left:1.2rem;columns:2;column-gap:2rem}@media(max-width:600px){.toc ol{columns:1}}
.faq{border-bottom:1px dashed #c9a87e;padding:.4rem 0}.faq summary{cursor:pointer;font-weight:700;padding:.5rem 0;color:var(--hide)}.faq summary::marker{color:var(--tan)}
h2[id]{scroll-margin-top:90px}