.directory-header nav{align-self:stretch;gap:0}
.directory-header nav a{display:flex;align-items:center;height:100%;padding:0 16px}
.directory-header nav a.is-current:after{bottom:0}
.slivai-directory,.slivai-directory button,.slivai-directory input,.slivai-directory select{font-family:Onest,Arial,sans-serif}
.directory-label,.directory-intro__meta,.directory-intro__card small,.directory-sidebar a b,.directory-sidebar__button b,.directory-sidebar a i,.directory-sidebar__note span,.directory-stream__head>span,.directory-channel__number,.directory-channel__body small,.directory-channel__stats small,.directory-footer>div:nth-child(2),.directory-footer>small{font-family:'DM Mono',monospace}
.directory-intro__title h1{font-size:clamp(44px,4.7vw,68px);letter-spacing:-.07em}
.directory-mobile-nav{display:none}
@media(max-width:800px){
  .directory-intro__title h1{font-size:clamp(37px,11vw,50px)}
  .directory-mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr 1fr;height:67px;border-top:1px solid rgba(237,190,255,.24);background:rgba(18,7,27,.94);box-shadow:0 -10px 30px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
  .directory-mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a999b3;font:700 9px Manrope,sans-serif;text-decoration:none}
  .directory-mobile-nav svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;max-height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linejoin:round!important}
  .directory-mobile-nav a.is-current{color:#efb5ff}
  .directory-mobile-nav a.is-current:before{content:"";position:absolute;top:0;width:27px;height:2px;background:#e4a2ff}
  .directory-mobile-nav__video{color:#1d0c29!important}
  .directory-mobile-nav__video:after{content:"";position:absolute;z-index:-1;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#f0b9ff,#9742d2);box-shadow:0 4px 18px rgba(192,86,238,.5)}
  .directory-footer{padding-bottom:92px}
}

@media(max-width:800px){
  .directory-mobile-nav{height:56px}
  .directory-mobile-nav a{gap:3px;padding-top:5px}
  .directory-mobile-nav__video{justify-content:flex-end;padding-bottom:5px}
  .directory-mobile-nav__video:after{top:-17px;width:42px;height:42px}
  .directory-mobile-nav__video svg{position:absolute;top:-5px;left:calc(50% - 9.5px)}
  .directory-footer{padding-bottom:79px}
}

@media(max-width:800px){
  .directory-mobile-nav{left:0;right:0;bottom:0;height:auto;min-height:64px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:18px 18px 0 0;background:rgba(16,12,18,.95);box-shadow:0 16px 45px rgba(0,0,0,.78)}
  .directory-mobile-nav a,.directory-mobile-nav__video{min-width:0;min-height:52px;padding:0;justify-content:center;gap:3px;border-radius:13px;color:#a995a5;font-size:13px;font-weight:700;line-height:1.15}
  .directory-mobile-nav__video{color:#a995a5!important}
  .directory-mobile-nav svg,.directory-mobile-nav__video svg{position:static;width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
  .directory-mobile-nav a.is-current{color:#fff;background:linear-gradient(135deg,#c14cde,#6920a6);box-shadow:0 8px 20px rgba(194,76,222,.28)}
  .directory-mobile-nav a.is-current:before,.directory-mobile-nav__video:after{display:none}
  .directory-footer{padding-bottom:86px}
}

@media(max-width:800px){
  .directory-label,.directory-intro__meta,.directory-intro__card small,.directory-sidebar a,.directory-sidebar__button,.directory-sidebar a b,.directory-sidebar__button b,.directory-sidebar a i,.directory-sidebar__note span,.directory-sidebar__note p,.directory-stream__head>span,.directory-channel__number,.directory-channel__body small,.directory-channel__body em,.directory-channel__stats small,.directory-channel__stats b,.directory-rules b,.directory-rules p,.directory-footer p,.directory-footer>div:nth-child(2),.directory-footer>small,.directory-dialog label,.directory-dialog>p,.directory-dialog .form-status{font-size:13px}
  .directory-header .directory-submit,.directory-dialog .directory-submit{font-size:13px}
  .directory-intro__title>p:last-of-type,.directory-intro__card p,.directory-rules p,.directory-zero p,.directory-dialog input,.directory-dialog select{font-size:14px}
  .directory-intro__card a,.directory-stream__head>a,.directory-zero .directory-submit{font-size:13px}
  .directory-mobile-nav a,.directory-mobile-nav__video{font-size:13px}
}

/* Larger, clearer type throughout the directory. */
body.slivai-directory,body.slivai-directory button,body.slivai-directory input,body.slivai-directory select,body.slivai-directory .directory-mobile-nav a{font-family:Onest,Arial,sans-serif}
.directory-label{font-size:12px}
.directory-intro__meta,.directory-intro__card small,.directory-sidebar a b,.directory-sidebar__button b,.directory-sidebar a i,.directory-sidebar__note span,.directory-stream__head>span,.directory-channel__number,.directory-channel__body small,.directory-channel__stats small,.directory-footer>div:nth-child(2),.directory-footer>small{font-size:11px}
.directory-intro__card p,.directory-sidebar__note p,.directory-channel__body em,.directory-rules p,.directory-footer p{font-size:14px}
@media(max-width:800px){
  .slivai-directory *{font-size:max(13px,1em)}
  .directory-intro__title>p:last-of-type,.directory-intro__card p,.directory-rules p,.directory-zero p,.directory-dialog input,.directory-dialog select{font-size:14px}
  .directory-mobile-nav a,.directory-mobile-nav__video{font-family:Onest,Arial,sans-serif;font-size:13px}
}
@media(max-width:800px){
  .directory-label,.directory-intro__meta,.directory-intro__card small,.directory-sidebar a b,.directory-sidebar__button b,.directory-sidebar a i,.directory-sidebar__note span,.directory-stream__head>span,.directory-channel__number,.directory-channel__body small,.directory-channel__stats small,.directory-rules b,.directory-footer>div:nth-child(2),.directory-footer>small{font-size:11px}
  .directory-dialog label{font-size:12px}
}

/* Contact page */
.contact-page__wrap{width:min(1080px,calc(100% - 48px))}
.contact-layout{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(38px,7vw,96px);margin-top:48px}
.contact-intro{position:sticky;top:118px;padding:12px 0}
.contact-intro h1{max-width:440px;margin:18px 0 14px;color:#fff;font-size:clamp(42px,5vw,62px);line-height:1.02;letter-spacing:-.065em}
.contact-intro>p{max-width:390px;margin:0;color:#c0b2c8;font-size:16px;line-height:1.75}
.contact-intro__note{display:flex;gap:12px;align-items:flex-start;max-width:365px;margin-top:38px;padding-top:18px;border-top:1px solid rgba(226,201,237,.18)}
.contact-intro__note p{margin:0;color:#a997b0;font-size:14px;line-height:1.65}
.contact-intro__dot{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:#d98af1;box-shadow:0 0 16px rgba(217,138,241,.65)}
.contact-email{display:flex;flex-direction:column;gap:5px;width:max-content;max-width:100%;margin-top:38px;color:#a997b0;font-size:13px}
.contact-email span{color:#e0a4f3;font-size:14px;font-weight:650;overflow-wrap:anywhere}
.contact-card{padding:clamp(22px,3.4vw,38px);border:1px solid rgba(229,190,248,.2);border-radius:22px;background:radial-gradient(440px 240px at 100% 0,rgba(116,39,151,.2),transparent 70%),linear-gradient(145deg,rgba(33,16,43,.97),rgba(19,10,26,.98));box-shadow:0 22px 70px rgba(0,0,0,.2)}
.contact-card__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:21px;border-bottom:1px solid rgba(229,190,248,.16)}
.contact-card__overline{color:#daa0ec;font-size:12px;font-weight:650}
.contact-card__heading h2{margin:7px 0 0;color:#fff;font-size:25px;letter-spacing:-.04em}
.contact-card__mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(230,181,250,.22);border-radius:14px;color:#e0a4f3;background:rgba(159,68,192,.11);font-size:21px}
.contact-form{display:grid;gap:17px}
.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-field{display:grid;gap:8px;color:#d8c9df;font-size:13px;font-weight:600}
.contact-field input,.contact-field textarea{width:100%;border:1px solid rgba(222,194,236,.2);border-radius:11px;padding:13px 14px;outline:none;background:rgba(10,7,14,.56);color:#fff;font:400 14px Onest,Arial,sans-serif;transition:border-color .15s,box-shadow .15s}
.contact-field textarea{min-height:150px;resize:vertical;line-height:1.6}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#887b91}
.contact-field input:focus,.contact-field textarea:focus{border-color:#cf82eb;box-shadow:0 0 0 3px rgba(190,86,219,.12)}
.contact-field input[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border-color:#fb7e9a}
.contact-field__hint{color:#9888a0;font-size:12px;font-weight:400}
.contact-field__error,.contact-form__error{margin:0;color:#ff9aab;font-size:12px;font-weight:500}
.contact-form__submit{justify-self:start;min-height:48px;padding:12px 17px;font-size:14px}
.contact-form__submit span{margin-left:12px;font-size:18px}
.contact-form__privacy{margin:0;color:#907f99;font-size:12px;line-height:1.6}
.contact-form__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-success{display:flex;gap:13px;margin:0 0 22px;padding:15px;border:1px solid rgba(122,226,178,.35);border-radius:13px;background:rgba(49,139,99,.12);color:#d8ffea}
.contact-success>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#43a87a;color:#06150d;font-weight:800}
.contact-success strong{font-size:14px}
.contact-success p{margin:4px 0 0;color:#b3d8c2;font-size:13px;line-height:1.5}
@media(max-width:800px){.contact-page__wrap{width:calc(100% - 30px)}.contact-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}.contact-intro{position:static;padding:0}.contact-intro h1{font-size:clamp(40px,10vw,54px)}.contact-intro>p{font-size:15px}.contact-intro__note{margin-top:23px}.contact-email{margin-top:23px}.contact-card{padding:22px 18px}.contact-form__row{grid-template-columns:1fr}.contact-form__submit{width:100%;justify-content:center}.contact-field input,.contact-field textarea{font-size:14px}}
@media(max-width:380px){.contact-card{padding:18px 14px}.contact-card__heading h2{font-size:22px}}