*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--cyan:#22d3ee;--pink:#ff3366;--accent:var(--cyan);--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3{font-family:'Syne',system-ui,sans-serif;font-weight:800;line-height:1;letter-spacing:-0.03em}.mask-video{position:relative;background:#04060c}.mask-video__stage{position:relative;width:100%;height:100svh;min-height:480px;overflow:hidden;background:#04060c}.mask-video__layers,.mask-video__echo,.mask-video__film,.mask-video__grade{position:absolute;inset:0}.mask-video__grade{z-index:1;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(34,211,238,0.13),transparent 70%),radial-gradient(ellipse 40% 30% at 82% 88%,rgba(255,51,102,0.10),transparent 70%),linear-gradient(180deg,#070a14 0%,#04060c 100%)}.mask-video__layers{z-index:2;will-change:transform}.mask-video__echo{display:none}.has-js .mask-video__echo{display:block}.mask-video__echo--a{background:var(--cyan)}.mask-video__echo--b{background:var(--pink)}.mask-video__film{z-index:1;background:#04060c}.mask-video__film video{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}.mask-video__grade{display:none}.has-js .mask-video__grade{display:block}.mask-video__defs{position:absolute;width:0;height:0;overflow:hidden}.mask-video__shapes{display:none}.mask-video__scrim{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,12,0.72) 0%,rgba(4,6,12,0.35) 45%,rgba(4,6,12,0) 75%),linear-gradient(0deg,rgba(4,6,12,0.7) 0%,rgba(4,6,12,0) 55%)}.has-js .mask-video__scrim{opacity:0}.mask-video__content{position:absolute;z-index:5;left:clamp(1.25rem,4vw,3.5rem);right:clamp(1.25rem,4vw,3.5rem);bottom:clamp(1.5rem,5vh,3.5rem);max-width:40rem;text-shadow:0 2px 24px rgba(0,0,0,0.55)}.mask-video__title{font-size:clamp(2.4rem,5.6vw,4.6rem);margin-bottom:1rem}.mask-video__text{color:rgba(255,255,255,0.82);font-size:clamp(0.95rem,1.25vw,1.1rem);max-width:34rem;margin-bottom:1.5rem}.mask-video__replay{display:inline-flex;align-items:center;gap:0.6rem;padding:0.85rem 1.5rem;font-family:'Space Grotesk',system-ui,sans-serif;font-size:0.78rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--black);background:var(--accent);border:1px solid var(--accent);border-radius:100px;cursor:pointer;transition:background 0.3s var(--ease-out-expo),transform 0.3s var(--ease-out-expo),box-shadow 0.3s var(--ease-out-expo)}.mask-video__replay:hover,.mask-video__replay:focus-visible{background:var(--text);border-color:var(--text);transform:translateY(-2px);box-shadow:0 10px 30px rgba(34,211,238,0.3)}.mask-video__replay:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.has-js .mask-video__content [data-mask-reveal]{opacity:0;transform:translateY(28px)}.focused-cue{position:absolute;z-index:5;right:clamp(1.25rem,3vw,2.25rem);bottom:clamp(1.25rem,3vw,2.25rem);display:inline-flex;align-items:center;gap:0.6rem;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6)}.focused-cue b{color:var(--accent);font-weight:500}.focused-cue span{width:0.45rem;height:0.45rem;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.focused-cue{display:none}.has-js .focused-cue{display:inline-flex}.mask-video--static .focused-cue{display:none}.mask-video--static .mask-video__echo{display:none}@media (max-width:768px){.mask-video__content{right:1.25rem;bottom:1.5rem}.mask-video__title{font-size:clamp(2rem,9vw,2.8rem)}.mask-video__text{font-size:0.9rem;margin-bottom:1.1rem}.focused-cue{right:auto;left:1.25rem;top:4.25rem;bottom:auto}}@media (prefers-reduced-motion:reduce){.has-js .mask-video__content [data-mask-reveal]{opacity:1;transform:none}.has-js .mask-video__scrim{opacity:1}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}