@font-face{font-family:OceanicGrotesk;src:url(/font/OceanicGroteskCondensed-Extrabold.otf) format("opentype"),url(/font/OceanicGroteskCondensed-Extrabold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--bg-color: #ffffff;--text-color: #1a1a1a;--accent-color: #8B0000;--font-main: "OceanicGrotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;line-height:1.2}header{position:fixed;top:0;left:0;width:100%;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo img{height:120px;width:auto;display:block}nav a{text-decoration:none;color:var(--text-color);font-size:1.2rem;margin-left:2rem;letter-spacing:1px;transition:color .3s ease}nav a:hover{color:var(--accent-color)}main{width:100%}#hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:25vh 2rem 0}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;pointer-events:none;margin-top:50px}h1{font-size:clamp(3rem,10vw,8rem);color:var(--accent-color);margin-bottom:.3rem;line-height:.85}.logo-top{font-size:clamp(.8rem,2vw,1.8rem);letter-spacing:12px;color:var(--accent-color);margin-bottom:-.3rem}.logo-mid{font-size:clamp(.8rem,1.8vw,1.5rem);letter-spacing:6px;font-weight:700;color:var(--accent-color);margin-top:.3rem}.logo-bottom{font-size:clamp(.6rem,1vw,.9rem);letter-spacing:15px;color:var(--accent-color);margin-top:.5rem}#info{padding:4rem 2rem 10rem;background-color:var(--bg-color);position:relative;z-index:10}.info-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:6rem}.info-item h2{font-size:.8rem;letter-spacing:2px;margin-bottom:2rem;color:var(--accent-color)}.info-item p{font-size:1.5rem;font-weight:700}footer{padding:10rem 2rem 6rem;text-align:center;font-size:.7rem;letter-spacing:2px;color:#999}@media (max-width: 768px){header{padding:.5rem 1rem}.logo img{height:80px}nav a{font-size:.95rem;margin-left:1.2rem;letter-spacing:.5px}#hero{padding:10vh 1rem 0}.hero-content{margin-top:80px}h1{font-size:clamp(4rem,18vw,7rem)}.logo-top{font-size:clamp(1rem,4vw,1.8rem);letter-spacing:7px}.logo-mid{font-size:clamp(1rem,3.5vw,1.5rem);letter-spacing:5px}.logo-bottom{font-size:clamp(.7rem,2vw,.9rem);letter-spacing:9px}#info{padding:3rem 1.5rem 5rem}.info-grid{gap:3rem}.info-item h2{margin-bottom:1rem}.info-item p{font-size:1.2rem}footer{padding:3rem 1.5rem 4rem}}@media (max-width: 420px){.logo img{height:65px}nav a{font-size:.8rem;margin-left:.8rem}.logo-top{letter-spacing:5px}.logo-bottom{letter-spacing:7px}.info-grid{gap:2.5rem}}