@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
:root{--plum:#6d1f3a;--gold:#b98a3e;--ink:#2a1a20;--mute:#7a6a70;--bg:#fffdfb;--rose:#f8eaee;--sand:#f6efe4}
@media(prefers-color-scheme:dark){:root{--ink:#f1e6ea;--bg:#1b1115;--rose:#2a1a21;--sand:#2a2119;--mute:#b7a5ab;--plum:#e7a6bd}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 Georgia,'Times New Roman',serif}
main{max-width:660px;margin:0 auto;padding:24px 16px 64px}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--rose);max-width:900px;margin:0 auto}
.brand{font-style:italic;font-weight:bold;color:var(--plum);text-decoration:none;font-size:1.2rem}
.top nav a{margin-left:16px;font:14px system-ui,sans-serif;color:var(--ink);text-decoration:none}
h1{font-size:2.3rem;line-height:1.15;color:var(--plum);text-align:center;margin:.2em 0}
h2{color:var(--plum);font-size:1.2rem;margin:2em 0 .4em;text-transform:none}
.kick{font:600 12px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center;margin-top:28px}
.sub{font-style:italic;color:var(--mute);text-align:center}
.hero{display:block;width:100%;max-height:60vh;object-fit:cover;border-radius:6px;margin-bottom:8px}.hero.wide{width:auto;max-width:70%;margin:0 auto 12px;max-height:none}
.box{background:var(--rose);border-left:3px solid var(--plum);padding:12px 18px;margin:1.6em 0;border-radius:3px}
.boxlabel{font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--plum)}.boxlabel span{letter-spacing:.04em;text-transform:none;font-family:Georgia,serif;font-style:italic;font-size:1rem}
.tag b{color:var(--plum);font-family:system-ui,sans-serif;font-size:.8em;text-transform:uppercase;letter-spacing:.08em}
.slip{border:1.4px solid var(--gold);padding:16px;margin:1.4em 0;text-align:center}
figure{margin:1.6em 0;text-align:center}figure img{max-width:100%;background:#fff;border-radius:6px}figcaption{font-style:italic;color:var(--mute);font-size:.9rem}
.pn{display:flex;justify-content:space-between;margin-top:48px;font:15px system-ui,sans-serif}.pn a,.toc a{color:var(--plum)}
.toc{padding-left:0;list-style:none}.toc li{border-bottom:1px solid var(--rose);padding:8px 0}.toc .dk{font:600 11px system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:inline-block;width:6.5em}.toc em{float:right;font:12px system-ui,sans-serif;color:var(--mute)}
.btn{display:inline-block;background:var(--plum);color:#fff;border:0;padding:12px 22px;border-radius:999px;font:600 15px system-ui,sans-serif;text-decoration:none;cursor:pointer}.btn.alt{background:transparent;color:var(--plum);border:1.5px solid var(--plum)}
.fade{-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.lock{background:var(--sand);border-radius:8px;text-align:center;padding:24px;margin:8px 0}.lock h2{margin-top:0}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.plans form{border:1px solid var(--rose);border-radius:8px;padding:18px;text-align:center}.price{font-size:2rem;color:var(--plum);margin:.2em}.price span{font-size:1rem;color:var(--mute)}
input[type=email]{width:100%;padding:10px;margin:8px 0 12px;font-size:16px;border:1px solid var(--mute);border-radius:6px}label{font:14px system-ui,sans-serif}
.fine,footer{font:13px system-ui,sans-serif;color:var(--mute);text-align:center}footer{padding:24px 16px;border-top:1px solid var(--rose)}
#agegate{position:fixed;inset:0;background:var(--bg);z-index:9;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}#agegate[hidden]{display:none}
.prod{border:1px solid var(--rose);border-radius:8px;padding:14px;text-align:center}.prod h2{margin:.6em 0 .2em}.ph{aspect-ratio:4/5;background:linear-gradient(135deg,var(--rose),var(--sand));border-radius:6px}.btn[disabled]{opacity:.5;cursor:default}
.brand{font-family:'Great Vibes',cursive;font-style:normal;font-weight:400;font-size:1.8rem}.hero.art+.kick+h1{font-family:'Great Vibes',cursive;font-weight:400;font-size:3.6rem}

.hero.art{width:auto;max-width:min(420px,78%);max-height:none;margin:16px auto 48px;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.35)}.hero.art+.kick{margin-top:0}

@media(max-width:480px){.brand{font-size:1.45rem;white-space:nowrap}.top nav a{white-space:nowrap;margin-left:10px}}