/* Local Arena brand study. Riding photography is decorative brand imagery, never a sample creator portrait. */
:root{--ink:#20201f;--muted:#625e68;--paper:#fbfaf8;--line:#dcd8e3;--violet:#6853c8;--violet-dark:#4e38a7;--lilac:#f0ecff;--serif:'Times New Roman',Georgia,serif;background:var(--paper);color:var(--ink)}

body{background:var(--paper)}

header{height:80px;background:#20201f;color:white;border-bottom:0}
.brand-logo{display:block;width:122px;height:53px;object-fit:contain;filter:invert(1)}
.header-divider{border-color:#5c595e}
.workspace-label{color:#e5e0eb;font-size:12px;letter-spacing:.04em}
#account-name{font-weight:600}
#sign-out{border:1px solid #77717e;border-radius:4px;color:white;background:transparent}
#sign-out:hover{background:#41384e;color:white;border-color:#ada0be}

.demo-guide{background:#e9e2ff;color:#3c2b77;border-bottom:0;font-size:11px;padding:6px 20px}
.demo-badge{background:#4e38a7;color:white;font-size:8px;letter-spacing:.1em;border-radius:2px}
.demo-guide a{color:#3c2b77}

#navigation{padding:9px 0;margin-bottom:15px;border-bottom:1px solid #c9c2d2}
.nav-primary{gap:5px}
.nav-primary a{font-weight:600;color:#4e465b;border-radius:4px;padding:8px 16px}
.nav-primary a[aria-current=page]{background:var(--violet);color:white;box-shadow:0 3px 0 #d4c8f1}
.nav-primary a:hover{background:#eee7ff;color:#372262}
.nav-primary a[aria-current=page]:hover{background:var(--violet-dark);color:white}
.nav-tools a,.nav-tools button{color:#62566e}

button{border-radius:4px;background:var(--violet);border-color:var(--violet);box-shadow:0 2px 0 #35225425;transition:background .16s,box-shadow .16s,transform .16s}
button:hover:not(:disabled){background:var(--violet-dark);border-color:var(--violet-dark);transform:translateY(-1px);box-shadow:0 4px 0 #35225425}
button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.secondary{background:white;color:var(--ink);border-color:#bbb2c6;box-shadow:none}
.secondary:hover:not(:disabled){background:#f0eaff;color:#372262;border-color:#8978b5}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b35516;outline-offset:3px}

.directory-hero{background:#7365d2;color:white;border-radius:6px;min-height:115px;padding:15px 44% 15px 26px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 4px 0 #ded7ed}
.directory-hero .eyebrow{color:white;font-size:9px;letter-spacing:.2em;margin-bottom:3px}
.directory-hero h1{font-family:var(--serif);font-size:43px;line-height:1;letter-spacing:-.045em;color:white;margin-bottom:6px}
.directory-hero .hero-subtitle{display:block;font:17px/1.25 var(--serif);color:white;margin:0}
.directory-hero .hero-description{display:none}
.directory-hero .arena-stamp{display:block;position:absolute;right:0;top:0;width:39%;height:100%;border:0;border-radius:0;background:url('/participant/assets/arena-riding.jpg') 55% 28%/cover no-repeat;font-size:0;transform:none;color:transparent}
.directory-hero .arena-stamp:after{display:none}

.directory-layout{gap:24px;grid-template-columns:222px minmax(0,1fr)}
.filter-panel{background:#242129;color:white;border:0;border-radius:6px;padding:22px 18px;box-shadow:4px 4px 0 #e1daec}
.filter-panel .eyebrow{color:#c9bcff}
.filter-panel h2{font:25px/1.05 var(--serif);letter-spacing:-.02em}
.filter-panel .filter-help{color:#d1cadc}
.filter-panel .filter-field label{color:white;font-weight:600;font-size:11px}
.filter-panel input{border:1px solid #9a90a9;background:white;color:#25222a;border-radius:4px}
.filter-panel input::placeholder{color:#71687c}
.filter-panel .filters>button[type=submit]{background:#7365d2;border-color:#9888ef;color:white;font-weight:700}
.filter-panel .filters>button[type=submit]:hover{background:#6250c6}
.filter-panel .filters>.secondary{color:#e5deef;background:transparent}
.filter-panel .filters>.secondary:hover{background:#443450}
.filter-panel .filter-body>.filters+.filter-help{border-color:#62536f}
.filter-panel .certification-filter{color:white}

.results-toolbar h2{font-size:16px;color:#29252e}
.results-hint{color:#6a5d7b;font-size:10px;letter-spacing:.035em}
.filter-chip{background:#eee7ff;color:#4e348b;border:1px solid #cec0eb;border-radius:3px;padding:4px 10px}

.cards{gap:18px;align-items:stretch}
.creator-directory .creator-card,.creator-card{background:white;border:1px solid #d4cddd;border-top:3px solid #786ad8;border-radius:6px;box-shadow:0 4px 0 #e8e2ed;transition:transform .18s,box-shadow .18s,border-color .18s}
.creator-card:hover,.creator-card:focus-within{border-color:#786ad8;box-shadow:0 7px 0 #ddd2f1,0 10px 22px #4c267e0c;transform:translateY(-2px)}

.creator-directory .creator-cover,.creator-card .creator-cover{height:auto;min-height:73px;padding:13px 16px 10px;margin-bottom:0;background:white!important;display:flex;justify-content:flex-start;align-items:center;gap:11px}
.creator-directory .creator-monogram,.creator-cover .creator-monogram{width:42px;height:42px;border:1px solid #d2c8e9;background:#eee8ff;color:#4d3485;font:22px var(--serif);box-shadow:0 2px 0 #e1d8f1}
.card-identity{min-width:0}
.creator-card .card-identity h2{font-size:18px;letter-spacing:-.025em;font-weight:750;color:#252129;margin:0 0 6px}
.creator-cover .creator-badges{max-width:none;justify-content:flex-start;gap:4px}
.creator-cover .tag{background:#f4f1f7;color:#51465d;border:0;font-size:9px;padding:3px 5px;border-radius:2px}
.creator-cover .certified-tag{background:#e7e0fc;color:#4c3486}

.creator-meta{color:#62566d}
.creator-card .creator-bio{color:#514a59}
.creator-card .creator-socials{background:white;padding:0}
.creator-card .creator-socials li{border-top-color:#ded8e5}
.creator-card .social-count{color:#252129;font-weight:750;font-size:17px}
.creator-card .social-platform{color:#3e334b;font-weight:700}
.creator-card .profile-date{color:#6d6278}

.creator-directory .view-profile,.view-profile{background:var(--violet);border:1px solid var(--violet);color:white;font-weight:650;box-shadow:0 2px 0 #3d266827;border-radius:4px}
.view-profile:hover:not(:disabled){background:var(--violet-dark);color:white}
.button-arrow{font-size:20px;line-height:1;transition:transform .18s}
.view-profile:hover .button-arrow{transform:translateX(3px)}
.results-disclaimer{color:#6f6578}
.pagination{border-color:#d1c7dd}
.pagination button{border-radius:4px}
.workspace-footer{border-color:#cfc5dc;color:#6d6376}
.workspace-footer>span:first-child{font:22px var(--serif);color:#3f2c61;letter-spacing:-.04em}

.profile-hero{background:#7365d2!important;color:white;border:0;border-radius:6px;box-shadow:0 4px 0 #ded7ed;position:relative;overflow:hidden}
.profile-hero:after{content:'\2726';font:150px/1 var(--serif);position:absolute;right:30px;top:12px;color:#a699ef;pointer-events:none}
.profile-hero>div{position:relative;z-index:1;max-width:80%}
.profile-hero .eyebrow{color:white}
.profile-hero h1{color:white}
.profile-hero .tag{color:#422c72;background:white}
.profile-hero .creator-monogram{background:white;color:#594195;border-color:#d6c8f7}
.profile-about,.profile-next,.history,.campaign>.card,.card{border-color:#d6cddd;background:white;border-radius:6px}
.profile-next{border-top:4px solid #786ad8;box-shadow:4px 4px 0 #e7dfef}
.profile-next h2{color:#30233f}
.profile-next .actions button:not(.secondary):not(.primary-contact){background:#242129;border-color:#242129}
.notice{background:#f0eaff;border-color:#d8caee;border-left-color:#786ad8}
.profile-about .creator-socials{background:white;padding:0}
.social-count{color:#29232f}
.journey-partner{color:#513891}
.message{background:#f1ebfc;border-left:3px solid #786ad8}
.campaign form{background:#fbf9ff;border-color:#d8cbe8}
.campaign h1,.history h1,.page-heading h1{color:#29212f}
.save-confirmation{background:#edf3e8;border-color:#c8d9bc;border-left-color:#4d793e;color:#36562c}

.page-heading{border-left:5px solid #786ad8;padding:9px 22px 4px;margin:10px 0 24px}
.page-heading h1{margin-bottom:8px}
.page-heading .eyebrow{margin-bottom:6px}
.page-heading .hero-description{margin-bottom:7px}
#auth-panel{border:1px solid #d3c5e5;border-top:5px solid #786ad8;box-shadow:7px 7px 0 #e5dbee;background:white;border-radius:6px}
#auth-panel h1{color:#382549}
#demo-entry{background:#f0e8ff;border-color:#d5c4ed}
#demo-entry button{background:white;border-color:#b8a2d3}

@media(max-width:1100px){.directory-layout{grid-template-columns:210px minmax(0,1fr)}
.directory-hero{padding-left:24px}
}

@media(max-width:760px){header{height:64px;padding:0 16px;gap:10px}
.brand-logo{width:102px;height:45px}
.demo-guide{padding:3px 16px}
.demo-guide>span:nth-child(2){display:none}
.demo-badge{font-size:8px;padding:3px 6px}
#navigation{margin-bottom:10px;padding:5px 0 6px}
.nav-primary{gap:0 3px;flex-wrap:wrap;overflow:visible}
.nav-primary a{font-size:11px;padding:8px 10px;min-height:44px}
.nav-tools a,.nav-tools button{font-size:10px}
.directory-hero{min-height:75px;padding:8px 35% 8px 15px;margin-bottom:12px;border-radius:4px;box-shadow:0 3px 0 #ded7ed}
.directory-hero .eyebrow{display:none}
.directory-hero h1{font-size:31px;margin:0;line-height:1.05}
.directory-hero .hero-subtitle{display:block;font-size:12px;margin-top:4px;line-height:1.2;max-width:180px}
.directory-hero .arena-stamp{display:block;right:0;top:0;width:31%;height:100%;background-position:64% 42%}
.creator-directory .directory-layout{grid-template-columns:1fr;gap:8px}
.filter-panel{padding:0;background:white;border:1px solid #bdb0ce;box-shadow:0 2px 0 #e8e0f0;border-radius:4px}
.filter-toggle{background:white;color:#3c2859;padding:8px 14px}
.filter-toggle:hover:not(:disabled){background:#f0e7ff}
.filter-panel.is-open .filter-body{background:#242129;padding-top:18px}
.filter-panel .filter-help{font-size:11px}
.directory-results .results-toolbar{margin-bottom:5px}
.results-toolbar h2{font-size:15px}
.creator-directory .creator-cover,.creator-card .creator-cover{min-height:69px;padding:10px 16px 8px;margin-bottom:0}
.creator-directory .creator-monogram{width:40px;height:40px;font-size:22px}
.creator-card .card-identity h2{font-size:18px}
.creator-directory .creator-socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}
.creator-directory .social-count{font-size:17px}
.creator-directory .social-count-label{font-size:9px}
.creator-directory .social-handle,.creator-directory .social-date{font-size:9px}
.creator-directory .view-profile{min-height:44px}
.creator-directory .creator-bio{font-size:12px;line-height:1.5}
.profile-hero{padding:23px 20px}
.profile-hero:after{font-size:90px;right:10px;top:0;opacity:.45}
.profile-hero>div{max-width:100%}
.profile-hero h1{font-size:33px}
.profile-next{box-shadow:3px 3px 0 #e5dcee}
.profile-next h2{font-size:29px}
.workspace-footer{margin-top:32px}
.page-heading{padding-left:16px}
}

@media(max-width:360px){.brand-logo{width:94px;height:41px}
#account-name{font-size:9px;max-width:100px}
#sign-out{font-size:10px}
.directory-hero{padding-left:12px;padding-right:34%}
.directory-hero h1{font-size:28px}
.directory-hero .hero-subtitle{font-size:11px}
.nav-primary a{padding:8px 9px}
.creator-directory .creator-socials{gap:8px}
.creator-card .card-identity h2{font-size:17px}
}

@media(prefers-reduced-motion:reduce){button,.creator-card,.button-arrow{transition:none!important;transform:none!important}
}