@keyframes landing-fade-in-recipe-modal{0%{opacity:0}to{opacity:1}}@keyframes landing-slide-up-recipe-modal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.landing-recipe-modal{--landing-bg:#ffffff;--landing-text:#1a1a1a;--landing-border:#ebebeb;--landing-ink:#111111;--landing-muted-500:#878787;--landing-muted-800:#575757;--landing-radius-card:10px;--landing-radius-pill:999px;--landing-ease:cubic-bezier(0.22,1,0.36,1);position:fixed;inset:0;z-index:2000;background:rgba(8,8,8,.78);display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:landing-fade-in-recipe-modal .18s ease both}.landing-recipe-modal__panel{--recipe-modal-pillar:min(100%,calc(min(78vh, 640px) * 9 / 16));position:relative;background:var(--landing-bg);color:var(--landing-text);width:min(92vw,680px);max-width:min(92vw,680px);max-height:88vh;display:grid;grid-template-columns:minmax(0,var(--recipe-modal-pillar)) minmax(0,1fr);justify-items:stretch;align-items:stretch;overflow:hidden;border-radius:var(--landing-radius-card);animation:landing-slide-up-recipe-modal .24s var(--landing-ease) both}@media (max-width:880px){.landing-recipe-modal__panel{grid-template-columns:1fr;max-height:94vh;overflow-y:auto}}.landing-recipe-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--landing-border);background:rgba(255,255,255,.95);color:var(--landing-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:2;transition:background .2s var(--landing-ease),border-color .2s var(--landing-ease)}.landing-recipe-modal__close:focus-visible,.landing-recipe-modal__close:hover{background:var(--landing-ink);border-color:var(--landing-ink);color:#fff;outline:none}.landing-recipe-modal__media{position:relative;min-height:360px;background:#0b0b0b}@media (max-width:880px){.landing-recipe-modal__media:not(.landing-recipe-modal__media--vertical){aspect-ratio:4/3;min-height:0}}.landing-recipe-modal__media:not(.landing-recipe-modal__media--vertical) video{width:100%;height:100%;object-fit:cover;display:block}.landing-recipe-modal__media--vertical{position:relative;justify-self:stretch;align-self:start;box-sizing:border-box;width:100%;max-width:var(--recipe-modal-pillar,calc(min(78vh, 640px) * 9 / 16));max-height:min(78vh,640px);overflow:hidden;background:#0b0b0b}.landing-recipe-modal__media--vertical:before{content:"";display:block;width:100%;padding-bottom:calc(100% * 16 / 9);pointer-events:none}.landing-recipe-modal__media--vertical img.landing-recipe-modal__vertical-media,.landing-recipe-modal__media--vertical video.landing-recipe-modal__vertical-media{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.landing-recipe-modal__media--vertical>span{position:absolute;inset:0;z-index:1;display:block}.landing-recipe-modal__media--vertical>span img{width:100%;height:100%;object-fit:cover}.landing-recipe-modal__poster{object-fit:cover}.landing-recipe-modal__body{box-sizing:border-box;width:100%;min-width:0;padding:clamp(22px,3vw,36px) clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:14px;justify-content:flex-start;align-items:stretch;align-content:flex-start;text-align:left;direction:ltr;overflow-y:auto}.landing-recipe-modal__eyebrow{display:block;width:100%;font-family:var(--font-family-ui);font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--landing-muted-500);text-align:left}.landing-recipe-modal__title{font-family:var(--font-family-display);font-weight:300;font-size:clamp(1.85rem,4vw,2.65rem);line-height:1.05;letter-spacing:-.015em;color:var(--landing-ink);margin:0;text-align:left;width:100%}.landing-recipe-modal__desc{font-family:var(--font-family-editorial);font-size:1rem;line-height:1.65;color:var(--landing-muted-800);margin:0;max-width:none;text-align:left;width:100%}.landing-recipe-modal__cta{display:inline-flex;align-items:center;gap:10px;margin-top:12px;align-self:flex-start;padding:13px 22px;border-radius:var(--landing-radius-pill);background:var(--landing-ink);color:#fff;font-family:var(--font-family-ui);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;border:1px solid var(--landing-ink);transition:background .2s var(--landing-ease),color .2s var(--landing-ease)}.landing-recipe-modal__cta:hover{background:transparent;color:var(--landing-ink)}