@import"https://fonts.googleapis.css2?family=Outfit:wght@300;400;600;800;900&family=Inter:wght@300;400;500;700&display=swap";:root{--bg-dark: #07070a;--bg-card: rgba(22, 22, 30, .4);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent: #ffffff;--glass-border: rgba(255, 255, 255, .08);--transition-fast: .3s cubic-bezier(.25, 1, .5, 1);--transition-slow: .8s cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);height:100vh;overflow:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.brand-header{position:fixed;top:2.5rem;left:3rem;z-index:50;mix-blend-mode:difference;display:flex;align-items:center;gap:1.5rem}.brand-header h1{font-size:1.5rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0;cursor:pointer}.social-links{display:flex;gap:1.25rem;opacity:0;transform:translate(-10px);transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none}.brand-header:hover .social-links{opacity:1;transform:translate(0);pointer-events:auto}.social-links a{color:#fff;opacity:.7;transition:opacity var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.social-links a:hover{opacity:1;transform:scale(1.15)}.scroller-container{width:100vw;height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.scroller-container::-webkit-scrollbar{display:none}.scroll-section{width:100vw;height:100vh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.section-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.section-image{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.5s cubic-bezier(.22,1,.36,1)}.scroll-section:hover:not(:has(.play-button:hover)) .section-image{transform:scale(1.05)}.section-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#0000001a 40%,#0000004d),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 100%);z-index:2}.section-content{position:relative;z-index:10;width:100%;max-width:1600px;padding:0 4rem;display:flex;flex-direction:column;align-items:flex-start;margin-top:10vh}.title-wrapper{overflow:hidden;margin-bottom:1.5rem}.massive-title{font-size:clamp(2.5rem,10vw,10rem);font-weight:900;line-height:.9;letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3);overflow-wrap:break-word;word-wrap:break-word}.subtitle-description{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--text-secondary);max-width:850px;margin-bottom:3rem;font-weight:300;letter-spacing:.02em;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.8)}.description-line{margin:0;padding-left:1.5rem;text-indent:-1.5rem}.play-button{display:flex;align-items:center;gap:1rem;background:transparent;border:none;color:#fff;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.2em;cursor:pointer;padding:1rem 0;transition:all var(--transition-fast)}.play-icon{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-slow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.play-icon:after{content:"";width:0;height:0;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff;margin-left:4px;transition:transform var(--transition-fast)}.play-button:hover .play-icon{border-color:#fff;background:#ffffff1a;transform:scale(1.1)}.play-button:hover .play-icon:after{transform:scale(1.2)}.scroll-nav{position:fixed;right:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:50}.scroll-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all var(--transition-fast);position:relative}.scroll-dot:after{content:"";position:absolute;inset:-8px}.scroll-dot:hover{background:#fff9;transform:scale(1.5)}.scroll-dot.active{background:#fff;transform:scale(1.5);box-shadow:0 0 10px #ffffff80}.fraction-nav{position:fixed;bottom:2.5rem;right:3rem;z-index:50;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:.1em;color:#fff;mix-blend-mode:difference;pointer-events:none}.fraction-divider{opacity:.4;margin:0 .2rem;font-weight:100}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.modal-overlay.open{opacity:1;pointer-events:all}.modal-content{width:90vw;max-width:1800px;height:85vh;background:transparent;position:relative;transform:scale(.9);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease;display:flex;flex-direction:column}.modal-overlay.open .modal-content{transform:scale(1);opacity:1}.modal-close{position:fixed;top:2rem;right:3rem;width:60px;height:60px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:110;transition:all var(--transition-fast)}.modal-close:hover{background:#fff;color:#000;transform:rotate(90deg)}.modal-video-container{width:100%;height:100%;background:#000;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 40px 100px #000000e6}.modal-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.modal-details{position:absolute;bottom:-4rem;left:0;display:none}@media(max-width:1024px){.section-content{padding:0 2rem}.scroll-nav,.fraction-nav{right:1.5rem}.brand-header{left:1.5rem}}@media(max-width:640px){.section-content{padding:0 1.25rem}.brand-header{top:1.5rem;left:1.25rem}.brand-header h1{font-size:1.25rem}.massive-title{font-size:clamp(2rem,12vw,4rem)}.fraction-nav{right:1.25rem;bottom:1.5rem;font-size:1.25rem}.scroll-nav{right:1.25rem}.play-button{font-size:.875rem}.play-icon{width:48px;height:48px}.play-icon:after{border-width:6px 0 6px 9px}}