/* Christmas 2026: campaign assets supplied by the client. */
:root{--christmas-navy:#061631;--christmas-gold:#ffd568;--campaign-yellow:#f5f523}
body{background:#f9faff}
.announcement{background:#eff328;letter-spacing:1.2px}
.site-header,.site-header.is-scrolled{background:#061631f5;border-bottom:1px solid #d9b64a35;box-shadow:0 4px 28px #020c2530}
.site-header .brand,.site-header .brand strong,.site-header nav a{color:#fff}
.site-header .brand-star{color:var(--campaign-yellow)}
.site-header nav a:hover{color:var(--christmas-gold)}
.site-header .account-link{background:#ffffff12;color:#fff}
.nav-buy{background:var(--campaign-yellow);border-color:#fbf865;box-shadow:0 0 24px #f5f52318}
.demo-banner{background:#102a50;color:#c8d6ed;border-bottom:1px solid #ffffff12}
.hero-wrap{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 48%,#104bc5 0,transparent 46%),radial-gradient(ellipse at 2% 0,#18418a 0,transparent 42%),#061631;color:#fff}
.hero-wrap:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.65;pointer-events:none;background-image:radial-gradient(circle at 14% 23%,#ffe5a4 0 1px,transparent 3px),radial-gradient(circle at 83% 17%,#fff6c6 0 1px,transparent 3px),radial-gradient(circle at 37% 67%,#ffd56d 0 1px,transparent 2px);background-size:229px 241px,331px 271px,171px 187px}
.holiday-lights{position:absolute;inset:0 0 auto;height:150px;z-index:0;pointer-events:none;overflow:hidden}
.holiday-wire{position:absolute;left:-3%;top:-58px;width:106%;height:122px;border:1px solid #ca9b53a6;border-radius:0 0 50% 50%;box-shadow:0 5px 25px #e6b54b08}
.holiday-lights i{position:absolute;top:var(--light-y);left:var(--light-x);height:9px;width:7px;border-radius:45%;background:#fff2bb;box-shadow:0 0 7px 3px #ffd979b3,0 0 27px 9px #ffbd3b40;animation:christmas-light 4.5s ease-in-out var(--light-delay) infinite alternate}
.holiday-lights .holiday-star{position:absolute;top:15px;right:3%;font-size:53px;line-height:1;color:#ffe9a3;filter:drop-shadow(0 0 14px #ffc44f);transform:rotate(12deg)}
.hero{position:relative;z-index:1;padding-top:73px;padding-bottom:30px;min-height:760px;gap:48px;grid-template-columns:1fr 1.08fr}
.hero .campaign-kicker{color:#f4d58d;font-size:10px;letter-spacing:1.9px}
.hero .campaign-kicker>span{background:#ffcf4e18;color:#ffe292}
.hero h1{color:#fff;font-size:clamp(62px,6.6vw,102px);line-height:.94;letter-spacing:-1px;text-shadow:0 4px 0 #102f6d,0 8px 25px #010b2350}
.hero h1>span{color:var(--campaign-yellow);-webkit-text-fill-color:var(--campaign-yellow);text-shadow:0 4px 0 #b895093d,0 0 34px #f6df3518}
.hero h1>span:after{display:none}
.hero-copy>p.hero-lead{color:#c4d3ee;font-size:14px;max-width:420px;line-height:1.8}
.hero-copy>p.hero-lead strong{color:#fff}
.hero-offer-ticket .hero-price>strong{color:#102443}
.hero-actions.hero-offer-ticket{background:linear-gradient(120deg,#f8fc36,#ffe64c);box-shadow:0 5px 0 #a69325,0 15px 50px #f5e0381a;border-color:#fff486}
.hero-actions.hero-offer-ticket:before,.hero-actions.hero-offer-ticket:after{background:#0a204b}
.hero-single{color:#c1cfe7}.hero-single b{color:#fff}
.hero-copy>p.charity-promise{border-color:#d8ba5d;color:#d8e2f5;background:transparent}
.hero-copy>p.charity-promise>span{color:#ffdf86}.hero-copy>.charity-promise a{color:#ffe99e}
.hero-draw-date{color:#c7d6ef}.hero-draw-date strong{color:#fff}.draw-date-icon{color:#ffe38b;background:#fff1aa13}
.hero .motion-notice{color:#d2dff4}.hero .motion-toggle{color:#ffe490;border-color:#ffe49060;background:#fff1aa08}
.hero-bottom{position:relative;color:#bbd0f0;padding-bottom:30px}.hero-bottom>a{color:#d2e0f7}.hero-bottom>span>b{color:#ffe486}
.hero .prize-carousel{background:radial-gradient(ellipse at 55% 32%,#2878ff 0%,#124ed8 38%,#0b2c78 78%);border:1px solid #7dabfa55;min-height:625px;border-radius:30px 30px 90px 30px;box-shadow:inset 0 1px 0 #fff3,0 24px 65px #000b273b}
.prize-carousel:after{content:'';position:absolute;inset:10px;border:1px solid #ffe9ae35;border-radius:22px 22px 80px 22px;pointer-events:none}
.prize-carousel .stage-brand{filter:drop-shadow(0 7px 18px #00123350)}
.prize-carousel .stage-star{color:#ffe387;filter:drop-shadow(0 0 12px #ffd2698c)}
.prize-carousel .stage-ticket{background:#fff9de;border:1px solid #fff3b1;box-shadow:0 5px 0 #cbb675;color:#102e5c}
.prize-carousel .photo-reference,.prize-carousel .video-source{color:#d1dfff}
.prize-carousel .stage-progress>span{background:#ffe390}
.prize-carousel .stage-selectors button[aria-pressed=true]{background:var(--campaign-yellow);color:#0d275a}
.phone-example{top:34px;background:#08255ce6;color:#ffec95;border-color:#ffdd8070}
.campaign-ribbon{position:relative;background:#f3f326;border-color:#e7ce40;z-index:2;box-shadow:0 9px 25px #102b5e10}
.campaign-ribbon>.shell{font-size:23px}
.christmas-banner{display:block;margin-top:65px;margin-bottom:0;overflow:hidden;border-radius:20px;background:#071b45;box-shadow:0 12px 40px #0b245d1a;border:1px solid #dfbf72;transition:transform .3s}
.christmas-banner:hover{transform:translateY(-3px)}
.christmas-banner img{display:block;width:100%;height:auto}
.campaign-films{display:grid;grid-template-columns:1fr 1.38fr;gap:55px;padding-top:68px;padding-bottom:68px;align-items:center}
.campaign-films-copy .eyebrow{color:#255cc0;font-size:10px;letter-spacing:1.6px}
.campaign-films h2{font-family:var(--campaign-display);font-size:clamp(42px,4.6vw,66px);line-height:1;letter-spacing:-.5px;margin:19px 0 22px;color:#0d264f}
.campaign-films h2 span{color:#1255dc}
.campaign-films-copy>p{font-size:14px;line-height:1.85;color:#66738a;max-width:345px}
.campaign-films-copy .button{margin-top:17px;gap:30px;background:#113f9a;color:#fff}
.film-signoff{display:flex;align-items:center;gap:12px;margin-top:29px;padding-top:20px;border-top:1px solid #dce3ef;color:#536680;font-size:11px}
.film-signoff>span{color:#bc8a1d;font-size:28px}.film-signoff strong{display:block;color:#0d264f;margin-bottom:4px}
.film-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.film-card{min-width:0;margin:0;position:relative}
.film-card:nth-child(2){margin-top:38px}
.film-screen{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:22px;border:5px solid #0b2046;background:#071731;box-shadow:0 17px 35px #10275623}
.film-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#071731}
.film-screen>video[controls]{position:relative;z-index:2}
.film-launch{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:0;background:linear-gradient(transparent 35%,#04102c70);color:#fff;font-size:11px;font-weight:800;cursor:pointer;z-index:3}
.film-launch[hidden]{display:none}
.film-launch .film-play-icon{display:grid;place-items:center;width:60px;height:60px;padding-left:4px;border:1px solid #fff7;background:#f4f42e;color:#092653;font-size:22px;border-radius:50%;box-shadow:0 0 0 9px #ffea3b25,0 6px 22px #0005;transition:transform .25s}
.film-launch:hover .film-play-icon{transform:scale(1.09)}
.film-launch>span:last-child{text-shadow:0 2px 6px #000}
.film-card figcaption{padding:15px 3px 0;display:flex;gap:10px;align-items:center;color:#132d57;font-size:12px;font-weight:800}
.film-card figcaption>span{font-family:var(--campaign-display);font-size:23px;color:#3366b9}
.film-card figcaption small{display:block;font-size:9px;font-weight:500;color:#6f7f95;margin-top:5px}
.film-error{font-size:11px;color:#a23c22;line-height:1.5}
.film-error a{text-decoration:underline}
.prizes-section{padding-top:32px}
.prize-card-main{border-color:#cfb666;background:radial-gradient(ellipse at 40% 35%,#fffef5,#fff6ce 70%,#f4e8ac)}
.prize-card-main:before{color:#d7c277}.prize-label{background:#eff132}
.prize-card-iphone{background:#f0edff}.prize-card-ps5{background:#eaf0ff}
.campaign-information{background:linear-gradient(115deg,#071b3c,#123b83);border:1px solid #d2b26760}
.collection .section-top h2>span{color:#1557db}
.how-section{background:#edf2ff}
.community-section{background:radial-gradient(ellipse at 85% 15%,#17438d,transparent 58%),#071a3d;border:1px solid #d5b25f88;border-radius:28px;box-shadow:0 20px 55px #0b2b5912;position:relative;isolation:isolate}
.community-main{grid-template-columns:1.05fr 1fr;padding:48px;gap:48px}
.community-copy .eyebrow{color:#ffe291}.community-copy h2{color:#fff;font-size:clamp(45px,4.8vw,66px)}
.community-copy h2 span{color:#f3f32c}
.community-copy>p,.community-copy>p strong{color:#c8d8f4}.community-copy>p.community-lead{color:#fff}
.community-spark{color:#ffe18b}.community-purchase-note{color:#b8c9e5}
.community-art{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 0 35px #ffdf5c16;border:1px solid #f5db8b80}
.community-art img{width:100%;height:auto;display:block}
.community-art figcaption{padding:12px 18px;color:#d2def0;font-size:10px;background:#04142e;line-height:1.6}
.community-journey{border-top:1px solid #c4a86240;background:#06142e}
.community-journey p strong{color:#fff}.community-journey p span{color:#b4c7e3}
.community-step{background:#ffe28a12;color:#ffe28a;border-color:#ffe28a40}.community-connector{color:#ffe28a}
.community-social-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d7bf7033;padding:23px 48px;color:#cedbf2;font-size:12px}
.community-social-row strong{display:block;color:#fff;margin-bottom:5px}
.community-social-row a{color:#ffe694;text-decoration:underline;text-underline-offset:4px;font-size:11px}
.community-social-row small{font-size:10px}
.community-followup{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:35px 48px;border-top:1px solid #d7bf7033}
.community-followup-copy .eyebrow{font-size:8px;color:#ffe28a;letter-spacing:1.3px}.community-followup-copy h3{font-family:var(--campaign-display);font-size:38px;line-height:1.1;color:#fff;margin:16px 0}.community-followup-copy p{font-size:12px;color:#bed0ec;line-height:1.8;max-width:340px}
.community-followup .community-visual{height:310px;min-height:0;max-width:460px;width:100%;margin:0;border:1px solid #ffe29350;border-radius:20px}.community-followup .community-profile{transform:none;left:15px;bottom:17px;width:calc(100% - 30px);padding:14px;min-height:0}.community-followup .community-profile img{width:52px;height:52px}.community-followup .community-profile h3{font-size:18px}.community-followup .community-profile-label,.community-followup .community-location,.community-followup .community-sticker{display:none}.community-followup .community-feed-label{font-size:7px;left:17px;top:16px}
.closing{background:radial-gradient(ellipse at 20% 100%,#1b57c0,transparent 65%),#081d48;border:1px solid #d5b36970;box-shadow:0 14px 40px #122d6612}
.closing h2{font-size:49px}.closing>span{color:#ffe38b;filter:drop-shadow(0 0 14px #ffe38b40)}
.site-footer{background:#061631;color:#b8c8e6;border-top:1px solid #d6b76130}
.site-footer .footer-wordmark,.site-footer .footer-wordmark strong{color:white}.site-footer .footer-wordmark span{color:#f3f32c}.site-footer a,.site-footer .footer-main>p{color:#bdcee9}.site-footer .footer-bottom{border-color:#ffffff1a;color:#a9bddf}.site-footer .motion-toggle{color:#ffe394;border-color:#ffe39440;background:#fff1c409}
@keyframes christmas-light{0%,25%{opacity:.65}100%{opacity:1}}
.motion-paused .holiday-lights i,.page-idle .holiday-lights i{animation-play-state:paused}
@media(min-width:1500px){.hero h1{font-size:103px}}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:clamp(62px,7.1vw,85px)}.hero .prize-carousel{min-height:610px}.campaign-films{gap:30px}.film-gallery{gap:15px}.community-main{padding:35px;gap:30px}}
@media(max-width:760px){
 .hero{padding-top:55px;padding-bottom:18px;gap:27px}.hero h1{font-size:clamp(57px,13.7vw,86px);line-height:.96;margin:20px 0 22px;letter-spacing:-.6px}.hero .campaign-kicker{font-size:8px;letter-spacing:1.3px}.hero-copy>p.hero-lead{font-size:13px;margin-top:18px;max-width:460px}
 .hero .prize-carousel{order:0;min-height:580px;margin:12px 0 0;border-radius:25px 25px 64px 25px}.hero-copy{padding:0}.hero-bottom{padding:0 0 26px}.hero-bottom>a{font-size:8px}.holiday-lights .holiday-star{font-size:32px;right:4%;top:10px}.holiday-lights{height:100px}.holiday-wire{top:-75px}.holiday-lights i{transform:translateY(-18px)}
 .hero .hero-offer-ticket .buy-hero{font-size:10px}.hero-copy>p.charity-promise{line-height:1.7;font-size:10px}.hero-copy>.charity-promise a{margin-left:0}.hero-draw-date strong{font-size:12px}.hero .hero-single{color:#d7e2f6}.hero .prize-carousel:after{border-radius:19px 19px 56px 19px}
 .campaign-ribbon>.shell{font-size:17px;gap:7px;padding:18px 20px}.christmas-banner{margin-top:34px;border-radius:12px}
 .campaign-films{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:40px}.campaign-films h2{font-size:48px;margin-top:15px;margin-bottom:15px}.campaign-films-copy>p{max-width:none;font-size:13px}.campaign-films-copy .button{padding:14px 20px;font-size:12px}.film-signoff{display:none}.film-gallery{gap:15px}.film-card:nth-child(2){margin-top:28px}.film-screen{border-width:3px;border-radius:16px}.film-launch .film-play-icon{width:42px;height:42px;font-size:16px;box-shadow:0 0 0 6px #ffea3b25}.film-launch{font-size:9px;gap:14px}.film-card figcaption{font-size:10px;gap:7px;padding-top:11px}.film-card figcaption small{font-size:8px;line-height:1.5}.film-card figcaption>span{font-size:20px}
 .prizes-section{padding-top:24px}.community-section{margin-top:45px;border-radius:22px}.community-main{grid-template-columns:1fr;padding:29px 23px;gap:29px}.community-copy h2{font-size:48px}.community-copy>p{font-size:12px}.community-copy>p.community-lead{font-size:14px}.community-art{max-width:460px;margin:auto}.community-journey{padding:23px}.community-social-row{padding:21px 23px;align-items:flex-start;flex-direction:column;gap:14px}.community-social-row a{font-size:11px}.closing h2{font-size:37px}
}
@media(max-width:380px){.hero h1{font-size:53px}.hero .campaign-kicker{font-size:7px}.hero-copy>p.hero-lead{font-size:12px}.hero .prize-carousel{min-height:550px}.campaign-films h2{font-size:42px}.film-gallery{gap:10px}.film-card figcaption{font-size:9px}.community-main{padding:27px 19px}.community-copy h2{font-size:42px}.closing h2{font-size:33px}.nav-actions .nav-buy{font-size:9px;padding:12px}.brand strong{font-size:19px}}
@media(max-width:760px){.community-followup{grid-template-columns:1fr;padding:28px 23px;gap:20px}.community-followup-copy h3{font-size:34px}.community-followup .community-visual{max-width:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .holiday-lights i{animation:none}html:not(.motion-enabled) .christmas-banner:hover{transform:none}}

/* The invitation is the opening story, with the prizes available on demand. */
.hero{grid-template-columns:1fr 1fr;grid-template-areas:'intro video' 'offer video';column-gap:56px;row-gap:0;align-items:start;padding-top:58px;padding-bottom:36px}
.hero-intro{grid-area:intro;align-self:end}
.hero-copy{grid-area:offer;align-self:start}
.hero-intro h1{font-size:clamp(64px,6.25vw,94px);margin:20px 0 16px}
.hero-copy>p.hero-lead{margin:5px 0 24px}
.hero .hero-video-lead{grid-area:video;--lead-screen-width:316px;min-height:calc(var(--lead-screen-width)*16/9 + 130px);width:100%;margin:0;align-self:center;border-radius:28px;background:radial-gradient(ellipse at 45% 40%,#1b56bc,#0b275c 65%,#091e45);box-shadow:0 22px 70px #010c2860,inset 0 1px 0 #ffffff24}
.hero-video-lead:after{border-radius:20px;inset:9px}
.hero-video-lead .stage-slides{inset:64px 14px 66px}
.hero-video-lead .main-prize-tag{top:20px;left:25px;max-width:calc(100% - 120px);font-size:7px;letter-spacing:1.5px}
.hero-video-lead .main-prize-tag strong{font-family:var(--campaign-display);font-size:25px;line-height:1.1;margin-top:5px}
.hero-video-lead .stage-brand{width:96px;height:96px;right:-12px;top:-25px}
.hero-video-lead .video-phone{width:var(--lead-screen-width);padding:4px;border-radius:23px;transform:none;border:1px solid #a7bbd2;box-shadow:0 0 0 5px #071a37,0 0 0 6px #4f76b44d,0 22px 40px #0005;background:#14213b}
.hero-video-lead .video-phone-screen{border-radius:18px}
.hero-video-lead .phone-side-key,.hero-video-lead .video-floating-note{display:none}
.hero-video-lead .phone-play{width:62px;height:62px;left:calc(50% - 31px);top:calc(50% - 31px);background:#f5f523;color:#102443;border-color:#ffff9e;box-shadow:0 0 0 9px #f5f52322;font-size:22px}
.hero-video-lead .phone-video-controls{padding:22px 12px 10px;grid-template-columns:36px 36px minmax(0,1fr)}
.hero-video-lead .phone-video-controls #video-play-toggle,.hero-video-lead .phone-video-controls #video-sound-toggle{width:36px;height:36px;min-height:36px}
.hero-video-lead .phone-video-controls #video-full-toggle{font-size:10px;min-height:36px}
.hero-video-listen{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:12px 18px;border-radius:100px;border:1px solid #ffffa8;background:#f5f523;color:#0e254e;box-shadow:0 5px 22px #0004;font-size:12px;font-weight:800;cursor:pointer;z-index:5}
.hero-video-listen[hidden]{display:none}.hero-video-listen>span:first-child{font-size:19px;line-height:1}.hero-video-listen:hover{background:#ffff66}
.hero-video-lead .stage-controls{bottom:25px;left:12px;right:12px;gap:7px}
.hero-video-lead .stage-selectors{padding:3px;background:#ffffff0a;border-color:#ffffff25;backdrop-filter:none;gap:1px}
.hero-video-lead .stage-selectors button{font-size:9px;padding:9px 12px;color:#bfceea}.hero-video-lead .stage-selectors button>span{display:none}
.hero-video-lead .stage-selectors button[data-stage-select='3']{order:-1}
.hero-video-lead .stage-pause{width:30px;height:30px;flex-basis:30px;background:#ffffff0c;border-color:#ffffff35;font-size:10px;color:#cdddff}
.hero-video-lead .stage-progress{display:none}
.hero-video-lead .video-source{font-size:7px;bottom:3px;margin:0;line-height:1.8}
.hero-video-lead .photo-reference{bottom:4px;font-size:7px}
.hero-video-lead:not([data-active-slide='3']) .stage-slides{inset:114px 0 92px}
.hero-video-lead:not([data-active-slide='3']) .stage-motorcycle{width:96%;height:100%}
.hero-video-lead .stage-word{font-size:100px;opacity:.08;top:210px}
.film-gallery-single{grid-template-columns:minmax(0,1fr);justify-items:center}
.film-gallery-single .film-card{width:min(100%,310px)}
@media(min-width:1400px){.hero .hero-video-lead{--lead-screen-width:342px}}
@media(max-width:1100px) and (min-width:761px){.hero{column-gap:28px}.hero-intro h1{font-size:66px}.hero .hero-video-lead{--lead-screen-width:280px}.hero-video-lead .main-prize-tag{left:18px;top:18px}.hero-video-lead .main-prize-tag strong{font-size:22px}.hero-video-lead .stage-brand{width:78px;height:78px;right:-5px;top:-18px}.hero-video-lead .stage-selectors button{padding:8px 10px;font-size:8px}}
@media(max-width:760px){
 .hero{padding-top:38px;padding-bottom:22px;gap:0}.hero-intro{order:0;align-self:stretch}.hero-copy{order:2;align-self:stretch;margin-top:29px}.hero .hero-video-lead{order:1;--lead-screen-width:clamp(216px,65vw,278px);min-height:calc(var(--lead-screen-width)*16/9 + 115px);margin:9px 0 0;border-radius:23px}
 .hero-intro .campaign-kicker{font-size:7px;letter-spacing:1.2px}.hero-intro h1{font-size:clamp(39px,10.3vw,62px);line-height:.97;margin:15px 0 15px;max-width:100%}.hero-intro h1>span br{display:none}.hero-intro h1>span br:after{content:' '}
 .hero-video-lead .stage-slides{inset:56px 12px 59px}.hero-video-lead .main-prize-tag{left:18px;top:17px;max-width:calc(100% - 90px);font-size:6px;letter-spacing:1px}.hero-video-lead .main-prize-tag strong{font-size:22px;margin-top:4px}
 .hero-video-lead .stage-brand{width:79px;height:79px;right:-5px;top:-17px}.hero-video-lead .stage-controls{bottom:22px;left:8px;right:8px;gap:6px}.hero-video-lead .stage-selectors button{font-size:8px;padding:8px 11px}.hero-video-lead .stage-pause{width:27px;height:27px;flex-basis:27px}.hero-video-lead .video-source{font-size:6px;bottom:3px}.hero-video-lead:after{border-radius:16px}.hero-copy>p.hero-lead{margin-top:0;font-size:13px;line-height:1.7}
 .hero-video-listen{padding:10px 14px;font-size:11px;top:12px}.hero-video-lead .phone-video-controls #video-full-toggle{font-size:9px}.hero-video-lead .phone-play{width:54px;height:54px;left:calc(50% - 27px);top:calc(50% - 27px)}
 .film-gallery-single .film-card{width:min(100%,300px)}.film-gallery-single .film-launch{font-size:11px}.film-gallery-single .film-launch .film-play-icon{width:56px;height:56px;font-size:21px}.film-gallery-single .film-card figcaption{font-size:12px}
}
@media(max-width:350px){.hero-intro h1{font-size:37px}.hero-intro .campaign-kicker{font-size:6px}.hero-video-lead .main-prize-tag strong{font-size:19px}.hero-video-lead .stage-brand{width:64px;height:64px;top:-11px;right:-4px}.hero-video-lead .stage-selectors button{padding:8px 9px}.hero-video-lead .main-prize-tag{left:14px}}