#intro{position:fixed;inset:0;width:100vw;height:100vh;width:100dvw;height:100dvh;z-index:150;background:var(--i);overflow:hidden;contain:strict;color:var(--c);font-family:'Archivo Black',sans-serif}
#intro[hidden]{display:none}
html.intro-on body{overflow:hidden}
html.intro-on body::before{display:none}
html.intro-on .mq__t{animation-play-state:paused}
.i-flash{position:absolute;inset:0;opacity:0}.yellow{background:var(--y)}.pink{background:var(--p)}.mint{background:var(--m)}
.i-word{position:absolute;left:0;width:100%;text-align:center;font-size:clamp(56px,min(24vw,34vh),340px);font-size:clamp(56px,min(24dvw,34dvh),340px);white-space:nowrap;line-height:.86;letter-spacing:-.06em;opacity:0;will-change:transform,opacity}
.make{top:8%;color:var(--y);text-shadow:6px 0 var(--p)}.noise{bottom:10%;color:var(--p);text-shadow:-6px 0 var(--m)}
#intro-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.i-figure{position:absolute;height:min(70%,150vw);width:auto;max-width:none;left:50%;bottom:9%;transform:translateX(-50%);opacity:0}
.i-lockup{position:absolute;width:min(64vw,58vh,560px);width:min(64dvw,58dvh,560px);height:auto;max-height:58dvh;object-fit:contain;left:50%;top:50%;opacity:0;will-change:transform,opacity}
.i-caption{position:absolute;bottom:10%;width:100%;text-align:center;font-size:clamp(14px,2.1vw,28px);letter-spacing:.06em;color:var(--m);opacity:0;margin:0}
.i-wipe{position:absolute;inset:0;display:flex;pointer-events:none}.i-wipe i{flex:1;transform:translateY(-101%);will-change:transform}.i-wipe i:nth-child(3n+1){background:var(--p)}.i-wipe i:nth-child(3n+2){background:var(--y)}.i-wipe i:nth-child(3n){background:var(--m)}
.i-meta{position:absolute;left:24px;bottom:20px;font:700 11px 'Archivo',sans-serif;letter-spacing:.1em}.i-skip{position:absolute;right:20px;top:20px;border:2px solid var(--i);padding:10px 14px;background:var(--y);color:var(--i);font:700 13px 'Archivo',sans-serif;cursor:pointer}
@media(max-width:600px){.make{top:18%}.noise{bottom:20%}.i-meta{font-size:8px;left:16px}.i-lockup{width:min(78vw,52dvh)}.i-caption{bottom:23%}.i-figure{height:58%;bottom:20%}}
@media(prefers-reduced-motion:reduce){html:not(.intro-forced) #intro{display:none!important}}