/* ===== PLUR · Intro splash (We Ain't Plastic) ===== */ /* Por defecto oculto. Solo se muestra cuando el script del agrega html.pintro-play */ #pintro{display:none} html.pintro-play #pintro{display:block} html.pintro-play,html.pintro-play body{overflow:hidden!important} #pintro{ position:fixed;inset:0;background:#141318;z-index:9999;transform-origin:50% 50%; transition:opacity .85s cubic-bezier(.5,0,.92,.3), transform .85s cubic-bezier(.5,0,.92,.3), filter .85s ease; } /* salida warp (viaje a las estrellas) */ #pintro.out{opacity:0;transform:scale(13);filter:blur(6px);pointer-events:none} #pintro .pintro-logo{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:min(48vw,210px);aspect-ratio:1; filter:drop-shadow(0 0 0 rgba(192,18,26,0)); transition:opacity .65s ease, filter .6s ease; } #pintro .pintro-logo.gone{opacity:0} #pintro .pintro-logo img,#pintro .pintro-logo canvas{position:absolute;inset:0;width:100%;height:100%;display:block} #pintro #pintro-cv{z-index:1} #pintro #pintro-ring{z-index:2} #pintro .pintro-phrase{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:92vw;max-width:820px;text-align:center;white-space:pre-wrap; font-family:'Fraunces',serif;font-variation-settings:'opsz' 144,'wght' 400;font-weight:400; font-size:clamp(34px,8.3vw,70px);letter-spacing:-.012em;line-height:1.1;color:#f5f4f2; opacity:0;transition:opacity .4s; } #pintro .pintro-phrase.show{opacity:1} /* En celular la frase de intro 25% más grande */ @media (max-width:680px){#pintro .pintro-phrase{font-size:clamp(42px,10.4vw,88px)}} #pintro #pintro-pb{color:#8d8d88;font-variation-settings:'opsz' 144,'wght' 400;transition:font-variation-settings .55s ease} #pintro #pintro-pb.bold{font-variation-settings:'opsz' 144,'wght' 700} #pintro .pintro-car{display:inline-block;width:1px;height:.92em;background:#C0121A;margin-left:5px;vertical-align:-1px;opacity:0} #pintro .pintro-phrase.typing .pintro-car{opacity:1;animation:pintrobl .75s steps(1) infinite} @keyframes pintrobl{50%{opacity:0}} #pintro .pintro-skip{ position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:10000; background:transparent;color:#8d8d88;border:1px solid #2a2a2e;border-radius:999px; padding:8px 18px;font-family:'Archivo',sans-serif;font-size:12px;font-weight:500; letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s; } #pintro .pintro-skip:hover{color:#f5f4f2;border-color:#444} @media (prefers-reduced-motion:reduce){#pintro .pintro-phrase{transition:none}}