html.intro-pending .site-header,html.intro-pending #pages,html.intro-pending .page-dots{visibility:hidden}
.brand-intro{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 53% 68%,#70421c20,transparent 56%),#171717;overflow:hidden}
.brand-intro:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b9b9b9 .75px,transparent 1px);background-size:13px 13px;opacity:.18;pointer-events:none}
.intro-mark{position:absolute;left:50%;top:50%;width:min(42vw,520px);transform:translate(-50%,-50%);transform-origin:center}
.intro-mark svg{display:block;width:100%;height:auto;overflow:visible}
.intro-mark path{fill:#eab238;fill-opacity:0;stroke:#eab238;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.intro-orientation{display:none;position:absolute;top:calc(50% + 80px);left:0;width:100%;text-align:center;color:#c6c2ba;font-size:12px;letter-spacing:2px;margin:0}
@media(orientation:portrait){.intro-mark{width:64vw}.intro-orientation{display:block}}