:root{--teal:#22A3AA;--deep:#13786E;--mint:#ACEAA0;--navy:#223143;--orange:#F08A24;--cream:#F4E6C8;--paper:#FBF8F1;--ink:#223143;--muted:#5b6b7a;--r:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:17px}
h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,4rem)}h2{font-size:clamp(1.7rem,4vw,2.5rem)}h3{font-size:1.3rem}
a{color:var(--deep)}img{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.site{position:sticky;top:0;z-index:10;background:rgba(251,248,241,.94);backdrop-filter:blur(8px);border-bottom:1px solid #e8e1d0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand{font-family:'Allerta Stencil',sans-serif;font-size:1.3rem;color:var(--deep);text-decoration:none;letter-spacing:.02em}
nav a{margin-left:18px;text-decoration:none;color:var(--navy);font-weight:600;font-size:.95rem}
nav a:hover,nav a.on{color:var(--teal)}
.hero{background:linear-gradient(160deg,var(--teal),var(--mint));padding:70px 0 80px;text-align:center;color:var(--navy)}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;opacity:.8;margin-bottom:12px}
.qotd{background:#fff;border-radius:28px;max-width:760px;margin:28px auto 0;padding:38px 30px;box-shadow:0 18px 50px rgba(34,49,67,.18)}
.qotd blockquote{font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.3;margin:10px 0 18px}
.qotd .date{color:var(--muted);font-size:.9rem}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem;font-family:inherit}
.btn:hover{background:var(--deep)}.btn.alt{background:var(--orange);color:#fff}.btn.ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
section{padding:64px 0}section.tint{background:var(--cream)}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border-radius:var(--r);padding:26px;box-shadow:0 6px 22px rgba(34,49,67,.08)}
.card .tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--deep);background:var(--mint);padding:3px 10px;border-radius:999px;margin-bottom:10px}
.tip .num{font-family:Fraunces,serif;font-size:2rem;color:var(--orange)}
.pop{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:28px;overflow:hidden;background:var(--navy);color:#fff;margin:48px 0}
.pop .art{background:linear-gradient(135deg,var(--teal),var(--deep));display:flex;align-items:center;justify-content:center;font-size:5rem;min-height:220px}
.pop .txt{padding:34px}.pop h3{color:var(--mint)}.pop .btn{background:var(--orange)}
.pop.flip .art{order:2}
@media(max-width:700px){.pop{grid-template-columns:1fr}.pop.flip .art{order:0}nav a{margin:0 12px 0 0}}
.price{font-family:Fraunces,serif;font-size:1.5rem;color:var(--deep)}
.muted{color:var(--muted)}
article.post{max-width:720px;margin:0 auto 70px}
article.post h2{margin-top:0}article.post p{margin:0 0 1.1em}
.note{background:var(--cream);border-left:5px solid var(--orange);padding:14px 18px;border-radius:10px;margin:1.4em 0}
form.order{display:grid;gap:14px;max-width:560px}
form.order label{font-weight:600;font-size:.92rem;display:grid;gap:5px}
form.order input,form.order select,form.order textarea{font:inherit;padding:11px 13px;border:2px solid #d9d2bf;border-radius:12px;background:#fff}
footer.site{background:var(--navy);color:#cfe;padding:46px 0;text-align:center}
footer.site a{color:var(--mint)}footer.site .brand{color:var(--mint)}
footer.site p{margin:.4em 0}
.pill{display:inline-block;margin:4px;padding:6px 14px;border-radius:999px;background:#fff;border:2px solid var(--teal);cursor:pointer;font:inherit;font-size:.9rem}
.pill.on{background:var(--teal);color:#fff}
.pimg{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:12px;background:var(--cream)}