/* Everything here is limited to phones. The desktop composition is retained. */
@media(max-width:700px){
 .intro.intro-mobile{display:flex;flex-direction:column;align-items:center;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#b26be54d transparent}
 .intro-mobile .intro-background{position:fixed;inset:0;width:100%;height:100lvh;object-fit:cover;object-position:54% 50%;z-index:0;filter:blur(var(--mobile-bg-blur,0px));will-change:filter}
 .intro-mobile .intro-shade{position:fixed;inset:0;width:100%;height:100lvh;z-index:1;background:linear-gradient(180deg,#08030e40,#08030e59 55%,#08030ea6);background-color:rgba(6,2,10,var(--mobile-shade,.12))}
 .intro.intro-mobile:before{content:"";position:fixed;inset:0 0 auto;height:calc(118px + env(safe-area-inset-top,0px));z-index:8;background:linear-gradient(180deg,#09040ff7 0%,#09040fdf 62%,#09040f00);opacity:var(--mobile-dock-opacity,0);pointer-events:none}
 .intro-mobile .intro-signature{position:absolute;top:max(23px,env(safe-area-inset-top,0px));left:22px;z-index:3}
 .intro-mobile .intro-content{display:contents;position:static;top:auto;bottom:auto;left:auto;width:auto;margin:0;padding:0;transform:none}
 .intro-mobile .intro-logo{position:fixed;top:0;left:50%;right:auto;bottom:auto;z-index:10;width:min(80vw,320px);margin:0;line-height:0;transform:translate3d(-50%,calc(var(--mobile-logo-y,24svh) + env(safe-area-inset-top,0px)),0) scale(var(--mobile-logo-scale,1));transform-origin:50% 0;will-change:transform}
 .intro-mobile .intro-logo-link{border-radius:16px}
 .intro-mobile .intro-about{position:relative;top:auto;right:auto;left:auto;flex:none;z-index:2;width:min(92%,420px);max-height:none;margin:max(400px,66svh) auto 0;overflow:visible;transform:none}
 .intro-mobile .intro-about:before{display:none}
 .intro-mobile .intro-copy-content{padding:20px 18px}
 .intro-mobile .intro-about p{text-shadow:0 2px 6px #000d}
 .intro-mobile .intro-copy-tagline{color:#fff0ff}
 .intro-mobile .intro-enter{position:relative;flex:none;z-index:2;width:min(84%,360px);margin:26px auto 0;align-self:center}
 .intro-mobile .intro-caption{position:relative;flex:none;z-index:2;margin:20px auto 0;text-align:center}
 .intro-mobile .intro-social{position:relative;left:auto!important;top:auto!important;flex:none;z-index:2;gap:18px;justify-content:center;margin:27px auto 0;transform:none}
 .intro-mobile .intro-edition{position:relative;left:auto;bottom:auto;flex:none;z-index:2;transform:none;margin:24px auto calc(28px + env(safe-area-inset-bottom,0px));text-align:center}
}
@media(max-width:700px) and (max-height:480px){
 .intro-mobile .intro-logo{width:min(58vw,240px)}
}