:root{--ivory:#f7f3ea;--cream:#efe7d8;--sage:#a8b09a;--sage-soft:#e5e9df;--olive:#5f684c;--olive-dark:#39412f;--ink:#2d2c28;--muted:#6e6a61;--line:rgba(57,65,47,.17);--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.7}.shell{width:min(calc(100% - 2rem),74rem);margin:auto}.shell--narrow{width:min(calc(100% - 2rem),48rem)}a{color:var(--olive-dark)}.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-180%);background:var(--olive-dark);color:#fff;padding:.7rem 1rem;z-index:20}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:rgba(247,243,234,.96)}.site-header__inner{width:min(calc(100% - 2rem),74rem);min-height:5.5rem;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;flex-direction:column;text-decoration:none}.brand__eyebrow,.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--olive);font-weight:700}.brand__title{font:600 1.5rem var(--serif);color:var(--olive-dark)}.top-nav{display:flex;gap:1.2rem}.top-nav a{text-decoration:none;font-size:.94rem}.intro{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(180deg,var(--ivory),#f1ede4)}.intro__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,6vw,5rem);align-items:center}h1,h2,h3{font-family:var(--serif);color:var(--olive-dark);font-weight:600;margin-top:0}h1{font-size:clamp(3.2rem,8vw,5.8rem);line-height:.94;margin-bottom:.4rem}.subtitle{font:500 clamp(1.5rem,3vw,2.1rem) var(--serif);color:var(--muted);margin:0 0 2rem}.lead{font-size:1.08rem;max-width:42rem}blockquote{margin:2rem 0;padding:1.2rem 0 1.2rem 1.3rem;border-left:3px solid var(--sage);font:500 1.35rem var(--serif);color:var(--olive-dark)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}button,.button{border:1px solid var(--olive-dark);border-radius:999px;padding:.8rem 1.15rem;font:600 .92rem var(--sans);cursor:pointer;text-decoration:none;background:var(--olive-dark);color:#fff}.button--light{background:transparent;color:var(--olive-dark)}.method-card{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;padding:2rem;border:1px solid var(--line);border-radius:1.25rem;background:rgba(255,255,255,.48)}.method-card>span{display:grid;place-items:center;width:2.45rem;height:2.45rem;border-radius:50%;background:var(--olive-dark);color:#fff;font:600 1.25rem var(--serif)}.method-card p{margin:.1rem 0 1rem;color:var(--muted);font-size:.9rem}.instructions{padding:5rem 0}.instructions h2,.preview h2{font-size:clamp(2.2rem,4vw,3.2rem)}.instructions ol{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:steps;padding:0;list-style:none}.instructions li{counter-increment:steps;padding:1.4rem;border-top:1px solid var(--line);background:rgba(255,255,255,.34)}.instructions li:before{content:counter(steps);display:block;margin-bottom:.6rem;color:var(--olive);font:600 1.5rem var(--serif)}.note{margin-top:2rem;padding:1rem 1.2rem;border-left:3px solid var(--sage);background:var(--sage-soft)}.preview{padding:5rem 0;background:var(--cream)}.preview__heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:3rem}.paper{min-height:30rem;padding:2.2rem;background:#fff;border:1px solid #d8d8d2;box-shadow:0 18px 40px rgba(67,58,45,.08)}.paper>span{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--olive)}.paper h3{font-size:2rem;margin-top:1.3rem}.paper li{padding:.7rem 0;border-bottom:1px solid #ddd;list-style:none}.paper ul{padding:0}.site-footer{padding:2rem 0;background:var(--olive-dark);color:#fff}.site-footer .shell{display:flex;justify-content:space-between;gap:1rem}.site-footer a{color:#fff}@media(max-width:800px){.intro__grid,.preview__heading{grid-template-columns:1fr}.instructions ol{grid-template-columns:repeat(2,1fr)}.paper-grid{grid-template-columns:1fr}.top-nav{display:none}}@media(max-width:520px){.instructions ol{grid-template-columns:1fr}.actions{flex-direction:column}.actions>*{text-align:center}.site-footer .shell{display:block}}
@media print{.no-print{display:none!important}body{background:#fff}}