.page-transition{position:fixed;inset:0;z-index:210;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;outline:0;box-sizing:border-box;overflow:hidden;pointer-events:auto;background:transparent;color:#f3f1ec;font-family:Geist,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;isolation:isolate}
.page-transition.is-handoff{background:#111918}
.page-transition__plasma{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 25%,#496055,#172c28 45%,#111918)}
.page-transition__plasma>i{position:absolute;left:50%;top:50%;width:142vmax;height:142vmax;margin:-71vmax;background:url("/static/studio-reference-20261106/transitions/plasma-1.9364714534c7.webp") center/cover no-repeat;will-change:transform;animation:route-plasma-orbit 12s linear infinite;animation-delay:var(--route-phase,0s)}
.page-transition__plasma>i:last-child{background-image:url("/static/studio-reference-20261106/transitions/plasma-2.fe55288d3e9f.webp");mask-image:radial-gradient(circle,#000 5%,#000b 23%,transparent 48%);will-change:transform,opacity;animation:route-plasma-orbit 5s linear infinite,route-plasma-flow 3s ease-in-out infinite alternate;animation-delay:var(--route-phase,0s)}
.page-transition__plasma::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#11191826,transparent 65%)}
@keyframes route-plasma-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes route-plasma-flow{from{opacity:.25}to{opacity:.8}}
.page-transition.is-handoff .page-transition__content,.page-transition.is-arriving .page-transition__content{visibility:hidden}
.route-loading{display:flex;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s;position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;flex-direction:column;gap:22px;color:#e7ecdc;font-family:Geist,Arial,sans-serif;font-size:clamp(28px,4.5vw,58px);font-weight:500;line-height:1.1;letter-spacing:-.045em;pointer-events:none}
.is-waiting>.route-loading{opacity:1;visibility:visible}
.route-loading__word{display:flex}
.route-loading__word>span{display:block;animation:route-loading-letter 1.45s ease-in-out infinite;animation-delay:calc(var(--letter)*65ms)}
.route-loading__track{display:block;width:78px;height:1px;background:#a7b59f40;overflow:hidden}
.route-loading__track>i{display:block;height:100%;width:35%;background:#c7d6a8;animation:route-loading-track 1.45s ease-in-out infinite}
.project-flight>.route-loading,#project-handoff>.route-loading{top:auto;bottom:max(34px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:15px 24px 12px;border:1px solid #edf1e326;border-radius:10px;background:#111918e8;font-size:17px;gap:10px;box-shadow:0 8px 28px #11191824}
.project-flight .route-loading__track,#project-handoff .route-loading__track{width:48px}
@keyframes route-loading-letter{0%,70%,100%{opacity:.45;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes route-loading-track{0%{transform:translateX(-105%)}100%{transform:translateX(390%)}}
.page-transition::backdrop{background:transparent}
.page-transition__sheet{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.page-transition__paper{fill:#111918}
.page-transition__fold{fill:url(#route-fold)}
.page-transition__veil{fill:#111918;opacity:var(--route-veil,0)}
.page-transition__edge{fill:none;stroke:#d5dfbd;stroke-width:.7;vector-effect:non-scaling-stroke;opacity:.4}
.page-transition__content{position:absolute;inset:0;overflow:hidden}
.page-transition__top,.page-transition__bottom{position:absolute;left:clamp(24px,5.4vw,86px);right:clamp(24px,5.4vw,86px);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.02em}
.page-transition__top{top:max(32px,env(safe-area-inset-top));color:#a7b59f}
.page-transition__top>span:last-child{text-transform:uppercase}
.page-transition__bottom{bottom:max(38px,env(safe-area-inset-bottom));color:#a7b59f}
.page-transition__title{position:absolute;left:clamp(24px,5.4vw,86px);right:24px;top:49%;transform:translateY(-50%);font-size:clamp(64px,22vw,330px);font-weight:500;letter-spacing:-.065em;line-height:1.1;white-space:nowrap;color:#e7ecdc}
.page-transition__title--long{font-size:clamp(48px,16.4vw,245px)}
.page-transition__letter{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .012em .14em;margin:-.08em -.012em -.14em}
.page-transition__letter>span{display:block;transform-origin:0 100%}
.page-transition__mark{position:absolute;right:-13%;top:8%;width:57%;height:90%;fill:none;stroke:#c7d6a8;stroke-width:.16;opacity:.15;transform:rotate(-14deg);pointer-events:none}
.page-transition__signal{display:block;position:relative;width:58px;height:1px;background:#6b7a6266;flex:none}
.page-transition__signal i{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#c7d6a8;left:0}
.page-transition__signal i:last-child{left:auto;right:0}
.page-transition.is-waiting .page-transition__signal i{animation:route-signal 1.2s ease-in-out infinite alternate}
.page-transition.is-waiting .page-transition__signal i:last-child{animation-direction:alternate-reverse}
@keyframes route-signal{to{opacity:.35;transform:translateX(12px)}}
.page-transition__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.is-route-entry .loader__brand,.is-route-entry .loader__count{visibility:hidden}
@media(max-width:760px){
 .page-transition__top,.page-transition__bottom{left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));font-size:10px;gap:18px}
 .page-transition__top{top:max(25px,env(safe-area-inset-top))}
 .page-transition__bottom{bottom:max(28px,env(safe-area-inset-bottom))}
 .page-transition__title{left:24px;top:48%}
 .page-transition__mark{width:108%;right:-44%;top:15%;height:73%;opacity:.12}
}
@media(prefers-reduced-motion:reduce){.page-transition *, .route-loading,.route-loading *{animation:none!important;transition:none!important}}