:root{color-scheme:light;--paper:#f8f7ef;--ink:#183e32;--muted:#485e52;--border:#c8cfc0;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.5 system-ui,sans-serif}
.mast,main,footer{width:min(1160px,calc(100% - 96px));margin-inline:auto}
a{color:inherit}a:focus-visible{outline:3px solid #be572d;outline-offset:5px}
.mast,footer,footer nav,.brand,.figure-head,figcaption{display:flex;align-items:center}
.mast,footer,.figure-head,figcaption{justify-content:space-between}
.mast{padding:25px 0;border-bottom:1px solid var(--border)}
.brand{gap:8px;text-decoration:none;font-weight:680;font-size:1.25rem;letter-spacing:-.055em}
.brand span{font-size:.65rem;align-self:flex-start;margin:5px 0 0 -3px;letter-spacing:.02em}
.about-link,footer a{text-underline-offset:4px;text-decoration-color:#8e9f8c;font-size:.88rem}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,92px);align-items:center;padding:clamp(42px,5vw,76px) 0}
.eyebrow,.figure-head,figcaption span:last-child{font-size:.71rem;letter-spacing:.13em;text-transform:uppercase;font-weight:650}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.dot{width:9px;height:9px;border-radius:50%;background:#cb683c}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3,figcaption span:first-child{font-family:var(--serif);font-weight:400}
h1{font-size:clamp(3.5rem,6.7vw,6.45rem);line-height:.99;letter-spacing:-.064em}
h1 em{color:#446e55;font-weight:400}
.lead{max-width:39ch;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;color:var(--muted);margin:24px 0 28px}
.launch-status{display:inline-flex;align-items:center;gap:10px;background:#e6ecdc;color:var(--ink);border-radius:99px;padding:9px 16px;font-weight:650}
.launch-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#527356}
.specimen{background:#e6ecdc;padding:clamp(16px,2.2vw,30px);border:1px solid #cfdbc7;border-radius:2px}
.figure-head{color:#3f5a47}
.meal{display:block;width:100%;height:auto;margin:14px 0}
figcaption{gap:10px;border-top:1px solid #b4c7ac;padding-top:12px}
figcaption span:first-child{font-size:clamp(1.1rem,2vw,1.5rem)}
.photo-credit{font-size:.76rem;color:var(--muted);text-underline-offset:3px}
figcaption{flex-wrap:wrap}
.method{border-top:1px solid var(--border);padding:32px 0 42px}
h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.045em}
.method ol{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:24px 0 0;padding:0}
.method li{counter-increment:steps;position:relative;padding-left:35px}
.method li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:4px;color:#516e54;font:600 .72rem/1.5 ui-monospace,monospace}
h3{font-size:1.4rem;line-height:1.25;letter-spacing:-.035em}
.method p{margin-top:7px;max-width:33ch;font-size:.94rem;color:var(--muted)}
footer{flex-wrap:wrap;gap:14px;border-top:1px solid var(--border);padding:20px 0 30px;font-size:.88rem;font-weight:550}
footer nav{gap:20px;font-weight:400}
@media(max-width:760px){.mast,main,footer{width:calc(100% - 40px)}.mast{padding:16px 0}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0}.intro{max-width:520px}.specimen{max-width:510px;width:100%;justify-self:center}.method ol{grid-template-columns:1fr;gap:20px}.method p{max-width:48ch}.lead{margin:15px 0 20px}.eyebrow{margin-bottom:14px}}