.cook-film{position:relative;height:400svh;background:#f2ead0;color:var(--ink)}.cook-film-pin{position:sticky;top:80px;height:calc(100svh - 80px);overflow:hidden;isolation:isolate;display:grid;place-items:center;background:#f2ead0}.cook-film canvas{display:block;width:100%;height:100%;object-fit:contain;background-size:contain;background-position:50%;background-repeat:no-repeat}.cook-film-ending{position:absolute;top:5%;left:20px;right:20px;text-align:center;opacity:0;pointer-events:none}.cook-film-ending h2{font-family:var(--font-hero),Arial,sans-serif;font-weight:800;font-size:clamp(32px,8vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0;text-shadow:0 1px 12px #fff3bb}.cook-film-ending h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--ink)}.cook-film-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ink)}@media(min-width:761px){.cook-film-pin{top:100px;height:calc(100svh - 100px)}}@media(prefers-reduced-motion:reduce){.cook-film{height:auto}.cook-film-pin{position:relative;top:0;height:90svh}.cook-film-hint{display:none}}.cook-film-titles{position:absolute;top:5%;left:16px;right:16px;text-align:center;pointer-events:none}.cook-film-titles h2{font-family:var(--font-hero),Arial,sans-serif;font-weight:800;font-size:clamp(27px,7vw,44px);line-height:1.12;letter-spacing:-.04em;margin:0;color:var(--ink)}.cook-film-action{display:block;animation:cook-title-morph .38s cubic-bezier(.22,1,.36,1) both}@keyframes cook-title-morph{0%{opacity:0;transform:translateY(10px) scale(.94);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.cook-film-titles .cook-film-ending{position:relative;inset:auto;margin-top:5px}.cook-film-ending p{font-family:Georgia,serif;font-style:italic;font-size:clamp(27px,7vw,42px);line-height:1.15;letter-spacing:-.035em;color:var(--ink)}@media(prefers-reduced-motion:reduce){.cook-film-action{animation:none}}