/* Official artwork, displayed through its original transparent canvas. */
html{scrollbar-gutter:stable}
.masthead{padding-top:34px;padding-bottom:22px}
.masthead-brand{display:flex;align-items:center;gap:clamp(16px,3vw,58px);padding:12px 0 34px}
.masthead-name{display:block;flex:1;max-width:1250px;width:auto;padding:0;font-size:inherit;letter-spacing:normal;line-height:1}
.brand-wordmark{position:relative;display:block;aspect-ratio:1813/125;overflow:hidden;width:100%}
.brand-wordmark>img{position:absolute;width:136.514065%;max-width:none;height:auto;left:-18.257033%;top:-129.6%;mix-blend-mode:multiply}
.brand-replay{flex:0 0 auto;display:grid;place-items:center;width:clamp(38px,5vw,76px);height:clamp(38px,5vw,76px);padding:0;border:0;background:none}
.brand-replay .masthead-star{display:block;position:static;font:400 clamp(40px,5.5vw,82px)/1 Georgia,serif;animation:brand-orbit 24s linear infinite;transition:color .35s}
.brand-replay:hover .masthead-star{color:var(--purple);animation-duration:6s}
.brand-replay:focus-visible{border-radius:50%}
@keyframes brand-orbit{to{transform:rotate(360deg)}}
.brand-intro{display:none;position:fixed;inset:0;z-index:300;isolation:isolate;overflow:hidden;color:var(--ink)}
.brand-intro-pending .brand-intro,.brand-intro-active .brand-intro{display:block}
.brand-intro-pending,.brand-intro-active{overflow:hidden}
.intro-curtain{position:absolute;inset:0;background:var(--paper);z-index:-1}
.intro-frame{position:absolute;inset:22px;border:1px solid var(--rule);opacity:0}
.intro-topline{position:absolute;left:clamp(38px,6vw,100px);right:clamp(38px,6vw,100px);top:48px;display:flex;justify-content:space-between;font:500 10px/1.5 var(--sans);letter-spacing:.13em;opacity:0}
.intro-logo{position:absolute;left:50%;top:49%;width:min(78vw,1040px);transform:translate(-50%,-50%);transform-origin:0 0;will-change:transform;opacity:0}
.intro-star{position:absolute;left:50%;top:30%;display:block;font:400 clamp(42px,5vw,72px)/1 Georgia,serif;transform:translate(-50%,-50%);transform-origin:0 0;opacity:0;will-change:transform}
.intro-baseline{position:absolute;top:61%;left:50%;width:min(75vw,430px);transform:translateX(-50%);text-align:center;opacity:0}
.intro-rule{display:block;width:46px;height:1px;background:var(--ink);margin:0 auto 22px}
.intro-baseline p{font:400 clamp(24px,3vw,35px)/1.2 var(--serif)}
.intro-caption{display:block;font:500 9px/1.5 var(--sans);letter-spacing:.17em;margin-top:20px}
.intro-skip{position:absolute;bottom:47px;right:clamp(38px,6vw,100px);display:flex;gap:25px;align-items:center;background:none;border:0;border-bottom:1px solid var(--rule);padding:12px 0;font:500 12px/1.5 var(--sans);opacity:0;transition:border-color .2s}
.intro-skip:hover{border-color:var(--ink)}
.brand-intro-active .masthead-name,.brand-intro-active .brand-replay{visibility:hidden}
.brand-intro-active .brand-replay .masthead-star{animation:none;transform:none}
.brand-intro-active #main,.brand-intro-active .nav-wrap,.brand-intro-active .masthead-bottom,.brand-intro-active .topline{opacity:0;transform:translateY(16px)}
.brand-intro-active.brand-intro-revealing #main,.brand-intro-active.brand-intro-revealing .nav-wrap,.brand-intro-active.brand-intro-revealing .masthead-bottom,.brand-intro-active.brand-intro-revealing .topline{opacity:1;transform:none;transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.brand-intro-revealing #main{transition-delay:.12s!important}
@media(max-width:640px){
 .masthead{padding-top:24px;padding-bottom:17px}
 .masthead-brand{gap:12px;padding:8px 0 25px}
 .brand-replay{width:29px;height:34px}
 .brand-replay .masthead-star{font-size:35px}
 .masthead-bottom{gap:10px;align-items:center}
 .masthead-bottom>p{font-size:17px}
 .masthead-bottom>span{font-size:10px;max-width:115px}
 .intro-frame{inset:14px}
 .intro-topline{top:34px;left:30px;right:30px;font-size:8px;letter-spacing:.08em;gap:18px}
 .intro-logo{width:85vw;top:47%}
 .intro-star{top:32%;font-size:48px}
 .intro-baseline{top:56%;width:80vw}
 .intro-caption{font-size:8px}
 .intro-skip{bottom:32px;right:30px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .brand-intro{display:none!important}
 .brand-intro-pending,.brand-intro-active{overflow:visible}
 .brand-replay .masthead-star{animation:none}
 .brand-intro-active .masthead-name,.brand-intro-active .brand-replay{visibility:visible}
 .brand-intro-active #main,.brand-intro-active .nav-wrap,.brand-intro-active .masthead-bottom,.brand-intro-active .topline{opacity:1;transform:none}
}
