:root{--ink:#0f1d19;--forest:#002a22;--deep:#001a15;--jade:#1f6b52;--gold:#efb154;--cream:#f4efe4;--paper:#fffdf8;--muted:#5f6e68;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:absolute;z-index:3;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:28px clamp(22px,5vw,76px);color:var(--cream)}.wordmark{font-size:12px;font-weight:700;letter-spacing:.14em}.wordmark span{margin:0 6px;color:var(--gold)}nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:500}nav a{transition:color .2s ease}nav a:hover{color:var(--gold)}.nav-cta{padding:11px 16px;border:1px solid #efb15480;border-radius:30px;color:var(--gold)}.nav-cta span{margin-left:10px}.menu-toggle{display:none;color:var(--cream);background:none;border:0;font-size:22px}.hero{position:relative;display:flex;min-height:760px;align-items:center;overflow:hidden;padding:120px clamp(22px,11vw,170px) 70px;color:var(--cream);background:radial-gradient(circle at 84% 28%,#efb1541a,transparent 25%),linear-gradient(115deg,var(--deep),var(--forest))}.hero:after{position:absolute;right:-7%;bottom:-22%;width:75%;height:55%;border:1px solid #efb15438;border-radius:50%;content:"";transform:rotate(-17deg)}.hero-copy{position:relative;z-index:2;width:min(560px,100%)}.eyebrow{margin:0 0 22px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow.green{color:var(--jade)}h1,h2,h3{margin:0;font-family:"Playfair Display",serif;font-weight:600;letter-spacing:-.06em}h1{font-size:clamp(72px,11vw,145px);line-height:.83}h1 em,h2 em{color:var(--gold);font-style:italic}.hero-intro{max-width:450px;margin:34px 0 38px;color:#d9e3df;font-size:16px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 18px;border:0;border-radius:2px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.02em;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0002}.button-gold{color:var(--deep);background:var(--gold)}.button-gold:hover{background:#f5c878}.hero-art{position:absolute;right:5%;width:min(47vw,650px);height:650px;transform:rotate(-16deg)}.ball{position:absolute;top:16%;left:28%;display:grid;width:190px;height:190px;place-items:center;border:2px solid #efb154aa;border-radius:50%;background:linear-gradient(135deg,#efb154,#c98a2e);box-shadow:0 25px 70px #0005;color:var(--deep);font-family:Arial;font-size:43px;font-weight:800;letter-spacing:-.1em;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hero:hover .ball{transform:translate(12px,-18px) rotate(18deg)}.ball:before,.ball:after{position:absolute;content:"";border:2px solid #002a2266;border-radius:50%}.ball:before{width:55%;height:140%;transform:rotate(38deg)}.ball:after{width:140%;height:55%;transform:rotate(-28deg)}.arc{position:absolute;border:1px solid #efb1544d;border-radius:50%}.arc-one{top:5%;left:0;width:100%;height:72%}.arc-two{right:-13%;bottom:3%;width:90%;height:72%}.court-line{position:absolute;top:0;right:22%;width:1px;height:100%;background:linear-gradient(transparent,#efb15470,transparent);transform:rotate(25deg)}.hero-stamp{position:absolute;right:7%;bottom:12%;z-index:2;display:flex;width:100px;height:100px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #efb15480;border-radius:50%;color:var(--gold);font-size:8px;letter-spacing:.15em;text-align:center;transform:rotate(13deg)}.hero-stamp strong{margin:3px 0;font-size:25px}.scroll-note{position:absolute;bottom:30px;left:clamp(22px,5vw,76px);z-index:2;color:#a8b8b1;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.scroll-note span{margin-left:13px;color:var(--gold);font-size:16px}.section-grid{display:grid;grid-template-columns:1fr 2fr 1.1fr;gap:40px;align-items:center;padding:140px clamp(22px,8vw,120px)}.section-label{display:flex;gap:16px;align-self:start;color:#98a69f;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-label span:first-child{color:var(--gold)}.experience-copy h2,.journey-heading h2{font-size:clamp(42px,5vw,70px);line-height:1}.experience-copy h2 em,.journey-heading h2 em{color:var(--jade)}.experience-copy>p:not(.eyebrow){max-width:510px;margin:30px 0;color:var(--muted);font-size:15px;line-height:1.75}.text-link{color:var(--forest);font-size:12px;font-weight:700}.text-link span{margin-left:14px;color:var(--gold)}.islington-card{position:relative;min-height:330px;padding:34px;color:var(--cream);overflow:hidden;background:linear-gradient(140deg,#1f4039,#001a15)}.islington-card:after{position:absolute;right:-75px;bottom:-75px;width:260px;height:260px;border:1px solid #efb1544c;border-radius:50%;content:""}.islington-card img{width:100px;filter:brightness(0) invert(1);opacity:.9}.islington-card p{position:absolute;bottom:50px;margin:0;font-family:"Playfair Display",serif;font-size:25px;line-height:1.1}.islington-card span{position:absolute;bottom:28px;font-size:9px;letter-spacing:.17em}.journey{padding:120px clamp(22px,8vw,120px);background:var(--cream)}.journey-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.journey-heading h2{text-align:right}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journey-card{position:relative;display:flex;min-height:420px;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.journey-card:hover{transform:translateY(-10px);box-shadow:0 22px 35px #002a221c}.card-stay{color:var(--cream);background:#1f4039}.card-lounge{color:var(--ink);background:#e9a945}.card-game{color:var(--cream);background:#00221b}.card-number{font-size:12px;font-weight:700;letter-spacing:.15em}.card-kicker{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.journey-card h3{font-size:45px;line-height:.92}.card-body{max-width:230px;margin:22px 0 0;font-size:13px;line-height:1.55;opacity:.78}.card-arrow{position:absolute;right:27px;bottom:25px;font-size:28px;transition:transform .3s}.journey-card:hover .card-arrow{transform:translate(5px,-5px)}.offer{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding:120px clamp(22px,12vw,190px);color:var(--cream);background:var(--forest)}.offer h2{font-size:clamp(48px,6vw,84px);line-height:.92}.offer ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px;margin:45px 0 0;padding:0;list-style:none;color:#d5e0db;font-size:13px}.offer li:before{margin-right:10px;color:var(--gold);content:"✦"}.price-card{padding:40px;text-align:center;border:1px solid #efb15454;background:#001a15}.price-card>span{display:block;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.price-card strong{display:block;margin:9px 0;font-family:"Playfair Display",serif;font-size:80px;line-height:1}.price-card small{display:block;color:#c6d3cc;font-size:11px}.button-light{width:100%;margin-top:30px;color:var(--deep);background:var(--cream)}.reserve-message{min-height:16px;margin:15px 0 0;color:var(--gold);font-size:11px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;padding:25px clamp(22px,5vw,76px);color:#5d6963;font-size:9px;letter-spacing:.09em}footer span{max-width:100%;overflow-wrap:anywhere}.booking-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding:120px clamp(22px,12vw,190px);background:#f8f4eb}.booking-panel h2{font-size:clamp(46px,5vw,72px);line-height:.94;color:var(--forest)}.booking-panel h2 em{color:var(--jade)}.booking-intro{max-width:430px;margin:30px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;padding:34px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 50px #002a2210}.field{display:grid;gap:7px;min-width:0}.field-wide,.booking-form>button,.form-status{grid-column:1/-1}.booking-form label{color:var(--forest);font-size:11px;font-weight:700;letter-spacing:.04em}.booking-form label span{color:var(--muted);font-weight:400}.booking-form input,.booking-form textarea{width:100%;padding:12px 13px;color:var(--ink);background:#fff;border:1px solid #ccd3ca;border-radius:2px;font:inherit;font-size:13px;outline:none;resize:vertical}.booking-form input:focus,.booking-form textarea:focus{border-color:var(--jade);box-shadow:0 0 0 4px #1f6b521c}.booking-form input[aria-invalid=true],.booking-form textarea[aria-invalid=true]{border-color:#b34c40}.input-error{min-height:15px;color:#b34c40;font-size:10px}.input-hint{color:var(--muted);font-size:10px;text-align:right}.form-status{min-height:18px;margin:0;color:var(--jade);font-size:11px}.form-status.is-error{color:#b34c40}.price-card button:disabled,.booking-form button:disabled{cursor:not-allowed;opacity:.7}.focus-visible:focus-visible,.button:focus-visible,.nav-cta:focus-visible,a:focus-visible{outline:3px solid #efb154;outline-offset:4px}@media(max-width:850px){nav{display:none}.site-header nav.is-open{position:absolute;top:72px;right:22px;display:flex;align-items:stretch;flex-direction:column;gap:18px;padding:20px;background:var(--deep);box-shadow:0 15px 30px #0003}.menu-toggle{display:block}.hero{min-height:700px}.hero-art{right:-34%;opacity:.7}.section-grid{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.section-label{margin-bottom:-15px}.islington-card{min-height:260px}.journey-heading{display:block}.journey-heading h2{margin-top:30px;text-align:left}.journey-grid{grid-template-columns:1fr}.journey-card{min-height:330px}.offer,.booking-panel{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.price-card{max-width:420px}.offer ul{grid-template-columns:1fr}footer{flex-direction:column;line-height:1.5}}@media(max-width:560px){.booking-form{grid-template-columns:1fr}.booking-form label:nth-of-type(3),.booking-form textarea,.booking-form button,.form-status{grid-column:auto}}@media(max-width:480px){.site-header{padding:22px}.wordmark{font-size:10px}.hero{padding:125px 22px 80px}.hero-art{right:-75%;width:500px}.hero-stamp{right:8%;bottom:8%}h1{font-size:72px}.hero-intro{font-size:14px}.section-grid,.journey,.offer,.booking-panel{padding-right:22px;padding-left:22px}.experience-copy h2,.journey-heading h2,.booking-panel h2{font-size:44px}.journey-card h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
footer{flex-wrap:wrap;gap:12px 20px}footer span{max-width:100%;overflow-wrap:anywhere}
@media(max-width:850px){.games-section{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.game-picker{max-width:620px}.fireside-section{grid-template-columns:1fr}.fireside-image{min-height:390px}.fireside-copy{padding:75px 22px}.islington-story{grid-template-columns:1fr;gap:28px;padding-top:85px;padding-bottom:85px}.islington-story .text-link{white-space:normal}}
html,body{overflow-x:clip}
.games-section{display:grid;grid-template-columns:.8fr 1.1fr 1fr;gap:55px;align-items:end;padding:125px clamp(22px,8vw,120px);background:#fffdf8}.games-heading h2,.fireside-copy h2,.islington-story h2{font-size:clamp(46px,5.5vw,78px);line-height:.92;color:var(--forest)}.games-heading h2 em,.fireside-copy h2 em,.islington-story h2 em{color:var(--jade)}.games-heading>p:last-child{max-width:390px;margin:28px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.game-picker{padding:28px;background:var(--cream);border:1px solid var(--line);box-shadow:0 18px 50px #002a2212}.game-photo{position:relative;height:155px;margin:0 0 20px;overflow:hidden;background:var(--forest)}.game-photo:after{position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#001a15b8,transparent);content:""}.game-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(1.1);transition:transform .8s ease}.game-picker:hover .game-photo img{transform:scale(1.04)}.game-photo figcaption{position:absolute;z-index:1;bottom:12px;left:14px;color:#fffdf8;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-picker label{display:block;margin-bottom:9px;color:var(--forest);font-size:11px;font-weight:700;letter-spacing:.04em}.game-picker select{width:100%;padding:13px 38px 13px 14px;color:var(--ink);background:var(--paper);border:1px solid #c9d1c8;border-radius:2px;font:inherit;font-size:12px}.game-detail{display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid #d1d8cf}.game-badge{display:grid;width:48px;height:48px;flex:none;place-items:center;color:var(--deep);border-radius:50%;background:var(--gold);font-weight:800;letter-spacing:-.1em}.game-detail strong{display:block;color:var(--forest);font-size:13px}.game-detail small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}.game-fixture-link{display:inline-block;margin-top:8px;color:var(--jade);font-size:10px;font-weight:700}.game-fixture-link:hover{text-decoration:underline}.fireside-section{display:grid;grid-template-columns:1.1fr .9fr;min-height:590px;background:var(--deep);color:var(--cream)}.fireside-image{position:relative;min-height:480px;overflow:hidden}.fireside-image:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--deep)),linear-gradient(0deg,#001a15aa,transparent 40%);content:""}.fireside-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) sepia(.12);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.fireside-section:hover .fireside-image img{transform:scale(1.06)}.image-caption{position:absolute;z-index:1;bottom:28px;left:clamp(22px,5vw,76px);color:#eee3cb;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.fireside-copy{display:flex;justify-content:center;flex-direction:column;padding:80px clamp(30px,7vw,110px) 80px 40px}.fireside-copy h2{color:var(--cream)}.fireside-copy h2 em{color:var(--gold)}.fireside-copy>p:not(.eyebrow){max-width:420px;margin:30px 0;color:#c9d6d0;font-size:14px;line-height:1.75}.fireside-notes{display:flex;flex-wrap:wrap;gap:9px}.fireside-notes span{padding:9px 12px;color:var(--gold);border:1px solid #efb1544d;border-radius:30px;font-size:10px}.islington-story{display:grid;grid-template-columns:1fr 1fr auto;gap:50px;align-items:end;padding:115px clamp(22px,12vw,190px);background:#f8f4eb}.islington-story>p{max-width:430px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}.islington-story .text-link{white-space:nowrap}
.hero-copy.reveal.is-visible .eyebrow,.hero-copy.reveal.is-visible h1,.hero-copy.reveal.is-visible .hero-intro,.hero-copy.reveal.is-visible .button{animation:motion-rise .8s cubic-bezier(.22,1,.36,1) both}.hero-copy.reveal.is-visible h1{animation-delay:.08s}.hero-copy.reveal.is-visible .hero-intro{animation-delay:.16s}.hero-copy.reveal.is-visible .button{animation-delay:.24s}.ball{animation:ball-float 6s ease-in-out infinite}.hero-stamp{animation:stamp-in 1.2s cubic-bezier(.22,1,.36,1) .4s both}@keyframes motion-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes ball-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes stamp-in{from{opacity:0;transform:rotate(-8deg) scale(.75)}to{opacity:1;transform:rotate(13deg) scale(1)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}.spotlight-card{--spot-x:50%;--spot-y:50%;isolation:isolate}.spotlight-card:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.2),transparent 34%);content:"";opacity:0;transition:opacity .3s ease}.spotlight-card:hover:before{opacity:1}.spotlight-card:hover{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-10px)}.hero-copy .button,.price-card .button,.booking-form .button{transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,box-shadow .25s ease}.islington-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.islington-card:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 26px 45px #002a2230}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.lenis.lenis-smooth{scroll-behavior:auto!important}.journey .eyebrow:not(.green){color:#8a5a12}.field-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* Hero refresh: midnight navy with the Islington exterior in an arched frame */
.hero{background:radial-gradient(circle at 78% 30%,#efb15424,transparent 38%),radial-gradient(ellipse at 0% 100%,#1f6b5233,transparent 45%),linear-gradient(120deg,var(--deep),var(--forest))}
.hero-art{top:50%;right:clamp(30px,8vw,130px);width:min(34vw,460px);height:auto;transform:translateY(-46%)}
.hero-art .arc,.hero-art .court-line{display:none}
.hero-photo{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid #efb15466;border-radius:999px 999px 6px 6px;outline:1px solid #efb15433;outline-offset:14px;box-shadow:0 40px 80px #0008;animation:photo-in 1.1s cubic-bezier(.22,1,.36,1) .15s both}
.hero-art .ball{top:auto;bottom:-38px;left:-70px;z-index:2;width:150px;height:150px;font-size:34px}
.hero-stamp{right:3%;bottom:8%}
@keyframes photo-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-art{width:min(30vw,380px)}}
@media(max-width:850px){.hero{flex-direction:column;align-items:stretch;min-height:0;padding-bottom:110px}.hero-copy{order:1}.hero-art{order:2;position:relative;top:auto;right:auto;width:min(72vw,330px);margin:56px auto 0;transform:none;opacity:1}.hero-art .ball{left:-34px;bottom:-26px;width:110px;height:110px;font-size:26px}.hero-stamp{display:none}}
@media(max-width:480px){.hero-art{right:auto;width:min(74vw,300px)}}
/* Photo refresh: the heritage card shows a full photo with the quote over a soft fade */
.islington-card{min-height:440px;padding:0;background:var(--deep)}
.islington-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;opacity:1;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.islington-card:before{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 35%,#001a15e6 100%);content:""}
.islington-card:after{z-index:1}
.islington-card p,.islington-card span{z-index:2;left:30px;right:30px}
.islington-card:hover img{transform:scale(1.05)}
.fireside-image img{filter:saturate(.95)}
@media(max-width:850px){.islington-card{min-height:380px}}
.hero-photo{height:auto}

/* Game-first redesign: JackJumpers green and gold, action-photo hero, game cards and an energy gallery */
.hero-game{min-height:max(720px,100vh);padding-top:130px;padding-bottom:120px;background:#001a15}
.hero-game:after{display:none}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 25%}
.hero-game:before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#001a15f5 0%,#001a15d9 34%,#001a1566 66%,#001a15a6 100%),linear-gradient(0deg,#001a15e6 0%,transparent 35%);content:""}
.hero-game .hero-copy{z-index:2;width:min(620px,100%)}
.hero-game h1{font-size:clamp(56px,8.4vw,118px);line-height:.9}
.hero-game .hero-intro{color:#e3ece8;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button-ghost{color:var(--cream);background:transparent;border:1px solid #f4efe473}.button-ghost:hover{background:#ffffff14}
.hero-game .scroll-note,.hero-game .hero-stamp{display:none}
.next-game{position:absolute;z-index:2;right:clamp(22px,6vw,96px);bottom:72px;display:grid;gap:3px;min-width:250px;padding:18px 22px;color:var(--cream);background:#001a15d1;border:1px solid #efb15459;border-left:4px solid var(--gold);backdrop-filter:blur(6px)}
.next-label{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.next-game strong{font-family:"Playfair Display",serif;font-size:25px;font-weight:600;letter-spacing:-.02em}
.next-game span{font-size:12px;color:#d5e0db}
.next-game .next-countdown{margin-top:6px;color:var(--gold);font-size:15px;font-weight:700}
.photo-credit{position:absolute;z-index:2;right:14px;bottom:10px;color:#ffffff73;font-size:9px;letter-spacing:.08em}
.games-first{align-items:start;background:var(--paper)}
.game-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.game-card{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;align-items:center;padding:14px 16px;color:var(--cream);text-align:left;background:var(--forest);border:1px solid transparent;border-radius:3px;cursor:pointer;font:inherit;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.game-card:hover{transform:translateY(-3px);background:#0b3a2f;box-shadow:0 14px 28px #002a2233}
.game-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}
.game-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.game-card-date{grid-row:span 2;display:grid;place-items:center;min-width:60px;padding:6px 4px;color:var(--deep);background:var(--gold);border-radius:2px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.game-card-date strong{font-family:"Playfair Display",serif;font-size:27px;line-height:1}
.game-card-info strong{display:block;font-size:15px}.game-card-info small{color:#c9d6d0;font-size:11px}
.game-card-cta{grid-column:2;color:var(--gold);font-size:11px;font-weight:700}
.energy{padding:110px clamp(22px,8vw,120px);color:var(--cream);background:radial-gradient(circle at 85% 0%,#efb1541f,transparent 35%),var(--deep)}
.energy-heading{margin-bottom:40px}
.energy-heading h2{font-size:clamp(44px,5.4vw,76px);line-height:.95;color:var(--cream)}.energy-heading h2 em{color:var(--gold)}
.energy-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;grid-auto-flow:dense;gap:12px}
.energy-full{grid-column:1/-1;grid-row:span 1}
.energy-full img{object-position:center 35%}
.energy-tile{position:relative;margin:0;overflow:hidden;border-radius:3px;background:#002a22}
.energy-wide{grid-column:span 2;grid-row:span 2}
.energy-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.energy-tile:hover img{transform:scale(1.06)}
.energy-tile figcaption{position:absolute;right:0;bottom:0;left:0;padding:30px 16px 14px;color:var(--cream);background:linear-gradient(0deg,#001a15e6,transparent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.energy-credit{margin:14px 0 0;color:#ffffff73;font-size:10px;letter-spacing:.08em}
.inline-link{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){
  .hero-game{flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:max(680px,92vh);padding:120px 22px 40px}
  .hero-game:before{background:linear-gradient(0deg,#001a15f7 0%,#001a15cc 45%,#001a1559 100%)}
  .hero-bg{object-position:60% 20%}
  .next-game{position:relative;right:auto;bottom:auto;margin-top:28px;width:100%}
  .energy-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}
  .energy-wide,.energy-full{grid-column:span 2;grid-row:span 1}
}
@media(max-width:480px){.hero-game h1{font-size:54px}.hero-actions .button{width:100%}}
/* Phone fixes for the game-first layout (placed last so they win over earlier rules) */
@media(max-width:850px){
  .hero-game .hero-copy{order:1}
  .hero-game .next-game{order:2}
  .games-section{grid-template-columns:1fr;gap:28px;padding:80px 22px}
  .games-first .section-label{margin-bottom:-12px}
  .game-picker{max-width:none}
}
/* Epic pass: NBA/F1-style bold slanted headlines, motion, fan energy and a combined package section */
.sport-title{font-family:"DM Sans",sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:-.04em;line-height:.86;transform:skewX(-6deg);transform-origin:left bottom}
.sport-title em{font-family:inherit;font-style:italic;color:var(--gold)}
.hero-game h1.sport-title{font-size:clamp(58px,8.6vw,128px)}
.speed-lines{position:absolute;z-index:1;inset:-20% -10% -20% 45%;background:repeating-linear-gradient(115deg,transparent 0 46px,#efb15414 46px 48px,transparent 48px 120px);mask-image:linear-gradient(90deg,transparent,#000 40%,#000 70%,transparent);animation:speed 9s linear infinite;pointer-events:none}
@keyframes speed{from{transform:translateX(0)}to{transform:translateX(-240px)}}
.live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 0 #ff4d4d99;animation:live 1.6s ease-out infinite;vertical-align:1px}
@keyframes live{0%{box-shadow:0 0 0 0 #ff4d4d99}100%{box-shadow:0 0 0 10px #ff4d4d00}}
.chant-band{position:relative;z-index:3;display:flex;overflow:hidden;padding:14px 0;color:var(--deep);background:var(--gold);transform:skewY(-1.2deg);margin:-12px 0 0}
.chant-track{display:flex;flex:none;gap:0;animation:chant 28s linear infinite}
.chant-track span{padding:0 26px;font-size:clamp(18px,2.2vw,28px);font-weight:700;font-style:italic;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.chant-track span:after{margin-left:26px;content:"✦"}
@keyframes chant{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.ant-army{position:relative;display:flex;min-height:680px;align-items:flex-end;overflow:hidden;padding:110px clamp(22px,8vw,120px);color:var(--cream);background:var(--deep)}
.ant-army-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.ant-army:before{position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#001a15f7 0%,#001a15b3 45%,#001a1526 100%),linear-gradient(90deg,#001a15d9,transparent 65%);content:""}
.ant-army-copy{position:relative;z-index:2;max-width:640px}
.ant-army h2{font-size:clamp(54px,7.6vw,112px);color:var(--cream)}
.ant-army-copy>p:not(.eyebrow){max-width:520px;margin:26px 0;color:#e3ece8;font-size:16px;line-height:1.65}
.fan-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none}
.fan-moments li{padding:14px 16px;border-top:3px solid var(--gold);background:#001a15b3;backdrop-filter:blur(4px)}
.fan-moments strong{display:block;color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.fan-moments span{display:block;margin-top:4px;font-size:13px;color:#e3ece8}
.package-epic{position:relative;display:grid;grid-template-columns:1fr minmax(0,520px);gap:60px;align-items:center;overflow:hidden;padding:120px clamp(22px,8vw,120px);color:var(--cream);background:var(--deep)}
.package-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 25%}
.package-epic:before{position:absolute;z-index:1;inset:0;background:linear-gradient(100deg,#001a15e6 0%,#001a15cc 45%,#001a15f2 70%),radial-gradient(circle at 20% 80%,#efb15426,transparent 40%);content:""}
.package-copy,.package-epic .booking-form{position:relative;z-index:2}
.package-epic h2{font-size:clamp(64px,8vw,124px);color:var(--cream)}
.package-tagline{margin:18px 0 26px;color:#e3ece8;font-size:18px}
.package-price{display:inline-grid;margin-bottom:26px;padding:16px 22px;border:1px solid #efb15480;border-left:5px solid var(--gold);background:#001a15b3}
.package-price span{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.package-price strong{font-size:64px;font-weight:700;font-style:italic;line-height:1;letter-spacing:-.04em}
.package-price small{color:#c9d6d0;font-size:12px}
.package-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:15px}
.package-list li{display:flex;gap:12px;align-items:flex-start;color:#e3ece8}
.package-list li:before{flex:none;display:grid;width:22px;height:22px;place-items:center;color:var(--deep);border-radius:50%;background:var(--gold);font-size:12px;font-weight:700;content:"✓"}
.package-epic .booking-form{box-shadow:0 30px 70px #0009;border-top:5px solid var(--gold)}
.form-head h3{margin:4px 0 6px;color:var(--forest);font-family:"DM Sans",sans-serif;font-size:26px;font-weight:700;font-style:italic;letter-spacing:-.03em;text-transform:uppercase}
.form-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.form-head .eyebrow{margin-bottom:4px}
@media(max-width:850px){
  .ant-army{min-height:620px;padding:90px 22px 60px}
  .fan-moments{grid-template-columns:1fr}
  .package-epic{grid-template-columns:1fr;gap:36px;padding:90px 22px}
  .package-epic:before{background:linear-gradient(0deg,#001a15f2 0%,#001a15d9 60%,#001a15a6 100%)}
  .speed-lines{inset:-10% -30% 40% 20%}
}
@media(prefers-reduced-motion:reduce){.chant-track,.speed-lines,.live-dot{animation:none}}

/* Simpler type and a shorter page: one clean font, no italics, calmer sizes. */
h1,h2,h3,.sport-title,.next-game strong,.game-card-date strong,.form-head h3{font-family:"DM Sans",system-ui,sans-serif;font-style:normal;text-transform:none;transform:none}
h1,h2,h3,.sport-title{font-weight:700;letter-spacing:-.035em;line-height:1.02}
h1 em,h2 em,.sport-title em{font-style:normal;color:var(--gold)}
.games-heading h2 em{color:var(--jade)}
.hero-game{min-height:max(600px,82vh);padding-top:110px;padding-bottom:80px}
.hero-game h1,.hero-game h1.sport-title{font-size:clamp(42px,6vw,78px);line-height:1}
.hero-game .hero-intro{max-width:540px;font-size:18px;line-height:1.55}
.hero-intro strong{color:var(--gold);font-weight:700}
.games-section{padding-top:80px;padding-bottom:80px}
.games-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.02}
.package-epic{padding-top:80px;padding-bottom:80px}
.package-epic h2{font-size:clamp(42px,5vw,66px)}
.package-price strong{font-style:normal;font-size:56px;letter-spacing:-.03em}
.package-list{gap:12px}
.package-list li span{flex:1}
.package-list li b{flex:none;margin-left:12px;color:var(--gold);font-weight:700;white-space:nowrap}
.form-head h3{font-size:24px;letter-spacing:-.02em}
@media(max-width:480px){.hero-game h1,.hero-game h1.sport-title{font-size:40px}.package-price strong{font-size:46px}.package-list li{flex-wrap:wrap}.package-list li b{margin-left:34px}}
/* Game picker lives inside the booking form, so one card does the whole booking. */
.booking-form .game-picker{max-width:none;padding:0;background:none;border:0;box-shadow:none}
.booking-form .game-photo{height:110px;margin-bottom:16px}
.booking-form .game-picker select{font-size:13px}
.booking-form .game-detail{margin-top:14px;padding:14px 0 4px}
.booking-form .game-badge{width:40px;height:40px;font-size:13px}
.package-epic{align-items:start}
.package-copy{position:sticky;top:110px}
@media(max-width:900px){.package-copy{position:relative;top:auto}}
@media(max-width:900px){.package-epic{grid-template-columns:minmax(0,1fr)}}
.booking-form,.booking-form>*,.package-copy{min-width:0}
.booking-form .game-picker select{max-width:100%;text-overflow:ellipsis}
.energy{padding-top:80px;padding-bottom:80px}
.energy-heading{margin-bottom:28px}
.energy-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.02}
/* The booking card ends in a link to the hotel's booking page instead of an enquiry form. */
.booking-form>.button,.booking-form>.form-status{grid-column:1/-1}
.book-game{justify-content:space-between;text-align:left}
