.side-plane{grid-template-columns:2fr .72fr;grid-template-rows:1fr 1fr;gap:4px;padding:4px}.corner-top{grid-column:1;grid-row:1}.corner-slim-top{grid-column:2;grid-row:1}.corner-bottom{grid-column:1;grid-row:2}.corner-slim-bottom{grid-column:2;grid-row:2}.corner-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:15px 11px;color:#fff;text-align:left;letter-spacing:0;background:linear-gradient(145deg,#076748,#0b3328);box-shadow:inset 0 0 0 1px #ffffff25}.corner-panel:after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 40%,#ffffff2e 50%,transparent 60%);animation:cornerSweep 5.4s linear infinite}.corner-panel small,.corner-panel span{font-size:7px;letter-spacing:.13em;z-index:1}.corner-panel strong{font-size:13px;line-height:1.15;z-index:1}.corner-bottom{background:linear-gradient(145deg,#df705f,#7e2d37)}.corner-slim-top{background:linear-gradient(150deg,#152c68,#4775b7)}.corner-slim-bottom{background:linear-gradient(150deg,#f0bf28,#bd6621)}.corner-slim-top,.corner-slim-bottom{padding:12px 5px;align-items:center;text-align:center}.corner-slim-top strong,.corner-slim-bottom strong{font-size:8px;writing-mode:vertical-rl}.corner-slim-top span,.corner-slim-bottom span{font-size:6px;writing-mode:vertical-rl}.corner-top:after{animation-delay:-.7s}.corner-slim-top:after{animation-delay:-2.1s}.corner-bottom:after{animation-delay:-3.4s}.corner-slim-bottom:after{animation-delay:-4.8s}.feed-pulse{animation:feedPulse .48s ease}.surface-summary{flex-wrap:wrap}@keyframes cornerSweep{to{transform:translateX(90%)}}@keyframes feedPulse{50%{filter:brightness(1.45)}}

.aerial-overview{margin-top:28px;display:grid;grid-template-columns:.72fr 1.28fr;min-height:570px;background:#071c16;color:#fff;overflow:hidden}.aerial-copy{padding:64px 55px;align-self:center}.aerial-copy h3{font-size:clamp(38px,4vw,62px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}.aerial-copy>p:not(.eyebrow){color:#aebeb8;line-height:1.75}.aerial-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.aerial-tags span{border:1px solid #ffffff34;padding:9px 12px;font-size:11px}.aerial-scene{position:relative;min-height:570px;perspective:1100px;background:radial-gradient(circle at 55% 45%,#22785a55,transparent 46%),linear-gradient(145deg,#0b2920,#04100d);overflow:hidden}.aerial-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:42px 42px;transform:scale(1.4) rotate(15deg)}.aerial-building{position:absolute;left:50%;top:48%;width:330px;height:270px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(57deg) rotateZ(-35deg);animation:aerialFloat 7s ease-in-out infinite}.roof{position:absolute;inset:0;background:linear-gradient(145deg,#ebe8df,#aaa99f);border:10px solid #292b2a;display:grid;place-items:center;color:#17221e;box-shadow:0 45px 65px #0008}.roof b{font-size:70px;opacity:.13}.roof span{position:absolute;font-size:12px;font-weight:900;letter-spacing:.14em}.aerial-screen{position:absolute;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-weight:900;box-shadow:0 0 24px currentColor}.aerial-screen b{font-size:17px}.aerial-screen small{font-size:7px;letter-spacing:.12em}.aerial-one{width:210px;height:54px;left:5px;bottom:-54px;background:#087354;transform-origin:top;transform:rotateX(-90deg)}.aerial-two{width:105px;height:54px;right:5px;bottom:-54px;background:#376bc0;transform-origin:top;transform:rotateX(-90deg)}.aerial-three{width:210px;height:54px;right:-54px;top:5px;background:#db655c;transform-origin:left;transform:rotateY(90deg)}.aerial-four{width:105px;height:54px;right:-54px;bottom:5px;background:#e4a721;transform-origin:left;transform:rotateY(90deg)}.view-path{position:absolute;right:7%;bottom:10%;color:#a5ffdd;font-size:10px;letter-spacing:.14em}.view-path i{display:block;width:190px;height:70px;border:1px dashed #a5ffdd;border-left-color:transparent;border-radius:50%;transform:rotate(-13deg);margin-bottom:8px}.view-path i:after{content:"›";font-size:26px;position:absolute;right:2px;top:8px}@keyframes aerialFloat{50%{transform:translate(-50%,-53%) rotateX(57deg) rotateZ(-30deg)}}

@media(max-width:900px){.aerial-overview{grid-template-columns:1fr}.aerial-copy{padding:45px 30px}.aerial-scene{min-height:470px}.aerial-building{transform:translate(-50%,-50%) scale(.83) rotateX(57deg) rotateZ(-35deg)}@keyframes aerialFloat{50%{transform:translate(-50%,-53%) scale(.83) rotateX(57deg) rotateZ(-30deg)}}}