.intro,.intro__saltar{display:none}html[data-intro] .intro{z-index:300;background:radial-gradient(60% 55% at 50% 46%,#6a18288c 0%,#20091000 70%),radial-gradient(140% 120%,#2a0c16 0%,#170609 62%,#0d0306 100%);place-items:center;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s;display:grid;position:fixed;inset:0;overflow:hidden}html[data-intro] .intro:after{content:"";opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:url(/tex/grano.png);position:absolute;inset:0}html[data-intro=activa]:has(.intro) body{overflow:hidden}html[data-intro=saliendo] .intro{opacity:0;visibility:hidden;pointer-events:none}.intro__bruma{filter:blur(60px);opacity:.5;pointer-events:none;border-radius:50%;width:90vmax;height:50vmax;position:absolute}.intro__bruma--a{background:radial-gradient(closest-side,#d3a7a352,#0000);animation:7s ease-in-out infinite alternate intro-bruma;bottom:-22vmax;left:-30vmax}.intro__bruma--b{background:radial-gradient(closest-side,#6a1828b3,#0000);animation:8s ease-in-out -3s infinite alternate-reverse intro-bruma;top:-24vmax;right:-34vmax}.intro__marca{flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,22px);transition:transform 1s cubic-bezier(.55,0,.75,.2),filter 1s;animation:3.9s both intro-camara;display:flex;position:relative}.intro__marca:before{content:"";aspect-ratio:1;opacity:0;z-index:-1;background:radial-gradient(closest-side,#f6dfd657,#d3a7a31f 45%,#0000);border-radius:50%;width:clamp(260px,40vw,520px);animation:1.4s .8s forwards intro-aparece,2.6s ease-in-out 2.2s infinite alternate intro-respira;position:absolute;top:22%;left:50%;translate:-50% -50%}.intro__linea{background:linear-gradient(90deg,#0000,#d9afa6 20%,#f6dfd6 50%,#d9afa6 80%,#0000);width:clamp(120px,16vw,200px);height:1px;animation:1.4s cubic-bezier(.65,0,.35,1) .8s forwards intro-linea;display:block;transform:scaleX(0)}html[data-intro=saliendo] .intro__marca{filter:blur(6px);transform:scale(1.35)}.intro__mono{filter:drop-shadow(0 0 26px #f6dfd62e);width:clamp(104px,14vw,168px);overflow:visible}.intro__trazo{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.6s cubic-bezier(.65,0,.35,1) .15s forwards intro-dibujo}.intro__relleno{opacity:0;animation:1.2s .9s forwards intro-aparece}.intro__luz{animation:1.3s cubic-bezier(.45,0,.25,1) 1.9s forwards intro-destello;transform:translate(-80px)skew(-18deg)}.intro__nombre{font-family:var(--serif);color:var(--marfil);letter-spacing:.62em;opacity:0;filter:blur(8px);margin-right:-.62em;font-size:clamp(30px,4.6vw,52px);line-height:1;animation:2.2s cubic-bezier(.2,.7,.2,1) .35s forwards intro-nombre}.intro__frase{font-family:var(--italica);color:var(--rosa);opacity:0;font-size:clamp(20px,2.4vw,28px);font-style:italic;font-weight:400;animation:1.6s cubic-bezier(.2,.7,.2,1) .9s forwards intro-frase;transform:translateY(10px)}html[data-intro] .intro__saltar{z-index:301;color:var(--marfil);font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#20091059;border:1px solid #f7f1ea66;border-radius:999px;padding:9px 18px;transition:opacity .6s,visibility .6s,background-color .2s;display:block;position:fixed;bottom:clamp(14px,3vw,28px);right:clamp(14px,3vw,28px)}.intro__saltar:hover{background:#f7f1ea29}html[data-intro=saliendo] .intro__saltar{opacity:0;visibility:hidden}html[data-intro=activa] .hero__panel{clip-path:inset(100% 0 0)}html[data-intro=activa] .hero__texto{opacity:0;transform:translateY(24px)}html[data-intro] .hero__panel{transition:clip-path 1.1s cubic-bezier(.7, 0, .2, 1) calc(.15s + var(--i,0) * .11s)}html[data-intro] .hero__texto{transition:opacity 1s .75s,transform 1.2s cubic-bezier(.2,.7,.2,1) .75s}@keyframes intro-camara{0%{transform:scale(.9)}to{transform:scale(1.04)}}@keyframes intro-dibujo{to{stroke-dashoffset:0}}@keyframes intro-aparece{to{opacity:1}}@keyframes intro-destello{to{transform:translate(200px)skew(-18deg)}}@keyframes intro-nombre{to{opacity:1;filter:blur();letter-spacing:.3em;margin-right:-.3em}}@keyframes intro-frase{to{opacity:1;transform:none}}@keyframes intro-linea{to{transform:scaleX(1)}}@keyframes intro-respira{0%{opacity:1;scale:1}to{opacity:.7;scale:1.08}}@keyframes intro-bruma{to{transform:translate(12vmax,-4vmax)scale(1.15)}}