/* One persistent object over the solid canvas, below every content layer. */
body{isolation:isolate}
main{position:relative;z-index:1}
body>footer{position:relative;z-index:1}
main,body>header,body>footer,main>section,.hero-stage,.interlude-pin,.gallery-pin,.collection-pin,.compare-pin,.assembly-pin,.device-pin,.manifesto-pin,.closing-v3{background:transparent!important;background-image:none!important}
#ambient-orb{position:fixed;left:50%;top:50%;width:clamp(180px,18vw,270px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none;user-select:none;perspective:800px;opacity:.66;contain:layout style}
.orb-material{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,#a4ecff 0%,#348bc3 12%,#163958 40%,#0b192c 70%,#080d17 100%);box-shadow:inset -9px -12px 20px #050a14,inset 1px 1px 2px #b5edff88}
.orb-volume{position:absolute;inset:1%;border-radius:50%;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(var(--orb-angle,0deg)) rotateZ(18deg)}
.orb-volume i{position:absolute;inset:0;border:1px solid #95dfff70;border-radius:50%;backface-visibility:visible}
.orb-volume i:nth-child(2){transform:rotateY(30deg)}
.orb-volume i:nth-child(3){transform:rotateY(60deg)}
.orb-volume i:nth-child(4){transform:rotateY(90deg)}
.orb-volume i:nth-child(5){transform:rotateY(120deg)}
.orb-volume i:nth-child(6){transform:rotateX(90deg)}
@media(min-width:1001px){
 /* Share the text block's viewport centre instead of anchoring the portrait to the floor. */
 .hero .hero-showcase{top:50%;bottom:auto;height:min(74svh,780px);max-height:none;transform:translateY(-50%)}
 .hero-person{height:100%;bottom:0}
 .hero .hero-person .portrait{object-position:50% 50%}
}
@media(max-width:1000px){#ambient-orb{width:154px;opacity:.52}}
@media(prefers-reduced-motion:reduce){.orb-volume{transform:rotateX(-24deg) rotateY(25deg) rotateZ(18deg)}}
@media(min-width:1001px) and (prefers-reduced-motion:reduce){.hero .hero-showcase{transform:translateY(-50%)!important}}