.page-intro{--intro-red:#fe5131;align-items:center;background:#080808;color:#f5f3eb;display:flex;inset:0;justify-content:center;opacity:1;overflow:hidden;position:fixed;transition:opacity .7s cubic-bezier(.65,0,.35,1),visibility .7s;visibility:visible;z-index:99999}.skip-page-intro .page-intro{display:none}
.page-intro::before{background:radial-gradient(circle,rgba(255,255,255,.055) 0 1px,transparent 1.5px);background-size:18px 18px;content:"";inset:0;mask-image:radial-gradient(circle at center,#000,transparent 68%);opacity:.24;position:absolute}
.page-intro.is-hidden{opacity:0;pointer-events:none;visibility:hidden}html.has-page-intro,html.has-page-intro body{overflow:hidden}
.page-intro__stage{height:min(70vw,410px);position:relative;width:min(70vw,410px)}
.page-intro__clock,.page-intro__brand{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transform:scale(.88) rotate(-3deg);transition:opacity .22s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.page-intro__clock.is-active,.page-intro__brand.is-active{opacity:1;transform:scale(1) rotate(0)}.page-intro__clock.is-leaving,.page-intro__brand.is-leaving{opacity:0;transform:scale(1.11) rotate(2deg)}
.page-intro__clock svg{fill:none;height:min(27.3vw,160px);overflow:visible;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:min(27.3vw,160px)}.page-intro__clock span{font:500 11px/1 "Suisse Intl",Arial,sans-serif;letter-spacing:.18em;margin-top:17px;opacity:.62;text-align:center;text-transform:uppercase;white-space:nowrap}
.page-intro__roman{fill:currentColor;font:14px Georgia,serif;stroke:none;text-anchor:middle}.page-intro__roman--small{font-size:5px}.page-intro__landmark{stroke-width:2.5}.page-intro__star{fill:var(--intro-red);stroke:none}.page-intro__hands{stroke-width:4;transform-box:fill-box;transform-origin:center;animation:intro-tick .72s ease-out both}.page-intro__pin,.page-intro__sun{fill:var(--intro-red);stroke:none}.page-intro__orbit{stroke:var(--intro-red);stroke-width:3}.page-intro__ticks{stroke-width:4}.page-intro__hands--red{stroke:var(--intro-red)}
.page-intro__brand img{height:33%;width:33%}.page-intro__brand strong{font:400 clamp(21px,4vw,32px)/1 "Reckless Neue",Georgia,serif;letter-spacing:-.02em;margin-top:18px}.page-intro__skip{bottom:clamp(22px,4vw,44px);color:inherit;font:400 12px/1 Arial,sans-serif;opacity:.55;padding:12px;position:absolute;right:clamp(18px,3vw,42px);transition:opacity .2s}.page-intro__skip:hover,.page-intro__skip:focus-visible{opacity:1}
.page-intro__progress{background:rgba(255,255,255,.16);bottom:0;height:2px;left:0;position:absolute;width:100%}.page-intro__progress i{animation:intro-progress 3.85s linear forwards;background:var(--intro-red);display:block;height:100%;transform-origin:left;width:100%}.page-intro[data-intro-mode="slow"] .page-intro__progress i{animation-duration:8.81s}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-tick{from{transform:rotate(-24deg)}to{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.page-intro__clock{display:none}.page-intro__brand{opacity:1;transform:none}.page-intro__progress i,.page-intro__hands{animation:none}}