:root{--riot-red: #f40c3f;--riot-ink: #0a0a0b;--riot-bone: #f4efe4;--riot-bone-dim: rgba(244, 239, 228, .55);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--riot-red);overflow-x:hidden;font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}section{width:100vw;height:100vh;position:relative}.eyebrow{font-size:clamp(.7rem,.9vw,.82rem);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--riot-ink)}.eyebrow--light{color:var(--riot-red)}.reg{font-size:.5em;vertical-align:super;font-weight:700}.intro{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--riot-red);color:var(--riot-ink);padding:clamp(1.75rem,4vw,3.5rem)}.intro__inner{margin-top:auto;margin-bottom:auto;max-width:20ch;padding:2rem 0}.intro__title{margin:.5em 0;font-size:clamp(2.75rem,7.5vw,7rem);font-weight:800;line-height:.94;letter-spacing:-.035em}.intro__note{max-width:34ch;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5;font-weight:400;color:#0a0a0bd1}.intro__cue{align-self:flex-start;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--riot-ink);display:inline-flex;align-items:center;gap:.7em}.intro__cue:after{content:"";width:2.5rem;height:1px;background:var(--riot-ink)}.work{position:relative;background-color:var(--riot-ink);overflow:hidden}canvas{position:absolute;top:0;left:0}#letters-canvas{z-index:1}#cards-canvas{z-index:10}#grid-canvas{position:absolute;top:0;left:0;z-index:0}.text-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;pointer-events:none;perspective:2500px;perspective-origin:center}.letter{position:absolute;font-family:var(--font);font-size:14rem;font-weight:800;color:var(--riot-red);letter-spacing:-.02em;opacity:1;z-index:2;transform-origin:center;transform-style:preserve-3d;will-change:transform}.work__frame{position:absolute;inset:0;z-index:20;pointer-events:none}.work__tag{position:absolute;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--riot-bone);mix-blend-mode:difference}.work__tag--tl{top:clamp(1.1rem,2.4vw,2rem);left:clamp(1.1rem,2.4vw,2rem)}.work__tag--tr{top:clamp(1.1rem,2.4vw,2rem);right:clamp(1.1rem,2.4vw,2rem)}.work__tag--bl{bottom:clamp(1.1rem,2.4vw,2rem);left:clamp(1.1rem,2.4vw,2rem)}.work__tag--br{bottom:clamp(1.1rem,2.4vw,2rem);right:clamp(1.1rem,2.4vw,2rem)}.outro{display:flex;flex-direction:column;justify-content:center;background-color:var(--riot-ink);color:var(--riot-bone);padding:clamp(1.75rem,4vw,3.5rem);top:-1px}.outro__inner{max-width:24ch}.outro__title{margin:.5em 0 .7em;font-size:clamp(2.6rem,8vw,7.5rem);font-weight:800;line-height:.94;letter-spacing:-.035em;color:var(--riot-bone)}.outro__mail{display:inline-block;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:500;letter-spacing:-.01em;color:var(--riot-red);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s ease}.outro__mail:hover{border-color:var(--riot-red)}.outro__nav{display:flex;flex-wrap:wrap;gap:1.6em;margin-top:clamp(2rem,5vw,3.5rem);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--riot-bone-dim)}@media(max-width:768px){.letter{font-size:6.5rem}.intro,.outro{padding:1.75rem 1.5rem 2.25rem}.intro__inner{max-width:100%}.intro__title,.outro__title{font-size:clamp(3rem,15vw,4.6rem)}.intro__note{font-size:1.05rem;max-width:30ch}.work__tag{font-size:.6rem;letter-spacing:.1em}.work__tag--tr,.work__tag--br{max-width:40vw;text-align:right}.outro__nav{gap:1.1em 1.4em}}@media(max-width:768px)and (orientation:portrait){.letter{font-size:5.25rem}}