@charset "UTF-8";:root{--type-size: clamp(1rem, min(1.06rem + .78vw, -.25rem + 4vh), 1.5rem);--logo-aspect: 1.356;--logo-max-height: 50vh;--logo-width-cap: calc(var(--logo-max-height) / var(--logo-aspect));--ink: rgb(225, 225, 225);--ink-hover: rgb(141, 141, 141);--ink-background: rgb(37, 37, 37);--ease: .2s}html{background-color:#000}html,body{margin:0;height:100%;height:100dvh}.hidden{opacity:0}.visible{opacity:1;transition:opacity .5s ease-out}#backgroundCanvas{width:100%;height:100%;display:block}.logo{position:absolute;display:block;z-index:1;left:50%;top:45%;width:min(45%,max(20%,270px),var(--logo-width-cap));height:auto;transform:translate(-50%,-50%);transition:var(--ease)}nav.links{position:absolute;display:block;z-index:1;left:50%;margin:0;bottom:calc(2% + .67em);transform:translate(-50%,-50%);color:var(--ink);font-family:brandon-grotesque,sans-serif;font-weight:500;font-style:normal;font-size:var(--type-size);white-space:nowrap;transition:var(--ease)}.fprow{margin:0;--row-gap: max(5%, 1.6em);--row-offset: .83em;position:absolute;display:block;z-index:-1;left:50%;width:100%;transform:translate(-50%,-50%);color:var(--ink-background);font-family:brandon-grotesque,sans-serif;font-weight:500;font-style:normal;font-size:var(--type-size);white-space:nowrap;overflow:hidden;transition:var(--ease)}#fptext1{top:var(--row-offset)}#fptext2{top:calc(1 * var(--row-gap) + var(--row-offset))}#fptext3{top:calc(2 * var(--row-gap) + var(--row-offset))}#fptext4{top:calc(3 * var(--row-gap) + var(--row-offset))}#fptext5{top:calc(4 * var(--row-gap) + var(--row-offset))}#fptext6{top:calc(5 * var(--row-gap) + var(--row-offset))}#fptext7{top:calc(6 * var(--row-gap) + var(--row-offset))}#fptext8{top:calc(7 * var(--row-gap) + var(--row-offset))}#fptext9{top:calc(8 * var(--row-gap) + var(--row-offset))}#fptext10{top:calc(9 * var(--row-gap) + var(--row-offset))}@media screen and (max-width:600px)and (min-height:615px),screen and (max-width:320px){nav.links{bottom:calc(5% + .67em)}.fprow{white-space:normal;text-align:center}.logo{top:50%}}@media screen and (max-width:320px){.logo{top:52%}}@media screen and (max-height:570px)and (min-width:321px){nav.links{bottom:calc(4% + .67em)}.logo{width:min(15%,var(--logo-width-cap))}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a{color:var(--ink);transition:var(--ease)}.hover:hover{color:var(--ink-hover)}@media(prefers-reduced-motion:reduce){.visible,.logo,nav.links,.fprow,a{transition:none}}