.intro{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;padding:58px 0 72px}.intro h1{font-size:clamp(3rem,5.4vw,5.2rem);margin:18px 0 24px}.intro p:not(.eyebrow){color:#bdbdbd;font-size:18px;max-width:510px}.intro .button{margin-top:15px;border-radius:30px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.hero-tags span{border:1px solid #414033;border-radius:20px;padding:5px 12px;font-size:12px;color:#e1d8bd}.hero-photo img{display:block;width:75%;max-width:100%;margin-inline:auto;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:24px}.hero-photo figcaption{width:75%;margin-inline:auto;border:0;color:#ffcd24;font-size:12px}.hero-photo figcaption span{color:#bbb;font-weight:400}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;padding-top:30px;border-top:1px solid #333}.collection-heading h2{font-size:clamp(1.6rem,3vw,2.5rem)}.collection-heading>span{color:#aaa;font-size:12px;white-space:nowrap}.recipe-layout section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.recipe-layout article{background:transparent;border:0;border-radius:0;scroll-margin-top:24px}.recipe-image{display:block;width:75%;max-width:100%;margin-inline:auto;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:16px}.recipe-body{width:75%;margin-inline:auto;padding:22px 0 0}.recipe-top{display:flex;align-items:center;gap:16px;color:#c4bdab;font-size:12px}.number{font-size:21px;color:#ffcd24;font-weight:800}.recipe-layout h2{font-size:clamp(1.5rem,2.2vw,2rem);margin:14px 0}.recipe-description{color:#bcbcaf;margin:0 0 22px;min-height:52px}.recipe-layout summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #3c3b30;color:#ffcd24;font-weight:800;list-style:none;min-height:50px;font-size:14px}.recipe-layout summary::-webkit-details-marker{display:none}.recipe-layout summary span{font-size:24px}.recipe-layout summary:focus-visible{outline:3px solid #ffcd24;outline-offset:4px}.recipe-layout details[open] summary span{transform:rotate(45deg)}.method{padding:1px 18px 18px;background:#202019;border-radius:10px;margin:8px 0 0}.method h3{font-size:17px;padding-top:15px;margin-bottom:8px;color:#f3deb0}.method ul,.method ol{padding-left:22px;color:#ddd}.method li{padding:5px 0}.recipe-note{grid-column:1/-1;color:#aaa;font-size:13px;max-width:780px;margin:4px 0 0}nav [aria-current]{color:#ffcd24}@media(max-width:800px){.intro{gap:28px;padding-top:34px}.intro h1{font-size:3rem}.recipe-body{padding:20px 0 0}.collection-heading{align-items:start}.recipe-layout section{gap:18px}}@media(max-width:600px){.intro{grid-template-columns:1fr;padding-bottom:40px}.hero-photo img{display:block;aspect-ratio:auto;border-radius:16px}.hero-tags{margin-top:20px}.collection-heading{display:block}.collection-heading>span{display:block;margin-top:14px}.recipe-layout section{grid-template-columns:1fr;gap:24px}.recipe-description{min-height:0}}@media(prefers-reduced-motion:reduce){.recipe-layout article{transition:none}}

/* Match the olive page container, masthead and hero dimensions. */
header{display:block;width:100%;padding:0;border-color:#292929}
header .bar{max-width:1200px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;min-height:142px;gap:36px}
header .brand{display:inline-block;flex-shrink:0;padding:8px 0}
.icon-menu{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:.9375rem;line-height:normal}
.icon-menu a{min-height:44px;font-weight:400}
main{width:100%;max-width:1200px;margin:auto;padding:28px 28px 70px}
.page-identity{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;line-height:1.3}
.page-identity svg{width:36px;height:36px;flex-shrink:0}
.intro{grid-template-columns:1fr 1.15fr;gap:36px;margin:36px 0 48px;padding:0}
.intro h1{font-size:clamp(2.5rem,5.2vw,4.5rem);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px;font-weight:900}
.intro p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#c8c8c8;margin:0;max-width:780px}
.hero-photo{line-height:normal}
.hero-photo img{display:inline;width:100%;height:420px;aspect-ratio:auto;object-fit:cover;border-radius:32px;margin:0}
@media(max-width:800px){.intro{grid-template-columns:1fr}.hero-photo img{height:320px}}
@media(max-width:640px){header .bar{flex-wrap:wrap;gap:16px}.icon-menu{width:100%;justify-content:flex-start;gap:12px 20px}}
@media(max-width:520px){main{padding:24px 18px 48px}header .bar{min-height:112px;padding:18px;gap:16px}.intro{margin-top:28px;gap:24px}.hero-photo img{height:250px}}