/* The logo starts at the exact viewport center, independent of the hidden wordmark. */
.intro-lockup{position:relative;display:block;width:100%;height:300px}
.intro-logo{position:absolute;left:50%;top:50%;width:clamp(150px,17vw,240px);height:auto;max-width:none;opacity:0;transform:translate(-50%,-50%);filter:none}
.intro-name{position:absolute;left:50%;top:50%;width:max-content;margin:0;opacity:0;transform:translateY(-50%);font-size:clamp(62px,7.2vw,106px);font-weight:700;letter-spacing:-.055em;line-height:1.05;white-space:nowrap}
.intro-name span{font-size:clamp(11px,1.05vw,16px);font-weight:500;letter-spacing:.43em;line-height:1.5;padding:18px 0 0 6px;color:#b7c9d0}
.intro-caption{font-size:10px;letter-spacing:.28em;bottom:48px}
.intro-pending .site-header,.intro-pending main,.intro-pending .site-footer{visibility:hidden}
.intro-replay{white-space:nowrap}
@media(max-width:600px){.intro-lockup{height:200px}.intro-logo{width:110px}.intro-name{font-size:44px;letter-spacing:-.055em}.intro-name span{font-size:7px;letter-spacing:.37em;padding:12px 0 0 3px}.intro-caption{font-size:7px;bottom:35px}}
@media(max-width:360px){.intro-logo{width:90px}.intro-name{font-size:38px}.intro-name span{font-size:6px}}