/* Approved V10 film and original packaging artwork. */
.header{background:var(--yellow);border-bottom:1px solid #24117622}
.header-brand{position:relative;display:block}
.header-brand .logo{opacity:0}
.header-brand::after{content:'';position:absolute;inset:0;background:var(--ink);-webkit-mask:url('/assets/bowlup-logo.png') center/contain no-repeat;mask:url('/assets/bowlup-logo.png') center/contain no-repeat;pointer-events:none}
.header nav{color:var(--ink)}
.header nav a:not(.nav-cta):hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
.header .nav-cta{border-color:#24117660}
.header .nav-cta:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.menu-toggle span{background:var(--ink)}
.hero{padding:34px var(--gutter) 0;background:var(--yellow);color:var(--ink);overflow:hidden}
.hero-heading{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:40px;align-items:end;margin-bottom:28px}
.hero .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:21px}
.hero-title-lockup{display:flex;align-items:center;gap:clamp(24px,2.7vw,48px);font-family:Anton,Impact,sans-serif;font-size:clamp(70px,8.1vw,150px)}
.hero h1{font-size:inherit;line-height:1.04;letter-spacing:-.025em;margin:0}
.hero h1>span{display:block;white-space:nowrap}
.hero-mark{width:1.61em;height:1.91em;overflow:visible;flex:none;fill:currentColor}
.hero-mark-face{transform-origin:70px 150px;animation:hello-nod 7s 1.5s infinite}
.hero-mark-eye{transform-origin:106px 85px;animation:hello-wink 7s 1.5s infinite}
.hero-intro{padding-bottom:9px}
.hero-intro p{font-size:16px;line-height:1.55;letter-spacing:-.25px}
.hero-shop-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;text-decoration:none;border-bottom:2px solid currentColor;padding:17px 0 12px;margin-top:12px;gap:20px}
.hero-shop-link .arrow{transition:transform .25s}
.hero-shop-link:hover .arrow{transform:translateX(5px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.91fr) minmax(0,1fr);gap:16px}
.hero-film{position:relative;min-width:0;aspect-ratio:16/9;background:var(--ink);overflow:hidden;border-radius:4px}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;opacity:0}
.hero-film[data-media-state=ready] .hero-video{opacity:1}
.film-grain{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#160c321a 0%,transparent 32%,transparent 55%,#160c3299 100%)}
.film-label{position:absolute;top:23px;left:25px;color:white;font-size:9px;letter-spacing:1.5px;font-weight:700;text-shadow:0 1px 12px #0006}
.film-play{position:absolute;left:24px;bottom:25px;display:flex;align-items:center;gap:16px;border:0;background:transparent;color:white;text-align:left;padding:0;font-size:17px;font-weight:700;cursor:pointer}
.play-circle{width:57px;height:57px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#ffffff14;backdrop-filter:blur(8px);transition:background .2s,color .2s,transform .2s}
.play-circle svg{width:25px;height:25px;margin-left:-3px}
.film-play small{display:block;margin-top:8px;letter-spacing:1.3px;font-size:8px;font-weight:400}
.play-arrow{font-size:25px;margin-left:12px;transition:transform .25s}
.film-play:hover .play-circle{background:var(--yellow);border-color:var(--yellow);color:var(--ink);transform:scale(1.06)}
.film-play:hover .play-arrow{transform:translate(3px,-3px)}
.motion-toggle{position:absolute;bottom:29px;right:24px;width:40px;height:40px;border:1px solid #fff8;border-radius:50%;background:#180e3433;color:white;font-size:15px;display:grid;place-items:center;backdrop-filter:blur(8px)}
.motion-toggle:hover{background:#180e3477}
.hero-media-message{position:absolute;inset:34% 22px auto;color:var(--cream);font-size:13px;max-width:300px;line-height:1.5}
.hero-lineup{background:var(--ink);color:var(--cream);position:relative;display:flex;flex-direction:column;min-width:0;border-radius:4px;text-decoration:none;overflow:hidden}
.lineup-top{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 0;font-size:9px;letter-spacing:1.3px;line-height:1.4}
.lineup-arrow{font-size:26px;line-height:1;color:var(--yellow);transition:transform .25s}
.lineup-packs{position:relative;flex:1;min-height:150px;margin:4px 17px 0;isolation:isolate}
.lineup-packs img{position:absolute;object-fit:contain;width:43%;height:auto;max-height:100%;top:50%;left:50%;filter:drop-shadow(0 12px 12px #10032740);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.lineup-packs .lineup-beef{z-index:1;transform:translate(-106%,-48%) rotate(-13deg)}
.lineup-packs .lineup-spicy{z-index:2;transform:translate(7%,-48%) rotate(13deg)}
.lineup-packs .lineup-chicken{z-index:3;transform:translate(-50%,-49%) rotate(-2deg)}
.hero-lineup:hover .lineup-beef{transform:translate(-115%,-53%) rotate(-17deg)}
.hero-lineup:hover .lineup-spicy{transform:translate(16%,-53%) rotate(17deg)}
.hero-lineup:hover .lineup-chicken{transform:translate(-50%,-56%) rotate(1deg)}
.hero-lineup:hover .lineup-arrow{transform:translate(3px,-3px)}
.lineup-bottom{padding:8px 25px 24px;display:flex;justify-content:space-between;align-items:center}
.lineup-bottom>span{font:clamp(29px,3.1vw,55px)/1.03 Anton;letter-spacing:-.015em}
.lineup-bottom .mascot{width:39px;height:46px;color:var(--yellow);transform:rotate(-10deg)}
.hero-facts{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:79px;font-size:11px}
.hero-facts>span{display:flex;gap:6px}
.hero-facts strong{font-weight:700}
.hero-facts>a{font-weight:700;text-decoration:none;display:flex;gap:26px;align-items:center}
.hero-facts>a span{font-size:21px}
.brand-ribbon{background:var(--ink);color:var(--cream);padding:18px 0;border-bottom:1px solid #ffffff26}
.brand-ribbon span{font-size:20px}
.brand-ribbon>.ribbon-items{flex-wrap:wrap;gap:20px 32px;padding:0 24px}
.ribbon-item{display:flex;align-items:center;gap:12px}
.ribbon-icon{display:block;width:32px;height:34px;flex:none;color:var(--yellow);fill:currentColor}
.ribbon-fibre{width:24px}
.ribbon-bowl{width:38px}
.ribbon-minerals{display:flex;align-items:center;gap:5px}
.ribbon-minerals .ribbon-icon{width:28px;height:30px}
.film-dialog{width:min(1280px,calc(100% - 40px),calc((100svh - 172px)*1.77778));max-height:calc(100svh - 32px);padding:0;border-radius:5px;background:var(--ink);color:var(--cream);overflow:auto}
.film-dialog::backdrop{background:#10062bd9;backdrop-filter:blur(12px)}
.film-dialog-top{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.film-dialog-top .eyebrow{color:var(--yellow);font-size:8px;letter-spacing:1.3px;margin-bottom:7px}
.film-dialog h2{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.3;text-transform:none;letter-spacing:-.2px}
.film-dialog .dialog-close{position:static;float:none;margin:0;flex:none;color:var(--cream);background:transparent;border:1px solid #ffffff50;font-size:27px}
.film-player{position:relative;aspect-ratio:16/9;background:var(--ink)}
.film-player video{width:100%;height:100%;display:block;opacity:0}
.film-player video.ready{opacity:1}
#film-status{position:absolute;top:45%;left:10%;right:10%;text-align:center;color:var(--cream);font-size:14px;pointer-events:none}
.film-dialog-bottom{display:flex;justify-content:space-between;padding:18px 25px;font-size:9px;letter-spacing:1px}
.film-dialog-bottom>a{letter-spacing:0;text-underline-offset:4px;font-size:11px}
@keyframes hello-wink{0%,6%,16%,100%{transform:scaleY(1)}10%,12%{transform:scaleY(.16)}}
@keyframes hello-nod{0%,4%,21%,100%{transform:rotate(0)}10%,13%{transform:rotate(-7deg)}}
@media(min-width:1600px){.hero-heading{grid-template-columns:minmax(0,1fr) 310px}.hero-intro p{font-size:20px}.hero-shop-link{font-size:14px}.hero{padding-top:55px}.hero-grid{gap:20px}.lineup-packs{margin-left:25px;margin-right:25px}}
@media(max-width:1150px) and (min-width:761px){.hero-heading{grid-template-columns:minmax(0,1fr) 205px;gap:24px}.hero-title-lockup{font-size:7vw;gap:24px}.hero-intro p{font-size:14px}.hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.lineup-top{padding:16px 18px 0}.lineup-bottom{padding:8px 18px 18px}.lineup-packs{min-height:125px;margin-inline:12px}.hero-facts{font-size:9px;gap:15px}.hero-facts>a{gap:12px}.film-label{font-size:8px;top:17px;left:18px}.film-play{left:18px;bottom:18px;font-size:14px;gap:12px}.play-circle{width:45px;height:45px}.motion-toggle{bottom:21px;right:18px;width:35px;height:35px}}
@media(max-width:760px){
 .header nav{background:var(--yellow);border-bottom:1px solid #24117635}
 .event-bar{height:28px;font-size:8px}.event-bar>span{display:none}.event-bar a{width:100%;justify-content:space-between}
 .hero{padding:32px 20px 0}.hero-heading{display:block;margin-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:15px}
 .hero-title-lockup{font-size:clamp(38px,14.1vw,100px);gap:5vw}.hero h1{font-size:inherit;line-height:1.07;letter-spacing:-.02em}.hero-mark{width:1.64em;height:1.94em}
 .hero-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:0}.hero-intro p{font-size:12px;line-height:1.5;max-width:200px}.hero-shop-link{font-size:10px;margin:0;padding:9px 0;gap:14px}.hero-shop-link .arrow{width:17px;height:17px}
 .hero-grid{grid-template-columns:1fr;gap:12px}.hero-film{aspect-ratio:16/9}.hero-video{object-fit:contain;background:var(--ink)}
 .film-label{font-size:7px;letter-spacing:1px;top:17px;left:17px}.film-play{left:17px;bottom:18px;font-size:13px;gap:11px}.play-circle{width:43px;height:43px}.play-circle svg{width:21px;height:21px}.film-play small{font-size:7px;margin-top:6px}.play-arrow{font-size:20px;margin-left:4px}.motion-toggle{width:34px;height:34px;right:16px;bottom:22px}
 .hero-lineup{min-height:226px;display:block}.lineup-top{padding:20px;max-width:155px;font-size:8px}.lineup-arrow{display:none}.lineup-packs{position:absolute;right:9px;top:6px;bottom:6px;width:60%;margin:0;min-height:0}.lineup-packs img{width:43%;max-height:90%}.lineup-bottom{position:absolute;bottom:20px;left:20px;padding:0}.lineup-bottom>span{font-size:32px}.lineup-bottom .mascot{display:none}
 .hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:22px 0 20px;font-size:9px}.hero-facts>span{display:block;line-height:1.6}.hero-facts strong{display:block;font-size:14px}.hero-facts>a{grid-column:1/-1;border-top:1px solid #24117638;padding-top:14px;font-size:10px;justify-content:space-between}.hero-facts>a span{font-size:19px}
 .brand-ribbon{padding:14px 0}.brand-ribbon span{font-size:17px}.brand-ribbon>.ribbon-items{justify-content:center;gap:18px 24px;padding:0 20px}.ribbon-item{gap:10px}.ribbon-icon{width:28px;height:30px}.ribbon-fibre{width:21px}.ribbon-bowl{width:32px}.ribbon-minerals .ribbon-icon{width:24px;height:26px}
 .film-dialog{width:calc(100% - 20px);max-height:95svh}.film-dialog-top{padding:17px}.film-dialog h2{font-size:13px;max-width:210px}.film-dialog .dialog-close{width:34px;height:34px}.film-dialog-bottom{padding:16px;font-size:7px}.film-dialog-bottom>a{font-size:9px}.hero-media-message{font-size:11px;inset:32% 18px auto;max-width:230px}
}
@media(prefers-reduced-motion:reduce){.hero-mark-face,.hero-mark-eye{animation:none}.hero-lineup img,.hero-shop-link .arrow,.play-circle,.play-arrow,.lineup-arrow{transition:none}}