:root{--bg:#fbf8ee;--ink:#2a2a18;--accent:#a57c1b;--panel:#f2ecd6;--line:#dcca96;--radius:0;--display:"Crete Round",Georgia,serif;--body:"Figtree",system-ui,sans-serif}
/* base */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.65 var(--body)}
a{color:var(--accent)}
img,svg{max-width:100%}main img{height:auto}main figure{margin:0}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:var(--panel);padding:8px 12px;z-index:9}
.wrap{width:min(1160px,calc(100% - 32px));margin:0 auto}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0 0 .5em}h1{font-size:clamp(2.4rem,5.6vw,4.2rem);line-height:1.04;letter-spacing:-.02em}h2{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.1}h3{font-size:1.3rem;line-height:1.2}
.kicker{font:700 .8rem/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 .7rem}.kicker::before{content:"[ ";color:var(--accent)}.kicker::after{content:" ]";color:var(--accent)}
.lead{font-size:1.25rem;line-height:1.5;max-width:54ch}
.page-head{padding:72px 0 20px}.block{padding:64px 0}
.btn{display:inline-block;background:var(--accent);color:var(--bg);border:0;padding:13px 28px 13px 22px;font:700 .95rem var(--body);text-decoration:none;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.btn.ghost{background:var(--panel);color:var(--ink)}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px}
.chips{display:flex;gap:0;flex-wrap:wrap;border-bottom:2px solid var(--line)}.chip{border:0;background:none;color:var(--ink);padding:9px 16px;margin-bottom:-2px;border-bottom:3px solid transparent;font:600 .95rem var(--body);cursor:pointer}.chip[aria-pressed="true"]{border-bottom-color:var(--accent);color:var(--accent)}
.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:0;background:var(--panel);padding:14px 16px;border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--line);border-bottom:0}
.search{display:block;font:700 .85rem var(--body);min-width:220px}.search input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:2px solid var(--ink);border-radius:0;background:var(--bg);color:var(--ink);font:400 1rem var(--body)}
table.ledger{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ledger th,.ledger td{text-align:left;padding:11px 10px;border-bottom:1px dashed var(--ink);vertical-align:top}.ledger th{font:700 .78rem ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;border-bottom-style:solid}.ledger td:first-child{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92rem}
.count{font-size:.95rem}.count span{font:400 1.6rem/1 var(--display);color:var(--accent);margin-right:.2em;vertical-align:-.1em}
main details{border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin:0 0 10px;background:var(--bg)}main summary{cursor:pointer;font-weight:700}main summary::marker{color:var(--accent)}main details p{margin:.6em 0 0}
[hidden]{display:none!important}
.site-email{font-weight:600;word-break:break-all}.up{font-size:.85em}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 14px;font:inherit;cursor:pointer}
@media (max-width:760px){.nav-toggle{display:inline-block}.toolbar{flex-direction:column;align-items:stretch}.search{min-width:0}}
/* /base */

