/* 1.3 — actual ticket silhouettes, an attraction-led header, photo-sized compositions. */
.bcem-design .header{background:radial-gradient(ellipse at 16% 0,#125aab 0,#08458b 58%);border:0;box-shadow:0 5px 0 #04336a22,0 12px 30px #05234824;color:white}
.bcem-design .header-inner{max-width:1600px;min-height:101px;gap:25px;position:relative;background:none}
.bcem-design .header .brand{width:170px}.bcem-design .header .brand img{width:100%;height:auto}
.bcem-design .header #nav{gap:20px}.bcem-design .header #nav>a,.bcem-design .header .nav-discovery>a,.bcem-design .header .menu,.bcem-design .header .discovery-toggle{color:white}
.bcem-design .header #nav>a{display:flex;gap:7px;align-items:center;text-decoration:none}
.bcem-design .header .nav-discovery{display:flex;gap:3px;align-items:center}.bcem-design .header .nav-discovery>a{display:flex;align-items:center;gap:7px}
.nav-art{flex:none;color:#a9d2ff;transition:transform 200ms var(--creative-ease),color 180ms var(--creative-ease)}
.bcem-design .header .nav-casino{background:#ffffff0a;border:1px solid #7eade255;padding:11px 13px;border-radius:5px;color:white}
.bcem-design .header .nav-casino:after{display:none}
.bcem-design .header #nav>a:hover .nav-art,.bcem-design .header .nav-discovery>a:hover .nav-art{transform:translateY(-3px) rotate(-5deg);color:white}
.bcem-design .header .bcem-cart{background:#ffffff0d;color:white;border:1px solid #9cc5ef55;box-shadow:none}.bcem-design .header .simpleCart_quantity{background:white;color:#08458b}
.header-feature{border-top:1px solid #80baff33;background:#063a79}.header-feature>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:38px;font-size:11px;letter-spacing:.015em;color:#c9e1ff}
.header-feature strong{font-weight:650}.header-feature a{color:white;display:flex;align-items:center;gap:15px;padding-block:8px}.header-feature a>span:first-child{color:white;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#d61736;padding:3px 7px;border-radius:2px}.header-feature a>span:last-child{font-size:19px;line-height:1;transition:transform 180ms var(--creative-ease)}.header-feature a:hover>span:last-child{transform:translate(3px,-2px)}
.bcem-design .header .header-quote{background:var(--red);border-radius:4px;padding:17px 21px;gap:20px;box-shadow:inset 0 -5px 0 #ae122b;transform:rotate(-1deg);overflow:hidden;
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.7px) right/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.7px) right/51% 100% no-repeat}
.bcem-design .header .header-quote:before,.bcem-design .header .header-quote:after{display:none!important}.bcem-design .header .header-quote:hover{box-shadow:inset 0 -5px 0 #ae122b;transform:translateY(-2px) rotate(0)}
.bcem-design .header .header-quote:focus-visible{outline:2px solid white;outline-offset:-5px}
.bcem-design .header .header-quote>svg{border-left:1px solid #ffffff55;padding-left:12px}
/* The notch removes actual pixels, including children, so any image shows through it. */
.experience-ticket{border-radius:5px;box-shadow:inset 0 -5px 0 #bed5ea;padding-bottom:5px;
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.7px) right/51% 100% no-repeat;
  mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.7px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.7px) right/51% 100% no-repeat}
.experience-ticket:before,.experience-ticket:after{display:none!important}.experience-ticket[aria-pressed=true]{box-shadow:inset 0 -5px 0 var(--red)}.experience-ticket:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}.experience-stub{bottom:5px;border-radius:0}
.experience-deck{filter:drop-shadow(0 8px 1px #052c4d28) drop-shadow(0 12px 13px #021b3438)}
/* Panorama remains full bleed; the smaller originals become a composed photo wall. */
.bcem-design .experience-hero{min-height:clamp(586px,calc(100svh - 175px),670px);background:#062e61}
.bcem-design .experience-scenery .experience-scene{position:absolute;inset:0;transform:none!important;transition:opacity 350ms var(--creative-ease)}
.bcem-design .experience-scenery .panorama-photo{width:100%;height:100%;object-fit:cover;object-position:center}
.experience-scene.scene-collage{background:radial-gradient(ellipse at 85% 40%,#125998,#052c60 74%)}
.scene-mosaic{position:absolute;right:max(var(--gutter),calc((100vw - 1320px)/2));top:30px;width:min(46%,650px);height:390px;display:grid;gap:13px;transform:rotate(1deg)}
.scene-mosaic figure{margin:0;min-width:0;min-height:0;position:relative;border:7px solid #ffffff;border-radius:3px;overflow:hidden;box-shadow:0 12px 22px #011d3840;background:#0b2543}
.bcem-design .scene-mosaic figure img{display:block;width:100%;height:100%;object-fit:cover;max-height:none}
.scene-mosaic figcaption{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(transparent,#021c36e6);color:white;padding:40px 14px 13px;font-size:12px;font-weight:650}
.rentals-mosaic{grid-template-columns:1fr 1.15fr;grid-template-rows:1fr 1fr}.rentals-mosaic figure:first-child{grid-row:1/3;transform:rotate(-3deg)}.rentals-mosaic figure:nth-child(2){transform:rotate(2deg)}.rentals-mosaic figure:nth-child(3){transform:rotate(-1deg)}
.casino-mosaic{grid-template-columns:1.2fr 1fr;gap:20px;height:400px}.casino-mosaic figure:first-child{transform:rotate(-3deg)}.casino-mosaic figure:nth-child(2){transform:translateY(22px) rotate(3deg)}
.bcem-design .experience-hero:not([data-active=rides]) .experience-shade{opacity:0}.experience-shade{transition:opacity 250ms var(--creative-ease)}
.experience-content{padding-top:64px;pointer-events:none}.experience-actions{pointer-events:auto;width:fit-content}.experience-content h1{font-size:clamp(62px,6vw,88px);max-width:620px}.experience-content>p:not(.experience-kicker){max-width:440px}.experience-deck-wrap{width:510px;bottom:56px}.experience-deck-wrap>p{margin-bottom:23px}
/* Simple event links, without a false perforation across the section. */
.bcem-design .occasion-band{background:#f1f6fc;border-bottom:1px solid #d8e5f2}.bcem-design .occasion-nav{border-bottom:0;min-height:94px}.bcem-design .occasion-nav>a{border:0!important;padding-left:0}.bcem-design .occasion-nav>a:after{display:none}.bcem-design .occasion-nav>a:before{inset:8px -10px;background:white}.bcem-design .occasion-nav>a svg{color:var(--blue)}
.ride-selector{gap:14px}.ride-selector button{font-size:14px;gap:6px}.ride-selector button svg{display:none}.ride-new{font-size:9px;letter-spacing:.06em;text-transform:uppercase;background:var(--red);color:white;border-radius:2px;padding:3px 5px;line-height:1}
.bcem-design .ride-stage .ride-photo img{width:100%;height:100%;object-fit:cover}.bcem-design #ride-photo-zipline img{object-position:52% 48%}.ride-item-link{font-size:16px}
.bcem-design .about-intro>img{height:420px;width:100%;object-fit:cover;object-position:center;border:8px solid #fff;box-shadow:0 9px 0 #c6daef;transform:rotate(1deg)}
.bcem-design .about-story img{max-height:650px;object-fit:cover}
@media(min-width:1600px){.scene-mosaic{right:calc((100vw - 1380px)/2);width:650px;height:410px}}
@media(max-width:1250px){.bcem-design .header-inner{gap:20px}.bcem-design .header #nav{gap:15px}.bcem-design .header .brand{width:150px}.nav-art{width:24px;height:24px}.bcem-design .header .header-quote{gap:12px;padding:16px 17px}.experience-content h1{font-size:73px;max-width:510px}.experience-content>p:not(.experience-kicker){max-width:410px}.scene-mosaic{width:44%;height:350px}.casino-mosaic{height:380px}.experience-deck-wrap{width:475px}}
@media(max-width:1050px){.nav-art{display:none}.bcem-design .header #nav{gap:15px}.bcem-design .header .brand{width:140px}.experience-content h1{font-size:66px;max-width:470px}.experience-content>p:not(.experience-kicker){max-width:350px}.scene-mosaic{width:43%;height:330px;top:60px}.casino-mosaic{height:350px}.experience-deck-wrap{width:440px}.ride-selector{flex-direction:column;gap:0;margin-bottom:24px}.ride-selector button{font-size:16px;flex:none;justify-content:flex-start}.ride-feature,.ride-stage{min-height:650px}}
@media(max-width:900px){.bcem-design .header-inner{min-height:83px}.bcem-design .header nav{background:#073b7a}.bcem-design .header #nav.open{display:flex;padding:20px var(--gutter);gap:4px}.bcem-design .header .nav-casino{padding:11px 0;border:0;background:none}.nav-art{display:block;width:28px;height:28px}.bcem-design .header .nav-discovery{flex-wrap:wrap}.bcem-design .header .discovery-panel{width:100%;flex-basis:100%}.header-feature>.wrap>span{display:none}.header-feature>.wrap{justify-content:center;min-height:37px}.bcem-design .experience-hero{min-height:740px}.experience-content{padding-top:45px}.experience-content h1{font-size:64px;max-width:440px}.scene-mosaic{width:42%;top:70px;height:320px}.scene-mosaic figure{border-width:5px}.casino-mosaic{height:330px;gap:10px}.experience-deck-wrap{width:440px;bottom:65px}.experience-location{bottom:18px}}
@media(max-width:600px){.bcem-design .header-inner{padding-block:9px;min-height:76px;gap:12px}.bcem-design .header .brand{width:116px}.bcem-design .header .header-quote{padding:13px 15px;font-size:12px;gap:7px}.bcem-design .header .header-quote>svg{padding-left:7px;width:14px}.bcem-design .header .menu{font-size:12px;gap:5px}.header-feature>.wrap{font-size:11px}.header-feature a{padding-block:7px;gap:12px}.header-feature a>span:first-child{font-size:8px}.bcem-design .experience-hero{min-height:800px}.experience-content{padding-top:35px}.experience-content h1{font-size:clamp(43px,11.5vw,64px);max-width:100%;line-height:1.04}.experience-content>p:not(.experience-kicker){font-size:16px;max-width:300px;margin-top:19px;min-height:48px}.experience-kicker{margin-bottom:20px}.experience-actions{flex-direction:row;align-items:center;gap:20px;margin-top:23px}.experience-actions .button{font-size:12px;padding:14px 16px;gap:14px}.experience-plan{font-size:12px;gap:6px;padding-block:7px}.scene-mosaic{left:22px;right:22px;top:330px;width:auto;height:220px;gap:10px}.scene-mosaic figure{border-width:4px}.rentals-mosaic{grid-template-columns:.8fr 1.2fr}.casino-mosaic{grid-template-columns:1.1fr 1fr;height:240px;left:35px;right:35px}.casino-mosaic figure:nth-child(2){transform:translateY(5px) rotate(3deg)}.scene-mosaic figcaption{font-size:10px;padding:25px 9px 8px}.experience-deck-wrap{width:auto;bottom:57px;left:20px;right:20px}.experience-deck-wrap>p{margin-bottom:19px}.experience-ticket-copy strong{font-size:19px}.experience-location{font-size:9px}.bcem-design .occasion-nav{min-height:110px}.ride-feature{min-height:0}.ride-stage{min-height:385px}.ride-selector{flex-direction:row;gap:15px}.ride-selector button{font-size:13px;white-space:normal;gap:6px;align-items:center;justify-content:flex-start;flex:1}.ride-new{font-size:8px}.bcem-design .about-intro>img{height:300px}}
@media(max-width:360px){.bcem-design .header-inner{gap:8px}.bcem-design .header .brand{width:98px}.bcem-design .header .header-quote{font-size:11px;padding:12px 13px}.bcem-design .header .header-quote>svg{display:none}.experience-actions{gap:15px}.experience-content h1{font-size:42px}.experience-ticket-copy strong{font-size:16px}.ride-selector{gap:9px}.ride-selector button{font-size:12px}.scene-mosaic{top:350px}.experience-plan{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nav-art,.experience-shade,.header-feature a>span:last-child{transition:none!important}.bcem-design .header #nav>a:hover .nav-art,.bcem-design .header .nav-discovery>a:hover .nav-art{transform:none}.experience-scene{transition:none!important}}
html[data-motion=off] .nav-art,html[data-motion=off] .experience-shade{transition:none!important}
/* 1.3.1 — homepage colour mark, aligned perforations and readable planning steps. */
.bcem-design .experience-ticket{--stub-width:26px;
 -webkit-mask:radial-gradient(circle at calc(100% - var(--stub-width)) 0,transparent 6px,#000 6.8px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--stub-width)) 100%,transparent 6px,#000 6.8px) bottom/100% 51% no-repeat;
 mask:radial-gradient(circle at calc(100% - var(--stub-width)) 0,transparent 6px,#000 6.8px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--stub-width)) 100%,transparent 6px,#000 6.8px) bottom/100% 51% no-repeat}
.bcem-design .experience-stub{width:var(--stub-width);bottom:0;border-left:1px dashed #9db8d5}
.bcem-design .header .header-quote{--quote-stub:46px;padding-right:64px;gap:0;
 -webkit-mask:radial-gradient(circle at calc(100% - var(--quote-stub)) 0,transparent 6px,#000 6.8px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--quote-stub)) 100%,transparent 6px,#000 6.8px) bottom/100% 51% no-repeat;
 mask:radial-gradient(circle at calc(100% - var(--quote-stub)) 0,transparent 6px,#000 6.8px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--quote-stub)) 100%,transparent 6px,#000 6.8px) bottom/100% 51% no-repeat}
.bcem-design .header .header-quote:after{display:block!important;content:'';position:absolute;right:var(--quote-stub);left:auto;top:9px;bottom:9px;height:auto;width:0;border-radius:0;background:none;border-left:1px dashed #ffffff90;transform:none;opacity:1}
.bcem-design .header .header-quote>svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;border:0}
.bcem-design .planning-band .planning-list li{padding:25px 43px 25px 74px!important;border-radius:4px;color:#244563}
.bcem-design .planning-band .planning-list h3{color:#08458b;margin:0 0 10px;font-size:23px;line-height:1.2}
.bcem-design .planning-band .planning-list p{color:#244563;font-size:15px;line-height:1.65;margin:0}
.bcem-design .planning-band .planning-list li:before{left:23px;top:25px;width:32px;height:32px;border-radius:50%;background:#eaf3fb;color:#08458b;box-shadow:none;font-size:16px}
@media(max-width:1250px){.bcem-design .planning-band .planning-list li{padding-left:68px!important}.bcem-design .planning-band .planning-list li:before{left:19px}}
@media(max-width:600px){.bcem-design .experience-ticket{--stub-width:16px;
 -webkit-mask:radial-gradient(circle at calc(100% - var(--stub-width)) 0,transparent 4px,#000 4.7px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--stub-width)) 100%,transparent 4px,#000 4.7px) bottom/100% 51% no-repeat;
 mask:radial-gradient(circle at calc(100% - var(--stub-width)) 0,transparent 4px,#000 4.7px) top/100% 51% no-repeat,radial-gradient(circle at calc(100% - var(--stub-width)) 100%,transparent 4px,#000 4.7px) bottom/100% 51% no-repeat}
 .bcem-design .header .header-quote{--quote-stub:30px;padding-right:40px;padding-left:13px;font-size:11px}.bcem-design .header .header-quote>svg{width:15px;height:15px;right:8px}
 .bcem-design .planning-band .planning-list li{padding:23px 33px 23px 65px!important}.bcem-design .planning-band .planning-list li:before{left:19px;top:24px;width:29px;height:29px}.bcem-design .planning-band .planning-list h3{font-size:21px}.bcem-design .planning-band .planning-list p{font-size:14px}}
@media(max-width:360px){.bcem-design .header .header-quote{--quote-stub:21px;padding-right:29px;padding-left:11px}.bcem-design .planning-band .planning-list li{padding-left:57px!important}.bcem-design .planning-band .planning-list li:before{left:15px;width:27px;height:27px}}
/* 1.3.2 — a continuous header surface, with a quiet white area for the colour mark. */
.bcem-design.bcem-home .header{--brand-width:174px;--brand-gutter:var(--gutter);--brand-fade:64px;--brand-clearance:28px}
.bcem-design.bcem-home .header-inner{isolation:isolate}
.bcem-design.bcem-home .header-inner:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:calc((100% - 100vw)/2);width:calc((100vw - 100%)/2 + var(--brand-gutter) + var(--brand-width) + var(--brand-clearance) + var(--brand-fade));background:white;
 -webkit-mask:linear-gradient(#000,#000) left/ calc(100% - var(--brand-fade) + 1px) 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100C52 8 69 88 0 100Z'/%3E%3C/svg%3E") right/var(--brand-fade) 100% no-repeat;
 mask:linear-gradient(#000,#000) left/ calc(100% - var(--brand-fade) + 1px) 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100C52 8 69 88 0 100Z'/%3E%3C/svg%3E") right/var(--brand-fade) 100% no-repeat}
.bcem-design.bcem-home .header .brand{width:var(--brand-width);background:none;padding:0;border:0;border-radius:0;box-shadow:none;transform:none}
.bcem-design .header .header-quote{flex-shrink:0;white-space:nowrap}
.bcem-design .header :is(#nav>a,.menu,.discovery-toggle,.resource-nav summary,.bcem-cart):focus-visible{outline:2px solid white;outline-offset:4px}
.bcem-design .header .header-feature a:focus-visible{outline:2px solid white;outline-offset:3px}
.bcem-design.bcem-home .header .brand:focus-visible{outline:3px solid var(--blue);outline-offset:7px}
.bcem-design .header .brand:focus-visible{outline:3px solid white;outline-offset:7px}
.bcem-design .header .resource-nav summary>span{color:inherit}
.bcem-design .header .resource-nav summary{color:white}
.bcem-design .header .resource-nav>div a,.bcem-design .header .discovery-panel a{color:#08458b}
.bcem-design .header .resource-nav>div a:focus-visible,.bcem-design .header .discovery-panel a:focus-visible{outline-color:#08458b}
@media(max-width:1250px){.bcem-design.bcem-home .header{--brand-width:156px;--brand-fade:52px;--brand-clearance:24px}}
/* 1.8.5: keep full navigation labels on one line, then collapse before they squeeze the brand and quote ticket. */
@media(min-width:1341px){.bcem-design .header #nav>a,.bcem-design .header .nav-discovery>a,.bcem-design .header .resource-nav summary{white-space:nowrap}}
@media(min-width:901px) and (max-width:1340px){
 .bcem-design .header .menu{display:flex;margin-left:auto}
 .bcem-design .header #nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:20px var(--gutter);background:#073b7a;border-bottom:1px solid #80baff33;box-shadow:0 14px 18px -18px #12315370}
 .bcem-design .header #nav.open{display:flex;align-items:stretch;flex-direction:column;gap:4px}
 .bcem-design .header #nav>a{min-height:48px}
 .bcem-design .header .nav-casino{padding:11px 0;border:0;background:none}
 .bcem-design .header .nav-art{display:block;width:28px;height:28px}
 .bcem-design .header .nav-discovery{flex-wrap:wrap}
 .bcem-design .header .discovery-panel{position:static;width:100%;flex-basis:100%;transform:none;box-shadow:none}
 .bcem-design .header .resource-nav>div{position:static;box-shadow:none;width:100%;border:0;border-left:2px solid var(--line);border-radius:0}
 .bcem-design .header .resource-nav summary{font-size:17px;width:100%}
}
@media(max-width:1340px){.bcem-design .header #nav.open{max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:600px){
 /* Keep the white surface sized to the logo, with the controls on blue. */
 .bcem-design.bcem-home .header{--brand-width:116px;--brand-clearance:6px;--brand-fade:24px}
 .bcem-design.bcem-home .header-inner:before{left:0;width:calc(var(--brand-gutter) + var(--brand-width) + var(--brand-clearance) + var(--brand-fade))}
 .bcem-design.bcem-home .header .menu{color:white}
 .bcem-design.bcem-home .header .menu:focus-visible{outline-color:white}
}
@media(max-width:360px){.bcem-design.bcem-home .header{--brand-width:100px}}
@media(max-width:340px){.bcem-design.bcem-home .header{--brand-width:88px;--brand-gutter:16px;--brand-clearance:4px;--brand-fade:16px}}
