.page-transition{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100vh;height:100dvh;margin:0;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));border:0;overflow:auto;background:radial-gradient(ellipse at 65% 20%,var(--pale),transparent 65%),var(--paper);color:var(--ink);text-align:center}
.page-transition::backdrop{background:transparent;backdrop-filter:none}
.page-transition[open]{display:grid;place-items:center;animation:page-cover-in .22s ease-out both}
.page-transition-content{width:min(100%,360px);outline:none}
.page-transition[open] .page-transition-content{animation:page-brand-in .38s cubic-bezier(.2,.8,.2,1) both}
.page-transition-emblem{position:relative;display:grid;place-items:center;width:164px;height:164px;margin:0 auto 30px}
.page-transition-orbit{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}
.page-transition-orbit:after{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%}
.page-transition[open] .page-transition-orbit:after{animation:page-orbit 1.4s linear infinite}
.page-transition-crest{display:grid;place-items:center;width:134px;height:134px;border-radius:50%;background:#fff}
.page-transition-crest picture{width:88px}
.page-transition-crest img{width:100%;max-height:110px;object-fit:contain}
.page-transition[open] .page-transition-crest{animation:page-crest-breathe 1.4s ease-in-out infinite alternate}
.page-transition-wordmark{display:block;font:500 clamp(42px,5vw,56px)/.9 var(--serif);letter-spacing:-.055em}
.page-transition-wordmark>span{display:block;font:500 8px/1.4 var(--sans);letter-spacing:.38em;padding-left:.38em;margin-top:18px}
.page-transition-label{display:block;margin-top:38px;color:var(--muted);font-size:11px;letter-spacing:.08em}
.page-transition-line{display:block;position:relative;overflow:hidden;width:148px;height:2px;background:var(--line);margin:19px auto 0;border-radius:2px}
.page-transition-line:after{content:"";position:absolute;inset:0;background:var(--gold);transform:translateX(-100%)}
.page-transition[open] .page-transition-line:after{animation:page-line 1.2s ease-in-out infinite}
::view-transition-old(root){animation:page-view-out .42s ease both;mix-blend-mode:normal}
::view-transition-new(root){animation:page-view-in .42s cubic-bezier(.2,.7,.2,1) both;mix-blend-mode:normal}
::view-transition-group(root){animation-duration:.42s}
@keyframes page-cover-in{from{opacity:0}to{opacity:1}}
@keyframes page-brand-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes page-orbit{to{transform:rotate(360deg)}}
@keyframes page-crest-breathe{from{transform:scale(.96)}to{transform:scale(1)}}
@keyframes page-line{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes page-view-out{to{opacity:0}}
@keyframes page-view-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:650px){.page-transition-emblem{width:140px;height:140px;margin-bottom:25px}.page-transition-crest{width:114px;height:114px}.page-transition-crest picture{width:74px}.page-transition-crest img{max-height:94px}.page-transition-label{margin-top:30px;font-size:10px}}
@media(max-height:480px){.page-transition-emblem{width:108px;height:108px;margin-bottom:18px}.page-transition-crest{width:88px;height:88px}.page-transition-crest picture{width:58px}.page-transition-crest img{max-height:75px}.page-transition-wordmark{font-size:38px}.page-transition-wordmark>span{margin-top:12px}.page-transition-label{margin-top:22px}.page-transition-line{margin-top:12px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.page-transition[open],.page-transition[open] .page-transition-content,.page-transition[open] .page-transition-orbit:after,.page-transition[open] .page-transition-crest,.page-transition[open] .page-transition-line:after,::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media(forced-colors:active){.page-transition{background:Canvas;color:CanvasText}.page-transition-orbit{border-color:CanvasText}.page-transition-orbit:after{border-top-color:Highlight;border-right-color:Highlight}.page-transition-line{background:GrayText}.page-transition-line:after{background:Highlight}}