@font-face{font-family:"Young Serif";src:url(/fonts/YoungSerif-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg: #f7f0e3;--paper: #efe4cf;--ink: #2b2119;--muted: #6b5a4a;--accent: #b23a1c;--accent-dark: #8a2b13;--gold: #f2b84b;--line: #d9c9ad}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);font-family:DM Sans,system-ui,sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-dark)}h1,h2,h3,.serif{font-family:"Young Serif",Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.6rem,6.2vw,4.6rem);margin:0 0 .45em;letter-spacing:-.01em}h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:0 0 .55em}h3{font-size:1.4rem;margin:0 0 .3em}p{margin:0 0 1em}.hand{font-family:Caveat,cursive;font-weight:700;color:var(--accent)}.small{font-size:.88rem;color:var(--muted)}.center{text-align:center}.narrow{max-width:38rem}.auto{margin-inline:auto}.wrap{width:min(1100px,100% - 40px);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:1.4em}.lead{font-size:1.2rem;color:var(--muted)}.rule{display:flex;align-items:center;gap:10px;width:150px;margin:0 auto 1.4rem}.rule.left{margin-left:0}.rule span{flex:1;height:1.5px;background:var(--accent)}.rule i{width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}.btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;background:var(--accent);color:#fffbf3;font:700 1rem DM Sans,sans-serif;letter-spacing:.02em;padding:.8em 1.6em;border-radius:6px;box-shadow:0 3px 0 var(--accent-dark);transition:transform .12s,box-shadow .12s}.btn:hover{color:#fffbf3;transform:translateY(1px);box-shadow:0 2px 0 var(--accent-dark)}.btn-small{padding:.5em 1.1em;font-size:.9rem;box-shadow:none}.btn-small:hover{box-shadow:none;transform:none;background:var(--accent-dark)}.badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;text-decoration:none;padding:8px 18px 8px 14px;border-radius:9px;border:1.5px solid #a6a6a6;min-width:168px;transition:transform .12s}.badge:hover{color:#fff;transform:translateY(-2px)}.badge span{display:grid;line-height:1.1}.badge small{font-size:.68rem;letter-spacing:.04em}.badge b{font-size:1.3rem;font-weight:500;letter-spacing:-.01em}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.header{position:sticky;top:0;z-index:10;background:#f7f0e3f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1.5px solid var(--ink)}.header-in{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:"Young Serif",serif;font-size:1.3rem;white-space:nowrap}.header nav{display:flex;align-items:center;gap:26px}.header nav a:not(.btn){color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem}.header nav a:not(.btn):hover{color:var(--accent)}.hero{padding:clamp(40px,7vw,88px) 0 clamp(48px,7vw,96px);overflow-x:clip}.hero-in{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:center}.hero-copy .lead{margin-bottom:1.6em;max-width:31rem}.hero-img{margin:0 0 56px;position:relative}.hero-img img{border-radius:4px;box-shadow:0 2px #2b211914,0 28px 44px -22px #2b21198c;transform:rotate(1.8deg)}.hero-img figcaption{position:absolute;left:2%;bottom:-58px;z-index:2;display:flex;align-items:flex-start;gap:4px;font-size:1.7rem;transform:rotate(-3deg)}.hero-img figcaption svg{width:50px;height:34px;margin-top:-4px;overflow:visible;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.coming-soon{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.1;margin-bottom:.6em;transform:rotate(-2deg);transform-origin:left}.section{padding:clamp(56px,8vw,112px) 0}.section.paper{background-color:var(--paper);border-block:1.5px solid var(--line)}.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,88px)}.how-intro{position:sticky;top:100px;align-self:start}.method{list-style:none;margin:0;padding:0}.method li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:28px 0;border-top:1.5px solid var(--line)}.method li:last-child{border-bottom:1.5px solid var(--line)}.method .num{font-size:2.6rem;color:var(--accent);line-height:1}.method h3{margin-bottom:.25em}.method p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(28px,5vw,72px);align-items:center}blockquote{margin:.4em 0 1em;padding-left:18px;border-left:3px solid var(--accent);font-size:2rem;line-height:1.15}.spread{border-radius:4px;box-shadow:0 2px #2b211914,0 22px 40px -22px #2b211980}.pair{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:56px}.pair figure{margin:0}.pair figcaption{margin-top:14px;font-size:1.5rem;text-align:center}.dots{flex:1;min-width:16px;border-bottom:2px dotted var(--line);transform:translateY(-4px)}.bookintro{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:clamp(28px,6vw,80px);align-items:center;max-width:880px;margin:0 auto}.book{position:relative;aspect-ratio:3 / 4;border-radius:2px 6px 6px 2px;box-shadow:0 2px #0000000f,0 26px 36px -20px #2b211999;transform:rotate(-1.5deg)}.book:before{content:"";position:absolute;inset:0 auto 0 0;width:14px;background:linear-gradient(90deg,#00000047,#0000);border-radius:2px 0 0 2px;z-index:1}.book img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.stages{list-style:none;margin:56px 0 36px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px}.stages li{position:relative;padding-top:34px;border-top:1.5px solid var(--ink)}.stages li:before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;background:var(--accent);transform:rotate(45deg)}.stages .tag{font-size:1.7rem;line-height:1;margin-bottom:10px}.stages h3{font-size:1.7rem;margin-bottom:.4em}.stages p:last-child{color:var(--muted);margin:0}.fine{max-width:44rem;margin-inline:auto}.closing{background:var(--ink);color:#f7f0e3;padding:clamp(56px,8vw,104px) 0}.closing .hand{color:#f2b84b;font-size:clamp(2.4rem,6vw,4rem);line-height:1.1;margin-bottom:28px}.closing .small{color:#cdbfae}.closing-cta{display:flex;justify-content:center}.closing .badges{justify-content:center}.doc{max-width:740px;padding:64px 0 88px}.doc h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.2em}.doc h2{font-size:1.45rem;margin-top:2em;scroll-margin-top:80px}.doc h3{font-size:1.1rem;margin:1.4em 0 .3em}.doc li{margin-bottom:.55em}.doc-intro{font-size:1.1rem;color:var(--muted);margin:1.2em 0 1.6em}.draft{background:#fbe9c4;border-left:4px solid var(--gold);padding:.7em 1em;font-size:.95rem;border-radius:3px}.toc{background:var(--paper);border:1.5px solid var(--line);border-radius:4px;padding:20px 26px 8px;margin-bottom:8px}.toc .eyebrow{margin-bottom:.6em}.toc ol{margin:0 0 12px;padding-left:1.3em;columns:2;column-gap:32px}.toc li{margin-bottom:.3em;break-inside:avoid}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.help{max-width:820px;padding:64px 0 96px}.help header{margin-bottom:48px}.faq section{margin-bottom:36px}.faq h2{font-size:1.5rem;margin-bottom:.5em;color:var(--accent)}.faq details{border-top:1.5px solid var(--line)}.faq section details:last-child{border-bottom:1.5px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:500;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:12px;font-size:1.5rem;color:var(--accent);transition:transform .15s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0 0 18px;color:var(--muted);max-width:40rem}.contact{margin-top:56px;padding:32px;background:var(--paper);border:1.5px solid var(--line);border-radius:4px;scroll-margin-top:80px}.contact h2{font-size:1.7rem;margin-top:0}.support{display:grid;gap:16px}.support .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support label{display:grid;gap:6px;font-weight:500;font-size:.95rem}.support label.check{display:flex;align-items:flex-start;gap:10px;font-weight:400}.support label.check input{width:auto;margin-top:5px}.support input,.support select,.support textarea{font:inherit;font-weight:400;padding:.7em .9em;border:1.5px solid var(--line);border-radius:4px;background:#fffdf8;color:var(--ink);width:100%}.support textarea{resize:vertical}.support .btn{justify-self:start}.err{color:#9b1c1c;font-size:.95rem;margin:0}.sent{text-align:center;padding:24px 0}.sent .serif{font-size:1.5rem;margin-bottom:.3em}.footer{padding:40px 0;background:var(--bg);border-top:1.5px solid var(--ink)}.footer-in{display:grid;gap:14px}.footer p{margin:0;color:var(--muted)}.footer nav{display:flex;gap:24px;flex-wrap:wrap}.footer nav a{color:var(--ink);text-decoration:none;font-weight:500}.footer nav a:hover{color:var(--accent)}@media (max-width: 900px){.hero-in,.split,.how,.bookintro{grid-template-columns:1fr}.book{max-width:260px}.how-intro{position:static}.hero-img figcaption{position:static;transform:none;margin-top:18px}.pair{grid-template-columns:1fr}.toc ol{columns:1}.support .row{grid-template-columns:1fr}.contact{padding:22px 18px}.stages{grid-template-columns:1fr;gap:40px}}@media (max-width: 600px){body{font-size:17px}.hide-sm{display:none}.method li{grid-template-columns:40px 1fr;gap:12px}.method .num{font-size:2rem}.ingredients li{flex-wrap:wrap}.ingredients .dots{display:none}.ingredients em{text-align:left;width:100%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
