/* Figma 89019:53261: 64px / 110%, Medium, -2%; centered above the fold. */
.hero.hero{padding-top:8.125rem;padding-bottom:4.5rem;min-height:0;background:#02021e}
.hero-grid{display:flex;flex-direction:column;align-items:center;isolation:isolate}
.hero .hero-copy{position:relative;z-index:3;width:100%;margin-top:3rem}
.hero h1#hero-title{max-width:63.375rem;font-family:Suisse,Arial,sans-serif;font-size:4rem;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:#f2f2f2;text-wrap:initial}
.hero-title-line{display:block}
.hero-title-line>span{display:inline-block}
.hero .lead{max-width:50rem;margin:2rem auto 0;font-size:1.25rem;font-weight:400;line-height:1.4;letter-spacing:.02em;color:#ecedf5bf;text-wrap:balance}
.hero .hero-art{position:relative;left:auto;top:auto;transform:none;width:14rem;height:14rem;aspect-ratio:1;opacity:1;z-index:1;perspective:700px;flex:none}
.hero .hero-art{pointer-events:auto;touch-action:pan-y}
.hero-orbit,.hero-hover,.hero-breathe{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.hero .hero-grid>.hero-light-field{position:absolute;top:-6rem;left:50%;width:min(56rem,108vw);height:38rem;transform:translateX(-50%);z-index:0;background:radial-gradient(ellipse at 50% 32%,#398edb24 0%,#226db312 28%,transparent 60%);pointer-events:none}
.hero-light-field::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 36%,transparent 15%,#77b9e808 27%,transparent 44%)}
.hero-light-field::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 57%,#f3a05225 0%,#df914a12 22%,transparent 56%)}
.hero .hero-stars{position:absolute;inset:0 0 auto;width:100%;height:90vh;max-height:100%;z-index:0;pointer-events:none;mask-image:linear-gradient(#000 0 calc(100% - 4rem),#0000 calc(100% - 2rem) 100%)}
.hero-fluid-canvas{display:block;position:absolute;inset:-18.75%;width:137.5%;max-width:none;height:137.5%;opacity:0;pointer-events:none}
.hero-fallback{position:absolute;inset:-5%;border-radius:50%;isolation:isolate;background:conic-gradient(from 20deg,#387f9166,#a7b6ac99,#ffd7a3,#ec713a,#387f9177,#387f9166);mask-image:radial-gradient(circle,transparent 33%,#0003 48%,#000c 63%,#0004 75%,transparent 91%);filter:blur(5px)}
.hero-fluid-layer{position:absolute;inset:-35%;border-radius:50%;mix-blend-mode:screen;opacity:.18;pointer-events:none}
.hero-fluid-layer.is-cool{background:radial-gradient(ellipse at 35% 38%,#a6dcd880,transparent 65%)}
.hero-fluid-layer.is-warm{background:radial-gradient(ellipse at 58% 75%,#ffd78880,transparent 65%)}
.hero-fallback::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' opacity='.16' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.55}
.hero-art.has-fluid .hero-fluid-canvas{opacity:1}
.hero-art.has-fluid .hero-fallback{opacity:0}
.hero #clients{margin-top:6.5rem}
@media(min-width:601px) and (max-width:991px){
 .hero.hero{padding-top:8.125rem}
 .hero h1#hero-title{font-size:3.45rem}
 .hero .lead{max-width:40rem}
}
@media(max-width:600px){
 .hero.hero{padding-top:6.5rem;padding-bottom:3rem}
 .hero .hero-art{width:9.5rem;height:9.5rem}
 .hero .hero-grid>.hero-light-field{top:-3.5rem;width:130vw;height:30rem}
 .hero .hero-stars{height:70vh}
 .hero .hero-copy{margin-top:2.5rem}
 .hero h1#hero-title{font-size:2rem;line-height:1.1;max-width:100%}
 .hero-title-line{text-wrap:balance}
 .hero-title-line:last-child{max-width:17rem;margin:auto}
 .hero .lead{max-width:18rem;font-size:.85rem;line-height:1.5;margin-top:1.25rem;letter-spacing:.02em}
 .hero #clients{margin-top:3.5rem}
}