.december-video-intro{background:transparent;color:#fffdf5;overflow-y:auto;opacity:0;transition:opacity 900ms cubic-bezier(.22,.61,.36,1)}
.december-video-intro::backdrop{background:rgb(8 24 15 / 0);backdrop-filter:blur(0);transition:background-color 900ms ease,backdrop-filter 900ms ease}
.december-video-intro.intro-visible{opacity:1}
.december-video-intro.intro-visible::backdrop{background:rgb(8 24 15 / .3);backdrop-filter:blur(4px)}
.december-video-stage{min-height:100%;width:100%;padding:20px clamp(16px,3vw,48px) 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;background:radial-gradient(ellipse at 50% 40%,#285b34 0%,#102a1d 80%);filter:blur(10px);transition:filter 900ms cubic-bezier(.22,.61,.36,1)}
.intro-visible .december-video-stage{filter:blur(0)}
.december-video-intro.intro-leaving{pointer-events:none;transition-timing-function:ease-in-out}
.intro-leaving .december-video-stage{transition-timing-function:ease-in-out}
.video-intro-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1500px;margin:0 auto}
.video-intro-header img{width:118px;height:auto}
.video-intro-header button{border:1px solid #ffffff6b;border-radius:32px;padding:11px 17px;color:#fffdf5;background:#ffffff09;cursor:pointer;font:500 12px/1.3 Arial,sans-serif}
.video-intro-screen{width:100%;max-width:1320px;position:relative;margin:auto;line-height:0;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #0006;background:#091b12}
.video-intro-screen video{display:block;width:100%;height:auto;max-height:calc(100dvh - 235px);min-height:160px;aspect-ratio:16/9;object-fit:contain;background:#091b12}
.video-intro-screen video::cue{font:500 15px/1.5 Arial,sans-serif;background:#082113e8;color:white}
.video-sound-invite{position:absolute;top:16px;left:16px;z-index:2;background:#fff6df;color:#16482b;border:1px solid #fffbdc;border-radius:40px;padding:13px 20px;display:flex;align-items:center;gap:9px;white-space:nowrap;font:700 13px/1.3 Arial,sans-serif;cursor:pointer;box-shadow:0 5px 25px #0004}
.video-sound-invite[hidden]{display:none}
.video-intro-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1320px;margin:0 auto}
.video-intro-footer>div>span{font:700 9px/1.4 Arial,sans-serif;letter-spacing:2px;color:#c9deab}
.video-intro-footer h2{font:400 clamp(25px,2.6vw,40px)/1.1 SnacksPageson,Arial,sans-serif;margin:8px 0;color:#fffdf5}.video-intro-footer h2 em{font:inherit;color:#c6e595}
.video-intro-footer p{font:400 12px/1.5 Arial,sans-serif;margin:0;color:#e0e8d5}
.video-intro-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.video-intro-actions button{border:0;background:none;color:#fffdf5;text-decoration:underline;text-underline-offset:5px;font-size:12px;cursor:pointer;padding:12px 0}.video-intro-actions a{border-radius:9px;background:#d63940;color:white;font:700 12px/1.4 Arial,sans-serif;padding:15px 20px;text-decoration:none}
.video-intro-status{font:400 11px/1.4 Arial,sans-serif;min-height:16px;text-align:center;color:#dce8cf;margin:0}
.december-video-intro button:focus-visible,.december-video-intro a:focus-visible{outline:3px solid #ffcf02;outline-offset:4px}
@media(max-width:640px){.december-video-stage{padding:16px 12px 22px;gap:18px}.video-intro-header{padding:0 5px}.video-intro-header img{width:100px}.video-intro-header button{font-size:10px;padding:10px 12px}.video-intro-screen{margin:auto 0 0;border-radius:10px}.video-intro-screen video{max-height:none;min-height:0}.video-sound-invite{top:10px;left:10px;font-size:10px;padding:9px 12px}.video-intro-footer{flex-direction:column;gap:19px;text-align:center;margin:0 0 auto}.video-intro-footer h2{font-size:29px}.video-intro-footer>div>span{font-size:7px;letter-spacing:1.5px}.video-intro-footer p{font-size:10px}.video-intro-actions{width:100%;justify-content:center;gap:22px}.video-intro-actions a{font-size:11px;padding:12px 15px}.video-intro-actions button{font-size:11px}.video-intro-status{font-size:10px}}
@media(max-height:600px) and (min-width:641px){.december-video-stage{min-height:620px}.video-intro-screen video{max-height:none}}
@media(prefers-reduced-motion:reduce){.december-video-intro,.december-video-intro::backdrop,.december-video-stage{transition:none!important}.december-video-stage{filter:none}.december-video-intro.intro-visible::backdrop{backdrop-filter:none}}