 :root{color-scheme:dark;--ink:#edf5fc;--muted:#acc5a7;--line:#2d3e29;--soft:#142211}html,body,body.site-page,body.home-page{background:#000!important;background-image:none!important;color:#edf5fc!important}header,footer,.home-page footer{background:#000!important;color:#c6d3de!important;border-color:#2a3e26}.brand span,.home-page .brand span,.directory-page .brand span{color:#edf5fc!important}.page-hero,.hero,.founder,.home-hero,.search-hero,.cover-hero{background:#000!important}.card,.empty,.creator,.admin-card,.admin-login,.page-form,.profile-head,.profile-section,.nav-tile,.founder-callout,.profile-stats span{background:#132010!important;color:#edf5fc!important;border-color:#2e4829!important}.creator:hover{background:#1d3219!important}.sub,.privacy-note,.creator-bio,.page-hero p,.creator span,.directory-toolbar p,.profile-head p{color:#acc5a7!important}input,select,textarea,.money{background:#0a1907!important;color:#edf5fc!important;border-color:#4c7045!important}input::placeholder,textarea::placeholder{color:#a3bf9d}.mobile-menu summary,.mobile-menu-links{background:#132010!important;color:#edf5fc!important;border-color:#3a5934!important}.mobile-menu-links a:hover{background:#213d1c!important}.btn-outline,.secondary-btn{background:#0d2209;color:#77ff5c;border-color:#28f000}.kicker,.text-link,.profile-cta{color:#65ff46!important}.directory-page .directory-rating{color:#ffc55a}.directory-cover-section{padding:24px 0!important}.directory-cover{position:relative;min-height:580px;overflow:hidden;border-radius:22px;background:#132010}.directory-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.directory-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,#0008 43%,#000e 75%)}.directory-overlay{position:relative;z-index:1;margin-left:48%;padding:76px 36px;min-height:580px;display:flex;flex-direction:column;justify-content:center;gap:24px}.directory-page .directory-overlay h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(36px,4.5vw,58px);font-weight:800;text-transform:uppercase;letter-spacing:.025em;margin:0;color:white}.directory-overlay>p{font-size:17px;line-height:1.6;color:#e2eaf1;margin:0}.directory-overlay .directory-controls{grid-template-columns:1fr;gap:16px}.directory-overlay label{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:20px;letter-spacing:.05em;color:white;margin:0 0 8px}.directory-overlay input,.directory-overlay select{border:2px solid #28f000;border-radius:999px;min-height:50px;width:100%;padding:12px 18px}.directory-page .creator strong{color:#edf5fc}.directory-page .creator .profile-cta{color:#65ff46}@media(max-width:650px){.directory-cover{min-height:650px}.directory-cover>img{object-position:35% top}.directory-cover:after{background:linear-gradient(180deg,#0001,#0006 30%,#000f 65%)}.directory-overlay{margin-left:0;min-height:650px;justify-content:flex-end;padding:240px 22px 28px;gap:18px}.directory-overlay>p{font-size:15px}.directory-page .directory-overlay h1{font-size:36px}}
@media(min-width:651px){.directory-cover>img{width:56%;object-position:center 28%}.directory-cover:after{background:linear-gradient(90deg,transparent 28%,#0007 45%,#132010 58%)}}

.directory-banner{position:relative}.directory-banner img{display:block;width:100%;height:auto}.banner-control{position:absolute;top:72%;height:14%;background:transparent;border:0;color:transparent;cursor:pointer;border-radius:8px}.find-control{left:50.5%;width:22.5%}.sort-control{left:75%;width:23%}.banner-control:hover{box-shadow:0 0 18px #45df4266}.banner-control:focus-visible{outline:3px solid white;outline-offset:3px}.live-directory-controls{margin:24px auto 0;max-width:800px}.live-directory-controls label{color:#67e151}.live-directory-controls input,.live-directory-controls select{border:2px solid #56d747;min-height:48px}.directory-cover-section>.wrap{max-width:1680px}@media(max-width:650px){.live-directory-controls{grid-template-columns:1fr}.banner-control{min-height:0}}

/* Shared green and white brush header branding. */
header .brand img{filter:hue-rotate(-90deg)}header .brand .header-wordmark{font-family:"Permanent Marker",Impact,sans-serif!important;font-weight:400!important;color:#fff!important;line-height:1.1}header .brand .brand-green{color:#61e344!important}header .brand .brand-reviews{color:#fff!important;margin-left:3px}header .navlinks,header .mobile-menu{font-family:"Permanent Marker",Impact,sans-serif;font-weight:400}header .navlinks>a{color:#fff}header .navlinks .btn{background:#17320f!important;border:1px solid #61e344;color:white!important}header a:focus-visible{outline:3px solid #61e344;outline-offset:4px}@media(max-width:650px){header .brand .header-wordmark{font-size:13px}.home-page .brand span{display:inline}.home-page .brand .header-wordmark{display:block}.brand-reviews{display:block!important;margin-left:0!important}}
/* Green creator placeholders and profile accents. */
.avatar.initial,.profile-head .avatar.initial,.directory-page .creator .avatar.initial{background:#17320f!important;color:#6bed4d!important;border:2px solid #61e344!important}.avatar:not(.initial){border:2px solid #61e344}.directory-page .creator .profile-cta{color:#61e344!important}.directory-page .creator:hover{border-color:#61e344!important}.directory-page a:focus-visible,.directory-page input:focus-visible{outline-color:#61e344}

/* Brush typography is reserved for titles and introductory descriptions. */
.site-page main h1,.site-page main .admin-title,.site-page main .page-hero h1,.site-page main .hero h1{font-family:"Permanent Marker",Impact,sans-serif;font-weight:400;letter-spacing:0;line-height:1.2}.site-page main h1+p,.site-page .page-hero>p,.site-page .page-hero .wrap>p,.site-page .hero .wrap>p,.site-page .directory-toolbar .sort-note{font-family:"Permanent Marker",Impact,sans-serif;font-weight:400;line-height:1.6}.site-page .review-form h2,.site-page #creatorUpdateForm h2,.site-page .profile-section h2{font-family:"Permanent Marker",Impact,sans-serif;font-weight:400}.site-page .card,.site-page .card h1,.site-page .card h2,.site-page .card h3,.site-page .card h4,.site-page .card p,.site-page input,.site-page textarea,.site-page select,.site-page label{font-family:Arial,sans-serif}.site-page input,.site-page textarea,.site-page select{font-size:16px}

/* White logo lettering over the existing directory artwork. */
.directory-banner .directory-logo-white{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;clip-path:polygon(71% 1%,99% 1%,99% 22%,71% 22%);filter:grayscale(1) brightness(4) contrast(2);z-index:1}.directory-banner .banner-control{z-index:2}
