/* V12 — optical depth, photographic planes and coordinated type. */
.immersive .scene .line{perspective:1100px;perspective-origin:35% 50%;overflow:clip}
.immersive .scene .line>span{transform-origin:20% 65%;backface-visibility:hidden}
.immersive .scene-photo{backface-visibility:hidden;will-change:transform,clip-path}
.immersive.webgl-on .scene-photo{will-change:auto}
.immersive .transition-caption{
  top:42%;gap:24px;align-items:center;justify-content:center;
  font-size:clamp(38px,6.3vw,106px);line-height:.98;
  text-shadow:0 3px 35px #00101cb0;transform-origin:50% 50%;
  will-change:transform,opacity
}
.immersive .transition-caption>span:first-child{
  font-family:var(--sans);font-style:normal;font-size:.875rem;
  line-height:1.3;letter-spacing:.14em;color:#d6e8f3;
  min-width:30px;align-self:center
}
.immersive .transition-caption>i{width:clamp(24px,4vw,70px);flex-shrink:0;opacity:.75}
.immersive .transition-caption>span:last-child{
  font-family:var(--serif);font-style:italic;letter-spacing:-.045em;
  text-wrap:balance;max-width:76%;color:#f5f9fc
}
.immersive .scene-position{opacity:calc(1 - var(--transition-pulse,0) * .64)}
.immersive .film-bottom{opacity:calc(1 - var(--transition-pulse,0) * .20)}
.nav-links a{perspective:1000px;transform-origin:0 50%;backface-visibility:hidden}
.nav-preview-visual{perspective:1200px;transform-origin:50% 60%;backface-visibility:hidden}
.atlas-grid{perspective:1600px}
.atlas-card{backface-visibility:hidden}
@media(hover:hover) and (pointer:fine){
  .pointer.is-present{width:44px;height:44px;border-color:#deefff90;transition:width .38s var(--ease),height .38s var(--ease),opacity .2s,border-color .25s}
  .pointer.is-over{width:68px;height:68px;border-color:#fff}
}
@media(max-width:760px){
  .immersive .scene .line{perspective:850px}
  .immersive .transition-caption{top:43%;gap:12px;font-size:clamp(34px,8.5vw,62px);max-width:none}
  .immersive .transition-caption>span:first-child{font-size:.75rem;min-width:19px}
  .immersive .transition-caption>i{width:24px}
  .immersive .transition-caption>span:last-child{max-width:76%;text-align:left}
}
@media(max-width:380px){
  .immersive .transition-caption{gap:9px;font-size:8.5vw}
  .immersive .transition-caption>i{width:16px}
}
@media(prefers-reduced-motion:reduce){
  .nav-links a,.nav-preview-visual,.atlas-card{transform:none!important;animation:none!important}
}
.simple-view .scene .line{perspective:none}
.simple-view .scene-photo{will-change:auto}
.simple-view .transition-caption{display:none}
.simple-view .film-bottom,.simple-view .scene-position{opacity:1}
.user-reduced-motion .nav-links a,.user-reduced-motion .nav-preview-visual,.user-reduced-motion .atlas-card{animation:none!important}