/*
Theme Name: LuLu’s Beach Arcade
Description: Official North Myrtle Beach arcade website theme.
Version: 1.1.0
Text Domain: lulus-beach-arcade
*/

*{box-sizing:border-box}body{margin:0;font:16px/1.55 Arial,sans-serif;color:#222;background:#ececea}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,select,textarea,summary{scroll-margin-top:24px}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1261a0;outline-offset:4px}button,.primary,.secondary{min-height:44px;border:1px solid #333;padding:10px 16px;background:white;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;border-radius:3px}.primary{background:#222;color:white}.secondary{background:#fff;color:#222}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.7px;display:block;color:#555;margin-bottom:12px}h1{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 20px}h2{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:0 0 20px}h3{font-size:20px;line-height:1.25;margin:18px 0 8px}p{margin:0 0 18px}figure{margin:0}figcaption,.fine{font-size:13px;color:#555}.review-header{padding:25px 32px;background:#222;color:white;display:flex;justify-content:space-between;gap:20px;align-items:center}.review-header h2{font-size:21px;margin:0}.review-header p{font-size:13px;margin:4px 0 0;color:#ddd}.review-pill{border:1px solid #aaa;padding:6px 10px;font-size:12px;letter-spacing:1px}.workbench{padding:24px 32px}.tools{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:16px}.tools label{display:flex;align-items:center;gap:10px;font-size:14px}.tools select{min-height:44px;padding:8px;max-width:240px}.device-controls{display:flex;gap:6px}.device-controls button[aria-pressed=true]{background:#222;color:white}.review-notes{padding:15px 18px;background:#fff5db;border-left:3px solid #846318;font-size:14px;max-width:1200px;margin:0 auto 18px}.review-notes strong{display:block;margin-bottom:4px}.site{container-type:inline-size;background:white;border:1px solid #bbb;max-width:1200px;margin:auto;box-shadow:0 12px 35px #0000000c}.site.mobile{max-width:390px}.site-header{padding:20px 32px;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:118px;height:auto}.site-nav{display:flex;gap:22px;align-items:center;font-size:14px}.site-nav a[aria-current=page]{font-weight:bold;text-decoration-thickness:2px}.mobile-nav{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:20;background:white;padding:12px}.hero{padding:48px 40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;filter:grayscale(1)}.actions{display:flex;gap:12px;flex-wrap:wrap}.quick{background:#f0f0ee;border-block:1px solid #ccc;padding:20px 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quick strong,.quick span{display:block}.quick span,.quick a{font-size:14px}.section{padding:40px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.grid{display:grid;gap:28px}.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.shaded{background:#f4f4f2;border-block:1px solid #ddd}.placeholder{padding:25px;border:1px dashed #aaa;background:repeating-linear-gradient(135deg,#eee,#eee 12px,#e8e8e8 12px,#e8e8e8 13px);min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.placeholder.short{min-height:150px}.placeholder>span{font-size:11px;letter-spacing:1px;color:#555}.placeholder p{font-size:14px;max-width:300px;margin:0}.price{border:1px solid #999;background:white;padding:24px;display:flex;flex-direction:column}.price .amount{font-size:36px;font-weight:bold;margin:12px 0 24px}.amount small{font-size:13px;font-weight:normal;display:block}.price button{margin-top:auto}.price h3{margin-top:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-left:24px}.steps li{padding-left:4px}.steps p{font-size:14px}.page-intro{padding:45px 40px;background:#f4f4f2;border-bottom:1px solid #ccc}.page-intro p{max-width:620px;margin:0}.narrow{max-width:880px;margin:auto}.faq{border-top:1px solid #ccc;padding:16px 0}.faq summary{font-weight:bold;cursor:pointer;min-height:30px}.faq p{padding:12px 0 0;margin:0}.signup{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #ccc}.demo-form{display:grid;gap:14px;align-self:start}.demo-form label{display:grid;gap:5px;font-size:14px}.demo-form input:not([type=checkbox]),textarea,select{padding:10px;border:1px solid #888;max-width:100%;width:100%;background:white;color:#222;min-height:44px}.demo-form .check{display:block}.check input{width:18px;height:18px;vertical-align:middle}.status{border:1px solid #888;background:#f3f3f1;padding:20px;margin-bottom:26px}.status p{margin:8px 0 0}.content-slot{border-left:3px solid #aaa;padding:12px 15px;background:#f4f4f2;font-size:14px}.wide-photo{width:100%;filter:grayscale(1)}.legal-section{padding:20px 0}.legal-section h2{font-size:20px}.lines{display:grid;gap:10px}.lines span{height:10px;background:#ddd;display:block}.lines span:last-child{width:70%}.site-footer{background:#222;color:white;padding:36px 40px}.site-footer .eyebrow{color:#ccc}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.site-footer a{display:block;font-size:14px;margin:7px 0;color:white}.site-footer p{font-size:14px;color:#ddd}.site-footer h3{margin-top:0}.footer-bottom{border-top:1px solid #777;margin-top:25px;padding-top:20px;font-size:12px;color:#ddd}.cookie-banner{border-top:1px solid #aaa;padding:22px 30px;background:#f6f6f3;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.cookie-banner p{font-size:14px;margin:5px 0 0}.cookie-banner .actions{gap:8px}.cookie-banner button{font-size:13px}.cookie-status{padding:10px 24px;background:#eee;font-size:13px}.cookie-status button{font-size:13px;padding:4px 8px;margin-left:10px}.page[hidden], [hidden]{display:none!important}dialog{max-width:560px;width:calc(100% - 36px);max-height:85vh;overflow:auto;padding:26px;border:1px solid #555;border-radius:4px;color:#222;background:white}dialog::backdrop{background:#0008}dialog h2{font-size:24px}.category{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ccc;padding:15px 0}.category p{font-size:13px;margin:5px 0 0}.category input{width:22px;height:22px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.shell-caption{font-size:12px;color:#555;max-width:1200px;margin:12px auto}.mobile-nav summary{min-height:44px;padding:10px;border:1px solid #888;cursor:pointer}.mobile-nav nav{display:grid;gap:10px;padding:12px 0}.mobile-nav nav a{padding:8px 0}.asset-details{max-width:1200px;margin:24px auto 0;font-size:14px;border-top:1px solid #bbb;padding-top:20px}.asset-details summary{cursor:pointer}.asset-details li{margin-bottom:12px}.asset-details a{overflow-wrap:anywhere}
@container(max-width:760px){.site-header{padding:16px 20px;align-items:start}.site-nav{display:none}.mobile-nav{display:block;max-width:190px}.brand img{width:100px}.hero{grid-template-columns:1fr;padding:30px 22px;gap:24px}.hero h1{font-size:34px}.hero img{aspect-ratio:1.6}.quick{grid-template-columns:1fr;padding:20px 22px;gap:16px}.section,.page-intro{padding:30px 22px}.grid.two,.grid.three,.signup{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:12px}.section-head{display:block}.section-head>a{display:inline-block;margin-bottom:18px}.cookie-banner{grid-template-columns:1fr;padding:20px}.cookie-banner .actions{display:grid;grid-template-columns:1fr;width:100%}.site-footer{padding:30px 22px}.footer-grid{grid-template-columns:1fr;gap:18px}.price{padding:20px}.placeholder{min-height:200px}.placeholder.short{min-height:140px}}
@media(max-width:600px){.review-header{padding:20px;display:block}.review-pill{display:inline-block;margin-top:12px}.workbench{padding:14px}.tools{align-items:start}.tools label{width:100%;flex-wrap:wrap}.tools select{max-width:100%}.device-controls{flex-wrap:wrap}h2{font-size:25px}.tools button{font-size:13px}.review-notes{font-size:13px}}
@media print{.review-header,.tools,.review-notes,.cookie-banner,.asset-details,.shell-caption{display:none}.workbench{padding:0}.site{border:0;box-shadow:none;max-width:none}.site-footer{break-inside:avoid}.page{break-inside:auto}.section{break-inside:avoid}}

/* Visual direction v2 */
:root{--ink:#083c3c;--cream:#fffbee;--teal:#00afaa;--pink:#e81f76;--yellow:#ffda00}
.site{color:var(--ink);background:var(--cream);border:0}.site h1,.site h2,.big-word{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.8px}.site h2{font-size:clamp(34px,4.2vw,56px);line-height:.98}.site h2 em{font-style:normal;color:#a9074a}.site button,.site .primary,.site .secondary{border-radius:999px;font-weight:bold;min-height:48px}.site .primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow);padding:13px 22px;gap:20px}.site .secondary{border-color:var(--ink);background:transparent;color:var(--ink)}.site .eyebrow{color:#275b58;font-size:11px;letter-spacing:1.5px}.site-header{padding:13px 36px;background:var(--cream);border:0;position:relative;z-index:3}.brand img{width:140px}.site-nav{gap:25px;font-weight:bold}.site-nav a:not(.primary){text-decoration:none}.site-nav a:not(.primary):hover{text-decoration:underline}.cinema-hero{position:relative;min-height:620px;overflow:hidden;background:#073b3c;color:white;display:flex;align-items:center;padding:62px 58px}.hero-still,#hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-still{object-position:70% center}.hero-shade{background:linear-gradient(90deg,rgba(0,35,37,.96) 0%,rgba(0,35,37,.76) 38%,rgba(0,35,37,.08) 100%)}#hero-video{display:none}.cinema-hero.video-ready #hero-video{display:block}.hero-copy{position:relative;z-index:1;max-width:600px;padding-bottom:35px}.hero-copy .eyebrow{color:white;letter-spacing:2px}.hero-copy h1{font-size:clamp(60px,8vw,102px);line-height:.9;margin:23px 0;letter-spacing:-1px}.hero-copy h1 em{font-style:normal;color:var(--yellow)}.hero-copy p{font-size:19px;line-height:1.5;margin:24px 0 30px;max-width:440px}.hero-copy .actions{align-items:center;gap:24px}.hero-link{color:white;font-weight:bold}.hero-bottom{position:absolute;z-index:2;bottom:25px;left:58px;right:35px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:2px}.hero-bottom button{background:#083c3c;border:1px solid #fff8;color:white;font-size:12px;letter-spacing:0;min-height:44px;padding:8px 14px}.fun-ribbon{background:var(--yellow);padding:17px 25px;display:flex;gap:30px;justify-content:space-around;font-family:Impact,'Arial Narrow',sans-serif;font-size:28px;line-height:1;letter-spacing:1px}.quick{padding:22px 45px;background:var(--cream);border:0;border-bottom:1px solid #ddd6bc;gap:15px}.quick>div{border-right:1px solid #c0c5b4;padding-right:18px}.quick>div:last-child{border:0}.quick strong{font-size:11px;letter-spacing:1.4px}.quick span,.quick a{font-size:15px;margin-top:5px}.section{padding:62px 48px}.section-head{align-items:end;margin-bottom:32px}.section-head h2{margin-bottom:0}.section-head p{margin:0;max-width:300px;font-size:18px}.experience-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.experience-photo{position:relative;min-height:450px;display:block;overflow:hidden;border-radius:6px;color:white}.experience-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:75% 50%;transition:transform .5s}.experience-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#002b2cf5,transparent 90%)}.experience-photo:hover img{transform:scale(1.025)}.panel-copy{position:absolute;z-index:1;bottom:32px;left:32px}.panel-copy .eyebrow{color:white}.panel-copy h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;font-size:48px;line-height:1;margin:0 0 20px}.panel-copy>span:last-child{font-weight:bold}.prize-panel{background:var(--pink);padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-radius:6px;text-decoration:none;color:#001413}.prize-panel .eyebrow{color:#001413}.big-word{font-size:90px;line-height:.88;letter-spacing:-2px;margin:10px 0 22px;color:white}.prize-panel p{font-weight:bold;font-size:17px}.panel-arrow{background:var(--cream);padding:13px 17px;border-radius:999px;font-weight:bold;font-size:14px;align-self:start}.card-section{background:#003f40;color:var(--cream);position:relative}.card-section .eyebrow{color:#beeeea}.card-section h2 em{color:var(--yellow)}.card-section .section-head p{color:#ecf8f3}.card-section .price{color:var(--ink);border:0;border-radius:6px;padding:28px;background:var(--cream);box-shadow:5px 5px 0 #ffffff22;position:relative}.card-section .price .eyebrow{color:#275b58}.card-section .price:nth-child(2){background:#ffed83}.card-section .price:nth-child(3){background:#a5ece5}.price h3{font-size:20px}.price .amount{font-family:Impact,'Arial Narrow',sans-serif;font-size:60px;font-weight:400;line-height:1.1}.amount small{margin-top:8px;font:13px Arial}.price button{background:var(--ink)!important;color:white!important;border-color:var(--ink)!important}.card-details{display:block;text-align:center;margin-top:30px;font-weight:bold;font-size:14px}.destination{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.destination figure img{width:100%;aspect-ratio:.98;object-fit:cover;object-position:80% center;border-radius:6px}.destination h2{font-size:48px}.destination p{max-width:340px;margin:24px 0}.text-link{display:block;margin-top:22px}.seasonal-strip{padding:30px 48px;display:flex;gap:25px;justify-content:space-between;align-items:center;background:#cdf0e9}.seasonal-strip h2{font:700 23px/1.2 Arial;text-transform:none;letter-spacing:-.4px;margin:0 0 10px}.seasonal-strip .eyebrow{margin-bottom:8px}.seasonal-strip p{margin:0;font-size:14px}.seasonal-strip>a{font-weight:bold;font-size:14px;white-space:nowrap}.compact-faq{display:grid;grid-template-columns:1fr 1fr;gap:55px}.compact-faq h2{font-size:42px}.faq{border-color:#bccac0}.faq summary{min-height:44px;display:list-item;padding:10px 0}.signup{background:var(--yellow);border:0;align-items:center}.signup h2{font-size:56px;margin:0}.signup h2 em{color:var(--ink)}.signup input:not([type=checkbox]){border:1px solid #728a75;border-radius:4px;background:var(--cream);padding:14px}.signup .primary{background:var(--ink);border-color:var(--ink);color:white;justify-self:start}.signup .check{font-size:13px}.page-intro{background:#bfece6;border:0;padding:55px 48px}.page-intro h1{font-size:64px}.page-intro p{font-size:18px}.shaded{background:#edf5e9;border-color:#d2e1d6}.wide-photo{filter:none;border-radius:6px}.status{border:0;border-left:4px solid #007d76;border-radius:4px;background:#e2eee5}.placeholder{border-color:#75a29b;background:repeating-linear-gradient(135deg,#dcece7,#dcece7 12px,#d5e7e1 12px,#d5e7e1 13px);color:var(--ink);border-radius:6px}.site-footer{background:#002f31;padding:50px 48px}.site-footer h3{color:var(--yellow)}.site-footer p,.site-footer a{color:#fffbee}.cookie-banner{background:#fffbee;box-shadow:0 -3px 18px #0001}.cookie-banner button[data-consent=accept]{background:var(--ink);color:white}.cookie-banner button{border-color:#537a70}.site button:focus-visible,.site a:focus-visible,.site input:focus-visible,.site summary:focus-visible{outline:3px solid #e81f76;outline-offset:5px}.cinema-hero a:focus-visible,.cinema-hero button:focus-visible{outline-color:white}.review-header{background:#123c3e}.workbench{background:#eaf1ec}.review-notes{background:#fffbee}.site-nav .primary:hover,.hero-copy .primary:hover{background:#ffe965}.site a,.site button{transition:background-color .18s,color .18s}.review-pill{border-radius:999px;border-color:#7fa4a0}
@container(max-width:760px){.site-header{padding:12px 20px}.brand img{width:115px}.mobile-nav summary{border-color:#78978a;border-radius:999px;padding:9px 16px}.mobile-nav nav{font-size:14px}.cinema-hero{min-height:575px;padding:42px 24px;align-items:end}.hero-copy{max-width:100%;padding-bottom:26px}.hero-copy h1{font-size:65px;margin:15px 0}.hero-copy p{font-size:17px;margin:18px 0 22px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1px;max-width:290px}.hero-still{object-position:73% center}.hero-shade{background:linear-gradient(0deg,rgba(0,35,37,.98) 0%,rgba(0,35,37,.85) 53%,rgba(0,35,37,.06) 100%)}.hero-copy .actions{gap:16px}.hero-copy .primary{font-size:14px;padding:12px 16px}.hero-link{font-size:14px}.hero-bottom{left:24px;right:24px;bottom:16px;font-size:9px;letter-spacing:1px}.fun-ribbon{padding:14px 18px;gap:18px;justify-content:space-between;font-size:21px}.quick{grid-template-columns:1fr 1fr;padding:21px 24px;gap:15px}.quick>div{padding-right:8px}.quick>div:nth-child(2){border:0}.quick>div:last-child{display:none}.quick strong{font-size:10px;letter-spacing:1px}.quick span,.quick a{font-size:13px}.section{padding:40px 24px}.site h2{font-size:42px}.section-head{margin-bottom:25px}.section-head p{font-size:16px;margin-top:18px}.experience-grid{grid-template-columns:1fr}.experience-photo{min-height:370px}.panel-copy{left:25px;bottom:25px}.panel-copy h3{font-size:43px}.prize-panel{padding:25px;min-height:330px}.big-word{font-size:85px}.card-section .price{padding:25px}.destination{grid-template-columns:1fr;gap:28px}.destination figure img{aspect-ratio:1.25}.seasonal-strip{padding:26px 24px;display:block}.seasonal-strip h2{font-size:22px}.seasonal-strip>a{display:inline-block;margin-top:17px}.compact-faq{grid-template-columns:1fr;gap:25px}.signup{grid-template-columns:1fr;gap:28px}.page-intro{padding:40px 24px}.page-intro h1{font-size:44px}.page-intro p{font-size:16px}.site-footer{padding:40px 24px}.cookie-banner .actions{grid-template-columns:1fr}.cookie-banner p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cinema-hero #hero-video{display:none!important}}

/* Launch candidate */
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{background:var(--cream);color:var(--ink)}
.site{max-width:none;min-height:100vh;margin:0;box-shadow:none}
.site-header{position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #002f3118}
.cinema-hero,.section,.seasonal-strip{scroll-margin-top:86px}
.experience-photo{margin:0}
.experience-photo figcaption{color:white}
.prize-panel .panel-arrow{display:inline-flex;width:max-content;color:var(--ink)}
.purchase-note{max-width:760px;margin:28px auto 0;text-align:center;color:#d9f5ef;font-size:14px}
.price .primary{margin-top:auto}
.seasonal-strip{justify-content:center;text-align:center}
.seasonal-strip>div{max-width:900px}
.footer-location{font-weight:bold;text-transform:uppercase;letter-spacing:1.2px}
@media(max-width:782px){.site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.eyebrow,.quick strong,.hero-bottom,.review-pill{font-size:12px!important}.site-footer{font-size:16px}.hero-copy h1{line-height:1.02}@container(max-width:760px){.hero-copy h1{font-size:clamp(44px,13vw,65px)}}

@container(max-width:760px){.hero-still{object-position:60% center}}

/* Building feature and library palm separators. */
.experience-grid{grid-template-columns:1.8fr 1fr}
.experience-photo{min-height:560px}
.experience-photo img{object-position:50% 44%}
.experience-photo::after{background:linear-gradient(0deg,rgba(0,35,37,.96),rgba(0,35,37,.65) 24%,transparent 63%)}
.panel-copy h3{font-size:56px}
.fun-ribbon{justify-content:space-between;align-items:center;gap:20px;padding:20px 40px}
.ribbon-palm{width:34px;height:34px;flex:0 0 34px}
.fun-ribbon span{white-space:nowrap}
@container(max-width:760px){
.experience-grid{grid-template-columns:1fr}
.experience-photo{min-height:450px}
.panel-copy h3{font-size:43px}
.fun-ribbon{padding:17px 16px;gap:8px;font-size:clamp(14px,4cqw,21px);letter-spacing:.3px}
.ribbon-palm{width:22px;height:22px;flex-basis:22px}
}

/* Supplied LuLu’s teal brand pattern. */
.card-section{background-color:#62cbc9;background-image:url("assets/teal-pattern.png");background-repeat:repeat;background-size:1440px auto;color:var(--ink)}
.card-section .eyebrow,.card-section .section-head p,.card-section .card-details{color:var(--ink)}
.card-section h2 em{color:#930441}
.card-section .price{box-shadow:5px 5px 0 rgba(8,60,60,.22)}

/* Teal brand pattern continues through the footer. */
.site-footer{background-color:#62cbc9;background-image:url("assets/teal-pattern.png");background-repeat:repeat;background-size:1440px auto;color:var(--ink)}
.site-footer .eyebrow,.site-footer h3,.site-footer p,.site-footer a,.site-footer .footer-bottom{color:var(--ink)}
.site-footer .footer-bottom{border-color:rgba(8,60,60,.3)}

/* Less decorative repetition; let venue footage and the brand assets lead. */
:root{--cream:#fff}
.site{box-shadow:none}
.site button,.site .primary,.site .secondary,.panel-arrow,.mobile-nav summary{border-radius:4px}
.experience-photo,.prize-panel,.destination figure img,.wide-photo{border-radius:0}
.card-section .price{border-radius:2px;box-shadow:none}
.site .eyebrow,.quick strong,.hero-bottom,.fun-ribbon{letter-spacing:0}
.location-label{font-size:14px!important;line-height:1.4;margin:0 0 18px!important;color:white}
.footer-location{margin-bottom:8px}
.hero-bottom{justify-content:flex-end}
.experience{padding:38px 48px 48px}
.experience .section-head p{max-width:340px;font-size:16px}
.card-section{padding:54px 48px 46px}
.destination{padding:48px;gap:40px}
.destination figure img{aspect-ratio:1.15;object-position:center}
.compact-faq{padding:28px 48px 34px}
.compact-faq h2{font-size:38px}
.signup{padding:30px 48px}
.signup h2{font-size:38px;max-width:310px;line-height:1.05}
.page-intro{padding:36px 48px}
.shaded{background:#e5f7f7}
.site .legal-section h2{font:700 20px/1.3 Arial,sans-serif;letter-spacing:0;text-transform:none}
.site a.panel-arrow{border-radius:4px}
.experience-photo img{transition:none}
.experience-photo:hover img{transform:none}
@container(max-width:760px){
.experience{padding:28px 24px 36px}
.card-section{padding:36px 24px}
.destination{padding:36px 24px}
.compact-faq{padding:24px}
.signup{padding:28px 24px}
.signup h2,.compact-faq h2{font-size:34px}
.page-intro{padding:30px 24px}
}

/* Mobile arcade poster: visible games above a bold brand panel. */
@container(max-width:760px){
.cinema-hero{display:block;min-height:0;padding:0;background:var(--yellow);color:var(--ink)}
.cinema-hero .hero-still{position:relative;inset:auto;display:block;width:100%;height:clamp(240px,75cqw,320px);object-fit:cover;object-position:60% 48%}
.cinema-hero #hero-video,.cinema-hero.video-ready #hero-video,.cinema-hero .hero-shade,.cinema-hero .hero-bottom{display:none!important}
.cinema-hero .hero-copy{max-width:none;padding:24px 22px 26px;background:var(--yellow)}
.hero-copy .location-label{color:var(--ink);font-size:14px!important;margin:0 0 12px!important;max-width:none}
.hero-copy h1{color:var(--ink);font-size:clamp(50px,17cqw,78px);line-height:.98;margin:0 0 16px;letter-spacing:-.5px}
.hero-copy h1 em{color:#a9074a}
.hero-copy p:not(.location-label){font-size:16px;line-height:1.4;margin:0 0 20px;max-width:none}
.hero-copy .actions{display:flex;gap:18px;align-items:center}
.hero-copy .primary{background:var(--ink);border-color:var(--ink);color:white;padding:14px 18px;flex:1;font-size:15px}
.hero-copy .hero-link{color:var(--ink);font-size:15px;display:flex;align-items:center;min-height:48px;white-space:nowrap}
.cinema-hero a:focus-visible{outline-color:var(--ink)}
.fun-ribbon{border-top:2px solid rgba(8,60,60,.2)}
}

/* Actual arcade imagery behind the purchase options. */
.site .price,.site .card-section .price{
--card-image:url("assets/card-game-action.webp");--card-position:45% center;--card-accent:var(--yellow);
min-height:390px;padding:28px;position:relative;display:flex;flex-direction:column;
background-color:#00181a;
background-image:linear-gradient(180deg,rgba(0,24,26,.04) 0%,rgba(0,24,26,.12) 30%,rgba(0,24,26,.88) 50%,#00181a 100%),var(--card-image);
background-size:cover;background-position:center,var(--card-position);background-repeat:no-repeat;
color:white;border:0;border-bottom:6px solid var(--card-accent);border-radius:2px;box-shadow:none;
}
.site .price.price-50{--card-image:url("assets/card-player.webp");--card-position:52% center;--card-accent:var(--pink)}
.site .price.price-100{--card-image:url("assets/card-winners.webp");--card-position:45% center;--card-accent:var(--teal)}
.site .price h3{margin:auto 0 0;color:white;font:700 20px/1.25 Arial,sans-serif}
.site .price .amount{font-size:76px;line-height:1;margin:10px 0 22px;color:white}
.site .price .amount small{display:block;font:14px/1.4 Arial,sans-serif;margin-top:8px;color:white}
.site .price button.primary{background:var(--yellow)!important;border-color:var(--yellow)!important;color:var(--ink)!important;min-height:48px;margin-top:0;align-self:stretch}
.site .price button.primary:hover{background:#ffe75c!important}
@container(max-width:760px){
.site .price,.site .card-section .price{min-height:360px;padding:25px}
.site .price .amount{font-size:68px}
}

/* Frame the game and the players instead of the room. */
.site .price.price-25{--card-position:80% top}
.site .price.price-50{--card-position:30% top}
.site .price.price-100{--card-position:center top}

@container(max-width:760px){.cinema-hero .hero-still{object-position:50% 40%}}

/* Slow, seamless brand ribbon. */
.fun-ribbon{position:relative;display:block;overflow:hidden;padding:20px 0}
.ribbon-window{overflow:hidden;margin-right:82px}
.ribbon-track{display:flex;width:max-content;animation:ribbon-drift 26.67s linear infinite;will-change:transform}
.ribbon-group{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;min-width:max(820px,100cqw);gap:48px;padding:0 30px}
.ribbon-palm{display:block}
.site .ribbon-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);min-height:44px;min-width:58px;padding:8px;border:1px solid var(--ink);background:var(--yellow);color:var(--ink);font:700 12px Arial,sans-serif}
.ribbon-paused .ribbon-track,.ribbon-inactive .ribbon-track,.ribbon-window:hover .ribbon-track{animation-play-state:paused}
@keyframes ribbon-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@container(max-width:760px){.fun-ribbon{padding:17px 0}.ribbon-group{gap:40px}.ribbon-window{margin-right:76px}.site .ribbon-toggle{right:8px}}
@media(prefers-reduced-motion:reduce){
.ribbon-track{animation:none!important;transform:none;will-change:auto;width:100%}
.ribbon-window{margin-right:0}
.ribbon-group{min-width:0;width:100%;padding:0 16px;gap:8px}
.ribbon-group:nth-child(2),.ribbon-group .ribbon-palm:last-child,.ribbon-toggle{display:none!important}
}