:root{color-scheme:dark;background:#000;color:#fff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000}
body{font-family:Georgia,'Times New Roman',serif}
#site{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 24%,#101c25 0, #03070b 35%,#000 72%)}
#siteCanvas,.intro-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.identity{position:absolute;left:50%;top:50%;width:min(84vw,1600px);transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.brand-title{margin:0;font-weight:400;font-size:clamp(24px,10.6vw,204px);font-variant:small-caps;line-height:1.04;letter-spacing:.008em;white-space:nowrap;color:#dbe5eb;filter:drop-shadow(0 3px 1px #000) drop-shadow(0 9px 10px #000)}
@supports (background-clip:text) or (-webkit-background-clip:text){.brand-title{background:linear-gradient(174deg,#f5fbff 3%,#b7cbd7 20%,#718b9b 32%,#edf7fe 40%,#a4b7c4 46%,#192e3c 62%,#526e80 72%,#d4e3ed 82%,#5d798a 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.45px #a6bac7}}
.brand-rule{position:relative;margin:1.1vw 0 1.5vw;height:1px;background:linear-gradient(90deg,#b3c1cc, #f5fcff 40%,#fff 50%,#f5fcff 60%,#b3c1cc);box-shadow:0 0 3px #c4eaff44}
.brand-rule i{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 6px 3px #fff,0 0 16px 7px #72dfff,0 0 40px 15px #168cfa80,0 0 100px 24px #168cfa30}
.brand-rule i:before,.brand-rule i:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#ceefff,white,#ceefff,transparent)}
.brand-rule i:before{width:clamp(65px,19vw,360px);height:2px}
.brand-rule i:after{height:clamp(36px,6vw,110px);width:1px;background:linear-gradient(transparent,#ceefff,white,#ceefff,transparent)}
.brand-sub{margin:0;color:#c8d9e3;font-weight:400;font-size:clamp(8px,2.4vw,46px);letter-spacing:.56em;text-indent:.56em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 1px #000,0 -1px 1px #fff4}
#glIntro{position:fixed;inset:0;z-index:2147483000;background:#000;pointer-events:none;contain:strict}
.gl-intro-skip{position:absolute;top:100px;right:12px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(0,0,0,.4);pointer-events:auto;cursor:pointer}
@media(min-width:1024px){.gl-intro-skip{top:76px;right:16px}}
.gl-intro-skip:before,.gl-intro-skip:after{content:"";position:absolute;left:12px;right:12px;top:21px;height:2px;background:#fff}
.gl-intro-skip:before{transform:rotate(45deg)}
.gl-intro-skip:after{transform:rotate(-45deg)}
#glIntro .identity{opacity:0}
#glIntro.is-finished{opacity:0}
@media(max-width:600px){.identity{width:92vw}.brand-title{font-size:11.25vw}.brand-rule{margin:3vw 0 3.5vw}.brand-sub{font-size:2.6vw;letter-spacing:.45em;text-indent:.45em}}
@media(prefers-reduced-motion:reduce){#glIntro{display:none!important}}
@media(forced-colors:active){.brand-title{-webkit-text-fill-color:CanvasText;background:none}.brand-rule{background:CanvasText}}

@font-face{font-family:Cinzel;src:url('materials/cinzel.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap;ascent-override:97.6%;descent-override:37.2%;line-gap-override:0%}
@font-face{font-family:'Cinzel Fallback';src:local('Liberation Serif'),local('Times New Roman'),local('Times');ascent-override:97.6%;descent-override:37.2%;line-gap-override:0%}
.brand-title{position:relative;background:none!important;-webkit-text-fill-color:initial!important;-webkit-text-stroke:0!important;font-size:inherit;filter:drop-shadow(0 4px 2px #000) drop-shadow(0 10px 11px #000);line-height:0}
.semantic-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.metal-title{width:100%;height:auto;overflow:visible;display:block}
.metal-title text{font-family:Cinzel,Georgia,serif;font-size:180px;font-weight:400;font-variant:normal}
.brand-rule{margin:.5vw 0 1.55vw}.brand-sub{font-family:Cinzel,'Cinzel Fallback',Georgia,serif;font-weight:400;font-size:clamp(8px,2.45vw,46px);letter-spacing:.52em;text-indent:.52em;color:#dce7ef;text-shadow:0 1px 0 #344959,0 2px 1px #000,0 -1px 0 #cbe6fa60}
@media(max-width:600px){.brand-rule{margin:2vw 0 3vw}.brand-sub{font-size:2.65vw;letter-spacing:.37em;text-indent:.37em}}
@media(forced-colors:active){.metal-title{display:none}.semantic-title{position:static;clip-path:none;width:auto;height:auto;font-size:8vw;line-height:1.3}}
/* Critical bar, so the deferred page stylesheet does not resize the header after first paint. */
header.site-bar{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:64px;max-height:64px;overflow-x:auto;overflow-y:hidden;background:#121417;box-sizing:border-box}
header.site-bar nav{display:flex;flex-wrap:nowrap;align-items:center;height:64px}
header.site-bar button{min-height:44px;min-width:44px}
@media(min-width:1024px){header.site-bar{position:fixed;top:0;left:0;right:0;width:100%}}