/* Full-bleed backgrounds; only content receives the 20px inset. */
body{margin-left:0;margin-right:0}
.wrap{max-width:none;padding-left:20px;padding-right:20px}
.site-header{left:0;right:0;width:100%}
.hero-content{padding-left:20px;padding-right:20px}
.hero-meta{padding-left:20px;padding-right:20px}
.ticker-label{padding-left:20px}
.hero-location{right:30px}
.section-head,.gallery-head{padding-top:5px}
.on-tour{padding-left:0;padding-right:0}
.intro-strip .wrap,.partners-strip .wrap{padding-left:20px;padding-right:20px}
.join .wrap,.footer .wrap{padding-left:20px;padding-right:20px}
.cruise-feature .wrap{padding-left:20px;padding-right:20px}
.motion-control{right:40px}
.site-header.scrolled{border-bottom-color:#7eb4ef42}
.hero h1{filter:drop-shadow(0 6px 22px #0003)}
.hero h1 .outlined .hero-word{background:linear-gradient(110deg,#fff0 15%,#ffffff4d 48%,#fff0 65%);background-clip:text;-webkit-background-clip:text;background-size:250% 100%}
.motion-on .hero h1 .outlined .hero-word{animation:headline-arrive 1.35s .36s var(--motion-ease) both,title-shimmer 9s 2s ease-in-out infinite}
.hero-fineprint{position:absolute;top:125px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.19em;color:#c9c9c9;text-transform:uppercase;z-index:1}
.hero-fineprint b{font-weight:500;display:flex;gap:8px;align-items:center}
.hero-fineprint b:before{content:'';height:4px;width:4px;background:#b4d7ff;border-radius:50%;box-shadow:0 0 13px #73b6ff}
.world-card .card-top{z-index:2}
.world-card .card-bottom h3{transition:letter-spacing .55s var(--motion-ease)}
.motion-on .world-card:hover .card-bottom h3{letter-spacing:.015em}
.reel-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#101112;border:1px solid #ffffff22;position:relative;overflow:hidden;isolation:isolate;margin-bottom:100px}
.reel-copy{padding:62px 55px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.reel-copy .eyebrow{color:#9ab7d8}
.reel-copy h2{font-size:clamp(62px,7.1vw,110px);margin:28px 0;position:relative;z-index:1}
.reel-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ffffff85}
.reel-copy p{max-width:290px;color:#93969a;font-size:12px;line-height:1.9}
.reel-copy .play{margin-top:28px;align-self:flex-start}
.reel-copy .play-icon{height:49px;width:49px;border-color:#8db7e7}
.reel-visual{position:relative;overflow:hidden;min-height:650px;background:#030405}
.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:filter .7s}
.reel-visual:hover .reel-video{filter:saturate(1.2)}
.reel-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#000b,transparent 35%),linear-gradient(90deg,#10111255,transparent 20%)}
.reel-topline,.reel-bottomline{position:absolute;z-index:2;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.13em}
.reel-topline{top:25px}.reel-bottomline{bottom:25px}.reel-live{display:flex;align-items:center;gap:9px}.reel-live i{height:5px;width:5px;border-radius:50%;background:#8fc1ff;box-shadow:0 0 0 5px #73b6ff16}
.reel-toggle{font-size:9px;text-transform:uppercase;letter-spacing:.12em;background:#0008;border:1px solid #fff5;padding:9px 14px;backdrop-filter:blur(10px)}
.roulette-orbit{position:absolute;width:520px;height:520px;border:1px solid #ffffff08;border-radius:50%;left:-200px;bottom:-250px;pointer-events:none;z-index:-1}
.roulette-orbit:before,.roulette-orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #ffffff15;border-radius:50%}
.roulette-orbit:after{inset:65px;border-style:solid;box-shadow:0 0 90px #206fca17}
.motion-on .roulette-orbit{animation:orbit-turn 60s linear infinite}
.reel-visual .frame-corner{position:absolute;width:22px;height:22px;border-color:#fffc;border-style:solid;z-index:3;pointer-events:none}
.frame-corner.one{left:15px;top:15px;border-width:1px 0 0 1px}.frame-corner.two{right:15px;bottom:15px;border-width:0 1px 1px 0}
.ambient-spotlight{position:fixed;left:0;top:0;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;background:radial-gradient(circle,#448ad00a,transparent 66%);pointer-events:none;z-index:9;opacity:0;transition:opacity .5s;mix-blend-mode:screen}
.motion-on .ambient-spotlight.active{opacity:1}
.click-ring{position:fixed;border:1px solid #a9d2ff80;width:16px;height:16px;border-radius:50%;margin:-8px 0 0 -8px;pointer-events:none;z-index:30}
.motion-on .story-photo:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff20}
.motion-on .partner-logo:hover{filter:drop-shadow(0 0 17px #ffffff28)}
.gallery button{border:1px solid #ffffff20}.gallery button:after{transition:rotate .4s,background .4s}
.gallery button:hover:after{rotate:45deg;background:#206fca}
.motion-off .ambient-spotlight{display:none}
@keyframes title-shimmer{0%,30%,100%{background-position:140% 0}70%{background-position:-60% 0}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@media(min-width:1400px){.hero-content{padding-top:195px}.hero h1{font-size:clamp(125px,9.3vw,175px)}.world-card{height:530px}.story-photo{height:700px}.story{gap:8vw}.story h2{font-size:105px}.story>div:last-child{padding-right:40px}.gallery button{height:430px}}
@media(max-width:1000px){.reel-copy{padding:40px 30px}.reel-copy h2{font-size:65px}.reel-visual{min-height:570px}.reel-section{min-height:570px}.hero-fineprint{top:105px}.hero-content{padding-left:20px;padding-right:20px}.hero-meta{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.reel-section{grid-template-columns:1fr;margin-bottom:65px}.reel-copy{padding:45px 25px}.reel-copy h2{font-size:72px}.reel-visual{min-height:480px}.hero-fineprint{left:20px;right:20px;font-size:7px;top:100px}.hero-fineprint>span{display:none}.hero-location{top:135px;right:20px}.hero-content{padding-left:15px;padding-right:15px}.hero-meta{padding-left:15px;padding-right:15px}.on-tour{padding-left:15px;padding-right:15px}.intro-strip .wrap,.partners-strip .wrap{padding-left:15px;padding-right:15px}.join .wrap,.footer .wrap{padding-left:20px;padding-right:20px}.cruise-feature .wrap{padding-left:20px;padding-right:20px}.motion-control{right:30px}.hero h1{font-size:clamp(54px,14.1vw,86px)}.story-photo{margin-right:0}.story-photo:after{display:none}.gallery-head{gap:10px}.gallery-head h2{font-size:42px!important}.gallery-actions{gap:5px}.gallery-actions button{width:30px;height:34px}.header-inner{gap:10px}.brand{gap:8px}.brand-name{font-size:13px}.brand .mono{width:25px}.header-inner>.button{font-size:7px;padding:0 8px}.header-inner>.button .arrow{font-size:16px}.menu-toggle{width:25px}.cruise-feature .stamp{right:20px}}
@media(max-width:380px){.brand-name{font-size:11px}.header-inner>.button{gap:3px}.hero h1{font-size:52px}.reel-copy h2{font-size:62px}.section-head h2{font-size:46px}.story h2{font-size:62px}}
@media(prefers-reduced-motion:reduce){.ambient-spotlight,.click-ring{display:none}.reel-video{filter:none}}
/* Keep the same content gutter at every breakpoint without framing backgrounds. */
.hero-content,.hero-meta,.intro-strip .wrap,.partners-strip .wrap,.join .wrap,.footer .wrap,.cruise-feature .wrap{padding-left:20px;padding-right:20px}
.on-tour{padding-left:0;padding-right:0}
.hero-location{right:20px}
.hero-fineprint{left:20px;right:20px}
.reel-copy{padding-left:20px;padding-right:20px}
.attitude-band{padding-left:20px;padding-right:20px}
/* The casino-floor feature is an inset content panel, including its video. */
.reel-section{margin-left:20px;margin-right:20px}
/* Encore: immersive cinema, kinetic editorial accents, and contextual details. */
.reel-section{box-shadow:0 0 0 1px #ffffff04,0 30px 90px #0008;transition:box-shadow .7s,border-color .7s}
.reel-section.is-in-scene{border-color:#8cbcf34d;box-shadow:0 0 0 1px #206fca0d,0 30px 100px #000a,0 0 100px #206fca0a}
.reel-copy h2{letter-spacing:-.035em}
.reel-copy .eyebrow:before{background:#80b8fa;box-shadow:0 0 18px #80b8fa60}
.reel-visual{isolation:isolate}
.reel-visual .cinema-launch{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:1px solid #ffffffa6;border-radius:50%;background:#08080838;backdrop-filter:blur(7px);display:grid;place-items:center;transition:width .5s,height .5s,background .4s,box-shadow .5s;box-shadow:0 0 0 12px #ffffff08}
.cinema-launch span{font-size:18px;margin-left:4px}
.cinema-launch:after{content:'STEP INSIDE';position:absolute;left:50%;top:calc(100% + 24px);transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:.25em;color:#fff;text-shadow:0 2px 12px #000}
.cinema-launch:hover{width:112px;height:112px;background:#206fcaaa;box-shadow:0 0 0 20px #ffffff08}
.reel-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#9bcaff;z-index:4;pointer-events:none}
.reel-time{font-variant-numeric:tabular-nums;color:#d0e5ff;margin-left:auto;margin-right:16px}
.scene-number{display:inline-flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.15em;color:#777;line-height:1;position:absolute;right:0;top:0}
.section-head,.gallery-head{position:relative}
.scene-number:before{content:'';height:1px;width:35px;background:#ffffff30}
.section-head h2,.gallery-head h2{transition:text-shadow .5s}
.motion-on .section-head:hover h2,.motion-on .gallery-head:hover h2{text-shadow:3px 0 0 #206fca55}
.frame-label{position:absolute;right:22px;bottom:22px;color:#fffd;font-size:8px;letter-spacing:.16em;border:1px solid #fff4;padding:6px 9px;z-index:2;background:#0006;backdrop-filter:blur(8px);pointer-events:none}
.story-photo .frame-label{top:22px;bottom:auto}
.gallery button .frame-label{left:17px;right:auto;bottom:18px;font-variant-numeric:tabular-nums;opacity:.7;transition:opacity .4s,translate .4s}
.gallery button:hover .frame-label{opacity:1;translate:0 -5px}
#watch-dialog{max-width:1200px;width:calc(100vw - 40px);border-color:#ffffff35;box-shadow:0 0 140px #206fca26;background:#080808;overflow:hidden}
#watch-dialog[open]{display:flex;flex-direction:column}
#watch-dialog .dialog-head{flex-shrink:0;min-height:65px;padding-left:25px;padding-right:20px;background:#101113;gap:20px}
#watch-dialog .modal-video{height:min(72svh,760px);flex:1;min-height:0;object-fit:contain;background:#030303}
#watch-dialog.cinema-wide{max-width:none;width:100vw;height:100dvh;max-height:100dvh;border:0;margin:0}
#watch-dialog.cinema-wide .modal-video{height:auto}
#watch-dialog .dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;font-size:10px;background:#101113}
.cinema-size{margin-left:auto;font-size:8px;text-transform:uppercase;letter-spacing:.13em;border:1px solid #fff3;padding:8px 12px;white-space:nowrap}
.cinema-size:hover{border-color:#8db7e7;color:#8db7e7}
.dialog-head .close-dialog{flex-shrink:0}
.motion-on #watch-dialog[open]{animation:cinema-enter .65s cubic-bezier(.16,1,.3,1)}
.motion-on #watch-dialog[open]::backdrop{animation:cinema-backdrop .5s ease-out}
.view-cursor{position:fixed;left:0;top:0;width:70px;height:70px;margin:-35px 0 0 -35px;display:grid;place-items:center;border-radius:50%;background:#f9fbfdeb;color:#080808;font-size:8px;letter-spacing:.1em;font-weight:800;z-index:25;pointer-events:none;opacity:0;scale:.7;transition:opacity .2s,scale .3s;backdrop-filter:blur(8px)}
.motion-on .view-cursor.show{opacity:1;scale:1}
.section-divider{display:flex;justify-content:space-between;align-items:center;color:#606369;border-top:1px solid #ffffff20;margin:0 20px;padding-top:15px;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.section-divider span:last-child{color:#b2c6dd}
@keyframes cinema-enter{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cinema-backdrop{from{backdrop-filter:blur(0);background:#0000}to{backdrop-filter:blur(12px);background:#000d}}
@media(max-width:760px){.cinema-launch{width:78px!important;height:78px!important}.scene-number{top:8px;font-size:7px}.scene-number:before{width:15px}.section-head>.scene-number{display:none}.gallery-head .scene-number{display:none}#watch-dialog .dialog-head{padding:10px 15px;gap:10px}#watch-dialog .dialog-head>span{font-size:8px}.cinema-size{font-size:7px;padding:7px 8px}#watch-dialog .dialog-bottom{padding:15px;font-size:9px}.reel-time{margin-right:8px}.section-divider{font-size:7px}.view-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.view-cursor{display:none}#watch-dialog[open],#watch-dialog[open]::backdrop{animation:none!important}}