:root{color-scheme:light;--paper:#f8f5ee;--ink:#242b23;--muted:#52594d;--line:#d5cfc0;--green:#263b32;--gold:#edcb8c}*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a04722;outline-offset:4px}a:hover{text-decoration-thickness:2px}img{display:block;width:100%;height:auto}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;line-height:1.07;margin:0 0 .65em}h1{font-size:clamp(3.6rem,8vw,7.7rem);letter-spacing:-.065em;line-height:.9}h2{font-size:clamp(2.6rem,5vw,4.5rem);letter-spacing:-.055em}h3{font-size:1.58rem}.wrap{width:min(1320px,92%);margin:auto}.skip{position:absolute;left:1rem;top:-8rem;background:white;padding:.8rem;z-index:3}.skip:focus{top:1rem}.mast{border-bottom:1px solid var(--line)}.mast .wrap,nav,.links,.filter{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mast .wrap{justify-content:space-between;padding:1rem 0}.brand{font:1.5rem Georgia,serif;text-decoration:none}.eyebrow,.label,nav a{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.13em}.mast nav a,.links a,.profiles a{display:inline-block;padding:.65rem .15rem}.hero{display:grid;grid-template-columns:1fr 1.12fr;margin:1.8rem auto 0;background:var(--green);color:var(--paper)}.hero-copy{padding:clamp(1.7rem,5vw,5.3rem) clamp(1.4rem,4vw,4.5rem);align-self:center}.hero .eyebrow,.hero em{color:var(--gold)}.hero p:not(.eyebrow){max-width:30ch}.hero figure{position:relative;margin:0;min-width:0;min-height:22rem}.hero img{height:100%;position:absolute;object-fit:cover;object-position:center 50%}.hero figcaption{position:absolute;bottom:0;right:0;background:#263b32;color:white;padding:.45rem .8rem;font-size:.73rem}.button{display:inline-block;padding:.72rem 1.1rem;border:1px solid currentColor;text-decoration:none;font-weight:650;margin-top:.65rem}.hero .button{color:var(--gold)}section{padding:clamp(2rem,6vw,5rem) 0;border-bottom:1px solid var(--line)}.lede{color:var(--muted);max-width:63ch;margin-top:-.8em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,228px),1fr))}.card{min-width:0;border:1px solid var(--line);background:#fffdf8}.card .body{padding:1rem}.guide-grid img{aspect-ratio:1.5;object-fit:cover}.post img,.plate{aspect-ratio:1.5;object-fit:contain;background:#ece6d7}.plate{display:grid;place-items:center;text-align:center;padding:1.4rem;color:var(--green);font:italic 1.6rem Georgia,serif}.card .label{color:var(--muted)}.filter{margin:1.1rem 0}.filter label{font-weight:650}.filter select{min-height:44px;padding:.4rem;color:inherit;background:white;border:1px solid #777}.steps{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.step-list{list-style:none;padding:0}.step-list li{padding:.9rem 0;border-top:1px solid var(--line)}.step-list a{display:inline-block;font-weight:650}.measure-box{padding:1.2rem 1.5rem;background:#eee8dc}.measure-box summary{cursor:pointer;font-weight:650;padding:.45rem 0}footer{padding:2rem 0;font-size:.9rem}.profiles{display:flex;flex-wrap:wrap;gap:1rem}.empty{padding:1.2rem;border:1px dashed #878878}.related{margin-top:1.1rem}.related summary{cursor:pointer;padding:.6rem}.related ul{padding-left:1.4rem}[hidden]{display:none!important}@media(max-width:770px){.hero{grid-template-columns:1fr}.hero figure{min-height:0;aspect-ratio:1.5}.grid:not(.guide-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}}@media(max-width:470px){.grid:not(.guide-grid){grid-template-columns:1fr}.mast .wrap{gap:.25rem}.mast nav{column-gap:.7rem}}

.watch-clip { margin: 1rem 0; max-width: 45rem; }
.watch-clip summary { min-height: 44px; cursor: pointer; padding-block: .65rem; text-decoration: underline; }
.watch-clip video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; }
.watch-clip video[hidden] { display: none; }