@font-face{font-family:Hurufo;src:url(/hurufo.ttf)}*{box-sizing:border-box}body{margin:0;font-family:Hurufo,sans-serif}.snap{overscroll-behavior:contain;height:100vh;overflow-y:auto}.snap>section{height:100vh;position:relative}.home{--img-distance:20vh;--img-blur:16px;--img-duration:2s;--img-delay:.2s;color:#fff;background-image:url(/background_home.webp);background-position:50%;background-size:cover;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.home:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#12121200 0%,#12121299 50%,#121212 100%);height:clamp(80px,20vh,240px);position:absolute;bottom:0;left:0;right:0}.title{--stagger:.1s;--distance:30vh;--blur:12px;color:#fff;letter-spacing:.02em;white-space:pre;margin:0;font-size:clamp(3rem,25vw,25rem)}.title-small{font-size:clamp(3rem,10vw,10rem)}.title .letter{opacity:0;transform:translateY(calc(-1 * var(--distance)));filter:blur(var(--blur));will-change:transform, filter, opacity;display:inline-block}.title.title-animate .letter{animation:3s cubic-bezier(.2,.8,.2,1) forwards drop-in;animation-delay:calc(var(--i) * var(--stagger))}.home img{transform:translate(-50%) translateY(var(--img-distance));opacity:0;filter:blur(var(--img-blur));will-change:transform, filter, opacity;height:85vh;animation:rise-in var(--img-duration) cubic-bezier(.2, .8, .2, 1) forwards;animation-delay:var(--img-delay);z-index:0;position:absolute;bottom:0;left:50%}@keyframes drop-in{0%{opacity:0;transform:translateY(calc(-1 * var(--distance)));filter:blur(var(--blur))}60%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translate(-50%) translateY(var(--img-distance));filter:blur(var(--img-blur))}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.title .letter{opacity:1;filter:none;animation:none;transform:none}.home img{opacity:1;filter:none;animation:none;transform:translate(-50%)translateY(0)}}.gallery{scroll-snap-align:start;scroll-snap-stop:always;text-align:center;background:#121212;place-content:center;gap:4vh;min-height:100vh;padding-inline:4vw;display:grid}.marquee{--row-height:22vh;--gap:2.2vw;--speed:24s;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%)}.marquee__track{align-items:center;gap:var(--gap);will-change:transform;animation:scroll-left-to-right var(--speed) linear infinite;flex-wrap:nowrap;display:inline-flex}.marquee:first-child .marquee__track{animation-name:scroll-left-to-right}.marquee:nth-child(2) .marquee__track{animation-name:scroll-right-to-left}.marquee__track>*{flex:none}.marquee__track img{height:var(--row-height);object-fit:cover;pointer-events:none;opacity:0;filter:blur(8px);will-change:transform, filter, opacity;border-radius:8px;width:auto;display:block;transform:translateY(100px)}.marquee.marquee-visible .marquee__track img{animation:1.2s cubic-bezier(.2,.8,.2,1) forwards gallery-rise-in;animation-delay:calc(var(--img-index) * 80ms)}@keyframes scroll-left-to-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes scroll-right-to-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gallery-rise-in{0%{opacity:0;filter:blur(8px);transform:translateY(100px)}60%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none;transform:none}.marquee__track img{opacity:1;filter:none;animation:none;transform:none}}.header{z-index:100;--hdr-scale-from:.6;--hdr-duration:.7s;--hdr-delay:2s;--link-stagger:.2s;--link-distance:30px;--link-blur:8px;justify-content:center;width:100%;display:flex;position:fixed;top:50px}.header>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:50%;width:fit-content;transform:scale(var(--hdr-scale-from));opacity:0;filter:blur(var(--link-blur));will-change:transform, filter, opacity;animation:header-grow var(--hdr-duration) cubic-bezier(.2, .8, .2, 1) var(--hdr-delay) forwards;background:#ffffff80;border:2px solid #ffffffb3;border-radius:30px;padding:10px;box-shadow:0 4px 30px #fff3}.header a{color:#fff;opacity:0;transform:translateY(calc(-1 * var(--link-distance)));filter:blur(var(--link-blur));will-change:transform, filter, opacity;animation:.6s cubic-bezier(.2,.8,.2,1) both drop-in;animation-delay:calc(var(--hdr-delay) + var(--hdr-duration) + (var(--i,0) * var(--link-stagger)));padding-left:20px;font-size:1rem;text-decoration:none;display:inline-block}.header a:last-child{padding-right:20px}@keyframes header-grow{0%{transform:scale(var(--hdr-scale-from));opacity:0;filter:blur(var(--link-blur))}to{opacity:1;filter:blur();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.header>div,.header a{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}.characters{scroll-snap-align:start;scroll-snap-stop:always;color:#fff;background:#121212;place-content:center;gap:4vh;min-height:100vh;padding-inline:4vw;display:grid}.characters-section{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;align-items:start;gap:2vh;display:grid}.character{opacity:0;filter:blur(8px);will-change:transform, filter, opacity;border-radius:30px;flex-direction:column;justify-self:center;width:100%;max-width:400px;height:100%;min-height:500px;transition:all 1s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:translateY(60px)scale(.9)}.character.character-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.red-shadow{border:2px solid #ff3f1ab3;box-shadow:0 4px 30px #ff3f1a33}.blue-shadow{border:2px solid #00a7e0b3;box-shadow:0 4px 30px #00a7e033}.character .img-container{flex:1;justify-content:center;align-items:center;min-height:300px;max-height:300px;display:flex;overflow:hidden}.characters-title{text-align:center}.character .img-container img{object-fit:cover;opacity:0;filter:blur(4px);will-change:transform, filter, opacity;width:100%;height:100%;transition:all 1.2s cubic-bezier(.2,.8,.2,1) .2s;transform:scale(1.1)}.character.character-visible.image-loaded .img-container img{opacity:1;filter:blur();transform:scale(1)}.character .info{opacity:0;will-change:transform, opacity;flex-shrink:0;padding:15px;transition:all .8s cubic-bezier(.2,.8,.2,1) .4s;transform:translateY(30px)}.character.character-visible .info{opacity:1;transform:translateY(0)}.character .info h1{text-align:center;margin:0;font-size:2.5rem}@media (prefers-reduced-motion:reduce){.character,.character .img-container img,.character .info{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}}@media (width<=480px){.character{max-width:300px;min-height:250px}.character .img-container{min-height:200px;max-height:200px}.character .info h1{font-size:1.8rem}.character .info p{font-size:.8rem}.character .info{padding:12px}}.opening{scroll-snap-align:start;scroll-snap-stop:always;background:#121212;width:100%;height:100vh;position:relative;overflow:hidden}.opening video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}