body.sbe27-page-tickets{font-family:system-ui,-apple-system,sans-serif;color:#042b61;background:linear-gradient(180deg,#f7fcff,#dff6ff);line-height:1.5}
.ticket-page *{box-sizing:border-box}
body.sbe27-page-tickets{margin:0}
.ticket-page p,.ticket-page h1,.ticket-page h2,.ticket-page h3{margin:0}
.ticket-page h2{font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.05;letter-spacing:-.035em}
.ticket-page h3{font-size:1.25rem;line-height:1.2}
.ticket-page a{color:inherit}
.ticket-page .preview{position:relative;background:#032d68;color:#fff;text-align:center;padding:15px 12px;display:flex;justify-content:center;align-items:center;gap:10px 18px;flex-wrap:wrap}
.ticket-page .preview-title{font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.ticket-page .hero{position:relative;isolation:isolate;overflow:hidden;min-height:430px;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(ellipse at 50% 38%,#80e8ffba 0%,#08a4f312 43%,transparent 72%),linear-gradient(180deg,#0160b9 0%,#08aee9 53%,#69ddf7 85%,#f4fcff 100%)}
.ticket-page .hero-copy{position:relative;z-index:1;padding:36px 16px 46px;width:min(100%,565px)}
.ticket-page .person{position:absolute;z-index:-1;height:110%;width:min(39%,455px);object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 60%,transparent 98%)}
.ticket-page .person.left{left:0;top:0;mask-image:linear-gradient(105deg,#000 64%,transparent 97%)}
.ticket-page .person.right{right:0;top:0;mask-image:linear-gradient(255deg,#000 64%,transparent 97%)}
.ticket-page .date{display:inline-block;font-size:clamp(.62rem,2.1vw,.78rem);font-weight:850;text-transform:uppercase;letter-spacing:.08em;padding:8px 13px;border:1px solid #fff7;background:#065abf;border-radius:99px}
.ticket-page .logo{display:block;width:min(190px,43vw);height:auto;margin:8px auto -1px;filter:drop-shadow(0 8px 12px #00315c60)}
.ticket-page h1{font-size:clamp(2.15rem,7vw,4.65rem);text-transform:uppercase;font-style:italic;line-height:.95;font-weight:1000;letter-spacing:-.065em;text-shadow:0 3px #004dbb,0 7px 18px #00509b}
.ticket-page h1 em{color:#ff48ad;-webkit-text-stroke:1px #fff;text-shadow:0 3px #a70084,0 8px 20px #072e9a}
.ticket-page .deck{max-width:36ch;margin:16px auto 0;font-weight:750;color:#042b61;text-shadow:0 1px 4px #dff6ff}
.ticket-page .wrap{width:min(1080px,calc(100% - 34px));margin:auto}
.ticket-page .kicker{color:#075e9b;font-weight:900;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;margin-bottom:8px}
.ticket-page .common{background:#dff6ff;border-top:1px solid #c0e5f7;padding:26px 0 34px}
.ticket-page .common h2{font-size:1.35rem;margin-bottom:12px}
.ticket-page details{border-top:1px solid #a9d9ef;padding:10px 0}
.ticket-page summary{cursor:pointer;font-weight:800}
.ticket-page details p{margin-top:7px;color:#314a66}
.ticket-page footer{background:#032d68;border-top:1px solid #54dcfd;color:#fff;text-align:center;padding:19px 12px;font-size:.84rem}
@media(max-width:710px){.ticket-page .hero{min-height:0} .ticket-page .hero-copy{padding:24px 13px 30px} .ticket-page .person{width:48%;opacity:.63}}


.ticket-page .jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px auto 0}
.ticket-page .jump a{display:grid;place-items:center;min-height:44px;text-align:center;padding:11px 8px;background:linear-gradient(145deg,var(--button-light),var(--button-color));border:1px solid #fff;border-radius:11px;color:#12325b;font-size:.87rem;font-weight:800;text-decoration:none;box-shadow:0 3px 9px #0453a91a}
.ticket-page .jump a:hover,.ticket-page .jump a:focus-visible{background:var(--button-light)}
.ticket-page .catalog{padding:24px 0 44px;display:grid;gap:18px}
.ticket-page .release{--accent:#065abf;--edge:#c0e5f7;--panel:#fff;--text:#042b61;--quiet:#345778;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.1fr);gap:clamp(16px,3vw,34px);align-items:center;border:1px solid var(--edge);border-left:5px solid var(--accent);border-radius:20px;background:var(--panel);color:var(--text);padding:clamp(17px,3.5vw,32px);scroll-margin-top:16px}
.ticket-page .release.vip{--accent:#ffef43;--edge:#0fdfff;--panel:#002c78;--text:#fff;--quiet:#dff6ff;background:linear-gradient(160deg,#0065c2,#002c78)}
.ticket-page .release.group{--accent:#065abf;--edge:#8fdaef;--panel:#f4fcff}
.ticket-page .release.cabana{--accent:#b00070;--edge:#ffcce8;--panel:#ffeafa}
.ticket-page .release .kicker{color:var(--accent)}
.ticket-page .release h2{font-size:clamp(1.45rem,3vw,2.25rem)}
.ticket-page .release-copy p:last-child{color:var(--quiet);margin-top:9px;font-size:.92rem}
.ticket-page .offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0}
.ticket-page .offer{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;border:1px solid var(--edge);border-radius:12px;background:var(--panel);padding:12px}
.ticket-page .offer h3{font-size:1rem;overflow-wrap:anywhere}
.ticket-page .offer p{font-size:.83rem;color:var(--quiet)}
@media(max-width:760px){.ticket-page .release{grid-template-columns:1fr} .ticket-page .jump{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ticket-page .hero-cta{display:inline-flex;min-height:44px;align-items:center;gap:10px;margin-top:16px;padding:8px 18px;border:1px solid #fff;border-radius:99px;background:linear-gradient(145deg,#fff0fa,#ff9dd5);color:#12325b;box-shadow:0 5px 16px #ff7ecb70,inset 0 2px 1px #fff9;font-size:.9rem;font-weight:900;text-decoration:none;text-shadow:none}
.ticket-page .hero-cta:hover,.ticket-page .hero-cta:focus-visible{background:#fff0fa}
.ticket-page .ticket-picker{padding-top:24px;scroll-margin-top:14px}
.ticket-page .ticket-picker p{margin-top:5px;color:#3b526e}
@media(max-width:430px){.ticket-page .offer{padding:8px 6px} .ticket-page .offer p{font-size:.75rem} .ticket-page .offer-grid{gap:5px} .ticket-page .cabana .offer-grid{grid-template-columns:1fr} .ticket-page .cabana .offer{padding:9px 12px}}
.ticket-page .tier-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:auto;padding:5px;border:1px solid #fff;border-radius:9px;background:linear-gradient(145deg,var(--button-light),var(--button-color));color:#12325b;font-size:.82rem;font-weight:850;text-decoration:none;box-shadow:inset 0 2px 1px #fff8}
.ticket-page .tier-link:hover,.ticket-page .tier-link:focus-visible{background:var(--button-light)}

.ticket-page .jump a[href="#general-admission"],.ticket-page .release{--button-light:#ebfdff;--button-color:#74e6f8}
.ticket-page .jump a[href="#vip-admission"],.ticket-page .release.vip{--button-light:#fff9cf;--button-color:#ffe56b}
.ticket-page .jump a[href="#group-deals"],.ticket-page .release.group{--button-light:#fff0fa;--button-color:#ff9dd5}
.ticket-page .jump a[href="#cabana-packages"]{--button-light:#fff7dc;--button-color:#ffd79a}
.ticket-page .hero-cta::after{content:"";width:10px;height:10px;flex:none;border:1px solid #fff;border-radius:50%;background:radial-gradient(circle at 28% 25%,#fff 0%,#fff 12%,#d5f8ff 28%,#9cecff 49%,#ff90cf 82%);box-shadow:4px -4px 0 -2px #fff8}
.ticket-page .hero-cta:focus-visible,.ticket-page .tier-link:focus-visible,.ticket-page .jump a:focus-visible{outline:2px solid #065abf;outline-offset:2px}
.ticket-page .release.vip .tier-link:focus-visible{outline-color:#fff9cf}
.ticket-page .ticket-status{margin-bottom:28px;padding:20px;border:1px solid #c0e5f7;border-radius:16px;background:#fff;scroll-margin-top:16px}
.ticket-page .ticket-status h2{font-size:1.4rem}
.ticket-page .ticket-status p{margin-top:6px;color:#345778}
.ticket-page .ticket-status .hero-cta{margin-top:12px}

