.home-origin.home-gateway{height:auto;min-height:0;max-height:none;padding:38px 4% 24px;background:#0d1117;overflow:clip}
.gateway-heading{position:relative;z-index:2;text-align:center;pointer-events:none}
.gateway-heading h1{font-size:40px;line-height:1.12;margin:10px 0 12px;font-weight:600}
.gateway-heading>p:last-child{font-size:15px;color:#b8c3ce;margin:0}
.gateway-space{position:relative;max-width:1440px;margin:24px auto 0;min-height:548px;isolation:isolate}
.home-gateway .home-brand-space{inset:0;z-index:-1;pointer-events:none}
.home-gateway .home-brand-space.loaded~.gateway-connections{display:none}
.gateway-screens{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.9fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(260px,auto));gap:24px 35px;perspective:1400px}
.gateway-screen{position:relative;border:1px solid #526370;background:#121b24e8;color:#edf2f7;border-radius:4px;overflow:hidden;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .7s cubic-bezier(.2,.75,.2,1),border-color .4s,box-shadow .4s;transform-style:preserve-3d;min-width:0}
.gateway-screen-1{grid-area:1/1;--ry:6deg}.gateway-screen-2{grid-area:1/3;--ry:-6deg}.gateway-screen-3{grid-area:2/1;--ry:6deg}.gateway-screen-4{grid-area:2/3;--ry:-6deg}
.gateway-screen[open]{border-color:#14d5cf;box-shadow:0 12px 36px #0006;transform:translateZ(18px) rotateY(var(--hover-y,0deg)) rotateX(var(--hover-x,0deg));z-index:3}
.gateway-screen summary{display:flex;align-items:center;gap:12px;padding:18px 16px;list-style:none;cursor:pointer;position:relative;z-index:2;min-height:84px;background:#111920}
.gateway-screen summary::-webkit-details-marker{display:none}
.gateway-screen summary>span:nth-child(2){flex:1;min-width:0}
.gateway-screen summary strong{display:block;font-size:17px;font-weight:600;line-height:1.25;color:#f1f5f8}
.gateway-description{display:block;font-size:12px;color:#b6c4cf;line-height:1.4;margin-top:6px}
.gateway-number{font:12px monospace;color:#14d5cf;align-self:flex-start;padding-top:4px}
.gateway-screen svg{width:18px;height:18px;flex-shrink:0;color:#14d5cf}
.gateway-screen[open] summary>svg{transform:rotate(45deg)}
.gateway-screen:not([open]) summary{height:260px;align-items:flex-start}
.gateway-screen:not([open]) .gateway-media{display:block!important;position:absolute;inset:84px 0 0;width:100%;height:176px;object-fit:cover;object-position:center;pointer-events:none}
.gateway-screen-2:not([open]) .gateway-media,.gateway-screen-3:not([open]) .gateway-media{object-position:center;object-fit:contain;background:#0e1418}
.gateway-bridge-canvas{z-index:1}
.gateway-screen[open] .gateway-media{display:none!important}
.gateway-screen nav{padding:0 16px;position:relative;background:#111920}
.gateway-screen nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;border-top:1px solid #32414e;text-decoration:none;font-size:13px;line-height:1.2;padding:5px 0}
.gateway-screen nav a:hover{color:#14d5cf}
.gateway-connections{position:absolute;inset:0;z-index:-1;pointer-events:none}
.gateway-connections span{position:absolute;top:50%;left:50%;width:27%;height:1px;background:#14d5cf77;transform-origin:left center}
.gateway-connections span:nth-child(1){transform:rotate(-148deg)}.gateway-connections span:nth-child(2){transform:rotate(-32deg)}.gateway-connections span:nth-child(3){transform:rotate(148deg)}.gateway-connections span:nth-child(4){transform:rotate(32deg)}
.gateway-connections span::after{content:'';position:absolute;left:0;top:-1px;width:28px;height:3px;background:#d3fffd;box-shadow:0 0 8px #14d5cf;animation:gateway-signal 5s linear infinite}
.gateway-connections span:nth-child(2)::after{animation-delay:-1.2s}.gateway-connections span:nth-child(3)::after{animation-delay:-2.4s}.gateway-connections span:nth-child(4)::after{animation-delay:-3.6s}
.gateway-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:24px auto 0;font-size:12px;color:#b8c3ce}
.gateway-footer a{display:flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid #14d5cf;padding:12px 0;white-space:nowrap}
.gateway-footer svg{width:18px;height:18px;color:#14d5cf}
.home-gateway .brand-tools{bottom:80px;right:calc(50% - 22px)}
@keyframes gateway-signal{0%{left:0;opacity:0}15%,75%{opacity:1}100%{left:calc(100% - 28px);opacity:0}}
.home-gateway:not(.gateway-visible) .gateway-connections span::after{animation-play-state:paused}
@media(max-width:1000px){.gateway-screens{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:20px}.gateway-screen summary{padding:14px 12px}.gateway-screen summary strong{font-size:15px}.gateway-screen nav{padding:0 12px}.gateway-screen nav a{font-size:12px}.home-gateway .home-brand-space{inset:0 19%}}
@media(max-width:700px){
 .home-origin.home-gateway{padding:24px 4% 20px}
 .gateway-heading h1{font-size:30px}
 .gateway-heading>p:last-child{font-size:14px}
 .gateway-space{--gateway-tile-height:208px;padding:0;min-height:596px;margin-top:22px}
 .home-gateway .home-brand-space{inset:194px 0 auto;height:208px}
 .gateway-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,208px);gap:180px 12px;perspective:1000px}
 .gateway-screen-1{grid-area:1/1;--ry:3deg}
 .gateway-screen-2{grid-area:1/2;--ry:-3deg}
 .gateway-screen-3{grid-area:2/1;--ry:3deg}
 .gateway-screen-4{grid-area:2/2;--ry:-3deg}
 .gateway-screen{min-height:0;animation:gateway-mobile-float 8s ease-in-out infinite}
 .gateway-screen:nth-child(even){animation-delay:-4s}
 .gateway-screen summary,.gateway-screen:not([open]) summary{height:208px;min-height:208px;padding:25px 10px 0;gap:5px;align-items:flex-start}
 .gateway-screen summary strong{font-size:14px;line-height:1.3}
 .gateway-number{position:absolute;top:7px;left:10px;font-size:10px;padding:0}
 .gateway-screen summary>svg{width:16px;height:16px;margin-top:2px}
 .gateway-description{display:none}
 .gateway-screen .gateway-media,.gateway-screen:not([open]) .gateway-media,.gateway-screen[open] .gateway-media{display:block!important;position:absolute;inset:84px 0 0;width:100%;height:124px;object-fit:contain;background:#0e1418;pointer-events:none}
 .gateway-screen[open]{transform:none;animation:none;overflow:visible;z-index:5}
 .gateway-screen nav{position:absolute;top:calc(100% + 8px);left:-1px;width:calc(200% + 14px);padding:8px 16px 12px;border:1px solid #14d5cf;border-radius:4px;background:#111920;box-shadow:0 12px 30px #0009;box-sizing:border-box}
 .gateway-screen:nth-child(even) nav{left:auto;right:-1px}
 .gateway-screen nav a{font-size:14px;min-height:44px}
 .gateway-space:has(.gateway-screen-3[open],.gateway-screen-4[open]){padding-bottom:260px}
 .gateway-connections,.home-gateway .home-brand-space.loaded~.gateway-connections{display:block;inset:208px 0 auto;height:180px}
 .gateway-connections span{width:42%;background:#14d5cf88}
 .gateway-connections span:nth-child(1){transform:rotate(-144deg)}
 .gateway-connections span:nth-child(2){transform:rotate(-36deg)}
 .gateway-connections span:nth-child(3){transform:rotate(144deg)}
 .gateway-connections span:nth-child(4){transform:rotate(36deg)}
 .gateway-footer{display:block;margin-top:20px}
 .gateway-footer a{width:fit-content;max-width:100%;white-space:normal}
 .home-gateway .brand-tools{top:auto;bottom:20px;right:4%}
 .home-gateway:not(.gateway-visible) .gateway-screen{animation-play-state:paused}
}
@keyframes gateway-mobile-float{0%,100%{transform:translateY(0) rotateY(var(--ry,0deg))}50%{transform:translateY(-3px) rotateY(calc(var(--ry,0deg) * .5))}}
@media(prefers-reduced-motion:reduce){.gateway-screen,.gateway-screen[open]{transition:none;transform:none}.gateway-connections span::after{animation:none;display:none}}
@media(prefers-reduced-motion:reduce){.gateway-screen{animation:none}}
.home-area{scroll-margin-top:calc(var(--home-header-height,82px) + var(--home-chapter-height,70px));border-top:1px solid #14d5cf;background:#101216}
.home-area-heading{padding-top:76px;padding-bottom:32px;position:relative}
.home-area-heading .eyebrow{display:flex;gap:24px;font-size:13px}
.home-area-heading h2{font-size:42px;line-height:1.15;max-width:820px;margin:20px 0}
.home-area-heading>p:last-child{max-width:680px;font-size:18px;line-height:1.7;color:#b8c3ce}
.home-area .home-service{border-top:1px solid #343c46;padding-top:58px}
.home-area .home-service-heading h3{font-size:34px;line-height:1.15;grid-column:1;margin:0;max-width:620px}
.home-area .home-service-heading>.eyebrow{font-size:12px}
.home-cinema-pipeline{padding-top:32px;margin-top:24px;border-top:1px solid #48545f}
.home-cinema-pipeline ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:28px 0;list-style:none}
.home-cinema-pipeline li{position:relative;border-top:1px solid #14d5cf;padding-top:18px}
.home-cinema-pipeline li>span{color:#14d5cf;font:12px monospace;display:block;margin-bottom:12px}
.home-cinema-pipeline strong{font-size:18px;line-height:1.3;display:block}
.home-cinema-pipeline li p,.home-cinema-note{font-size:14px;color:#b8c3ce;line-height:1.6}
@media(max-width:700px){.home-cinema-pipeline ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.home-cinema-pipeline strong{font-size:16px}}
@media(max-width:700px){.home-area-heading{padding-top:42px;padding-bottom:22px}.home-area-heading h2{font-size:30px}.home-area-heading>p:last-child{font-size:16px}.home-area .home-service-heading h3{font-size:28px;margin:16px 0}.home-area-heading .eyebrow{gap:12px;font-size:11px}.home-area .home-service{padding-top:38px}}