.photo-band{margin:8px auto 24px}.photo-band img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}
.photo-band.slim img{aspect-ratio:21/8}
.photo-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.photo-split figure{margin:0}.photo-split.flip figure{order:2}.photo-split img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
@media (max-width:820px){.photo-split{grid-template-columns:1fr}.photo-split.flip figure{order:0}.photo-band img,.photo-band.slim img{aspect-ratio:3/2}}
.site-head{background:#2a2a18;border:0}
.site-head .logo,.site-head .head-nav a{color:#f2ecd6}
.site-head .head-nav a[aria-current="page"]{color:#f0b84a}
.site-head .mark *{fill:#f0b84a}
.site-head .nav-toggle{color:#fff;border-color:#55553a}
.site-footer{background:#2a2a18;color:#f2ecd6;border-top:8px solid var(--accent)}
.site-footer a{color:#f0b84a}
.md-hero{display:grid;grid-template-columns:1fr 1.2fr;min-height:560px}
.md-hero img{width:100%;height:100%;object-fit:cover;display:block}
.md-hero-text{padding:4rem max(16px,calc((100vw - 1120px)/2)) 4rem 3.5rem;align-self:center}
.md-drums>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1rem}
.md-drums article{background:linear-gradient(90deg,#8a5f12,#c99636 35%,#e3b552 50%,#c99636 65%,#8a5f12);color:#2a2a18;padding:2.2rem 1rem 1.4rem;text-align:center;border-radius:14px/30px;position:relative;box-shadow:inset 0 -14px 0 rgba(0,0,0,.12),inset 0 14px 0 rgba(0,0,0,.08)}
.md-drums .lid{position:absolute;top:6px;left:8%;right:8%;height:14px;border-radius:50%;background:#6e4a0d;margin:0}
.md-drums b{display:block;font-family:var(--display);font-size:1.3rem}
.md-drums p{margin:.1rem 0;font-size:.9rem}
.md-drums span{display:inline-block;margin-top:.6rem;background:#fbf8ee;padding:.15rem .7rem;font-size:.82rem;font-weight:700}
.md-drums .out{filter:saturate(.4)}
.md-test{display:grid;grid-template-columns:220px 1fr;gap:3rem;align-items:center}
.md-stamp{width:200px;height:200px;border-radius:50%;border:6px double var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);color:var(--accent);text-transform:uppercase;letter-spacing:.2em}
.md-stamp b{font-family:var(--display);font-size:2.6rem;letter-spacing:.05em}
.md-test ul{padding-left:1.2rem}.md-test li{margin-bottom:.6rem}
.md-jar{background:var(--panel);padding:3rem 0}
.md-jar-in{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.md-jar img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:50% 50% 0 0}
.md-drops ol{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.md-drops li{padding-top:4rem;position:relative}
.md-drops li::before{content:"";position:absolute;top:0;left:0;width:40px;height:52px;background:var(--accent);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;clip-path:polygon(50% 0,100% 55%,100% 100%,0 100%,0 55%)}
.md-drops b{display:block;font-family:var(--display);font-size:1.4rem}
.md-end{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}
.md-end .q{font-family:var(--display);font-size:1.15rem;margin:1.2rem 0 .2rem;color:var(--accent)}
.md-ph{padding:3rem 0 1rem;border-bottom:4px solid var(--accent)}
.md-fg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.md-fg article{background:#fff;padding:1.6rem;border-bottom:6px solid var(--accent)}
.md-fg h2{font-size:1.35rem}
.md-hw{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}
.md-note{background:#2a2a18;color:#f2ecd6;padding:1.2rem 1.4rem}
.md-hw ol{padding-left:1.4rem}.md-hw li{padding:.6rem 0}
.md-hw h2{font-size:1.25rem;margin:0}
.md-hw img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.md-yard{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;align-items:start}
.md-yard>div{background:var(--panel);padding:1rem}
.md-yard span{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--accent)}
.md-yard p{background:#fff;padding:.9rem;margin:.6rem 0 0}
.md-yard b{display:block;font-family:var(--display)}
.md-help{max-width:760px}
.md-help details{border-left:6px solid var(--accent);background:#fff;padding:1rem 1.2rem;margin-bottom:.8rem}
.md-help summary{cursor:pointer;font-family:var(--display);font-size:1.15rem}
.md-abt{position:relative}
.md-abt img{width:100%;height:420px;object-fit:cover;display:block;filter:brightness(.55)}
.md-abt-in{position:absolute;left:0;right:0;bottom:2rem;color:#fff}
.md-abt .kicker{color:#f0b84a}
.md-abl{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1.4rem;align-items:start}
.md-abl h2{font-size:1.15rem;color:var(--accent)}
@media(max-width:820px){
.md-hero{grid-template-columns:1fr;min-height:0}.md-hero img{height:240px}.md-hero-text{padding:2rem 16px}
.md-drums>div,.md-drops ol{grid-template-columns:1fr 1fr}
.md-test,.md-jar-in,.md-end,.md-fg,.md-hw,.md-yard,.md-abl{grid-template-columns:1fr}
.md-stamp{width:150px;height:150px;margin:0 auto}.md-stamp b{font-size:2rem}
.md-abt img{height:300px}
}

/* vary */
main .md-vsplit{display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;align-items:end;border-bottom:3px solid var(--accent);padding-bottom:1.2rem;margin-bottom:1.4rem}main .md-vsplit .lead{margin:0}main .md-vbar{display:block;height:6px;background:var(--accent);opacity:.35;align-self:end}@media(max-width:820px){main .md-vsplit{grid-template-columns:1fr;gap:.6rem}}
/* hx-hf */
:root{--hx-a:#a57c1b;--hx-i:#2a2a18;--hx-p:#f2ecd6;--hx-bg:#fbf8ee;--hx-d:var(--display);--hx-t:var(--body)}
.hY{background:var(--hx-bg);border-bottom:1px solid rgba(127,127,127,.3)}.hY-in{display:flex;align-items:center;gap:1.3rem;min-height:84px;flex-wrap:wrap;position:relative;padding-left:28px}.hY-side{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--hx-a);width:0;white-space:nowrap;display:flex;justify-content:center}.hY-logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--hx-i);font:700 1.2rem var(--hx-d)}.hY-mk{width:34px;height:34px}.hY-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.hY-nav a{text-decoration:none;color:inherit}.hY-nav{margin-left:auto}.hY-nav ul{gap:1.2rem}.hY-nav a{font-size:.92rem;color:var(--hx-i)}.hY-nav a[aria-current]{font-weight:700;color:var(--hx-a)}.hY-tag{margin:0;width:100%;text-align:right;font-size:.75rem;opacity:.65;margin-top:-1rem}.hY-cta{font-size:.85rem;font-weight:700;color:var(--hx-i)}.hY-tog{display:none;border:1.5px solid currentColor;background:transparent;color:inherit;font:600 .85rem var(--hx-t);padding:.45rem .9rem;border-radius:6px;cursor:pointer}@media(max-width:900px){.hY-tog{display:inline-block}}@media(max-width:900px){.hY-side,.hY-tag,.hY-cta{display:none}.hY-in{padding-left:0}.hY-tog{margin-left:auto}}@media(max-width:900px){.hY-nav{display:none}body.nav-open .hY-nav{display:block}.hY-nav{width:100%;margin:0}}@media(max-width:900px){.hY-nav ul{flex-direction:column;gap:0}.hY-nav li{border-top:1px solid rgba(127,127,127,.25)}.hY-nav a{display:block;padding:.75rem 0}}
.fS{background:var(--hx-bg);border-top:1px solid rgba(127,127,127,.3);padding:3rem 0 1.2rem;margin-top:3rem}.fS h2{font:700 1.2rem var(--hx-d);margin:0 0 1.6rem}.fS-line{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.fS-line::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--hx-a)}.fS-line li{position:relative;padding-top:1.6rem;font-size:.92rem;padding-right:1rem}.fS-line li span{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:var(--hx-bg);border:3px solid var(--hx-a)}.fS-row{display:flex;flex-wrap:wrap;gap:.6rem 2rem;align-items:baseline;font-size:.88rem}.fS-row p{margin:0}.fS-row small{opacity:.65;margin-left:auto}@media(max-width:900px){.fS-line{grid-template-columns:1fr}.fS-line::before{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}.fS-line li{padding:0 0 1rem 2rem}}
.hxw.hxw{margin-left:auto!important;margin-right:auto!important}
.md-end:has(> :only-child){grid-template-columns:1fr}
/* hf-mod */
header.hY{--hx-bg:#2a2a18;--hx-i:#fbf8ee;--hx-p:#474736;--hx-a:#b79649;--ink:#fbf8ee;--line:rgba(255,255,255,.22);background:#2a2a18;color:#fbf8ee}header.hY a{color:inherit}header.hY svg{filter:drop-shadow(0 0 1px rgba(255,255,255,.5))}
footer.fS{--hx-bg:#2a2a18;--hx-p:#3f3f2d;--hx-i:#fbf8ee;--hx-a:#d2be8d;--ink:#fbf8ee;--line:rgba(255,255,255,.2);background:#2a2a18;color:#fbf8ee;border-color:#a57c1b}footer.fS a{color:inherit}
/* /hf-mod */
