.hero{background-color:#0c1363;height:100svh;position:relative;overflow:clip;container-type:size}.hero__scene{width:100%;height:100%;position:absolute;inset:0}.hero__type{transform-origin:720px 450px}.hero__intro--title{--intro-duration:1.8s;--intro-delay:80ms;--intro-y:18px}.hero__intro--signature{--intro-duration:1.5s;--intro-delay:.65s;--intro-y:10px}.hero__title,.hero__signature{filter:drop-shadow(0 0 1rem #3e71cc99)}.hero__lettering{fill:#deedff;font-family:var(--font-seramonde), serif;font-kerning:none;white-space:pre;font-size:95px}.hero__sky{transform-origin:720px 450px}.hero__cloud{--cloud-scale:1.04;transform-box:fill-box;transform-origin:50%}.hero__cloud--top{--cloud-duration:22s;--cloud-delay:-4s;--cloud-x:40px;--cloud-y:-18px}.hero__cloud--left{--cloud-duration:18s;--cloud-delay:-8s;--cloud-x:-42px;--cloud-y:24px;--cloud-scale:1.14}.hero__cloud--bottom{--cloud-duration:24s;--cloud-delay:-11s;--cloud-x:-48px;--cloud-y:24px}.hero__cloud--right{--cloud-duration:20s;--cloud-delay:-2s;--cloud-x:46px;--cloud-y:-30px;--cloud-scale:1.12}.hero__sheen,.hero__meteor,.hero__flare,.hero__crystal-flash,.hero__twinkle,.hero__glow{opacity:0}.hero__twinkle,.hero__glow{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.hero__sky{animation:28s ease-in-out infinite alternate hero-sky}.hero__meteor{animation:hero-meteor var(--meteor-duration) linear var(--meteor-delay) infinite}.hero__cloud{animation:hero-cloud var(--cloud-duration) ease-in-out var(--cloud-delay) infinite}.hero__pendant{animation:hero-pendant var(--pendant-duration) ease-in-out var(--pendant-delay) infinite}.hero__bob{animation:hero-bob var(--bob-duration) ease-in-out var(--bob-delay) infinite}.hero__crystal-flash{animation:hero-crystal-flash var(--flash-duration) ease-in-out var(--flash-delay) infinite}.hero__intro{animation:hero-arrive var(--intro-duration) var(--ease-standard) var(--intro-delay) both}.hero__sheen{animation:14s linear 2s infinite hero-sheen}.hero__dust{animation:24s ease-in-out -8s infinite alternate hero-dust}.hero__flare{animation:hero-flare var(--star-duration) var(--ease-standard) var(--star-delay) infinite}.hero__glow{animation:hero-glow var(--star-duration) ease-in-out var(--star-delay) infinite}.hero__twinkle{animation:hero-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite}}.hero__motion[data-paused=true] .hero__animated{animation-play-state:paused}@keyframes hero-sky{0%{transform:translate(-4px,3px)scale(1.04)}to{transform:translate(5px,-4px)scale(1.04)}}@keyframes hero-meteor{0%{opacity:0;transform:translate(0)}3%{opacity:var(--meteor-brightness)}14%{opacity:calc(var(--meteor-brightness) * .8)}20%,to{opacity:0;transform:translateX(var(--meteor-distance))}}@keyframes hero-cloud{0%,to{transform:translate(calc(var(--cloud-x) * -1), var(--cloud-y)) scale(var(--cloud-scale))}50%{transform:translate(var(--cloud-x), calc(var(--cloud-y) * -1)) scale(var(--cloud-scale))}}@keyframes hero-pendant{0%,to{transform:rotate(calc(var(--pendant-angle) * -1))}50%{transform:rotate(var(--pendant-angle))}}@keyframes hero-bob{0%,to{transform:translateY(calc(var(--bob-height) * -1))}45%{transform:translateY(var(--bob-height))}65%{transform:translateY(calc(var(--bob-height) * -.35))}80%{transform:translateY(calc(var(--bob-height) * .15))}}@keyframes hero-crystal-flash{0%,to{opacity:.04}30%{opacity:.12}40%{opacity:1}52%{opacity:.08}63%{opacity:.75}78%{opacity:.04}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(var(--intro-y))}to{opacity:1;transform:translateY(0)}}@keyframes hero-sheen{0%{opacity:0;transform:translate(0)}5%{opacity:.55}34%{opacity:.55}40%,to{opacity:0;transform:translate(2200px)}}@keyframes hero-dust{0%{transform:translate(-3px,4px)}to{transform:translate(3px,-5px)}}@keyframes hero-flare{0%,55%,to{opacity:0;transform:scale(.72)}20%{opacity:.85;transform:scale(1)}38%{opacity:.1;transform:scale(1.12)}}@keyframes hero-glow{0%,to{opacity:.12;transform:scale(.82)}22%{opacity:1;transform:scale(1.14)}55%{opacity:.3;transform:scale(.96)}}@keyframes hero-twinkle{0%,42%,to{opacity:0;transform:scale(.6)rotate(-12deg)}16%{opacity:.9;transform:scale(1.15)rotate(0)}28%{opacity:.2;transform:scale(.85)rotate(6deg)}}@container not (min-aspect-ratio:8/5){.hero__type{transform:scale(calc(100cqw / 160cqh))}}@media not (min-width:48rem){.hero__signature{transform-origin:1075px 670px;transform:translate(-355px,40px)scale(1.8)}}