.pano{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,88px);align-items:center}
.scan{position:relative;margin:0;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/5;background:var(--navy);isolation:isolate}
.scan img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 2s var(--ease)}
.scan.in img,html:not(.js-reveal) .scan img{transform:scale(1.02)}
.scan::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,40,65,.05) 40%,rgba(6,40,65,.82) 100%);z-index:1}
.scan::before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--thermal);z-index:4}
.scan__beam{position:absolute;top:0;bottom:0;left:-40%;width:40%;z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(90deg,transparent,rgba(233,174,92,.55) 40%,rgba(217,130,43,.85) 50%,rgba(127,166,194,.55) 60%,transparent);opacity:0}
.scan__beam::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(255,214,160,.9);box-shadow:0 0 18px 4px rgba(233,174,92,.6);mix-blend-mode:normal}
.scan.in .scan__beam{animation:scanBeam 5.5s var(--ease) .6s infinite}
@keyframes scanBeam{0%{left:-40%;opacity:0}8%{opacity:1}55%{left:100%;opacity:1}60%,100%{left:100%;opacity:0}}
.scan__c{position:absolute;inset:18px;z-index:3;pointer-events:none}
.scan__c i{position:absolute;width:22px;height:22px;border:2px solid rgba(255,255,255,.85);opacity:0;transition:opacity .5s ease .4s,transform .7s var(--ease) .4s}
.scan__c i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;transform:translate(10px,10px)}
.scan__c i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;transform:translate(-10px,10px)}
.scan__c i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;transform:translate(10px,-10px)}
.scan__c i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;transform:translate(-10px,-10px)}
.scan.in .scan__c i,html:not(.js-reveal) .scan__c i{opacity:1;transform:none}
.scan figcaption{position:absolute;left:28px;right:28px;bottom:30px;z-index:3;color:#fff;display:flex;flex-direction:column;gap:6px}
.scan__k{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.scan__k::before{content:"";width:8px;height:8px;border-radius:50%;background:#F0A24A;box-shadow:0 0 0 0 rgba(240,162,74,.6);animation:scanDot 2s ease-out infinite}
@keyframes scanDot{0%{box-shadow:0 0 0 0 rgba(240,162,74,.6)}100%{box-shadow:0 0 0 10px rgba(240,162,74,0)}}
.scan figcaption strong{font-size:clamp(19px,1.6vw,24px);line-height:1.2}
.pano__txt h2{font:800 clamp(36px,5.2vw,65px)/1.04 var(--font);letter-spacing:-.03em;margin:18px 0 24px;color:var(--navy)}
.pano__txt h2 em{display:block;font-style:normal;font-weight:400;color:#3D5A73}
.pano__lede{font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--navy);font-weight:600}
.pano__txt>p:not(.pano__lede){margin-top:14px;color:var(--ink-2);line-height:1.65;max-width:38em}
.uses{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line)}
.uses li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}
.uses__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--paper);color:var(--navy);transition:background .3s,color .3s}
.uses li:hover .uses__ic{background:var(--navy);color:#fff}
.uses__ic svg{width:22px;height:22px}
.uses strong{display:block;font-size:16.5px;color:var(--navy);margin-bottom:3px}
.uses small{display:block;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
@media (max-width:900px){.pano{grid-template-columns:1fr}.scan{aspect-ratio:16/11}}
.band--sect .band__chips a{font-family:var(--mono)}
.sect-path{margin-top:8px}
@media (prefers-reduced-motion:reduce){.scan img{transition:none;transform:none!important}.scan.in .scan__beam{animation:none}.scan__k::before{animation:none}}