/* A single illustrated world; the four perspectives are readable together. */
.panoramaScene{position:relative;overflow:hidden;background:#161b28;padding:100px 0 90px}
.panoramaHeading,.panoramaReadings,.panoramaVoice{width:var(--grid);margin-left:auto;margin-right:auto}
.panoramaHeading h2{margin:24px 0 8px;font:900 clamp(2.8rem,5.5vw,6rem)/1.02 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.panoramaHeading h2 em{display:block;color:var(--cyan);font-size:.8em;margin-top:8px}
.panoramaFigure{position:relative;margin:20px auto 0;max-width:1942px;isolation:isolate}
.panoramaFigure img{display:block;width:100%;height:auto;mask-image:linear-gradient(180deg,transparent,#000 13%,#000 86%,transparent)}
.panoramaTrace{position:absolute;bottom:9%;left:5%;right:5%;height:1px;overflow:hidden;background:rgba(27,196,243,.12)}
.panoramaTrace:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);width:20%;animation:panoramaConnection 14s ease-in-out infinite;opacity:.6}
@keyframes panoramaConnection{0%,15%{transform:translateX(-110%);opacity:0}30%,75%{opacity:.6}95%,100%{transform:translateX(550%);opacity:0}}
.panoramaReadings{display:grid;grid-template-columns:1fr 1.15fr 1fr 1.05fr;gap:32px;margin-top:0;position:relative;z-index:2}
.panoramaReadings h3{margin:0 0 12px;font:700 15px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--white)}
.panoramaReadings p{max-width:260px;margin:0;color:#acbac8;font-size:16px;line-height:1.55}
.panoramaVoice{margin-top:58px;padding-top:30px;border-top:1px solid rgba(243,246,247,.12);font-size:clamp(18px,1.7vw,23px);line-height:1.65;color:var(--white)}
.panoramaVoice span{color:var(--muted)}
@media(max-width:900px){.panoramaScene{padding:85px 0 65px}.panoramaHeading h2{font-size:clamp(2.3rem,8vw,4.5rem)}.panoramaFigure{margin:28px 0 18px}.panoramaReadings{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.panoramaReadings h3{font-size:14px;margin-bottom:8px}.panoramaReadings p{font-size:16px}.panoramaVoice{margin-top:36px;font-size:18px}.panoramaVoice br{display:none}.panoramaVoice span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.panoramaTrace:after{animation:none;display:none}}
