@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/figtree-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url("../assets/fonts/figtree-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("../assets/fonts/figtree-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/figtree-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:800;font-display:swap;src:url("../assets/fonts/figtree-latin-800-normal.woff2") format("woff2")}

html,body{margin:0;height:100%}
body{background:#16233D}
.cs{height:100vh;height:100dvh}
a{color:#FFFFFF}a:hover{color:#26B8D0}
.cs{--navy:#16233D;--cyan:#26B8D0;--cyan-700:#0A7385;--orange:#ED7A51;--olive:#656E2F;--soft:#E3E8EF;--muted:#B8C2D1;--slate:#4A5468}
@keyframes cs-kb{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.14) translateX(-2%)}}
@keyframes cs-draw{to{stroke-dashoffset:0}}
@keyframes cs-grow{to{transform:scaleX(1)}}
@keyframes cs-rise{to{opacity:1;transform:none}}
@keyframes cs-travel{from{stroke-dashoffset:.06}to{stroke-dashoffset:-1}}
@keyframes cs-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes cs-tick{from{transform:translateY(-30%);opacity:0}to{transform:none;opacity:1}}
.cs-photo{animation:cs-kb 32s ease-in-out infinite alternate;transform-origin:30% 55%}
.cs-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:cs-draw 1.4s cubic-bezier(.2,.7,.2,1) forwards}
.cs-d1{animation-delay:.2s}.cs-d2{animation-delay:.45s}.cs-d3{animation-delay:.7s}
.cs-grow{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:cs-grow .8s cubic-bezier(.2,.7,.2,1) forwards}
.cs-g1{animation-delay:1.2s}.cs-g2{animation-delay:1.32s}.cs-g3{animation-delay:1.44s}
.cs-light{stroke-dasharray:.06 .94;stroke-dashoffset:.06;animation:cs-travel 3.2s linear infinite both;filter:drop-shadow(0 0 3px #FFFFFF)}
.cs-l1{animation-delay:2.2s}.cs-l2{animation-delay:3s}.cs-l3{animation-delay:3.8s}.cs-l4{animation-delay:4.6s}
.cs-line{stroke-dasharray:1;stroke-dashoffset:1;animation:cs-draw 2s .6s ease-out forwards}
.cs-rise{opacity:0;transform:translateY(18px);animation:cs-rise .8s cubic-bezier(.2,.7,.2,1) forwards}
.cs-r1{animation-delay:.9s}.cs-r2{animation-delay:1.05s}.cs-r3{animation-delay:1.2s}.cs-r4{animation-delay:1.35s}.cs-r5{animation-delay:1.5s}.cs-r6{animation-delay:1.65s}.cs-r7{animation-delay:1.8s}
.cs-dot{animation:cs-blink 1.6s ease-in-out infinite}
.cs-sec{display:inline-block;animation:cs-tick .35s ease-out}
.cs-shape{width:max(60%,700px)}
.cs-copy{max-width:min(560px,46vw)}
@media (max-width:900px){
  .cs-shape{display:none}
  .cs-main{padding-left:16px !important;padding-right:16px !important}
  .cs-copy{max-width:none;width:100%;min-width:0;box-sizing:border-box;background:rgba(22,35,61,.9);border-radius:14px;padding:clamp(16px,5vw,22px)}
  .cs-mark{width:clamp(110px,16vh,150px) !important}
  .cs-cd{gap:6px !important}
  .cs-cd>div{flex:1 1 0;min-width:0 !important;padding:8px 4px !important}
  .cs-cd>div>div:first-child{font-size:clamp(22px,7.4vw,34px) !important}
  .cs-cd>div>div:last-child{font-size:10px !important;letter-spacing:.06em !important}
  .cs-h1{font-size:clamp(30px,9vw,44px) !important}
  .cs-meta{font-size:14px !important}
  .cs-meta span{min-width:0}
  .cs-hide-sm{display:none !important}
  .cs-logos img{height:30px !important}
  .cs-bandmeta{display:none !important}
}
@media (max-height:760px){
  .cs-hide-short{display:none !important}
}
@media (max-width:900px) and (max-height:700px){
  .cs-hide-tiny{display:none !important}
  .cs-mark{width:96px !important}
  .cs-copy{gap:10px !important}
}
@media (max-width:360px){
  .cs-logos{gap:12px !important}
  .cs-logos img{height:26px !important}
}
@media (prefers-reduced-motion:reduce){
  .cs *{animation:none !important}
  .cs-draw,.cs-line{stroke-dashoffset:0}
  .cs-grow{transform:none}
  .cs-rise{opacity:1;transform:none}
  .cs-light{display:none}
}