:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f7f0e5;background:#14201f}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #f0bb8d;outline-offset:4px}img{display:block;width:100%}.siteHeader{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.logo{text-decoration:none;font-family:Georgia,serif;font-size:1.45rem;white-space:nowrap}.logo span,.period{color:#e9aa75}.siteHeader nav{display:flex;gap:30px}.siteHeader nav a{text-decoration:none;color:#b5c5bb;font-size:.9rem;padding:10px 0}.siteHeader nav a[aria-current],.siteHeader nav a:hover{color:#fff;border-bottom:1px solid #e9aa75}.kicker{text-transform:uppercase;letter-spacing:.19em;color:#e9aa75;font-weight:700;font-size:.75rem}.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr}.heroCopy{padding:70px clamp(20px,5vw,76px) 80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1,.listing h1{font:normal clamp(4.4rem,8vw,8rem)/.96 Georgia,serif;letter-spacing:-.065em;margin:22px 0 28px}.hero h1 em{font-weight:normal;color:#e9aa75}.heroCopy p{max-width:500px;font-size:1.1rem;line-height:1.65;color:#c9d5cb;margin:0}.heroActions{display:flex;gap:24px;align-items:center;margin-top:36px}.button{background:#e9aa75;color:#14201f;text-decoration:none;padding:15px 22px;border-radius:4px;font-weight:700}.button:hover{background:#f6c298}.subtleLink,.textLink{color:#f3c19c;text-decoration:none;font-size:.92rem;font-weight:600}.subtleLink:hover,.textLink:hover{text-decoration:underline}.heroPhoto{position:relative;overflow:hidden;min-height:520px}.heroPhoto img{height:100%;object-fit:cover;object-position:center}.photoLabel{position:absolute;bottom:25px;right:28px;background:#14201fe8;padding:11px 16px;color:#f1dec7;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.wrap{max-width:1320px;margin:auto;padding-left:clamp(20px,5vw,76px);padding-right:clamp(20px,5vw,76px)}.feature{padding-top:80px;padding-bottom:100px}.sectionIntro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.sectionIntro h2{font:normal clamp(2.5rem,4vw,4.5rem)/1 Georgia,serif;letter-spacing:-.04em;margin:10px 0 0}.sectionIntro p{color:#b7c7bd;line-height:1.55;max-width:420px;margin:0}.featureGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.recipeCard{display:block;background:#1c2c29;border:1px solid #40534d;text-decoration:none;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.recipeCard:hover{transform:translateY(-4px);border-color:#e9aa75}.cardImage{height:270px;overflow:hidden}.cardImage img{height:100%;object-fit:cover;transition:transform .3s}.recipeCard:hover img{transform:scale(1.04)}.cardBody{padding:25px}.cardBody h3{font:normal 2rem/1.15 Georgia,serif;margin:10px 0}.cardBody p{color:#bbc9bf;line-height:1.5;margin:0 0 22px}.notePanel{border:1px solid #506159;border-radius:8px;padding:34px;display:flex;flex-direction:column;justify-content:center;background:#23342f}.noteNumber{color:#e9aa75;letter-spacing:.15em;font-size:.76rem}.notePanel h3{font:normal clamp(2rem,3vw,3rem)/1.12 Georgia,serif;margin:30px 0 12px}.notePanel p{color:#c3d0c6;max-width:390px;line-height:1.6}.notePanel a{margin-top:22px}.listing{min-height:calc(100vh - 165px);padding-top:85px;padding-bottom:90px}.listing h1{margin:17px 0 18px}.pageLead{font-size:1.1rem;line-height:1.6;color:#bdcbc1;max-width:590px}.listTop{margin-top:65px;border-top:1px solid #586960;padding:17px 0;display:flex;justify-content:space-between;color:#a9bbb0;font-size:.88rem}.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}footer{border-top:1px solid #ffffff24;padding:28px clamp(20px,5vw,76px);display:flex;justify-content:space-between;color:#9daf9f;font-size:.84rem}@media(max-width:900px){.hero{grid-template-columns:1fr}.heroCopy{padding-top:70px;padding-bottom:60px}.heroPhoto{height:420px;min-height:0}.cardGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.siteHeader{height:70px;padding:0 18px}.logo{font-size:1.12rem}.siteHeader nav{gap:13px}.siteHeader nav a{font-size:.79rem}.hero h1,.listing h1{font-size:clamp(3.8rem,15vw,5.8rem)}.heroPhoto{height:300px}.heroActions{gap:17px}.sectionIntro{display:block}.sectionIntro p{margin-top:20px}.feature{padding-top:60px}.featureGrid,.cardGrid{grid-template-columns:1fr}.notePanel{min-height:300px}.listing{padding-top:62px}.listTop span:last-child{display:none}footer{gap:12px}}

