:root{--tealDeep:#0A5F5A;--teal:#0A6F69;--tealMid:#12A89D;--tealBright:#12B3A8;--tealGlow:#7FE3D9;--tealMint:#E4F6F4;--tealBorder:rgba(18,179,168,0.35);--ink:#101413;--charcoal:#3A4341;--slate:#5C6663;--mist:#8B9391;--faint:#9AA3A0;--fog:#C7CCCA;--sand:#E4E1D9;--photoTile:#DCDAD2;--disabledTile:#E6E4DD;--stone:#F1EFE9;--paper:#FAFAF7;--paperClear:rgba(250,250,247,0);--white:#FFFFFF;--hairline:rgba(16,20,19,0.10);--hairlineSoft:rgba(16,20,19,0.07);--hairlineStrong:rgba(16,20,19,0.14);--linen:#F6F4EF;--clayTint:#F6E3E1;--frost:rgba(255,255,255,0.20);--frostText:rgba(255,255,255,0.72);--scrim:rgba(16,20,19,0.35);--mapLand:#E6E9E3;--mapRoad:rgba(255,255,255,0.85);--mapArea:rgba(18,179,168,0.14);--clay:#B4443C;--honey:#E0A945;--amber:#C08A4A;--sage:#7FA36B;}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Figtree,system-ui,sans-serif;font-size:17px;line-height:1.55}
a{color:var(--teal);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}
header.top{position:sticky;top:0;z-index:20;background:rgba(250,250,247,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--hairlineSoft)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto;padding:14px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink)}.brand img{width:32px;height:32px}.brand:hover{text-decoration:none}
nav{display:flex;align-items:center;gap:22px}nav a{color:var(--charcoal);font-size:15px}
nav a.pill-link{padding:8px 16px;border-radius:999px;background:var(--ink);color:var(--white)}nav a.pill-link:hover{text-decoration:none;opacity:.9}
main{max-width:760px;margin:0 auto;padding:30px 20px 80px}
h1{font-size:clamp(36px,5vw,52px);line-height:1.02;letter-spacing:-.04em;font-weight:800;margin:20px 0 14px;text-wrap:balance}
h1 em{font-family:'Instrument Serif',serif;font-weight:400;color:var(--teal);font-size:1.08em;letter-spacing:-.01em}
h2{font-size:22px;letter-spacing:-.02em;margin:40px 0 8px;text-wrap:balance}
main h2{padding-top:22px;border-top:1px solid var(--hairlineSoft)}
p,li{color:var(--slate)}li{margin:6px 0}
.lede{font-size:19px;color:var(--charcoal)}
.hero{max-width:960px;margin:0 auto;padding:30px 20px 10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px}
.card{background:var(--white);border:1px solid var(--hairlineSoft);border-radius:20px;padding:20px}
.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;font-size:15px}
.stores{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-block;padding:13px 22px;border-radius:999px;background:var(--ink);color:var(--white);font-weight:700}
.btn.teal{background:var(--teal)}.btn.soft{background:var(--stone);color:var(--ink)}
.btn:hover{text-decoration:none;opacity:.92}
.draft{background:var(--linen);border-radius:14px;padding:12px 16px;color:var(--charcoal);font-size:15px}
details{background:var(--white);border:1px solid var(--hairlineSoft);border-radius:16px;padding:14px 18px;margin:10px 0}
summary{cursor:pointer;font-weight:700;color:var(--ink)}
footer{border-top:1px solid var(--hairline);background:var(--white)}
.foot-in{max-width:1120px;margin:0 auto;padding:30px 20px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;color:var(--mist);font-size:14px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px}footer a{color:var(--slate);font-weight:500}
@media(max-width:600px){nav{gap:14px}nav a:not(.pill-link){display:none}.foot-in{justify-content:center;text-align:center}.foot-links{justify-content:center}}