/* Shared cinematic gateway; destination pages keep their own styles. */
body.brand-gateway{margin:0;background:#070709;color:#fff;font-family:Arial,Helvetica,sans-serif}
.brand-gateway>.preview,.brand-gateway>.market-utility,.brand-gateway>.navigation-shell,.brand-gateway>#currency-tools,.brand-gateway>footer,.brand-gateway>.whatsapp-support{display:none!important}
.brand-gateway #app{min-height:100svh;background:#070709!important}.brand-gateway #app::before,.brand-gateway #app::after{display:none!important}
.inspired-gateway,.inspired-gateway *{box-sizing:border-box}.inspired-gateway{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#070709}
.gateway-world{position:absolute;inset:0;z-index:-3;background-image:url('/assets/gateway-world.webp');background-size:cover;background-position:center;opacity:.53;animation:gateway-world-drift 26s ease-in-out infinite alternate;transform-origin:center}
.gateway-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#050609b3 0%,#05060935 35%,#05060999 66%,#050609ed 100%)}
.gateway-content{position:relative;max-width:1800px;min-height:100svh;margin:auto;padding:40px clamp(20px,4vw,76px) 42px;display:flex;flex-direction:column;justify-content:center}
#gateway-title{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(22px,3.3vw,48px);line-height:1.18;letter-spacing:.035em;text-align:center;margin:0 0 2px;color:#fff;text-shadow:0 3px 24px #000;text-transform:uppercase}#gateway-title span{color:#ff3356}
.gateway-stage{height:clamp(240px,33vw,390px);position:relative;perspective:1100px;margin:0 auto;width:min(100%,980px);isolation:isolate}
.gateway-motion-logo,.gateway-final{position:absolute;inset:0;margin:auto;width:min(88%,800px);height:88%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 18px #0008);will-change:transform,opacity}
.gateway-motion-logo{opacity:0}.gateway-final{width:clamp(210px,27vw,340px);height:88%;opacity:1}.gateway-stage.is-playing .gateway-final{opacity:0}.motion-gym{mix-blend-mode:screen}.motion-bespoke{width:clamp(210px,26vw,330px);height:auto;max-height:85%;aspect-ratio:1;border-radius:50%}
.gateway-stage-signature{position:absolute;bottom:0;left:0;width:100%;text-align:center;letter-spacing:.45em;font-size:12px;color:#e8e4e6;font-weight:700;text-shadow:0 2px 8px #000}
.gateway-impact{position:absolute;left:50%;top:50%;width:70%;height:65%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#fff9 0%,#ff174c66 15%,transparent 65%);opacity:0;pointer-events:none}
.gateway-motion-controls{display:flex;justify-content:center;gap:20px;margin:18px 0 22px}.gateway-motion-controls button{font:inherit;font-size:13px;line-height:1.5;padding:4px 2px;min-height:32px;background:transparent;color:#c8c4ca;border:0;border-bottom:1px solid #85808a;cursor:pointer;border-radius:0}.gateway-motion-controls button:hover{color:white;border-color:#ff3356}.gateway-motion-controls button:focus-visible{outline:2px solid white;outline-offset:5px}.gateway-motion-controls button:disabled{opacity:.5;cursor:default}
.gateway-instruction{text-align:center;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#eee;margin:0 0 10px;text-shadow:0 2px 8px #000}.gateway-swipe{display:none}
.gateway-row{display:flex!important;align-items:flex-start;justify-content:space-between;gap:clamp(16px,2.5vw,50px)!important;width:100%;margin:0!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important}
.gateway-destination{flex:1 1 0;min-width:0;display:flex!important;flex-direction:column;align-items:center;text-align:center;color:white!important;text-decoration:none!important;padding:0 2px 14px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transition:transform .25s ease}
.gateway-destination:hover,.gateway-destination:focus-visible{transform:translateY(-7px);background:none!important}.gateway-destination:focus-visible{outline:2px solid #fff;outline-offset:7px}.gateway-destination::before,.gateway-destination::after{display:none!important}
.gateway-logo{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(130px,13vw,205px)}.gateway-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 18px #0009);transition:filter .25s}
.destination-gym .gateway-logo img{mix-blend-mode:screen}.destination-bespoke .gateway-logo img{height:88%;width:auto;max-width:100%;aspect-ratio:1;border-radius:50%}.gateway-destination:hover img{filter:drop-shadow(0 0 18px #ff174c55)}
.gateway-label{font-size:clamp(15px,1.45vw,21px);line-height:1.3;font-weight:700;margin:8px 0;color:#fff;text-shadow:0 2px 8px #000}.gateway-detail{font-size:14px;line-height:1.5;color:#c8c3ca;text-shadow:0 2px 8px #000}
.motion-paused .gateway-world{animation-play-state:paused}
@keyframes gateway-world-drift{from{transform:scale(1);filter:brightness(.92)}to{transform:scale(1.06);filter:brightness(1.08)}}
@media(max-width:900px){.gateway-content{padding:28px 24px 30px}.gateway-stage{height:290px}.gateway-world{background-position:57% center;opacity:.44}.gateway-row{gap:20px!important}.gateway-logo{height:145px}.gateway-label{font-size:16px}.gateway-detail{font-size:13px}}
@media(max-width:650px){.gateway-content{padding:28px 0 32px;justify-content:flex-start}#gateway-title{font-size:24px;padding:0 16px;letter-spacing:.02em}#gateway-title span{display:block;margin-top:5px}.gateway-stage{height:285px}.gateway-motion-logo{width:94%}.gateway-final{width:230px}.gateway-motion-controls{margin:12px 0 22px}.gateway-stage-signature{font-size:11px;letter-spacing:.3em}.gateway-row{overflow-x:auto!important;justify-content:flex-start;padding:4px 24px 20px!important;scroll-snap-type:x mandatory;scroll-padding-inline:24px;gap:24px!important;scrollbar-color:#e9254c #19191d;scrollbar-width:thin}.gateway-destination{flex:0 0 72%;flex-basis:72%;min-width:230px;scroll-snap-align:center}.gateway-logo{height:170px}.gateway-label{font-size:19px}.gateway-detail{font-size:14px}.gateway-swipe{display:block;text-align:center;font-size:13px;color:#a9a5af;margin:0 0 4px}.gateway-instruction{margin-bottom:6px;font-size:13px}.gateway-world{background-position:55% center;animation:gateway-world-pan 32s ease-in-out infinite alternate}.gateway-shade{background:linear-gradient(180deg,#050609b3,#05060955 35%,#050609ca 82%)}}
@keyframes gateway-world-pan{from{background-position:0% center}to{background-position:100% center}}
@media(prefers-reduced-motion:reduce){.gateway-world{animation:none}.gateway-destination,.gateway-logo img{transition:none}.gateway-destination:hover{transform:none}.gateway-motion-controls{display:none}}

/* Ambient lighting and embers behind the four destinations. */
.gateway-shade{pointer-events:none;overflow:hidden}
.gateway-shade::before,.gateway-shade::after{content:"";position:absolute;pointer-events:none;inset:-20%;will-change:transform,opacity}
.gateway-shade::before{background:radial-gradient(ellipse at 18% 65%,#ff153638,transparent 42%),radial-gradient(ellipse at 82% 20%,#95cfff20,transparent 36%),linear-gradient(115deg,transparent 38%,#ff23451a 47%,#ff385a30 50%,transparent 60%);mix-blend-mode:screen;animation:gateway-light-sweep 18s ease-in-out infinite alternate}
.gateway-shade::after{background-image:radial-gradient(circle at 8% 85%,#ff6548cc 0 1px,transparent 3px),radial-gradient(circle at 22% 60%,#ff354899 0 1px,transparent 3px),radial-gradient(circle at 35% 90%,#ffc49c99 0 1px,transparent 2px),radial-gradient(circle at 48% 45%,#ff3c6088 0 1px,transparent 3px),radial-gradient(circle at 62% 75%,#ffad8599 0 1px,transparent 2px),radial-gradient(circle at 78% 55%,#ff345699 0 1px,transparent 3px),radial-gradient(circle at 92% 95%,#ffd2aa99 0 1px,transparent 2px);background-size:420px 460px;opacity:.65;animation:gateway-embers 24s linear infinite}
@keyframes gateway-light-sweep{0%{transform:translateX(-12%) rotate(-6deg);opacity:.45}50%{opacity:1}100%{transform:translateX(12%) rotate(6deg);opacity:.65}}
@keyframes gateway-embers{from{transform:translate3d(0,110px,0)}to{transform:translate3d(-70px,-350px,0)}}
.motion-paused .gateway-shade::before,.motion-paused .gateway-shade::after{animation-play-state:paused}
@media(max-width:650px){.gateway-shade::after{background-size:320px 460px;opacity:.45}}
@media(prefers-reduced-motion:reduce){.gateway-shade::before,.gateway-shade::after{animation:none;will-change:auto}.gateway-shade::after{opacity:.25}}

/* Clear mobile discovery cue and clean circular Bespoke artwork. */
.gateway-stage .motion-bespoke,.destination-bespoke .gateway-logo img{clip-path:circle(48% at 50% 49%);border:0;outline:0;background:transparent}
@media(max-width:650px){.gateway-swipe{display:block;font-size:15px;font-weight:700;line-height:1.5;color:#fff;background:#ab12343b;border:1px solid #ff426566;border-radius:30px;width:fit-content;max-width:calc(100% - 32px);padding:9px 17px;margin:8px auto 16px;text-align:center}.gateway-row{scrollbar-width:auto}}

/* Match the clipping box to the square badge, including narrow phone screens. */
.gateway-stage .gateway-motion-logo.motion-bespoke{width:clamp(210px,26vw,330px);height:clamp(210px,26vw,330px);max-width:85%;max-height:none;aspect-ratio:1;object-fit:fill;clip-path:circle(47.5% at 50% 49%);border-radius:0}
@media(max-width:650px){.gateway-stage .gateway-motion-logo.motion-bespoke{width:min(74vw,245px);height:min(74vw,245px);max-width:none;max-height:none}}