@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&family=DM+Sans:wght@400;500&display=swap');
:root{--ivory:#FAF7EF;--sage:#E4E9D9;--olive:#46563D;--plum:#725568;--border:#B5C1A1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ivory);color:var(--olive);font:400 18px/1.65 'DM Sans',Arial,sans-serif}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-.015em}h1{font-size:clamp(44px,6vw,72px);margin:20px 0 24px}h2{font-size:clamp(32px,4vw,42px);margin:12px 0 24px}h3{font-size:23px;font-weight:500;line-height:1.3;margin:0 0 16px}p{max-width:65ch}a{color:var(--plum);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--plum);outline-offset:4px;box-shadow:0 0 0 4px var(--ivory)}header,main,footer{max-width:1248px;margin:auto;padding-left:64px;padding-right:64px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:96px;border-bottom:1px solid var(--border)}.home{font:500 28px/1.2 'Cormorant Garamond',Georgia,serif;color:var(--plum);text-decoration:none}header nav{display:flex;gap:28px;font-size:16px}header nav a{padding:12px 0}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:12px;background:var(--ivory);padding:12px;z-index:3}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;padding:50px 0 64px}.hero h1 span{color:var(--plum)}.eyebrow{font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--plum)}.brand-art{width:100%;height:auto;max-width:370px;justify-self:center}.hero-copy>p:not(.eyebrow){max-width:360px}.button,.print{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--olive);color:var(--ivory);border:2px solid var(--olive);border-radius:10px;padding:12px 24px;min-height:48px;font:500 17px/1.3 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer}.button{margin-top:16px}.button:hover,.print:hover{background:var(--plum);border-color:var(--plum)}.recipe-home{padding:48px 0 64px;border-top:1px solid var(--border)}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.recipe-link{display:flex;flex-direction:column;align-items:start;background:var(--sage);padding:28px;border-radius:12px;color:var(--olive);text-decoration:none}.recipe-link:hover .read{text-decoration-thickness:2px}.recipe-link h3{margin-top:12px}.recipe-link p{font-size:16px;margin:0 0 24px}.recipe-number{color:var(--plum);font-size:14px;letter-spacing:.15em}.read{font-size:16px;text-decoration:underline;text-underline-offset:5px;margin-top:auto}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:var(--sage);padding:48px;border-radius:12px;margin:0 0 64px}.about p:first-child{margin-top:0}.location{font-size:16px}.recipe-intro{padding:48px 0 32px}.recipe-intro>p{max-width:670px}.recipe-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:32px 0}.recipe-menu a{background:var(--sage);padding:15px 20px;border-radius:10px;font-size:16px}.recipe{padding:40px 0 56px;border-top:1px solid var(--border);scroll-margin-top:24px}.recipe-heading{position:relative;max-width:840px}.recipe-heading h2{max-width:760px}.recipe-heading>p{font-size:16px}.print{margin:8px 0 30px;background:transparent;color:var(--olive);font-size:16px}.print:hover{color:var(--ivory)}.recipe-columns{display:grid;grid-template-columns:.9fr 1.3fr;gap:48px}.recipe-columns section:first-child{background:var(--sage);border-radius:12px;padding:28px}.recipe-columns section:nth-child(2){padding:28px 0}.recipe-columns ul,.recipe-columns ol{padding-left:24px;margin-bottom:0}.recipe-columns li{padding-left:4px;margin-bottom:14px}.recipe-columns li:last-child{margin-bottom:0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:36px}.notes h3{font-size:18px;color:var(--plum);margin:0 0 8px}.notes p{font-size:16px;margin:0}.back{display:inline-block;margin-top:28px;font-size:16px;min-height:44px;padding-top:10px}footer{padding-top:28px;padding-bottom:32px;border-top:1px solid var(--border);font-size:14px}footer>a{float:right}footer p{font-size:13px;max-width:800px}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{min-height:90px;gap:14px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.home{font-size:25px}header nav{gap:20px;font-size:15px}.hero{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}.hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){max-width:100%}.brand-art{max-width:220px}.button{width:100%}.recipe-grid,.recipe-menu,.recipe-columns,.notes,.about{grid-template-columns:1fr}.recipe-home{padding:36px 0 44px}.recipe-link{padding:24px}.about{gap:12px;padding:28px 24px;margin-bottom:44px}.recipe-menu{gap:10px}.recipe-columns{gap:12px}.recipe-columns section:nth-child(2){padding:20px 0}.recipe-intro{padding:32px 0 20px}.recipe{padding:32px 0 40px}.notes{gap:24px;margin-top:12px}footer>a{float:none;display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{font:11pt/1.45 Arial,sans-serif;background:white;color:black}header,footer,.skip,.recipe-intro,.print,.back{display:none!important}main{padding:0;max-width:none}.recipe{padding:0;border:0;break-before:page}.recipe:first-of-type{break-before:auto}.print-hidden{display:none!important}.recipe h2{font:24pt/1.1 Georgia,serif;color:black}.recipe h3,.eyebrow{color:black}.recipe-columns{display:block}.recipe-columns section:first-child{padding:0;background:none}.recipe-columns section:nth-child(2){padding:20px 0}.notes{display:block}.notes section{margin:14px 0;break-inside:avoid}.notes p,.recipe-heading p{font-size:10pt}.recipe-columns li{margin-bottom:6px}}
