.gateway{--split: 50%;--divider-tilt: 0px;--divider-angle: 0deg;--gateway-edge: calc(var(--app-frame-side) + clamp(1.15rem, calc(var(--app-frame-unit) * 4), 4.8rem));--gateway-copy-active: calc(var(--app-frame-side) + clamp(1.6rem, calc(var(--app-frame-unit) * 5), 6rem));--gateway-copy-width: min(38rem, calc(var(--app-frame-unit) * 42));--gateway-media-duration: 1s;--gateway-media-ease: cubic-bezier(.22, 1, .36, 1);--gateway-media-shift: clamp(.75rem, 2vw, 2rem);--gateway-media-expand-x: var(--gateway-media-shift);--gateway-media-retract-x: calc(var(--gateway-media-shift) * -1);--gateway-media-height: 100vh;--gateway-media-bleed: clamp(2rem, 6vw, 6rem);--gateway-media-width: max(147vh, 72vw);--gateway-left-media-left: calc(var(--split) - var(--gateway-media-width) + var(--gateway-media-bleed));--gateway-right-media-left: calc(var(--split) - var(--gateway-media-bleed));--gateway-left-media-x: 0px;--gateway-right-media-x: 0px;--gateway-product-active-y: 1%;--gateway-product-idle-y: .5%;min-height:100vh;overflow:hidden;background:#101010;color:#fff;font-family:var(--font-family-sans)}@supports (height: 100svh){.gateway{--gateway-media-height: 100svh;--gateway-media-width: max(147svh, 72vw);min-height:100svh}}.gateway__header{position:fixed;inset:0 0 auto;z-index:40;height:clamp(4rem,calc(var(--app-frame-unit) * 7.2),6.1rem);display:flex;justify-content:center;align-items:center;padding:0 clamp(1.2rem,calc(var(--app-frame-unit) * 3),3rem);pointer-events:none}.gateway__logo{width:clamp(5.5rem,calc(var(--app-frame-unit) * 9),8.5rem);height:auto;display:block;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 12px rgba(0,0,0,.1))}.gateway__stage{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}@supports (height: 100svh){.gateway__stage{min-height:100svh}}.gateway__panel{--gateway-media-left: auto;--gateway-media-x: 0px;--gateway-media-flip: 1;--gateway-media-scale: 1;--gateway-media-position: left bottom;--gateway-media-origin: left bottom;--gateway-bg-position: right bottom;position:absolute;inset:0;overflow:hidden;background:var(--gateway-panel-bg-image) var(--gateway-bg-position) / cover no-repeat;will-change:clip-path;transition:clip-path var(--gateway-media-duration) var(--gateway-media-ease),-webkit-clip-path var(--gateway-media-duration) var(--gateway-media-ease),filter .65s ease,opacity .65s ease}.gateway__panel--left{z-index:1;--gateway-media-left: var(--gateway-left-media-left);--gateway-media-x: var(--gateway-left-media-x);clip-path:polygon(0 0,calc(var(--split) + var(--divider-tilt)) 0,calc(var(--split) - var(--divider-tilt)) 100%,0 100%);-webkit-clip-path:polygon(0 0,calc(var(--split) + var(--divider-tilt)) 0,calc(var(--split) - var(--divider-tilt)) 100%,0 100%)}.gateway__panel--right{z-index:2;--gateway-media-left: var(--gateway-right-media-left);--gateway-media-x: var(--gateway-right-media-x);--gateway-media-flip: 1;--gateway-media-position: left bottom;--gateway-media-origin: center bottom;clip-path:polygon(calc(var(--split) + var(--divider-tilt)) 0,100% 0,100% 100%,calc(var(--split) - var(--divider-tilt)) 100%);-webkit-clip-path:polygon(calc(var(--split) + var(--divider-tilt)) 0,100% 0,100% 100%,calc(var(--split) - var(--divider-tilt)) 100%)}.gateway__panel.is-active{z-index:3}.gateway__panel:before{content:"";position:absolute;bottom:0;left:var(--gateway-media-left);z-index:0;display:block;width:var(--gateway-media-width);height:var(--gateway-media-height);background:var(--gateway-panel-bg-image) var(--gateway-bg-position) / cover no-repeat;transform:translate(var(--gateway-media-x)) scaleX(var(--gateway-media-flip)) scale(var(--gateway-media-scale));transform-origin:var(--gateway-media-origin);pointer-events:none;transition:left var(--gateway-media-duration) var(--gateway-media-ease),filter var(--gateway-media-duration) var(--gateway-media-ease),transform var(--gateway-media-duration) var(--gateway-media-ease);will-change:filter,transform}.gateway--left .gateway__panel--right:before,.gateway--right .gateway__panel--left:before{filter:blur(5px)}.gateway--left .gateway__panel--right .gateway__product,.gateway--right .gateway__panel--left .gateway__product{filter:blur(5px) drop-shadow(0 2.5rem 2rem rgba(0,0,0,.2))}.gateway__panel--left:before{animation:gatewayBackgroundIdle 4s ease-in-out infinite}.gateway__mesh{display:none}.gateway__product{position:absolute;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 2.5rem 2rem rgba(0,0,0,.2));transition:left var(--gateway-media-duration) var(--gateway-media-ease),transform var(--gateway-media-duration) var(--gateway-media-ease),translate var(--gateway-media-duration) var(--gateway-media-ease),filter var(--gateway-media-duration) var(--gateway-media-ease),opacity var(--gateway-media-duration) var(--gateway-media-ease);will-change:transform,translate,opacity}.gateway__product--base{z-index:0;translate:0 var(--gateway-product-active-y)}.gateway__panel .gateway__product{left:var(--gateway-media-left);bottom:0;width:var(--gateway-media-width);height:auto;object-fit:contain;object-position:var(--gateway-media-position);transform:translate(var(--gateway-media-x)) scaleX(var(--gateway-media-flip)) scale(var(--gateway-media-scale));transform-origin:var(--gateway-media-origin)}.gateway__panel.is-active{--gateway-media-scale: 1.035}.gateway__panel .gateway__product--base{z-index:4}.gateway__panel.is-active .gateway__product--base{z-index:6}.gateway__panel--right .gateway__product--base{animation:gatewayProductBaseIdle 4s ease-in-out infinite}.gateway__panel.is-active .gateway__product{transform:translate(var(--gateway-media-x)) scaleX(var(--gateway-media-flip)) scale(var(--gateway-media-scale))}.gateway--left{--split: 68%;--divider-tilt: 3.5vh;--divider-angle: 4deg;--gateway-left-media-x: 0px;--gateway-right-media-x: var(--gateway-media-retract-x)}.gateway--right{--split: 32%;--divider-tilt: -3.5vh;--divider-angle: -4deg;--gateway-left-media-x: var(--gateway-media-expand-x);--gateway-right-media-x: 0px}.gateway--left .gateway__copy--left,.gateway--left .gateway__panelTitle--left{--gateway-title-first-x: -.18em;--gateway-title-last-x: .1em}.gateway--right .gateway__copy--right,.gateway--right .gateway__panelTitle--right{--gateway-title-first-x: .18em;--gateway-title-last-x: -.1em}.gateway__copyMask{position:absolute;inset:0;z-index:30;pointer-events:none;transition:clip-path var(--gateway-media-duration) var(--gateway-media-ease),-webkit-clip-path var(--gateway-media-duration) var(--gateway-media-ease)}.gateway__copyMask--left{clip-path:polygon(0 0,calc(var(--split) + var(--divider-tilt)) 0,calc(var(--split) - var(--divider-tilt)) 100%,0 100%);-webkit-clip-path:polygon(0 0,calc(var(--split) + var(--divider-tilt)) 0,calc(var(--split) - var(--divider-tilt)) 100%,0 100%)}.gateway__copyMask--right{clip-path:polygon(calc(var(--split) + var(--divider-tilt)) 0,100% 0,100% 100%,calc(var(--split) - var(--divider-tilt)) 100%);-webkit-clip-path:polygon(calc(var(--split) + var(--divider-tilt)) 0,100% 0,100% 100%,calc(var(--split) - var(--divider-tilt)) 100%)}.gateway__panelTitle.gateway__title{--gateway-copy-x: var(--gateway-edge);--gateway-copy-active-x: var(--gateway-copy-active);--gateway-active-copy-nudge: 8.2rem;--gateway-title-first-x: 0em;--gateway-title-last-x: 0em;position:absolute;top:34%;left:var(--gateway-copy-x);z-index:5;width:var(--gateway-copy-width);text-align:left;transition:left .65s cubic-bezier(.16,1,.3,1);will-change:left}.gateway__panelTitle.gateway__panelTitle--right{--gateway-copy-x: calc(100% - var(--gateway-edge) - var(--gateway-copy-width));--gateway-copy-active-x: calc(100% - var(--gateway-edge) - var(--gateway-copy-width));--gateway-active-copy-nudge: -8.2rem;text-align:right}.gateway__panel.is-active .gateway__panelTitle{--gateway-copy-x: calc( var(--gateway-copy-active-x) + var(--gateway-active-copy-nudge) )}.gateway__copy{--gateway-copy-x: var(--gateway-edge);--gateway-copy-align: flex-start;--gateway-copy-text: left;--gateway-copy-active-x: var(--gateway-copy-active);--gateway-active-copy-nudge: 8.2rem;--gateway-title-first-x: 0em;--gateway-title-last-x: 0em;position:absolute;top:34%;left:var(--gateway-copy-x);z-index:30;display:flex;flex-direction:column;align-items:var(--gateway-copy-align);width:var(--gateway-copy-width);color:#fff;text-align:var(--gateway-copy-text);text-shadow:0 2px 18px rgba(0,0,0,.08);pointer-events:auto;transition:left .65s cubic-bezier(.16,1,.3,1);will-change:left}.gateway__copy--right{--gateway-copy-align: flex-end;--gateway-copy-text: right;--gateway-copy-x: calc(100% - var(--gateway-edge) - var(--gateway-copy-width));--gateway-copy-active-x: calc(100% - var(--gateway-edge) - var(--gateway-copy-width));--gateway-active-copy-nudge: -8.2rem}.gateway__copy>*{position:relative}.gateway__areaLogo{position:absolute;top:-6.5rem;left:0;z-index:7;width:min(14.5rem,32vw);object-fit:contain;object-position:var(--gateway-copy-text) center;opacity:1;pointer-events:none;transform:translateY(0) scale(1);transition:opacity .42s ease,transform .62s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.gateway__copy--right .gateway__areaLogo{right:0;left:auto}.gateway--neutral .gateway__copy{opacity:1}.gateway__copy.is-active{--gateway-copy-x: calc( var(--gateway-copy-active-x) + var(--gateway-active-copy-nudge) );opacity:1}.gateway--left .gateway__copy--right,.gateway--right .gateway__copy--left,.gateway--left .gateway__panelTitle--right,.gateway--right .gateway__panelTitle--left{opacity:.24}.gateway__title{position:static;margin:0;max-width:9.8ch;color:#fff;font-size:clamp(5.25rem,calc(var(--app-frame-unit) * 8),10rem);font-style:italic;font-family:var(--font-family-display);font-weight:var(--font-weight-bold);letter-spacing:-.055em;line-height:1}.gateway__copy--right .gateway__title,.gateway__panelTitle--right{align-self:flex-end;width:min(40rem,calc(100vw - var(--gateway-copy-x) - var(--gateway-edge)));max-width:100%;text-align:right;text-wrap:balance}.gateway__titlePlaceholder{visibility:hidden;pointer-events:none}.gateway__titleLine{position:relative;z-index:7;display:block;transform-origin:left center;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .52s ease;will-change:transform,opacity;text-shadow:0 0 7px #bed3b0,0 0 10px #64ec09,0 0 21px #64ec09,0 0 42px #64ec09,0 0 82px #64ec09,0 0 92px #64ec09;color:#bed3b0}.gateway__copy--right .gateway__titleLine,.gateway__panelTitle--right .gateway__titleLine{transform-origin:right center;white-space:normal;text-shadow:0 0 7px #b9ccf0,0 0 10px #8eb0f0,0 0 21px #0059ff,0 0 42px #0059ff,0 0 82px #0059ff,0 0 92px #0059ff,0 0 100px #0059ff,0 0 115px #0059ff,0 0 270px #0059ff;color:#b9ccf0}.gateway__copy--right .gateway__cta .gateway__ctaArrow{color:#e9effa}.gateway__copy--left .gateway__cta .gateway__ctaArrow{color:#e2f0d9}.gateway__copy.is-active .gateway__titleLine:last-child,.gateway__panel.is-active .gateway__panelTitle .gateway__titleLine:last-child{transform:translate(var(--gateway-title-last-x))}.gateway--left .gateway__copy--right .gateway__titleLine,.gateway--right .gateway__copy--left .gateway__titleLine,.gateway--left .gateway__panelTitle--right .gateway__titleLine,.gateway--right .gateway__panelTitle--left .gateway__titleLine{opacity:.7}.gateway__description{position:relative;z-index:7;display:inline-block;max-width:min(30rem,100%);margin:1.45rem 0 0;padding:.7rem .95rem;border:1px solid transparent;border-radius:1rem;isolation:isolate;color:#ffffffd1;font-size:clamp(.78rem,.88vw,.95rem);line-height:1.55;overflow:hidden;box-shadow:0 0 #0000;transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .32s ease,box-shadow .32s ease,color .24s ease;will-change:transform}.gateway__description:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#0a0e1857,#0a0e1829);opacity:0;transform:translate3d(0,.35rem,0) scale(.985);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);transition:opacity .28s ease,transform .42s cubic-bezier(.16,1,.3,1)}.gateway__copy.is-active .gateway__description{border-color:#ffffff24;box-shadow:0 .7rem 1.8rem #00000029}.gateway__copy.is-active .gateway__description:before{opacity:1;transform:translateZ(0) scale(1)}.gateway__cta{--gateway-cta-shift-x: 0rem;z-index:50;min-width:12.5rem;margin-top:1.8rem;padding:.8rem .85rem .8rem 1.35rem;display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:transparent;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#fff;font-family:var(--font-family-sans);font-size:.68rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transform:translate3d(var(--gateway-cta-shift-x),0,0);transition:color .24s ease,background .24s ease,transform .65s cubic-bezier(.16,1,.3,1),border-color .24s ease}.gateway__cta:hover{border:none;transition:all .4s ease}.gateway__ctaArrow{width:1.45rem;height:1.45rem;display:grid;place-items:center;border-radius:50%;background:#ffffff29;font-size:.9rem;line-height:1;transition:transform .26s ease,background .26s ease}.gateway__cta:hover .gateway__ctaArrow{background:#00000014;transform:translate(.18rem)}.gateway__copy--left .gateway__ctaArrow{order:-1;transform:rotate(180deg)}.gateway__copy--left .gateway__cta:hover .gateway__ctaArrow{transform:translate(-.18rem) rotate(180deg)}.gateway__copy.is-active .gateway__cta .gateway__ctaArrow{background:#00000014}.gateway__copy.is-active .gateway__cta:hover .gateway__ctaArrow{background:#ffffff29}.gateway__panelIndex{position:absolute;right:calc(var(--app-frame-side) + clamp(1rem,calc(var(--app-frame-unit) * 4.5),4.5rem));bottom:4.2vh;z-index:3;display:flex;align-items:center;gap:.65rem;color:#ffffffdb;font-family:var(--font-family-sans);font-size:.72rem;font-weight:var(--font-weight-medium);letter-spacing:.14em}.gateway__panel--left .gateway__panelIndex{display:none}.gateway__panelIndex i{width:4.5rem;height:1px;background:#ffffff94}.gateway__divider{position:absolute;inset:0 auto;left:var(--split);z-index:20;width:0;pointer-events:none;overflow:visible;will-change:left,transform;transition:left var(--gateway-media-duration) var(--gateway-media-ease),transform var(--gateway-media-duration) var(--gateway-media-ease)}.gateway__dividerLine{position:absolute;top:-1px;bottom:-1px;left:0;display:block;width:1px;background:#ffffffe0;box-shadow:0 0 1.2rem #ffffff2e;transform:translate(-50%) rotate(var(--divider-angle));transform-origin:center;transition:transform var(--gateway-media-duration) var(--gateway-media-ease)}.gateway__dividerControl{position:absolute;top:50%;left:0;display:flex;align-items:center;gap:1.15rem;transform:translate(-50%,-50%);color:#fff;font-family:var(--font-family-sans);font-size:2rem;font-weight:var(--font-weight-regular);line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.18)}