@charset "UTF-8";
:root{color-scheme:light;--paper:#f8f7f3;--ink:#252c25;--muted:#6c7368;--green:#244d3b;--line:#dfdfd5;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
svg{width:20px;height:20px;flex-shrink:0}
a,input{ -webkit-tap-highlight-color:transparent}
a:focus-visible,input:focus-visible{outline:3px solid #a06e29;outline-offset:5px}
.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}
.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px;line-height:1}
.brand svg{width:31px;height:31px;color:var(--green)}
.brand-light{font-weight:400}.brand-dot{color:var(--green)}
.header-link{display:flex;align-items:center;gap:18px;font-size:13px}.header-link:hover{color:var(--green)}
.header-link svg{width:18px}
.intro{display:flex;justify-content:space-between;align-items:center;padding:68px 0 55px;gap:24px}
.eyebrow{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:1.4px;font-weight:600;color:var(--green);margin:0}
.intro-label{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px}
.intro-label span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--green)}
h1,h2,h3,p{margin-top:0}
h1{font-family:var(--serif);font-size:70px;font-weight:400;line-height:1.05;letter-spacing:-2.6px;margin:22px 0}
h1 em{font-weight:400;color:var(--green)}
.intro-description{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.intro-note{padding:20px 53px 0 20px;text-align:center;color:var(--green);transform:rotate(-8deg)}
.note-star{font-family:var(--serif);display:block;font-size:83px;line-height:1;margin-bottom:17px;font-weight:400}
.intro-note p{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.35;margin:0}
.catalog{padding-bottom:68px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:26px;border-top:1px solid var(--line)}
.section-heading h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}
.section-heading>span{font-size:12px;color:var(--muted)}
.categories{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 32px}
.categories a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:40px;padding:8px 17px;font-size:12px;transition:background .15s,border-color .15s}
.categories a:hover{border-color:var(--green);background:#eeeee6}.categories a.selected{background:var(--green);border-color:var(--green);color:#fff}
.categories a span{opacity:.65;font-size:10px}
.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:36px}
.recipe-card{min-width:0}.recipe-card>a{display:block;height:100%}
.card-image{position:relative;overflow:hidden;border-radius:8px;background:#e8e6dc;aspect-ratio:1.45}
.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.recipe-card a:hover .card-image img{transform:scale(1.035)}
.image-arrow{position:absolute;right:12px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--paper);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.image-arrow svg{width:16px}.recipe-card a:hover .image-arrow,.recipe-card a:focus-visible .image-arrow{opacity:1;transform:none}
.card-body{padding:17px 0 0}.card-body .eyebrow{font-size:9px;letter-spacing:1px}
.card-body h3{font-family:var(--serif);font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.5px;margin:8px 0 10px}
.recipe-card a:hover h3{color:var(--green)}
.card-description{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:13px}
.time{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.time svg{width:15px;height:15px}
.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.calories{font-size:12px;color:var(--muted);white-space:nowrap}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-block:25px 32px;color:var(--muted);font-size:11px}
.footer-brand{font-size:14px;font-weight:600;color:var(--green);letter-spacing:-.3px}
.category-intro{padding:36px 0}.category-intro h1{font-size:54px;margin:26px 0 15px}.category-intro p{color:var(--muted);margin:0}
.back-link{display:inline-block;color:var(--green);font-size:13px}.back-link:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--muted);font-size:12px;padding:30px 0}.breadcrumbs a:hover{color:var(--green)}.breadcrumbs>span{color:#acafa3}
.recipe-heading{max-width:760px;padding:12px 0 28px}.recipe-heading h1{font-size:54px;line-height:1.12;margin:15px 0 19px;letter-spacing:-1.6px}.recipe-description{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:20px}
.recipe-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;color:var(--muted);font-size:12px}
.recipe-photo{width:100%;height:400px;object-fit:cover;border-radius:8px}
.recipe-content{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin-top:46px;margin-bottom:38px}
.recipe-content h2{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.5px;margin:0 0 20px}
.ingredients-note{font-size:12px;color:var(--muted);margin:-8px 0 20px}
.ingredients ul{list-style:none;padding:0;margin:0}.ingredients li{border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}
.ingredients label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.ingredients input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin:4px 0 0}.ingredients input:checked+span{text-decoration:line-through;color:var(--muted)}
.steps ol{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{counter-increment:step;display:flex;align-items:flex-start;gap:18px;margin-bottom:25px}.steps li:before{content:counter(step,decimal-leading-zero);color:var(--green);font-size:12px;border:1px solid #cdd7ca;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;margin-top:1px}.steps li p{font-size:15px;line-height:1.85;margin:0}
.bon-appetit{font-family:var(--serif);font-style:italic;font-size:29px;color:var(--green);margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.recipe-back{margin-bottom:55px}.not-found{padding:90px 0 110px}.not-found h1{font-size:52px}.not-found>p:not(.eyebrow){color:var(--muted)}
.skip-link{position:absolute;left:20px;top:-100px;background:var(--green);color:white;padding:10px 18px;z-index:10}.skip-link:focus{top:12px}
@media(min-width:1500px){.intro{padding-top:80px;padding-bottom:65px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.recipe-grid{gap:30px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}.intro-note{padding-right:20px}.recipe-content{gap:35px;grid-template-columns:1fr 1.7fr}.recipe-heading h1{font-size:46px}.recipe-photo{height:340px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{min-height:78px}.brand{font-size:23px}.brand svg{width:27px;height:27px}.header-link{gap:8px;font-size:11px}.header-link svg{width:16px}.intro{padding:41px 0 35px;align-items:flex-end;gap:6px}.intro-label{font-size:8px;letter-spacing:.8px;gap:6px}.intro h1{font-size:50px;letter-spacing:-2px;margin:19px 0}.intro-description{font-size:13px;line-height:1.8}.intro-note{display:none}.section-heading{padding-top:23px}.section-heading h2{font-size:19px}.section-heading>span{font-size:11px}.categories{gap:8px;margin:20px 0 25px}.categories a{font-size:11px;padding:7px 12px;gap:8px}.recipe-grid{grid-template-columns:1fr;gap:30px}.card-image{aspect-ratio:1.6}.card-body{padding-top:14px}.card-body h3{font-size:25px}.card-description{font-size:13px;margin-bottom:9px}.catalog{padding-bottom:42px}.site-footer{padding:22px 0;font-size:10px}.category-intro{padding:27px 0 31px}.category-intro h1{font-size:42px}.breadcrumbs{padding:24px 0;font-size:11px}.recipe-heading{padding-top:8px}.recipe-heading h1{font-size:39px;letter-spacing:-1.2px;margin-top:13px}.recipe-description{font-size:14px}.recipe-photo{height:245px}.recipe-content{grid-template-columns:1fr;gap:35px;margin-top:31px}.recipe-content h2{font-size:27px}.ingredients li{font-size:14px}.steps li{gap:13px}.steps li p{font-size:14px}.recipe-back{margin-bottom:38px}.not-found{padding:60px 0}.not-found h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}