.page-gateway .gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.page-gateway .gateway-card{width:100%;min-width:0;height:auto;aspect-ratio:4/3;border-radius:28px;box-shadow:0 13px 36px #25272510;background:#252723;isolation:isolate}
.page-gateway .gateway-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.page-gateway .gateway-card:after{background:linear-gradient(180deg,#15191222,transparent 27%,#15191240 48%,#151912dd 100%)}
.page-gateway .gateway-card.ice:after{background:linear-gradient(180deg,#291a3522,transparent 27%,#291a353b 48%,#26132de8 100%)}
.page-gateway .gateway-overlay{padding:32px}
.page-gateway .gateway-overlay .index{align-self:flex-start;background:#ffffffee;color:#41443c;border:1px solid #ffffff55;border-radius:999px;padding:8px 13px;backdrop-filter:blur(8px);font-size:10px;letter-spacing:.13em}
.page-gateway .industrial .gateway-overlay .index{border-left:3px solid #f39200}
.page-gateway .ice .gateway-overlay .index{border-left:3px solid #842e82}
.page-gateway .gateway-overlay h2{font-size:clamp(30px,3.2vw,44px);max-width:85%;line-height:1.07;letter-spacing:-.04em;margin-bottom:13px}
.page-gateway .gateway-overlay p{font-size:15px;max-width:82%;line-height:1.5;color:#f0efeb;min-height:45px}
.page-gateway .gateway-overlay .circle-arrow{width:48px;height:48px;right:28px;bottom:32px;background:#f39200;color:#252720}
.page-gateway .ice .gateway-overlay .circle-arrow{background:#842e82;color:#fff}
.page-gateway .gateway-intro{padding-top:30px;padding-bottom:26px;margin-top:18px;margin-bottom:24px}
.page-gateway .gateway-intro h1{font-size:clamp(36px,4.3vw,58px);line-height:1.08}
.page-gateway .gateway-intro .eyebrow{margin-bottom:15px}
.page-gateway .gateway-intro>p:last-child{margin-top:18px}
.page-gateway .gateway-bottom{padding-top:21px;padding-bottom:40px}
@media(min-width:651px) and (max-width:1000px){
 .page-gateway .gateway-card{aspect-ratio:1/1}
 .page-gateway .gateway-overlay{padding:25px}
 .page-gateway .gateway-overlay h2{max-width:100%;font-size:32px}
 .page-gateway .gateway-overlay p{font-size:13px;max-width:78%;min-height:42px}
 .page-gateway .gateway-overlay .circle-arrow{right:22px;bottom:25px;width:39px;height:39px}
}
@media(max-width:650px){
 .page-gateway .gateway-grid{grid-template-columns:1fr;gap:18px}
 .page-gateway .gateway-card{aspect-ratio:4/3;border-radius:24px}
 .page-gateway .gateway-intro{padding-top:24px;padding-bottom:23px;margin-bottom:18px}
 .page-gateway .gateway-intro h1{font-size:38px}
 .page-gateway .gateway-overlay{padding:23px}
 .page-gateway .gateway-overlay h2{font-size:30px;max-width:78%;margin-bottom:10px}
 .page-gateway .gateway-overlay p{font-size:12px;min-height:36px;max-width:78%}
 .page-gateway .gateway-overlay .index{font-size:9px;padding:6px 10px}
 .page-gateway .gateway-overlay .circle-arrow{width:39px;height:39px;right:20px;bottom:25px;font-size:22px}
 .page-gateway .gateway-card .video-toggle{right:17px;top:17px}
}