:root{color-scheme:dark;--bg: #15120f;--panel: #211b17;--panel-strong: #2b221d;--ink: #f7efe5;--muted: #c7b7a6;--line: rgba(247, 239, 229, .14);--accent: #d3513c;--accent-2: #e3b35f;--shadow: 0 24px 80px rgba(0, 0, 0, .38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(135deg,rgba(211,81,60,.14),transparent 34%),linear-gradient(215deg,rgba(227,179,95,.1),transparent 36%),var(--bg);letter-spacing:0}a{color:inherit}button,input,textarea,select{font:inherit}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.site-header,.site-footer{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.utility-header{min-height:92px}.site-brand-mark{background:#0807063d}.brand{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:700;text-decoration:none}.nav,.locale-switcher{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.nav a:hover,.nav a.active{color:var(--ink)}.locale-switcher{padding-left:12px;border-left:1px solid var(--line)}main{width:min(1180px,calc(100% - 32px));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.immersive-page{overflow:hidden;background:#050403}.immersive-main{width:100%;height:100svh;margin:0}.immersive-stage{position:relative;width:100vw;height:100svh;overflow:hidden;isolation:isolate;background:#050403}.immersive-bg,.immersive-bg img{position:absolute;inset:0;width:100%;height:100%}.immersive-bg img{object-fit:cover;object-position:center}.immersive-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 66% 42%,transparent 0 20%,rgba(0,0,0,.18) 54%,rgba(0,0,0,.5) 100%),linear-gradient(90deg,#000000a3,#0000001f 48%,#00000085),linear-gradient(0deg,rgba(0,0,0,.78),transparent 46%,rgba(0,0,0,.4));pointer-events:none}.immersive-topbar{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:clamp(18px,3vw,34px);pointer-events:none}.immersive-brand,.immersive-tools{pointer-events:auto}.immersive-brand{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(247,239,229,.2);border-radius:50%;color:#f7efe5e0;background:#0807062e;backdrop-filter:blur(14px);text-decoration:none;text-shadow:0 2px 18px rgba(0,0,0,.5)}.immersive-brand svg{display:block;width:20px;height:20px}.immersive-tools{display:flex;align-items:flex-start;gap:10px}.icon-button{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(247,239,229,.2);border-radius:50%;color:#f7efe5e6;background:#08070647;backdrop-filter:blur(16px);cursor:pointer;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.icon-button:hover{border-color:#f7efe56b;color:var(--ink);background:#f7efe51a;transform:translateY(-1px)}summary.icon-button{list-style:none}summary.icon-button::-webkit-details-marker{display:none}@media(hover:hover)and (pointer:fine){[data-tooltip]:after{position:absolute;right:calc(100% + 10px);top:50%;z-index:8;width:max-content;max-width:220px;padding:7px 9px;border:1px solid rgba(247,239,229,.14);border-radius:999px;color:#f7efe5e6;background:#090706c7;box-shadow:0 16px 46px #00000057;content:attr(data-tooltip);font-size:.78rem;line-height:1;opacity:0;pointer-events:none;transform:translate(4px,-50%);transition:opacity .15s ease,transform .15s ease;white-space:nowrap}[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)}.immersive-tools [data-tooltip]:after{right:0;top:calc(100% + 10px);transform:translateY(-4px)}.immersive-tools [data-tooltip]:hover:after{transform:translateY(0)}}.utility-menu{position:relative}.utility-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:7;display:grid;gap:6px;min-width:216px;max-height:min(360px,calc(100svh - 96px));overflow:auto;padding:10px;border:1px solid rgba(247,239,229,.16);border-radius:8px;background:#0b0908c7;backdrop-filter:blur(22px);box-shadow:0 24px 80px #0000006b}.utility-menu:not([open]) .utility-menu-panel{display:none}.utility-menu-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 10px;border-radius:7px;color:#f7efe5d1;font-size:.92rem;text-decoration:none}.utility-menu-panel a:hover,.utility-menu-panel a.active{color:var(--ink);background:#f7efe514}.utility-menu-panel small,.menu-label{color:#f7efe585;font-size:.72rem;text-transform:uppercase}.menu-label{margin:2px 10px 5px;font-weight:700;letter-spacing:.1em}.more-panel a{justify-content:flex-start}.immersive-copy{position:absolute;left:clamp(20px,5vw,74px);bottom:clamp(104px,15vh,148px);z-index:3;display:grid;gap:16px;width:min(640px,calc(100vw - 40px));color:var(--ink);text-shadow:0 3px 26px rgba(0,0,0,.72)}.hero-kicker{margin:0;color:var(--accent-2);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.immersive-copy h1{--hero-title-max: clamp(4.8rem, 12vw, 10rem);margin:0 0 clamp(6px,.9vw,12px);max-width:100%;font-size:var(--hero-title-size, var(--hero-title-max));line-height:.94;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:manual}.immersive-copy h1[data-title-mode=single]{white-space:nowrap}.immersive-copy h1[data-title-mode=natural]{white-space:normal}.immersive-subtitle{max-width:560px;margin:0;color:#f7efe5f0;font-size:clamp(1.2rem,1.8vw,1.65rem);line-height:1.34}.hero-ingredients{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;max-width:620px;margin:4px 0 0;color:#f7efe5d6;font-size:.94rem;line-height:1.45}.hero-ingredients span{color:var(--accent-2);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-ingredients strong{font-weight:500}.floating-actions{position:absolute;right:clamp(18px,3vw,40px);bottom:clamp(94px,13vh,132px);z-index:4;display:grid;gap:10px}.action-button{box-shadow:0 14px 44px #0000003d}.recipe-handle{position:absolute;left:50%;bottom:clamp(16px,3vh,30px);z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid rgba(247,239,229,.18);border-radius:999px;color:#f7efe5e6;background:#08070652;backdrop-filter:blur(16px);cursor:pointer;font-size:.86rem;transform:translate(-50%);transition:border-color .16s ease,background .16s ease,color .16s ease}.recipe-handle:hover{border-color:#f7efe561;color:var(--ink);background:#f7efe517}.recipe-dialog,.share-dialog{padding:0;color:var(--ink)}.recipe-dialog{width:min(900px,calc(100vw - 28px));max-width:none;max-height:70svh;margin:auto auto 0;border:1px solid rgba(247,239,229,.16);border-radius:18px 18px 0 0;background:transparent;box-shadow:var(--shadow)}.recipe-dialog::backdrop,.share-dialog::backdrop{background:#00000094;backdrop-filter:blur(6px)}.recipe-sheet{overflow:hidden;border-radius:inherit;background:#0c0a09e0;backdrop-filter:blur(24px)}.recipe-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0;padding:22px 24px 14px;border-bottom:1px solid rgba(247,239,229,.1)}.recipe-sheet-header h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:.95}.recipe-sheet-content{display:grid;gap:22px;max-height:calc(70svh - 114px);overflow:auto;padding:20px 24px 26px}.recipe-description{max-width:720px;margin:0;color:#f7efe5d1;line-height:1.7}.recipe-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.recipe-meta-grid div{min-width:0;padding:12px;border:1px solid rgba(247,239,229,.12);border-radius:8px;background:#f7efe50d}.recipe-meta-grid dt{margin-bottom:5px;color:var(--accent-2);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.recipe-meta-grid dd{margin:0;color:#f7efe5db;font-size:.9rem;overflow-wrap:anywhere}.recipe-tags{margin:0}.recipe-sheet h3{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.recipe-sheet ul,.recipe-sheet ol{margin:0;padding-left:1.15rem;color:#f7efe5d1;line-height:1.7}.recipe-sheet li+li{margin-top:6px}.share-dialog{width:min(560px,calc(100vw - 32px));border:1px solid rgba(247,239,229,.18);border-radius:8px;background:#120e0cf0;box-shadow:var(--shadow)}.share-dialog-inner{display:grid;gap:22px;margin:0;padding:22px}.share-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.share-dialog h2{margin-bottom:6px;font-size:1.65rem}.share-dialog p{margin:0;color:var(--muted)}.icon-close{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer}.share-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-preset{display:grid;gap:6px;min-height:92px;padding:14px;border:1px solid rgba(247,239,229,.18);border-radius:8px;color:var(--ink);background:#f7efe50f;cursor:pointer;text-align:left}.share-preset span{color:var(--muted);font-size:.88rem}.share-preset[aria-busy=true]{opacity:.62;pointer-events:none}.hero-shell{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:calc(100vh - 170px);padding:24px 0 56px}.poster-frame{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0e0d0b;box-shadow:var(--shadow)}.poster-frame img{width:100%;aspect-ratio:3 / 4;object-fit:cover}.hero-copy{max-width:680px}.eyebrow{margin:0 0 14px;color:var(--accent-2);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,8vw,7.8rem);line-height:.9;letter-spacing:0}h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:0}.subtitle{max-width:620px;margin-bottom:18px;color:var(--ink);font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.35}.description{max-width:640px;color:var(--muted);font-size:1.02rem;line-height:1.75}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 22px}.meta-grid div{min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#211b17ad}.meta-grid dt{margin-bottom:6px;color:var(--muted);font-size:.75rem;text-transform:uppercase}.meta-grid dd{margin:0;overflow-wrap:anywhere}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tag-row span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.88rem}.action-row{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:46px;padding:12px 18px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#f7efe50f;cursor:pointer;text-decoration:none}.button.primary{border-color:transparent;color:#1a120e;background:var(--accent-2)}.recipe-section{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:28px;padding:56px 0;border-top:1px solid var(--line)}.recipe-column{padding:clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:8px;background:#211b17ad}.ingredient-list,.steps-list{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.8}.steps-list li+li,.ingredient-list li+li{margin-top:8px}.archive-cta{padding:0 0 64px;text-align:center}.archive-cta a{color:var(--accent-2);font-weight:700}.page-heading{padding:64px 0 28px}.page-heading h1{font-size:clamp(3.2rem,8vw,6.4rem)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:72px}.archive-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#211b17b8;text-decoration:none}.archive-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;background:#0e0d0b}.archive-card div{padding:18px}.archive-card time{color:var(--accent-2);font-size:.8rem}.archive-card h2{margin:8px 0;font-size:1.5rem}.archive-card p{color:var(--muted);line-height:1.5}.archive-empty{min-height:40vh;margin:0;padding-top:72px;color:var(--muted);text-align:center}.related-section{padding:0 0 72px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-grid a{display:grid;gap:10px;color:var(--muted);text-decoration:none}.related-grid img{width:100%;aspect-ratio:3 / 4;border:1px solid var(--line);border-radius:8px;object-fit:contain;background:#0e0d0b}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:28px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}@media(max-width:860px){.site-header,.site-footer{align-items:flex-start;flex-direction:column}.utility-header{align-items:center;flex-direction:row}.hero-shell,.recipe-section{grid-template-columns:1fr}.hero-shell{min-height:0}.archive-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.immersive-copy{left:clamp(16px,5vw,36px);bottom:112px;width:min(620px,calc(100vw - 84px));gap:14px}.immersive-copy h1{--hero-title-max: clamp(4rem, 17vw, 7rem)}.floating-actions{right:16px;bottom:92px}.recipe-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-menu-panel{max-width:calc(100vw - 36px)}}@media(max-width:560px){.site-header,main,.site-footer{width:min(100% - 24px,1180px)}.nav{align-items:flex-start;flex-direction:column}.locale-switcher{padding-left:0;border-left:0}h1{font-size:clamp(3rem,16vw,4.5rem)}.meta-grid,.archive-grid,.related-grid{grid-template-columns:1fr}.button{width:100%;text-align:center}.immersive-topbar{align-items:flex-start;padding:16px 14px}.immersive-brand,.icon-button{width:40px;height:40px}.immersive-tools{gap:8px}.utility-menu-panel{min-width:min(216px,calc(100vw - 28px));max-width:calc(100vw - 28px)}.immersive-copy{left:14px;bottom:108px;width:calc(100vw - 76px);gap:11px}.immersive-copy h1{--hero-title-max: clamp(3.45rem, 17vw, 5rem);line-height:.98}.immersive-subtitle{font-size:1.06rem;line-height:1.35}.hero-kicker,.hero-ingredients span{font-size:.7rem}.hero-ingredients{gap:8px;font-size:.84rem}.floating-actions{right:14px;bottom:84px}.recipe-handle{bottom:14px;min-height:40px;padding:0 13px}.recipe-dialog{width:calc(100vw - 16px);max-height:72svh}.recipe-sheet-header{padding:18px 18px 12px}.recipe-sheet-content{max-height:calc(72svh - 100px);padding:18px}.recipe-meta-grid,.share-preset-grid{grid-template-columns:1fr}}body:has(astro-dev-toolbar) .recipe-handle{bottom:62px}body:has(astro-dev-toolbar) .recipe-dialog{margin-bottom:48px}
