body{margin:0;background:#F4F6F9}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
a{color:#1F3F6E}a:hover{color:#0E1B2C}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.navlinks{display:flex}
.navburger{display:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.foot{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:40px}
.search{display:flex;gap:8px}
.card-link{text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.card-link:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(14,27,44,.10);border-color:#E2B95B !important;color:inherit}
.navlink{color:#E8EDF3;text-decoration:none;display:flex;align-items:center;gap:12px}.navlink:hover{color:#E2B95B}
.navpill{display:inline-flex;align-items:center;gap:8px;color:#C9D6E6;text-decoration:none;padding:10px 16px;border-radius:999px;white-space:nowrap;transition:background .2s ease,color .2s ease}
.navpill:hover{background:rgba(255,255,255,.07);color:#FFFFFF}
.navpill-active,.navpill-active:hover{background:#E2B95B;color:#0E1B2C;font-weight:600}
.iconbtn{width:46px;height:46px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .15s ease,background .2s ease}
.iconbtn:hover{transform:translateY(-2px)}
.iconbtn-ghost{color:#FFFFFF;border:1px solid #2C3E55;background:#15263B}.iconbtn-ghost:hover{color:#E2B95B;background:#1C3049}
.iconbtn-gold{color:#0E1B2C;background:#E2B95B;box-shadow:0 0 0 4px rgba(226,185,91,.18)}.iconbtn-gold:hover{color:#0E1B2C;background:#EBC873}
@media (max-width:1100px){.navpill{padding:10px 12px}}
.btn-gold:hover{background:#EBC873 !important;color:#0E1B2C !important}
.btn-ghost:hover{background:rgba(255,255,255,.08) !important;color:#FFFFFF !important}
.btn-navy:hover{background:#1F3A5F !important;color:#FFFFFF !important}
.btn-outline:hover{background:rgba(14,27,44,.08) !important;color:#0E1B2C !important}
.sl-btn:hover{background:rgba(255,255,255,.12) !important}
.foot a{color:#B8C4D2;text-decoration:none}.foot a:hover{color:#E2B95B}
.track{display:flex;height:100%;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}
.slide-text{transition:opacity .6s ease .25s,transform .6s ease .25s}
@media (max-width:1024px){
.hero-grid,.about-grid{grid-template-columns:minmax(0,1fr);gap:40px}
.members{grid-template-columns:repeat(3,minmax(0,1fr))}
.cats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
.navlinks{display:none}
.navburger{display:inline-flex}
.members,.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.foot{grid-template-columns:minmax(0,1fr);gap:28px}
.search{flex-direction:column}
.h1{font-size:40px !important}
.h2{font-size:30px !important}
.section{padding-top:64px !important;padding-bottom:64px !important}
.slide-name{font-size:26px !important}
.slide-avatar{width:72px !important;height:72px !important;font-size:26px !important}
.sl-viewport{aspect-ratio:4 / 5 !important}
.search select{border-left:0 !important;border-top:1px solid #DDE3EA !important}
}
@media (max-width:420px){
.stats{grid-template-columns:minmax(0,1fr)}
}

/* ---- slider states ---- */
.slide .ring{transition:transform 1.2s ease;transform:scale(.7) rotate(-20deg)}
.slide.is-active .ring{transform:scale(1) rotate(0deg)}
.slide .dot{transition:transform 1s ease .2s;transform:translateY(40px)}
.slide.is-active .dot{transform:translateY(0)}
.slide .slide-text{opacity:0;transform:translateY(24px)}
.slide.is-active .slide-text{opacity:1;transform:translateY(0)}
.sl-dot{height:10px;width:10px;border:0;padding:0;border-radius:999px;cursor:pointer;background:#3A4F69;transition:width .3s ease,background .3s ease}
.sl-dot[aria-selected="true"]{width:32px;background:#E2B95B}
.sl-progress{height:100%;width:0;background:#E2B95B}
svg[hidden]{display:none}
svg[hidden]{display:none}
#mobileMenu[hidden]{display:none !important}
@media (min-width:761px){#mobileMenu{display:none !important}}