@media(max-width:780px){.siteHeader{height:auto;min-height:82px;gap:10px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.siteHeader nav{gap:18px;flex-wrap:wrap}}@media(max-width:650px){.siteHeader nav{gap:13px}.siteHeader nav a{font-size:.8rem}}

.origin{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,100px);padding-top:80px;padding-bottom:80px;border-bottom:1px solid #496057}.origin h2{font:normal clamp(2.8rem,5vw,5rem)/1.05 Georgia,serif;letter-spacing:-.05em;margin:18px 0}.originCopy{border-left:2px solid #e9aa75;padding-left:28px}.originCopy p{font-size:1.13rem;line-height:1.65;color:#d3ddd3;margin:0 0 18px}.originCopy .originAside{font-family:Georgia,serif;font-style:italic;color:#e9aa75;font-size:1.35rem;margin:24px 0}.originCopy .textLink{display:inline-block;margin-top:8px}@media(max-width:800px){.origin{grid-template-columns:1fr;gap:16px;padding-top:60px;padding-bottom:60px}.originCopy{padding-left:20px}}

.patPortrait{max-width:315px;margin:26px 0 0}.patPortrait img{height:300px;object-fit:cover;object-position:center 23%;border:1px solid #738678;border-radius:8px;filter:saturate(.85)}.patPortrait figcaption{margin-top:10px;color:#aebfb2;font-size:.85rem}.filterBar{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.filterBar button{font:inherit;font-size:.9rem;color:#d7e4d9;background:#21312b;border:1px solid #687c6e;border-radius:100px;padding:10px 16px;cursor:pointer}.filterBar button:hover{border-color:#e9aa75}.filterBar button[aria-pressed="true"]{background:#e9aa75;color:#17231e;border-color:#e9aa75;font-weight:700}.filterBar button:focus-visible{outline:3px solid #f3c69f;outline-offset:2px}.filterBar+.listTop{margin-top:22px}.recipeCard[hidden]{display:none}@media(max-width:650px){.patPortrait{max-width:250px}.patPortrait img{height:250px}.filterBar button{font-size:.84rem;padding:9px 12px}}

/* On phones, lead with what this kitchen cooks and why before the large dinner photo. */
@media(max-width:650px){main:has(> .hero){display:flex;flex-direction:column}.hero{display:contents}.heroCopy{order:1;padding-top:30px;padding-bottom:36px}.hero h1{font-size:clamp(3.3rem,13vw,4.8rem);margin:12px 0 17px}.heroCopy p{font-size:1rem;line-height:1.55}.heroActions{margin-top:24px}.origin{order:2;padding-top:34px;padding-bottom:38px}.origin h2{font-size:clamp(2.4rem,10vw,3.4rem);margin:12px 0}.originCopy p{font-size:1rem;line-height:1.55}.originCopy .originAside{font-size:1.1rem;margin:16px 0}.patPortrait{margin:8px 0 0}.patPortrait img{height:195px;max-width:195px}.heroPhoto{order:2;height:275px}.origin{order:3}.feature{order:4;padding-top:50px}}
@media(max-width:650px){.origin{display:flex;flex-direction:column;gap:12px}.originLabel{display:contents}.originLabel .kicker{order:1}.originLabel h2{order:2}.originCopy{order:3}.patPortrait{order:4}.originCopy .textLink{margin-top:0}}

.heroPhoto{display:block;text-decoration:none}.heroPhoto:focus-visible{outline:3px solid #e9aa75;outline-offset:-3px}

.recipeTimer{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}.step .recipeTimer button,.beanStep .recipeTimer button{width:auto;height:auto;min-height:42px;padding:8px 12px;border:1px solid #71837b;border-radius:7px;background:#2e423b;color:#f5eee1;font-size:.9rem;cursor:pointer}.recipeTimer button:hover,.recipeTimer button:focus-visible{background:#40564b;outline:2px solid #e9aa75;outline-offset:2px}.recipeTimer [role="timer"]{display:inline-block;min-width:55px;padding:8px 10px;border:1px solid #596c61;border-radius:7px;background:#2e423b;color:#f5eee1;font-variant-numeric:tabular-nums}.recipeTimer .timerStatus{flex-basis:100%;color:#f3c19c;font-size:.9rem}

.promptTeaser{padding-top:70px;padding-bottom:85px;border-top:1px solid #496057;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.promptTeaser h2{font:normal clamp(2.7rem,5vw,4.7rem)/1 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.promptTeaser p{color:#c4d3c8;line-height:1.65;max-width:550px;margin-bottom:29px}.promptTeaser .button{display:inline-block}.teaserMark{font:normal clamp(4rem,10vw,10rem) Georgia,serif;letter-spacing:-.08em;color:#e9aa75;text-align:right}.teaserMark span{color:#8fa99a}@media(max-width:650px){.promptTeaser{grid-template-columns:1fr;padding-top:55px;padding-bottom:65px}.teaserMark{text-align:left;font-size:4.3rem;line-height:1}}

@media(max-width:650px){main:has(> .hero)>.promptTeaser{order:5}}