.recipe-section{padding:90px 0 65px;background:#fff9ef;color:#49243b;overflow:hidden;scroll-margin-top:130px}.recipe-heading{text-align:center;padding:0 24px;margin-bottom:32px}.recipe-heading h2{font-size:clamp(42px,6vw,86px);line-height:1;letter-spacing:-.045em;margin:12px 0 20px}.recipe-heading>p:last-child{font-size:17px}.recipe-viewport{width:100%;overflow:hidden;padding:36px 0;touch-action:pan-y;outline-offset:-5px}.recipe-track{position:relative;display:flex;align-items:stretch;gap:36px;transition:transform .65s cubic-bezier(.22,.7,.2,1);will-change:transform}.recipe-card-new{position:relative;flex:0 0 min(31vw,390px);min-width:0;border-radius:26px;padding:20px;background:var(--recipe-bg);overflow:hidden;isolation:isolate;transform:scale(.94);transition:transform .6s cubic-bezier(.22,.7,.2,1)}.recipe-card-new.is-selected{transform:scale(1.04)}.recipe-flower{position:absolute;z-index:-1;width:120%;height:auto;left:-10%;top:8%;color:#49243b;opacity:.10;animation:recipe-spin 51.43s linear infinite;pointer-events:none}.recipe-card-new:nth-child(even) .recipe-flower{animation-direction:reverse;animation-duration:58s}.recipe-photo-draft{position:relative;aspect-ratio:1.35;border-radius:14px;overflow:hidden;background:#f7ead4}.recipe-photo-draft img{width:100%;height:100%;object-fit:cover;display:block}.recipe-time{position:absolute;top:10px;right:10px;background:#fff9ef;padding:7px 10px;border-radius:8px;font-size:13px}.recipe-image-note{position:absolute;bottom:7px;left:8px;background:#fff9efe8;padding:3px 7px;border-radius:5px;font-size:10px}.recipe-card-copy{position:relative;padding:20px 0 0;display:flex;flex-direction:column;align-items:flex-start}.recipe-card-copy p{font-size:13px;font-weight:650;margin:0 0 10px}.recipe-card-copy h3{font-size:clamp(26px,2.5vw,36px);line-height:1.05;letter-spacing:-.035em;margin:0 0 25px;min-height:3.15em}.recipe-open{border:0;border-radius:10px;background:#fff9ef;color:#49243b;padding:13px 18px;font:inherit;font-weight:750;cursor:pointer}.recipe-open span{margin-left:20px}.recipe-open:hover{background:#49243b;color:#fff9ef}.recipe-navigation{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px 0 0}.recipe-navigation>button{width:44px;height:44px;background:#49243b;color:#fff9ef;border:0;border-radius:10px;font-size:24px;cursor:pointer}.recipe-dots{display:flex;gap:7px;align-items:center}.recipe-dots button{position:relative;width:22px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}.recipe-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:10px;background:#49243b44;margin:auto;transition:width .3s}.recipe-dots button[aria-current=true]:after{width:22px;background:#49243b}.recipe-navigation .recipe-motion{background:transparent;color:#49243b;font-size:20px;width:32px}.recipe-position{text-align:center;font-size:12px;margin:12px 0 0}.recipe-section.motion-paused .recipe-flower,.recipe-section.out-of-view .recipe-flower{animation-play-state:paused}@keyframes recipe-spin{to{transform:rotate(360deg)}}.recipe-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 28px));max-height:85dvh;overflow:auto;border:0;border-radius:24px;padding:40px;background:#fff9ef;color:#49243b}.recipe-dialog::backdrop{background:#261020aa;backdrop-filter:blur(5px)}.recipe-dialog h2{font-size:36px;line-height:1.05;margin:15px 0 28px}.recipe-dialog h3{font-size:21px;margin:24px 0 10px}.recipe-dialog li{line-height:1.55;margin:8px 0}.recipe-dialog ul,.recipe-dialog ol{padding-left:24px}.recipe-close{position:absolute;right:12px;top:12px;border:0;background:transparent;font-size:22px;width:40px;height:40px;cursor:pointer}.recipe-dialog .eyebrow{padding-right:20px;font-size:11px}.recipe-section button:focus-visible,.recipe-viewport:focus-visible{outline:3px solid #49243b;outline-offset:4px}@media(max-width:700px){.recipe-section{padding:55px 0 40px}.recipe-card-new{flex-basis:80vw;padding:16px;border-radius:22px}.recipe-track{gap:16px}.recipe-card-copy h3{font-size:30px;min-height:2.1em}.recipe-heading h2{font-size:48px}.recipe-heading{margin-bottom:6px}.recipe-navigation{gap:10px}.recipe-dialog{padding:35px 24px}.recipe-dialog h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.recipe-flower{animation:none}.recipe-track,.recipe-card-new,.recipe-dots button:after{transition:none}}
