:root{--hero-gutter:clamp(12px, 2vw, 18px)}.section--hero{position:relative;isolation:isolate}.hero{min-height:95vh;display:grid;place-items:center}@supports (height:100svh){.hero{min-height:90svh}}.hero__stage{position:relative;margin-inline:auto;width:calc(95vw - var(--hero-gutter)*2);height:calc(80vw - var(--hero-gutter)*2);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);background:#0b1018}@media (max-width:900px){.hero__stage{width:calc(100vw - var(--hero-gutter)*2);height:85vh;border-radius:14px;box-shadow:var(--shadow-sm)}}@supports (height:100svh){@media (max-width:900px){.hero__stage{height:85svh}}}.hero__media{position:absolute;inset:0;overflow:hidden;z-index:0}.hero__video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.02)}.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 16 24 / .45),rgb(11 16 24 / .60)),radial-gradient(80% 60% at 50% 20%,rgb(26 188 220 / .12),transparent 60%);pointer-events:none}@media (max-width:720px){.section--hero{min-height:90vh}}.hero__title{margin:0;font-weight:800;line-height:1.08;font-size:clamp(28px, 5.6vw, 56px);letter-spacing:.2px;color:#eef5fb}@media (prefers-reduced-motion:reduce){.hero__video{display:none!important}.hero__media{background:url(../img/hero/hero-poster.webp) center / cover no-repeat}}.hero__type{position:absolute;inset:0;z-index:1;display:grid;place-items:center;text-align:center;padding:clamp(16px, 4vw, 32px)}.hero__type{--hero-shiftY:0vh}.hero__type .typewriter{transform:translateY(var(--hero-shiftY));will-change:transform}@media (min-width:1200px){.hero__type{--hero-shiftY:-30vh}}.typewriter{display:inline-block;white-space:normal;line-height:1.3;font-weight:800;font-size:clamp(22px, 5vw, 44px);letter-spacing:.2px;color:#eef5fb;--gap:.20s;--l1-steps:32;--l1-dur:1.6s;--l1-delay:.1s;--l2-steps:22;--l2-dur:1.2s;--l2-delay:calc(var(--l1-delay) + var(--l1-dur) + var(--gap));position:relative}.typewriter .tw-line{display:block;-webkit-mask:linear-gradient(#000 0 0) left / 0 100% no-repeat;mask:linear-gradient(#000 0 0) left / 0 100% no-repeat;animation:typing var(--dur) steps(var(--steps)) var(--delay) both}.typewriter .tw-line:nth-child(1){--dur:var(--l1-dur);--steps:var(--l1-steps);--delay:var(--l1-delay)}.typewriter .tw-line:nth-child(2){--dur:var(--l2-dur);--steps:var(--l2-steps);--delay:var(--l2-delay)}.typewriter .brand-name{background:linear-gradient(90deg,var(--green-600) 0%,var(--lime-440) 50%,var(--green-500) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:#fff0;text-shadow:0 1px 2px rgb(0 0 0 / .25),0 0 .5px hsl(190 85% 55% / .40);animation:brandPop .6s ease-out calc(var(--l2-delay) + var(--l2-dur) + .2s) both,brandShine 3s ease-in-out calc(var(--l2-delay) + var(--l2-dur) + .8s) infinite alternate,glowPulse 4.4s linear calc(var(--l2-delay) + var(--l2-dur) + 1.1s) infinite;--glowA:.16}@keyframes brandShine{from{background-position:0% center}to{background-position:100% center}}@keyframes glowPulse{0%,100%{text-shadow:0 1px 2px rgb(0 0 0 / .25),0 0 .5px hsl(190 85% 55% / .40),0 0 10px hsl(190 85% 55% / var(--glowA)),0 0 18px hsl(190 85% 55% / calc(var(--glowA) * .6));--glowA:.12}50%{text-shadow:0 1px 2px rgb(0 0 0 / .28),0 0 .6px hsl(190 85% 55% / .50),0 0 12px hsl(190 85% 55% / var(--glowA)),0 0 22px hsl(190 85% 55% / calc(var(--glowA) * .7));--glowA:.26}}@media (prefers-reduced-motion:reduce){.typewriter .brand-name--glow{animation:none!important;text-shadow:0 1px 2px rgb(0 0 0 / .25),0 0 .5px hsl(190 85% 55% / .35)}}@keyframes typing{from{-webkit-mask-size:0% 100%;mask-size:0% 100%}to{-webkit-mask-size:100% 100%;mask-size:100% 100%}}@keyframes brandPop{0%{transform:scale(.98);filter:brightness(.95)}60%{transform:scale(1.08);filter:brightness(1.3)}100%{transform:scale(1);filter:brightness(1.1)}}@media (prefers-reduced-motion:reduce){.typewriter .tw-line{animation:none!important;-webkit-mask:none;mask:none}.typewriter::after,.typewriter .brand{animation:none!important}}@media (max-aspect-ratio:16/9){.hero__video{object-position:center 50%}}@media (min-aspect-ratio:21/9){.hero__video{object-position:center center}}