.studio-canvas{z-index:0}
.architecture-plate{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .65s ease;background:#080d10}
.architecture-plate img{position:absolute;display:block;max-width:none}
body[data-view=hero] .architecture-hero.is-ready,body[data-view=overview] .architecture-overview.is-ready{opacity:1}
body[data-view=travel] .architecture-plate{transition-duration:.32s}
.architecture-hero.is-entering{opacity:1;transition:none;will-change:transform}
.architecture-overview.is-entering{z-index:2;transition:none;will-change:clip-path,opacity}
body[data-entrance-flight=true] .icon-gateway{left:var(--photo-portal-x);top:var(--photo-portal-y);width:var(--photo-portal-size);opacity:0;filter:blur(6px);transition:opacity .3s,filter .3s}
/* The photograph and its icon share the same crop-calibrated centre. */
body[data-photo-hero=ready][data-view=hero] .icon-gateway{left:var(--photo-portal-x);top:var(--photo-portal-y);width:var(--photo-portal-size)}
.portal-orbit{position:fixed;z-index:4;left:var(--photo-portal-x,72vw);top:var(--photo-portal-y,48vh);width:var(--photo-portal-width,38vw);height:var(--photo-portal-height,38vw);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s;filter:drop-shadow(0 0 8px #ffd79ac9) drop-shadow(0 0 23px #d49745b3)}
body[data-photo-hero=ready][data-view=hero] .portal-orbit{opacity:1}
.portal-orbit-track{position:absolute;inset:-5px;border-radius:50%;overflow:hidden;mask-image:radial-gradient(ellipse farthest-side at center,transparent calc(100% - 9px),#000 calc(100% - 6px),#000 calc(100% - 3px),transparent 100%)}
.portal-orbit-track:before{content:'';position:absolute;inset:-25%;background:conic-gradient(from 20deg,transparent 0deg 210deg,#b8782522 240deg,#efb65999 295deg,#ffe7bfe6 325deg,#fff5da 337deg,transparent 348deg 360deg);animation:portal-circulation 16s linear infinite;transform:rotate(-30deg)}
@keyframes portal-circulation{to{transform:rotate(330deg)}}
@media(max-width:760px){
 .architecture-hero img{mask-image:linear-gradient(transparent,#000 9%,#000 87%,transparent)}
 body[data-photo-hero=ready][data-view=hero] .icon-gateway{opacity:.62}
 body[data-photo-hero=ready][data-view=hero] .portal-orbit{opacity:.55}
 body[data-view=hero] .atmosphere{background:linear-gradient(90deg,#060b10dc,transparent 88%),linear-gradient(0deg,#070c12ef,transparent 60%)}
}
@media(prefers-reduced-motion:reduce){.portal-orbit-track:before{animation:none!important}}