:root {
    --gold: #c6a15b !important;
    --gold2: #e7d5ad !important;
    --ocean: #c6a15b !important;
    --ocean-soft: #e7d5ad !important;
    --bg: #090908 !important;
    --ink: #090908 !important;
    --panel: #11110f !important;
    --card: #11110f !important;
    --line: #383329 !important;
    --muted: #aaa49b !important;
    --soft: #aaa49b !important;
    --cream: #11110f !important;
    color-scheme: dark;
}

html {
    scroll-behavior: smooth;
    scrollbar-color: #76613b #090908;
}

body {
    background-color: #090908 !important;
    color: #f5f1e8 !important;
}

::selection {
    background: #c6a15b;
    color: #090908;
}

:focus-visible {
    outline: 2px solid #e7d5ad !important;
    outline-offset: 3px;
}

a {
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

nav,
.nav,
.top {
    border-color: #c6a15b44 !important;
}

.nav {
    background-color: #090908 !important;
    background-image: linear-gradient(90deg, #080807f5, #080807c9) !important;
}

.nav .brand,
nav .brand,
.top .brand,
.footerBrand,
.homeFooterBrand,
.shell .side > .brand {
    font-size: 0 !important;
    letter-spacing: 0 !important;
    color: transparent !important;
}

.nav .brand img,
nav .brand img,
.top .brand img,
.shell .side > .brand img,
.footerBrand img,
.homeFooterBrand img {
    display: block !important;
    width: auto !important;
    max-width: min(210px, 46vw) !important;
    max-height: 60px !important;
    height: auto !important;
    object-fit: contain !important;
}

.nav .brand::after,
nav .brand::after,
.top .brand::after,
.shell .side > .brand::after,
.footerBrand::after,
.homeFooterBrand::after {
    content: none !important;
}

.brandText {
    display: inline-block;
    color: #f4ead4;
    font: 700 15px/1.3 "Manrope", sans-serif;
    letter-spacing: .2em;
    white-space: nowrap;
}

.nav .brand .brandText,
nav .brand .brandText {
    font-size: 17px;
}

.footerBrand .brandText,
.homeFooterBrand .brandText {
    font-size: 14px;
}

.top .brand .brandText,
.shell .side > .brand .brandText {
    font-size: 15px;
}

.auth-brand {
    color: #f4ead4 !important;
    font-size: 18px !important;
    letter-spacing: .2em !important;
}

.auth-brand span {
    color: #d5b878 !important;
}

.auth-brand::after {
    content: none !important;
}

.links a,
.links .browseTrigger {
    color: #e8e2d6 !important;
}

.links a:hover,
.links .browseTrigger:hover,
.footer a:hover,
.auth-home:hover,
.auth-switch a:hover {
    color: #e7d5ad !important;
    text-shadow: 0 0 18px #c6a15b44;
}

.btn,
button,
.website-btn,
.applicationEmpty a,
.heroAction,
.panelCta,
.filters button,
.contactFoot button {
    border-color: #c6a15b !important;
    border-radius: 2px !important;
}

.btn.gold,
.btn.gold:hover,
.website-btn,
.applicationEmpty a,
.heroAction,
.panelCta,
.filters button,
.contactFoot button,
.auth-card button[type="submit"] {
    background: linear-gradient(135deg, #e0c98f, #b68b43) !important;
    color: #100e09 !important;
    font-weight: 700 !important;
}

.btn.gold:hover,
.website-btn:hover,
.applicationEmpty a:hover,
.heroAction:hover,
.panelCta:hover,
.filters button:hover,
.contactFoot button:hover {
    background: #f0dfb7 !important;
    color: #100e09 !important;
}

.hero {
    background-color: #090908 !important;
}

.hero h1 em,
.hero h1 .gold,
.head h2 em,
.crewCinemaHead h2 em,
.studioSpotHead h2 > span {
    color: #e7d5ad !important;
    -webkit-text-stroke-color: #e7d5ad !important;
}

.eyebrow,
.icon,
.stat b,
.call .type,
.verify,
.scheduleSlot span,
.sectionTitle > span,
.videoGrid span,
.projectCard span,
.videoContent > span,
.contactHead > span,
.infoArticle a,
.infoAside nav a:hover,
.infoAside nav a.active {
    color: #d5b878 !important;
}

.light {
    background: #11110f !important;
    color: #f5f1e8 !important;
}

.light .head p,
.light p,
.light a {
    color: #c3bcaf;
}

.card,
.call,
.panel,
.statbox,
.spotCard,
.risingCard,
.freshPick,
.voiceCard,
.storyMini,
.crewCard,
.studioSpotCard,
.talentNearby,
.castingReady,
.affordableStars,
.infoArticle,
.infoAside,
.auth-card,
.contentStudio,
.communicationHub {
    background-color: #11110f !important;
    border-color: #383329 !important;
    box-shadow: 0 20px 55px #0006;
}

.card:hover,
.voiceCard:hover,
.storyMini:hover,
.crewCard:hover,
.studioSpotCard:hover,
.risingCard:hover,
.talentStories .storyFeature:hover,
.talentStories .storyMini:hover {
    border-color: #c6a15b99 !important;
    box-shadow: 0 18px 45px #c6a15b14;
}

.talentStories .storyTitleLink {
    color: inherit;
    text-decoration: none;
}

.homeFooterSocial .homeFooterSocialLink.isUnavailable {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid #49443d;
    opacity: .72;
}

.homeFooterSocial .homeFooterSocialLink:not(.isUnavailable):hover,
.homeFooterSocial .homeFooterSocialLink.isUnavailable:hover {
    border-color: var(--gold);
    transform: translateY(-3px);
}

.portrait,
.avatar {
    background-color: #17140e !important;
    color: #c6a15b !important;
}

.portrait {
    border-color: #c6a15b66 !important;
}

.tag,
.pill,
.cat,
.browseGrid > a,
.castingNav,
.themeBack,
.introTop > span,
.contactLink,
.storiesHead > a,
.risingHead > a,
.studioSpotHead > a,
.nearbyPick,
.castingTalentPick,
.talentPopular,
.studioSlidePick {
    border-color: #c6a15b55 !important;
}

.cat:hover,
.browseGrid > a:hover,
.castingNav:hover,
.themeBack:hover,
.nearbyPick:hover,
.nearbyPick.active,
.castingTalentPick:hover,
.castingTalentPick.active,
.studioSlidePick:hover,
.studioSlidePick.active {
    background-color: #c6a15b14 !important;
    border-color: #c6a15b !important;
    color: #e7d5ad !important;
}

.cat::after,
.founderVisual::after,
.founderVisual,
.meetCrew::before,
.crewHead::after,
.crewCard::after,
.statbox::before,
.risingGlow,
.studioBeam,
.corporateWorkflow::before,
.mapGrid,
.nearbyMap::after {
    border-color: #c6a15b55 !important;
}

.founderNote,
.signature,
.founderVisual > span,
.contactNotice,
.hotPicksTitle,
.studioTrend,
.studioTicker,
.studioVerified,
.studioTicker span,
.mapPin,
.mapPin.active,
.mapPulse,
.nearbyRadius i,
.talentStories .storyFeatureCopy b,
.talentStories .storyMini b,
.castingReadyActions > div b,
.studioHeroSlider .studioFacts > div:nth-child(4) b,
.meetCrew .crewCard small,
.quickIcons i {
    color: #d5b878 !important;
}

.contactForm input:focus,
.contactForm textarea:focus,
.filters input:focus,
.filters select:focus,
.contactFields input:focus,
.contactFields textarea:focus,
.auth-card input:focus {
    border-color: #c6a15b !important;
    box-shadow: 0 0 0 3px #c6a15b24 !important;
}

.filters input,
.filters select,
.contactFields input,
.contactFields textarea,
.auth-card input,
.shell input,
.shell select,
.shell textarea,
.top input,
.top select,
.top textarea {
    background-color: #090908 !important;
    border-color: #383329 !important;
    color: #f5f1e8 !important;
}

.auth-shell {
    background: radial-gradient(circle at 15% 15%, #6d512522, transparent 40%), #090908 !important;
}

.welcome-side {
    background-image: linear-gradient(145deg, #090908ed, #090908d9), url("/images/header-black-curtain.png") !important;
}

.welcome-side::after {
    border-color: #c6a15b2d !important;
    box-shadow: 0 0 0 60px #c6a15b08, 0 0 0 120px #c6a15b05 !important;
}

.auth-card {
    border-top-color: #c6a15b !important;
    background: linear-gradient(145deg, #15130f, #0d0d0b) !important;
}

.auth-title,
.auth-card label,
.promise b {
    color: #f1e8d4 !important;
}

.auth-card:before {
    color: #d5b878 !important;
}

.auth-note,
.auth-switch,
.promise {
    color: #b8b1a5 !important;
}

.auth-home,
.auth-consent a,
.auth-switch a,
.kicker,
.welcome-copy h1 em {
    color: #e0c98f !important;
}

.auth-card a[class~="text-emerald-300"],
.auth-card a[class*="hover:text-emerald-200"] {
    color: #d5b878 !important;
}

.auth-consent input {
    accent-color: #c6a15b !important;
}

.google-auth-button {
    border-color: #c6a15b88 !important;
    background: #f4f0e7 !important;
    color: #15130f !important;
}

.facebook-auth-button,
.facebook-auth-button:hover {
    border-color: #c6a15b88 !important;
    background: #17140e !important;
    color: #f1e8d4 !important;
}

.facebook-auth-button svg {
    color: #d5b878 !important;
}

.auth-divider::before,
.auth-divider::after {
    background: #383329 !important;
}

.auth-divider {
    color: #aaa49b !important;
}

.shell {
    background: #090908 !important;
}

.shell .side,
.shell .main,
.shell .top,
.shell .panel,
.shell .contentPreview,
.shell .bannerPreview,
.shell .notifyCard,
.shell .inboxCard {
    background-color: #11110f !important;
    border-color: #383329 !important;
}

.shell .heroAction,
.shell .heroPhoto,
.shell .heroSummary,
.shell .panelCta,
.shell .view,
.shell .quick a span,
.shell .statusDot,
.shell .bellIcon,
.shell .inboxIcon,
.shell .commCount,
.shell .commFeed i {
    border-color: #c6a15b88 !important;
    background: #c6a15b18 !important;
    color: #e7d5ad !important;
    box-shadow: none !important;
}

.shell .grid4 .stat:nth-child(n),
.shell .quick a:nth-child(n),
.shell .contentMetrics a:nth-child(n) {
    border-top-color: #c6a15b !important;
    background: linear-gradient(145deg, #c6a15b12, #10100e) !important;
}

.shell .contentStudio,
.shell .communicationHub article,
.shell .notifyCard,
.shell .inboxCard,
.shell .nextStep {
    background: linear-gradient(145deg, #15130f, #10100e) !important;
    border-color: #383329 !important;
}

.shell .studioManage,
.shell .nextStep a,
.shell .prefSave {
    border: 1px solid #c6a15b !important;
    background: linear-gradient(135deg, #e0c98f, #b68b43) !important;
    color: #100e09 !important;
    box-shadow: none !important;
}

.shell .statusForm select {
    background: #090908 !important;
    border-color: #383329 !important;
    color: #f5f1e8 !important;
}

.shell .menu a {
    color: #b9b2a6 !important;
}

.shell .menu a.active,
.shell .menu a:hover {
    background: #c6a15b18 !important;
    color: #e7d5ad !important;
}

.shell .status,
.shell .statusItem b,
.shell .studioHead small,
.shell .nextStep small,
.shell .contentMetrics i,
.shell .commCount,
.shell .commFeed i,
.shell .bannerPreview span {
    color: #d5b878 !important;
}

.shell .top small,
.shell .muted,
.shell .statusItem,
.shell .panel p {
    color: #aaa49b !important;
}

.talentInfo span,
.stat:hover b,
.crewCinemaHead h2 em,
.studioSpotHead h2 > span,
.nearbyPick.active,
.mapPin {
    color: #d5b878 !important;
}

.founderNote,
.contactNotice,
.hotPicksTitle,
.spotCard,
.risingStars,
.studioTicker,
.studioVerified,
.castingReady,
.affordableStars {
    background-color: #14120d !important;
    border-color: #c6a15b55 !important;
}

.founderVisual,
.founderVisual::after,
.cat::after,
.meetCrew::before,
.crewHead::after,
.crewCard::after,
.spotCard::before,
.statbox::before,
.risingGlow,
.studioBeam,
.studioTicker::before,
.mapPin,
.mapPin.active,
.mapPulse,
.nearbyRadius i,
.talentNearby,
.castingReady {
    border-color: #c6a15b55 !important;
    background-color: #c6a15b14 !important;
}

.founderVisual > span,
.contactNotice,
.contactLink:hover,
.storiesHead > a,
.storyMini:hover,
.crewCard:hover,
.meetCrew .crewCard:hover,
.quickIcons i,
.hotPicksTitle,
.spotCard:hover,
.risingHead > a,
.risingCard:hover,
.studioSpotHead > a,
.studioSpotCard:hover,
.studioTrend,
.studioTicker span,
.studioSlidePick:hover,
.studioSlidePick.active,
.castingTalentPick:hover,
.castingTalentPick.active,
.castingReadyActions > div b,
.mapPulse,
.nearbyRadius i,
.talentStories .storyFeatureCopy b,
.talentStories .storyMini b,
.talentStories .storyFeature:hover,
.talentStories .storyMini:hover,
.talentPopular {
    border-color: #c6a15b88 !important;
    color: #e7d5ad !important;
}

.bg-white,
.min-h-screen {
    background-color: #090908 !important;
}

.bg-white.border-b,
nav.bg-white {
    background: #11110f !important;
    border-color: #383329 !important;
}

.text-gray-800,
.text-gray-700,
.text-gray-500,
.text-gray-400 {
    color: #e0d8c8 !important;
}

.border-gray-100,
.border-gray-200 {
    border-color: #383329 !important;
}

@media (max-width: 900px) {
    .navin {
        height: auto !important;
        min-height: 72px;
        flex-wrap: wrap;
        padding-block: 10px;
    }

    .navin .links {
        order: 3;
        display: flex !important;
        width: 100%;
        gap: 18px;
        overflow-x: auto;
        padding: 10px 0 2px;
        scrollbar-width: thin;
    }

    .navin .links > a,
    .navin .links .browseTrigger {
        flex: 0 0 auto;
        font-size: 12px;
    }

    .hero {
        min-height: 690px;
    }

    .auth-shell {
        grid-template-columns: 1fr;
    }

    .welcome-side {
        min-height: 320px;
    }

    .shell {
        grid-template-columns: 1fr !important;
    }

    .shell .side {
        position: static !important;
        width: 100%;
        height: auto !important;
    }
}

@media (max-width: 600px) {
    .wrap {
        width: min(100% - 28px, 1180px) !important;
    }

    .nav .brand::after,
    nav .brand::after {
        font-size: 14px;
        letter-spacing: .14em;
    }

    .top .brand::after,
    .shell .side > .brand::after {
        font-size: 13px;
        letter-spacing: .14em;
    }

    .hero {
        min-height: 630px;
        background-position: 58% center !important;
    }

    .hero h1 {
        font-size: clamp(40px, 12vw, 52px);
    }

    .section {
        padding-block: 70px !important;
    }

    .grid,
    .talents,
    .categories,
    .foot,
    .contactFields,
    .infoLayout {
        grid-template-columns: 1fr !important;
    }

    .statbox {
        grid-template-columns: 1fr 1fr !important;
        padding: 16px 8px !important;
    }

    .stat {
        padding: 14px 12px !important;
    }

    .contactFields .wide {
        grid-column: auto !important;
    }

    .auth-shell {
        min-height: 100vh;
    }

    .welcome-side {
        min-height: 280px !important;
        padding: 28px 24px !important;
    }

    .welcome-copy h1 {
        font-size: 42px !important;
    }

    .form-side {
        padding: 26px 16px !important;
    }

    .auth-card {
        padding: 24px !important;
    }

    .shell .main {
        padding: 22px 16px !important;
    }
}