@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Inter:wght@300;400&display=swap";body,html{margin:0;padding:0;width:100%;background-color:#050505;color:#fff;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.scroll-container{position:relative}.canvas-wrapper{position:sticky;top:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1}#animation-canvas{width:100vw;height:100vh;object-fit:cover;filter:brightness(.6);transition:filter .5s ease}.scrolling #animation-canvas{filter:brightness(1)}.content-section{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle,#0006,#0000 70%)}.brand-title{font-family:Cormorant Garamond,serif;font-size:5rem;font-weight:600;margin:0 0 1rem;letter-spacing:2px;text-transform:uppercase}.subtitle{font-family:Inter,sans-serif;font-weight:300;font-size:1.25rem;letter-spacing:5px;text-transform:uppercase;margin:0;opacity:.8}.intro-section{margin-top:-100vh}.scroll-prompt{position:absolute;bottom:10%;display:flex;flex-direction:column;align-items:center;opacity:.6;font-size:.8rem;letter-spacing:3px;text-transform:uppercase;animation:pulse 2s infinite}.mouse-icon{width:1px;height:40px;background-color:#fff;margin-top:20px}@keyframes pulse{0%{opacity:.3;transform:translateY(0)}50%{opacity:.8;transform:translateY(5px)}to{opacity:.3;transform:translateY(0)}}.scroll-space{height:400vh;pointer-events:none}.outro-section{background:radial-gradient(circle,#000000b3,#0000 80%);opacity:0}.indicator-wrapper{position:fixed;top:50%;transform:translateY(-50%);height:40vh;z-index:10;display:flex;align-items:center}.indicator-wrapper.left{left:2rem}.indicator-wrapper.right{right:2rem}.indicator-line{position:relative;width:1px;height:100%;background:#fff3}.indicator-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:#fff;box-shadow:0 0 10px #ffffff80;transition:height .1s linear}.main-nav{position:fixed;top:0;left:0;width:100%;padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center;z-index:100;box-sizing:border-box;background:linear-gradient(180deg,#0009,#0000)}.nav-brand .nav-logo{height:40px;width:auto;object-fit:contain}.nav-links{display:flex;gap:3rem}.nav-links a{color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;transition:opacity .3s ease}.nav-links a:hover{opacity:.5}.hero-logo{height:100px;width:auto;margin-bottom:2rem;object-fit:contain}