@font-face{font-family:PPSupplyMono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GT Standard;src:url(https://assets.codepen.io/7558/GT-Standard-VF-Trial.woff2)format("woff2-variations");font-weight:300 900;font-stretch:0% 150%;font-style:normal}:root{--font-sans:"GT Standard", sans-serif;--font-mono:"PPSupplyMono", monospace;--color-text:#fff;--color-text-dark:#333;--color-gradient-1:#ff6b6b;--color-gradient-2:#4ecdc4;--color-gradient-3:#45b7d1;--color-gradient-4:#96ceb4;--color-gradient-5:#feca57;--color-gradient-6:#ff9ff3;--color-gradient-7:#54a0ff;--color-gradient-8:#5f27cd;--color-gradient-9:#00d2d3;--color-gradient-10:#ff9f43;--color-gradient-11:#e17055;--color-gradient-12:#00b894;--color-gradient-13:#fdcb6e;--color-gradient-14:#6c5ce7;--color-gradient-15:#a29bfe}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-sans);touch-action:pan-y;background-color:#000}body:after{content:"";opacity:.05;pointer-events:none;z-index:9999;mix-blend-mode:screen;background-image:url(https://assets.codepen.io/7558/noise-002.png);background-repeat:repeat;background-size:200px 200px;width:100%;height:100%;position:fixed;top:0;left:0}.hero-section{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.error-code{font-family:var(--font-sans);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:2px #ffffff26;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,20vw,14rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-columns{z-index:5;grid-template-columns:repeat(12,1fr);gap:1rem;width:100vw;padding:0 2rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-column{flex-direction:column;grid-column:span 4;gap:20px;width:100%;display:flex}.text-item{font-family:var(--font-sans);letter-spacing:-.5px;opacity:0;filter:blur(10px);color:var(--color-text);font-size:18px;font-weight:700;transition:opacity .8s,transform .8s,filter .8s;transform:translateY(20px)}.text-item:first-child{color:var(--color-gradient-1)}.text-item:nth-child(2){color:var(--color-gradient-2)}.text-item:nth-child(3){color:var(--color-gradient-3)}.text-item:nth-child(4){color:var(--color-gradient-4)}.text-item:nth-child(5){color:var(--color-gradient-5)}.text-item:nth-child(6){color:var(--color-gradient-6)}.text-item.visible{opacity:1;filter:blur();transform:translateY(0)}.rotated-text{z-index:5;flex-direction:column;justify-content:space-evenly;align-items:center;height:100vh;display:flex;position:absolute;top:0;right:50px}.rotated-item{color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.5px;transform-origin:50%;white-space:nowrap;opacity:0;filter:blur(10px);font-size:20px;font-weight:700;transition:opacity .8s,filter .8s;transform:rotate(90deg)}.rotated-item.visible{opacity:1;filter:blur()}.trail-img{object-fit:cover;transform-origin:50%;pointer-events:none;will-change:transform;z-index:1;position:absolute}.home-button-container{z-index:8;position:absolute;bottom:15vh;left:50%;transform:translate(-50%)}.home-button{background:var(--color-text);color:#000;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border:none;padding:1rem 2rem;font-size:14px;text-decoration:none;transition:background .3s;display:inline-block}.home-button:hover{background:#ccc}@media (max-width:768px){.rotated-text{right:-10px}.error-code{font-size:clamp(2.5rem,30vw,10rem)}}