*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:300 15px/1.6 var(--body)}

/* BRAND TITLE: same class names and values as the Home page titles on coverpageagency.com.
   Size comes only from this class. Caps line on one line, script word tucked under the end of it. */
.h2_upcoming{display:inline-block;max-width:100%;color:var(--black);margin:0;font-family:"Classy Vogue",Inter,sans-serif;font-size:104px;font-weight:400;line-height:1;text-transform:uppercase}
.h2_upcoming:lang(it){font-size:96px}
.section_title_span{display:block;text-align:right;margin-top:-.3em;color:var(--hermes-orange);font-family:Hurricane,Arial,sans-serif;font-weight:400;line-height:.8;text-transform:none;text-shadow:0 0 18px rgba(226,91,30,.28)}
@media(max-width:991px){.h2_upcoming{font-size:80px}.h2_upcoming:lang(it){font-size:80px}}
@media(max-width:479px){.h2_upcoming{font-size:34px}.h2_upcoming:lang(it){font-size:32px}}

.bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:14px 24px;background:rgba(251,251,252,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.brand{font-family:var(--head);letter-spacing:.3em;font-size:13px;text-transform:uppercase}
.tabs{display:flex;gap:2px;flex-wrap:wrap}
.tabs button{background:none;border:0;color:var(--mute);padding:6px 12px;cursor:pointer;font:400 12px var(--body);letter-spacing:.08em;border-bottom:1px solid transparent}
.tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
.demo{margin-left:auto;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
main{max-width:1180px;margin:0 auto;padding:40px 24px 90px}
.view{display:none}.view.on{display:block}
.eyebrow,.tag{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.lead{color:var(--mute);max-width:520px;margin:22px 0 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:14px}
.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
.hero2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start;margin-top:34px}
@media(max-width:860px){.grid2,.hero2{grid-template-columns:1fr}}
label.f{display:block;font-size:11px;color:var(--mute);margin:12px 0 5px;letter-spacing:.18em;text-transform:uppercase}
input[type=text],input[type=email],input[type=url],input[type=date],select{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:300 15px var(--body)}
input:focus,select:focus{outline:0;border-color:var(--line2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chk{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:13px}
.chk input{margin-top:3px;accent-color:#111}
.btn{background:var(--stone);color:var(--ink);border:1px solid var(--line2);border-radius:999px;padding:10px 22px;font:500 12px var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;display:inline-block;text-decoration:none}
.btn:hover{background:#d8d8d9}
.btn.ghost{background:none}
.btn.sm{padding:7px 14px;font-size:11px}
.mute{color:var(--mute)}.small{font-size:12px}
.ticks{padding-left:18px;color:var(--mute);margin:0}.ticks li{margin:7px 0}
.head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.av{width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-family:var(--head);letter-spacing:.06em}
.grow{flex:1;min-width:140px}
.h2{font-family:var(--head);font-size:19px;letter-spacing:.04em;line-height:1.3}
.pill{border:1px solid var(--line2);color:var(--ink);border-radius:999px;padding:4px 14px;font-size:12px;letter-spacing:.1em;cursor:pointer;white-space:nowrap}
.pill.static{cursor:default}
.badge{border-radius:999px;padding:3px 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:var(--mute)}
.l-Ambassador{background:var(--stone);color:var(--ink);border-color:var(--line2)}.l-Regular{color:var(--ink);border-color:var(--line2)}.l-Member{color:var(--ink)}
.sw{display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.08em;cursor:pointer}
.sw input{accent-color:#111;width:17px;height:17px}
.subtabs{display:flex;gap:4px;margin:2px 0 16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.subtabs button{background:none;border:0;border-bottom:1px solid transparent;color:var(--mute);padding:8px 14px;cursor:pointer;font:400 12px var(--body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:-1px}
.subtabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
.demoBar{font-size:11px;color:var(--mute);display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:16px;padding:8px 12px;border:1px dashed var(--line2);border-radius:12px;letter-spacing:.08em}
.demoBar button{background:none;border:1px solid var(--line2);color:var(--ink);border-radius:999px;padding:3px 11px;font:400 11px var(--body);cursor:pointer}
.demoBar button:hover{background:var(--stone)}
.demoBar .sep{width:1px;height:16px;background:var(--line2);margin:0 4px}
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(max-width:560px){.ladder{grid-template-columns:1fr 1fr}}
.step{border:1px solid var(--line);border-radius:12px;padding:10px;font-size:12px;color:var(--mute)}
.step b{display:block;color:var(--ink);font:400 14px var(--head);letter-spacing:.06em}
.step.cur{border-color:var(--ink)}.step.done b{color:var(--ok)}
.task{display:flex;gap:14px;align-items:flex-start}
.tick{width:26px;height:26px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;flex:none;font-size:13px}
.task.done .tick{background:var(--ink);color:#fff;border-color:var(--ink)}
.q{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin:8px 0;font-size:14px}
.job .top{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.st.ok{color:var(--ok)}.st.warn{color:var(--warn)}.st.wait,.st.mute{color:var(--mute)}
.phone{background:var(--panel);border:1px solid var(--line);border-radius:26px;overflow:hidden;position:sticky;top:80px}
.pHead{padding:14px 18px;font-family:var(--head);letter-spacing:.1em;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px}
.pHead span{font:400 11px var(--body);color:var(--mute);letter-spacing:.14em;text-transform:uppercase}
.msgs{padding:16px;display:flex;flex-direction:column;gap:10px;min-height:340px;background:var(--panel2)}
.msg{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:11px 14px;font-size:13px;max-width:92%;white-space:pre-line}
.msg .btn{margin-top:10px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.clock{font-family:var(--head);font-size:30px;letter-spacing:.08em}
.banner{border:1px solid var(--line2);color:var(--warn);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:13px;background:var(--panel)}
.banner.ok{color:var(--ok)}
#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:10px 20px;border-radius:999px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:9}
#toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

.how{font-family:var(--head);font-weight:400;font-size:28px;letter-spacing:.06em;margin:0 0 18px;color:var(--black)}
.steps3{list-style:none;counter-reset:s;margin:0;padding:0}
.steps3 li{counter-increment:s;position:relative;padding:0 0 22px 52px}
.steps3 li:before{content:counter(s);position:absolute;left:0;top:-2px;width:34px;height:34px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;font-family:var(--head);font-size:17px}
.steps3 b{display:block;font-family:var(--head);font-weight:400;font-size:19px;letter-spacing:.06em;margin-bottom:2px}
.steps3 span{color:var(--mute)}
.free{border-top:1px solid var(--line);padding-top:16px;margin:4px 0 0;font-family:var(--head);font-size:17px}

.bar{position:static;padding:8px 24px;background:var(--panel2)}
.bar .brand{display:none}
.siteold{display:flex;align-items:center;gap:30px;padding:20px 40px;border-bottom:1px solid var(--line);background:var(--bg)}
.site .logo{font-family:var(--head);font-size:22px;letter-spacing:.04em;color:var(--black);text-decoration:none}
.snav{display:flex;gap:26px;margin-left:auto;flex-wrap:wrap}
.snav a{font:400 12px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--black);text-decoration:none}
.lang{font:400 12px var(--body);letter-spacing:.16em;border:1px solid var(--line2);border-radius:999px;padding:5px 12px}
.sitef{border-top:1px solid var(--line);padding:46px 40px 30px;background:var(--bg)}
.sitef .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1180px;margin:0 auto}
.sitef h4{font:400 17px var(--head);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.sitef a{display:block;color:var(--mute);text-decoration:none;font-size:14px;margin:6px 0}
.sitef .copy{max-width:1180px;margin:30px auto 0;color:var(--mute);font-size:12px}
body.app .site,body.app .sitef{display:none}
@media(max-width:700px){.site{padding:16px 24px;gap:12px}.snav{margin-left:0;gap:14px;width:100%;order:3}.sitef .cols{grid-template-columns:1fr 1fr}.sitef{padding:36px 24px 24px}}
.next{margin-top:34px;max-width:560px}
#v-thanks .lead{margin-top:48px}

.loginbox{max-width:420px;margin-top:34px}
.alogin{font:400 12px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--black);text-decoration:none;margin-left:18px}
.snav+.alogin{margin-left:0}
input[type=password]{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:300 15px var(--body)}
input[type=password]:focus{outline:0;border-color:var(--line2)}
.demonote{border-top:1px dashed var(--line2);padding-top:10px}
#v-login .lead{margin-top:48px}

/* HEADER AND FOOTER: values read from coverpageagency.com (.navbar-2 and footer.ftr) */
.hdr{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:73px;padding:0 48px;background:#fbfbfc}
.hdr-logo{display:flex;align-items:center;justify-self:start}
.hdr-logo img{width:48px;height:68px;filter:brightness(0);display:block}
.hdr-nav{display:flex;align-items:center}
.hdr-nav a{padding:20px 11px;font:400 17px "Classy Vogue",Inter,sans-serif;letter-spacing:.34px;text-transform:uppercase;color:#111;text-decoration:none}
.hdr-lang{justify-self:end;display:flex;align-items:center;gap:8px;font:400 11px Inter,sans-serif;letter-spacing:1.76px;color:#141311}
.hdr-lang i{width:1px;height:10px;background:#141311;opacity:.5}
.ftr2{background:#fbfbfc;color:#333;padding:0 0 10px}
.ftr-wrap{max-width:1312px;margin:0 auto;padding:0 24px}
.ftr-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:72px 0 60px}
.ftr-brandrow{display:flex;align-items:center;gap:16px}
.ftr-brandrow img{width:31px;height:44px;filter:brightness(0)}
.ftr-brandrow span{font:400 11px Inter,sans-serif;letter-spacing:3.3px;color:#111}
.ftr-desc{font:300 12px/1.7 Inter,sans-serif;color:#333;max-width:340px;margin:18px 0}
.ftr-cta{font:400 13px Inter,sans-serif;letter-spacing:2.34px;text-transform:uppercase;color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:3px}
.ftr2 h4{font:500 10.5px Inter,sans-serif;letter-spacing:3.15px;text-transform:uppercase;color:#666;margin:0 0 20px}
.ftr2 h4.gap{margin-top:34px}
.ftr2 .ftr-top a:not(.ftr-cta){display:block;font:300 14px/1 Inter,sans-serif;color:#111;text-decoration:none;margin:0 0 14px}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 12px;font:300 11.5px Inter,sans-serif;color:#666;flex-wrap:wrap}
.ftr-soc{display:flex;gap:18px}.ftr-soc img{width:20px;height:20px;filter:brightness(0)}
.ftr-wm{font:400 min(176px,12.4vw)/.86 "Classy Vogue",Inter,sans-serif;letter-spacing:.02em;color:#111;text-align:center;white-space:nowrap;padding:20px 0 6px}

@media(max-width:991px){.hdr{padding:0 24px;grid-template-columns:auto 1fr auto;height:auto;min-height:73px;row-gap:0}.hdr-nav{grid-column:1/-1;order:3;justify-content:center;flex-wrap:wrap;padding-bottom:6px}.hdr-nav a{padding:10px 8px;font-size:14px}.ftr-top{grid-template-columns:1fr 1fr;padding:48px 0 36px}.ftr-top>div:first-child{grid-column:1/-1}}
@media(max-width:479px){.ftr-top{grid-template-columns:1fr}}

.card a,.small a{color:#111;text-decoration:underline}

/* staff console */
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
.kpi .n{font:400 26px var(--head)}.kpi .l{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:4px}
@media(max-width:991px){.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.kpis{grid-template-columns:repeat(2,1fr)}}
.deskhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.feed{padding:6px 16px;max-height:420px;overflow:auto}.fi{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.fi:last-child{border:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filters input,.filters select{width:auto;flex:1 1 150px}
.tablewrap{overflow-x:auto;padding:8px 12px}
tr.row{cursor:pointer}tr.row:hover td,tr.row.sel td{background:var(--panel2)}
.pm{position:sticky;top:12px}.pm .head{margin-bottom:6px}
.ap{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
select[data-e],select[data-f]{width:100%}
input[type=password]{display:block}

.switch{display:flex;gap:4px;align-items:center;padding:3px 4px 3px 12px;border:1px solid var(--line2);border-radius:999px;font:400 11px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.switch a{padding:4px 12px;border-radius:999px;color:var(--ink);text-decoration:none}.switch a.on{background:var(--stone)}
textarea{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:300 14px var(--body)}
td input[type=text],td input[type=number],td select{padding:6px 8px;font-size:13px}

.pw{position:relative}.pw input{padding-right:64px}.eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;font:500 11px Inter,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#666;cursor:pointer;padding:6px}.eye:hover{color:#111}

.seg{display:flex;gap:0;margin:0 0 8px;flex-wrap:wrap}.seg button{background:var(--panel);border:1px solid var(--line);padding:9px 14px;font:500 11px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#555;cursor:pointer;margin-right:-1px}.seg button.on{background:#111;color:#fff;border-color:#111}
.drop{display:block;border:1.5px dashed #bdb8a9;border-radius:12px;padding:22px 14px;text-align:center;font-size:14px;color:#555;cursor:pointer;margin-top:8px;background:var(--panel2)}.drop:hover,.drop.over{border-color:#111;background:#fff;color:#111}
.thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--line);cursor:zoom-in;display:block}
.blogrow{padding:10px 0;border-bottom:1px solid var(--line)}.blogrow:last-of-type{border:0}
.st.wait{color:#8a6d1c}.lb{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:99;cursor:zoom-out}.lb img{max-width:92vw;max-height:90vh;border-radius:8px}

.sec{display:flex;align-items:center;gap:12px;font:500 11px Inter,sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#111;margin:34px 0 12px;padding-top:18px;border-top:1px solid #111}.sec:first-child{margin-top:8px}.sec span{display:inline-flex;width:22px;height:22px;border:1px solid #111;border-radius:50%;align-items:center;justify-content:center;font-size:10px;letter-spacing:0}
.how{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 14px;font-size:14px}.how summary{cursor:pointer;font:500 11px Inter,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#555}
.bar2{height:6px;background:var(--stone);border-radius:3px;margin-top:8px;overflow:hidden}.bar2 i{display:block;height:100%;background:#111}

.viewtag{display:inline-block;font:500 11px Inter,sans-serif;letter-spacing:2px;text-transform:uppercase;padding:7px 12px;border-radius:999px;margin-bottom:14px;border:1px solid #111}.viewtag.artist{background:#fff;color:#111}.viewtag.staff{background:#111;color:#fff}
body.app .viewtag{margin-top:6px}

.hero{background:#000;height:clamp(300px,calc(100vh - 273px),56.25vw);overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;display:block}
body:not([data-page=roster]) .hero{height:clamp(170px,26vw,340px)}
@media(max-width:600px){.hero,body:not([data-page=roster]) .hero{height:auto}.hero img{height:auto;aspect-ratio:16/9}}
.mis .badge2{display:inline-block;font:500 10px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:#555;margin-left:6px}
.why{font-size:13px;color:#555;margin:6px 0 10px}.chart{width:100%;height:auto;display:block}.chart text{font:11px Inter,sans-serif;fill:#666}
.prog{height:8px;background:var(--stone);border-radius:4px;overflow:hidden;margin:6px 0}.prog i{display:block;height:100%;background:#111}
textarea.t{width:100%;min-height:70px;font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:8px}
/* fit the screen: compact hero, tighter spacing, two column login */
.hero{height:clamp(150px,24vh,300px)}
body:not([data-page=roster]) .hero{height:clamp(84px,13vh,140px)}
.hero img{object-position:center 60%}
main{padding-top:22px}
body:not([data-page=roster]) main .lead{margin-bottom:14px}
[data-page=login] #v-login{text-align:center;display:flex;flex-direction:column;align-items:center}
[data-page=login] #v-login .lead{max-width:520px;margin:40px auto 14px}
[data-page=login] #v-login .loginbox{width:100%;max-width:480px;margin:0 auto;text-align:left}
@media(max-width:600px){
 .hero,body:not([data-page=roster]) .hero{height:96px}.hero img{height:100%;aspect-ratio:auto;object-position:center 40%}
 body[data-page=roster] .hero{height:130px}
 main{padding:14px 16px 60px}
}

/* ARTIST DESK, DESKTOP: side nav, main, phone */
.dash{display:block}
.dphone{margin-top:22px}
@media(min-width:1000px){
 .dash{display:grid;grid-template-columns:170px minmax(0,1fr) 290px;gap:26px;align-items:start}
 .subtabs.side{flex-direction:column;gap:2px;margin:0;border-bottom:0;position:sticky;top:90px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
 .subtabs.side button{text-align:left;border:0;border-radius:10px;padding:12px 14px;margin:0;font-size:12px}
 .subtabs.side button.on{background:#111;color:#fff;border:0}
 .dphone{margin-top:0}
 .jobgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
 .jobgrid .card{margin:0;display:flex;flex-direction:column}
 .jobgrid .card .btn{align-self:flex-start;margin-top:auto}
}
@media(min-width:1500px){.jobgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){
 #v-profile{text-align:left}
 body.app #v-profile .h2_upcoming{font-size:64px;margin-bottom:6px}
 #v-profile .viewtag{margin-bottom:2px}
 #v-profile .demoBar{margin:10px 0 14px;padding:5px 10px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
 #v-profile .head{padding:12px 18px}
 #v-profile .head .sw{white-space:nowrap}
 #v-profile .how{margin-bottom:10px}
}
@media(min-width:1000px){#v-profile .viewtag{display:block;width:max-content}}

/* MARKETS AND LICENCE */
.mkts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.mt{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.mt td{padding:7px 0;border-bottom:1px solid var(--line)}.mt td:last-child{text-align:right}
.crit{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.crit:last-of-type{border-bottom:0}
.cbar{display:flex;flex-direction:column;gap:4px}.rbar{height:8px;border-radius:99px;background:var(--stone);overflow:hidden}.rbar i{display:block;height:100%;background:#111}
.mods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mods .card{margin:0}.mods .n{font:400 11px var(--body);letter-spacing:.16em;color:var(--mute)}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two2 .card{margin:0}
.lic h3{font-family:var(--head);font-weight:400;font-size:22px;letter-spacing:.04em;margin:34px 0 12px}
@media(max-width:900px){.mods{grid-template-columns:1fr 1fr}.two2,.crit{grid-template-columns:1fr}}

.scr{font-family:Hurricane,"Classy Vogue",cursive;color:#E25B1E;font-size:1.7em;line-height:.6;letter-spacing:0;text-shadow:0 0 14px rgba(226,91,30,.25);padding:0 2px}
.callgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px;align-items:start}
.agenda{display:flex;flex-direction:column;gap:12px}
.ag{display:flex;gap:18px;align-items:flex-start;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.ag .n{font:400 30px "Classy Vogue",Inter,sans-serif;color:#E25B1E;line-height:1;min-width:38px}
@media(max-width:900px){.callgrid{grid-template-columns:1fr}}

/* WELCOME STEP */
.welcome{text-align:center;padding:40px 0 70px}.welcome .lead{margin:6px auto 26px;max-width:460px}.wcta .btn{margin:0 5px 8px}
#rStep2{animation:rv .5s ease}@keyframes rv{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:880px;margin:10px auto 0;text-align:left}
.door{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.door:hover{transform:translateY(-2px);border-color:#E25B1E}
.door b{font:400 19px "Classy Vogue",serif;letter-spacing:1px;text-transform:uppercase}.door span{font-size:13px;color:#666;line-height:1.5;flex:1}
.door i{font:500 11px Inter,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#E25B1E;font-style:normal}
@media(max-width:760px){.doors{grid-template-columns:1fr}}
.doors{margin-top:34px!important}.door b{font-size:17px}

/* PHONE: clean artist view, prototype menu tucked in a floating pill */
.barT{display:none}
@media(max-width:760px){
 .bar{position:fixed;left:12px;bottom:12px;top:auto;z-index:50;padding:0;background:none;border:0;display:block;backdrop-filter:none}
 .barT{display:block;background:#111;color:#fff;border:0;border-radius:999px;padding:9px 14px;font:500 10px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;opacity:.82}
 .bar .tabs,.bar .demo{display:none}
 .bar.open .tabs{display:flex;flex-direction:column;position:absolute;bottom:42px;left:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 8px 30px rgba(0,0,0,.15);min-width:200px}
 .bar.open .demo{display:block;position:absolute;bottom:calc(42px + 232px);left:0;margin:0;white-space:nowrap}
 .bar .tabs button{text-align:left;padding:10px 12px}
 .hdr{min-height:60px;padding:0 20px;grid-template-columns:auto 1fr}.hdr-nav{display:none}.hdr-lang{justify-self:end}
 .hdr-logo img{width:36px;height:51px}
}
@media(max-width:760px){.bar.open .demo{display:none}}

/* PROTOTYPE MENU: floating pill at every width, never part of the page */
.bar{position:fixed!important;left:12px;bottom:12px;top:auto!important;z-index:50;padding:0!important;background:none!important;border:0!important;display:block!important;backdrop-filter:none}
.barT{display:block!important;background:#111;color:#fff;border:0;border-radius:999px;padding:9px 14px;font:500 10px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;opacity:.82;cursor:pointer}
.bar .tabs,.bar .demo{display:none}
.bar.open .tabs{display:flex!important;flex-direction:column;position:absolute;bottom:42px;left:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 8px 30px rgba(0,0,0,.15);min-width:200px}
.bar .tabs button{text-align:left;padding:10px 12px}
/* HERO = live site: whole collage, full width, same on every page */
.hero,body:not([data-page=roster]) .hero,body[data-page=roster] .hero{height:clamp(260px,calc(100vh - 168px),56.25vw)!important;overflow:hidden}
.hero img,.hero img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover;object-position:center!important;display:block}
@media(max-width:600px){.hero,body:not([data-page=roster]) .hero,body[data-page=roster] .hero{height:auto!important}.hero img{height:auto!important;aspect-ratio:16/9!important}}
.doors.two{grid-template-columns:repeat(2,1fr);max-width:620px}.ptn{text-align:center;margin:22px 0 0}.ptn a{color:#111}@media(max-width:760px){.doors.two{grid-template-columns:1fr}}

/* HERO MARQUEE like the live site */
.hero{position:relative}.mq{position:absolute;left:0;right:0;bottom:0;height:51px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.mq-l{position:absolute;left:50%;top:3px;transform:translateX(-50%);font:400 6px Inter,sans-serif;letter-spacing:2px;color:#fff;opacity:.6;z-index:2}
.mq-t{display:flex;align-items:center;gap:56px;padding-right:56px;width:max-content;animation:mq 60s linear infinite}.mq-t img{height:16px;width:auto;opacity:.72;flex:none}
@keyframes mq{to{transform:translateX(-50%)}}
.hero,body:not([data-page=roster]) .hero,body[data-page=roster] .hero{height:calc(100vh - 273px)!important;min-height:300px}
.welcome{padding:48px 0 70px}.wcta .btn.big{padding:16px 34px;font-size:12px;margin:0 8px 12px}
@media(max-width:600px){.hero,body:not([data-page=roster]) .hero,body[data-page=roster] .hero{height:auto!important}.hero img:not(.mq img){height:auto!important;aspect-ratio:16/9!important}}
.hero .mq img{width:auto!important;height:16px!important;aspect-ratio:auto!important;object-fit:contain!important;flex:none}
@media(max-width:600px){.mq{height:34px}.mq-t{gap:34px}.hero .mq img{height:11px!important}}
@media(max-width:600px){.hero,body:not([data-page=roster]) .hero,body[data-page=roster] .hero{min-height:0!important}}
.bar:not(.open) .demoBar{display:none!important}.bar.open .demoBar{position:absolute;bottom:42px;left:0;transform:translateY(calc(-100% - 0px));margin:0}.bar.open .tabs{bottom:calc(42px + 52px)}
/* SHORTER HERO, BIGGER BUTTONS */
.hero,body:not([data-page=roster]) .hero,body[data-page=roster] .hero{height:clamp(240px,46vh,480px)!important;min-height:0!important}
.hero>img{object-position:center 42%!important}
.welcome{padding:44px 20px 60px}
.wcta .btn.big{font-size:15px;letter-spacing:2.4px;padding:24px 56px;margin:0 10px 14px}
.ptn,.ptn a{font-size:15px}
@media(max-width:600px){
 .hero,body:not([data-page=roster]) .hero,body[data-page=roster] .hero{height:190px!important}
 .hero>img{height:100%!important;aspect-ratio:auto!important;object-fit:cover}
 .welcome{padding:30px 20px 40px}
 .wcta .btn.big{display:block;width:100%;max-width:340px;margin:0 auto 14px;padding:22px 20px;font-size:15px}
}
.welcome .h2_upcoming{margin-bottom:56px}@media(max-width:600px){.welcome .h2_upcoming{margin-bottom:34px}}
.ptn{font:400 15px Inter,sans-serif;color:#111;margin-top:6px}.ptn span{letter-spacing:2.4px;font-size:12px;color:#666;margin-right:10px}.ptn i{font-style:normal;color:#888;margin:0 6px}.ptn a{color:#111;text-underline-offset:4px}

/* FOOTER = live site "Site Footer" component, values read from the live page (2560px, 6 Oct 2026) */
.nf{background:#fbfbfc;border-top:1px solid rgba(0,0,0,.1);padding-bottom:10px;color:#333;font:400 14px/20px Inter,sans-serif}
.nf-inner{max-width:1840px;margin:0 auto;padding:0 80px}
.nf-top{display:grid;grid-template-columns:1.6fr 1.5fr 1fr 1fr .8fr 1.1fr;column-gap:64px;row-gap:40px;padding:40px 0 28px}
.nf-brandrow{display:flex;align-items:center;column-gap:16px;margin-bottom:18px}
.nf-logo{width:auto;height:44px;filter:brightness(0)}
.nf-brandname{font-size:13px;font-weight:600;letter-spacing:.3em;line-height:1.5;color:#111;text-transform:uppercase}
.nf-tag{font-size:13.5px;font-weight:300;line-height:1.75;color:#595959;max-width:300px;margin:0}
.nf-head{font-size:10.5px;font-weight:500;letter-spacing:.3em;line-height:20px;color:#666;text-transform:uppercase;margin-bottom:20px}
.nf-link{display:block;padding:4px 0;font-size:14px;font-weight:300;line-height:20px;color:#111;text-decoration:none;transition:opacity .25s ease}
.nf-link:hover{opacity:.45}
.nf-cta{display:inline-block;margin-top:96px;padding:12px 26px;font-size:12.5px;font-weight:500;letter-spacing:2.5px;line-height:20px;color:#1a1a1a;text-transform:uppercase;border:1px solid #1a1a1a;border-radius:999px;text-decoration:none;white-space:nowrap;transition:opacity .25s ease}
.nf-cta:hover{opacity:.45}
.nf-bottom{display:flex;justify-content:space-between;align-items:center;column-gap:16px;row-gap:12px;padding:20px 0 12px;border-top:1px solid rgba(0,0,0,.1)}
.nf-copy{font-size:11.5px;color:#666}
.nf-socials{display:flex;align-items:center;column-gap:18px}.nf-socials img{width:20px;height:20px;object-fit:contain;filter:brightness(0)}
.nf-markwrap{padding:26px 0 16px;line-height:1;overflow:hidden}
.nf-mark{font-family:"Classy Vogue",Inter,sans-serif;font-size:min(9vw,120px);font-weight:400;line-height:.9;letter-spacing:.02em;color:#111;text-align:center;text-transform:uppercase;white-space:nowrap}
@media(max-width:991px){.nf-inner{padding:0 32px}.nf-top{grid-template-columns:1fr 1fr;column-gap:32px;row-gap:36px;padding-top:56px}.nf-brand{grid-column:1/-1}.nf-cta{margin-top:20px}}
@media(max-width:600px){.nf-bottom{flex-wrap:wrap}.nf-copy{width:100%}.nf-top{grid-template-columns:1fr 1fr}}

/* FRONT PAGE: artists and partners side by side */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;max-width:1100px;margin:0 auto}
.duo-c{text-align:center}.duo-c .h2_upcoming{display:inline-block;margin:0 0 56px!important;text-align:left}
.duo-c .wcta{margin:0}.duo-c .wcta .btn.big{margin:0 6px 14px;padding:22px 34px}
@media(max-width:760px){.duo{grid-template-columns:1fr;gap:40px}.duo-c .wcta .btn.big{display:block;max-width:340px;margin:0 auto 14px;padding:22px 20px}.duo-c .h2_upcoming{margin-bottom:34px!important}}
/* three doors: artists, vendors, partners. Side by side from 761px, stacked like before on phones */
.duo.trio{max-width:1180px}
@media(min-width:761px){.duo.trio{grid-template-columns:repeat(3,1fr);gap:24px 20px}.duo.trio .h2_upcoming,.duo.trio .h2_upcoming:lang(it){font-size:clamp(46px,6.4vw,64px)}.duo.trio .duo-c .h2_upcoming{margin-bottom:44px!important}.duo.trio .wcta .btn.big{display:block;width:100%;max-width:250px;margin:0 auto 12px;padding:20px 16px}}

/* LIVE: join, login, artist desk, team desk, privacy */
.btn.big{padding:16px 34px;font-size:12px}
.btn:disabled{opacity:.45;cursor:wait}
.btn.red{background:#8f2a1c;border-color:#8f2a1c;color:#fff}.btn.red:hover{background:#74200f}
.btn.on{background:#111;color:#fff;border-color:#111}
input[type=tel],input[type=number]{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:300 15px var(--body)}
input[type=tel]:focus{outline:0;border-color:var(--line2)}
textarea.t{display:block}
.bad,input.bad,select.bad,.pgrid.bad,.chips.bad{border-color:#b3402a!important;box-shadow:0 0 0 2px rgba(179,64,42,.12)}
.lsw{display:flex;gap:6px;justify-content:flex-end;margin:0 0 6px}
.lsw button{background:none;border:1px solid var(--line2);border-radius:999px;padding:4px 12px;font:500 11px var(--body);letter-spacing:.14em;cursor:pointer;color:var(--mute)}
.lsw button.on{background:#111;color:#fff;border-color:#111}
.jform{max-width:760px;margin-top:28px}
.jform .card,.dashl .card{padding:24px}
.chips{display:flex;flex-wrap:wrap;gap:8px;border-radius:12px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;border:1px solid var(--line2);border-radius:999px;padding:9px 18px;font-size:14px;background:var(--panel2);transition:.15s}
.chip input:checked+span{background:#111;color:#fff;border-color:#111}
.chip input:focus-visible+span{outline:2px solid var(--hermes-orange);outline-offset:2px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:12px;border:1px dashed transparent;border-radius:12px}
.pgrid.over{border-color:var(--hermes-orange);background:#fff7f2}
.ptile{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--panel2);border:1px solid var(--line)}
.ptile img{width:100%;height:100%;object-fit:cover;display:block}
.pbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:4px;padding:6px;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.pbar button,.pcover{border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#111;font:500 10px var(--body);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;cursor:pointer}
.pcover{background:#111;color:#fff;cursor:default}
.pbar button[data-pr],.pbar button[data-dr]{font-size:15px;line-height:1;padding:3px 9px}
.pbar button.arm{background:#8f2a1c;color:#fff;font-size:10px}
.padd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;border-style:dashed;border-color:var(--line2)}
.padd span{font:300 34px/1 var(--body)}.padd b{font:500 10px var(--body);letter-spacing:.14em;text-transform:uppercase}
.pload{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;color:var(--mute)}
.ferr{color:#a33;font-size:13px;min-height:18px;margin:12px 0 0}.ferr:empty{min-height:0;margin:0}
.ferr a{color:#a33}
.fprog{font-size:13px;color:var(--ink);margin:10px 0 0}.fprog:empty{margin:0}
.okmsg{font-size:15px;color:var(--ok);margin:0 0 10px}
.hp{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0;clip:rect(0 0 0 0);overflow:hidden;pointer-events:none}
.dashl{max-width:860px;margin-top:24px}
.dstat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.dsn{display:flex;flex-direction:column}.dsn b{font:400 26px/1.1 var(--head);text-transform:uppercase}
.sbadge{border-radius:999px;padding:6px 14px;font:500 11px var(--body);letter-spacing:.14em;text-transform:uppercase;background:var(--panel2);border:1px solid var(--line2)}
.s-Approved .sbadge{background:#e6efe6;border-color:#9fbf9f;color:#2f5a33}
.s-Hold .sbadge{background:#e9e9ea;border-color:#d9c58c;color:#6e5717}
.s-Declined .sbadge{background:#f1ece9;color:#6b5a52}
details.acc{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
details.acc summary{cursor:pointer;font:500 12px var(--body);letter-spacing:.14em;text-transform:uppercase}
details.acc.danger summary{color:#8f2a1c}
details.acc input[type=text],details.acc input[type=password]{margin-bottom:10px}
.dtools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.kb{font:inherit;text-align:left;cursor:pointer;color:inherit}.kb.on{border-color:#111;box-shadow:0 0 0 1px #111}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.acard{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:0;cursor:pointer;font:inherit;color:inherit}
.acard:hover{border-color:var(--line2)}
.acard img,.acard .noimg{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:var(--panel2)}
.acard .noimg{display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:12px}
.ai{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;font-size:12px}.ai b{font-size:14px;font-weight:500}
.sp{position:absolute;top:8px;left:8px;font:500 10px var(--body);letter-spacing:.12em;text-transform:uppercase;font-style:normal;background:#fff;border-radius:999px;padding:4px 9px;border:1px solid var(--line2)}
.sp.s-New{background:var(--hermes-orange);color:#fff;border-color:var(--hermes-orange)}
.sp.s-Approved{background:#2f5a33;color:#fff;border-color:#2f5a33}
.sp.s-Hold{background:#e9e9ea}
.rq{position:absolute;top:8px;right:8px;font:500 10px var(--body);font-style:normal;background:#111;color:#fff;border-radius:999px;padding:4px 9px}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:30px 14px}
.ov[hidden]{display:none}
.ovbox{position:relative;background:var(--bg);border-radius:18px;max-width:1040px;width:100%;padding:26px}
.ovx{position:absolute;top:12px;right:14px;background:none;border:0;font:300 30px/1 var(--body);cursor:pointer}
.ovhead{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px;padding-right:30px}
.ovhead h3{margin:0;font:400 30px/1.1 var(--head);text-transform:uppercase}
.stbtns{display:flex;gap:6px;flex-wrap:wrap}
.ophotos{display:flex;gap:10px;overflow-x:auto;margin:18px 0;padding-bottom:6px}
.oimg{flex:0 0 auto;width:220px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--panel2);display:flex;align-items:center;justify-content:center}
.oimg img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.ocols{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.otab{width:100%;border-collapse:collapse;font-size:14px}.otab td{padding:7px 8px 7px 0;border-bottom:1px solid var(--line);vertical-align:top;word-break:break-word}.otab td:first-child{width:110px;font-size:12px}
.odanger{margin-top:18px}.odanger textarea{width:100%;margin:8px 0}
body.noscroll{overflow:hidden}
.legal{max-width:760px;margin-top:20px}.legal h3{font:500 13px var(--body);letter-spacing:.14em;text-transform:uppercase;margin:26px 0 6px}.legal p,.legal li{font-size:15px}.legal ul{padding-left:18px}.legal a{color:#111}
@media(max-width:640px){
 .jform .two,.dashl .two{grid-template-columns:1fr;gap:0}
 .jform .card,.dashl .card{padding:18px}
 .ocols{grid-template-columns:1fr}
 .oimg{width:70vw}
 .ovbox{padding:20px 16px}
 .agrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .btn.big{width:100%;text-align:center}
 .lsw{margin-bottom:10px}
}
.ptile.pick{cursor:pointer}.ptile.pick:hover img{opacity:.85}
.tel{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:8px}
.tel select{width:100%;min-width:0;text-overflow:ellipsis}
.pgrid{grid-template-columns:repeat(6,minmax(0,1fr))}
.padd .pn{font:400 11px var(--body);letter-spacing:.1em;color:var(--mute)}
@media(max-width:640px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.padd span{font-size:28px}}
.prm{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#111;font:400 17px/26px var(--body);cursor:pointer;padding:0;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.prm.arm{width:auto;padding:0 10px;border-radius:999px;background:#8f2a1c;color:#fff;font:500 10px/26px var(--body);letter-spacing:.08em;text-transform:uppercase}
.pbar{justify-content:flex-start;min-height:0}
.pcover{font-size:9px;padding:4px 8px;letter-spacing:.08em}

/* ARTIST PAGES: one centred column, roomier fields (desktop and phone) */
#v-join,#v-thanks,#v-login,#v-profile,#v-privacy{max-width:920px;margin-left:auto;margin-right:auto}
.jform,.dashl{max-width:none;margin-top:30px}
.jform .card,.dashl .card{padding:36px 44px;border-radius:20px;margin-bottom:20px}
.jform .tag,.dashl .tag{margin-bottom:4px}
.jform label.f,.dashl label.f,.loginbox label.f{margin:20px 0 8px;font-size:11.5px}
.jform input[type=text],.jform input[type=email],.jform input[type=url],.jform input[type=date],.jform input[type=tel],.jform input[type=password],.jform select,.jform textarea.t,
.dashl input[type=text],.dashl input[type=email],.dashl input[type=url],.dashl input[type=date],.dashl input[type=tel],.dashl input[type=password],.dashl select,.dashl textarea.t,
.loginbox input[type=email],.loginbox input[type=password],.loginbox input[type=text]{min-height:52px;padding:14px 18px;font-size:16px;border-radius:12px;background:var(--panel2)}
.jform textarea.t,.dashl textarea.t{min-height:110px}
.jform .two,.dashl .two{gap:20px}
.tel{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:12px}
.chips{gap:10px}.chip span{padding:12px 24px;font-size:15px}
.jform .chk,.dashl .chk{font-size:14px;margin:14px 0}
.jform .btn.big{display:block;width:100%;padding:20px 24px;font-size:13px;margin-top:8px}
.loginbox{max-width:480px;padding:32px 36px}
.loginbox .btn.big{width:100%;text-align:center}
.pgrid{gap:12px;margin-top:16px}
@media(max-width:640px){
 .jform .card,.dashl .card{padding:22px 18px;border-radius:16px}
 .tel{grid-template-columns:minmax(0,50%) minmax(0,1fr);gap:8px}
 .chip span{padding:11px 18px}
 .loginbox{padding:24px 18px}
}

/* PAGE HEADS, AUTH CARDS, PREVIEW (7 Oct 2026): centred head, roomy cards, one clear main button */
.vhead{text-align:center;margin:18px auto 0}
.vhead .lead{margin:34px auto 0;max-width:600px;font-size:17px;line-height:1.65;color:var(--mute)}
.vhead .ferr:not(:empty){margin:18px auto 0}
.vcta{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:40px 0 0}
.vcta .btn{margin:0}
#v-desk .vhead{margin-bottom:46px}
#v-profile .vhead{margin-bottom:10px}
#v-thanks .vhead .lead{margin-top:40px}
.btn.primary{background:#141311;color:#fff;border-color:#141311}
.btn.primary:hover{background:#2c2a27;border-color:#2c2a27}
.btn.primary:disabled{opacity:.55;cursor:default}
.btn.big{padding:18px 30px;font-size:12.5px}
/* language switch lives in the header, same look as ENGLISH | UAE on coverpageagency.com */
.hdr-lang.lsw{margin:0;gap:12px;justify-content:flex-end}
.hdr-lang.lsw button{background:none;border:0;border-radius:0;padding:8px 0;font:400 11px Inter,sans-serif;letter-spacing:1.76px;text-transform:uppercase;color:#141311;opacity:.38;cursor:pointer;transition:opacity .15s}
.hdr-lang.lsw button:hover{opacity:.8}
.hdr-lang.lsw button.on{background:none;color:#141311;border:0;opacity:1}
/* auth cards: team desk and artist login */
.authcard,[data-page=login] #v-login .loginbox{width:100%;max-width:540px;margin:46px auto 0;padding:52px 56px 46px;background:#fcfcfd;border:1px solid var(--line);border-radius:24px;box-shadow:0 40px 90px -56px rgba(20,19,17,.42);text-align:left}
.authcard .eyebrow{text-align:center;margin:0 0 12px;color:var(--hermes-orange,#e25b1e);letter-spacing:.32em}
.authh{font:400 32px/1.15 "Classy Vogue",Inter,sans-serif;text-transform:uppercase;text-align:center;margin:0 0 26px;color:#141311;letter-spacing:.01em}
.authcard label.f,[data-page=login] #v-login .loginbox label.f{margin:22px 0 9px;font-size:11.5px}
.authcard input[type=text],.authcard input[type=password],[data-page=login] #v-login .loginbox input{min-height:56px;padding:15px 18px;font-size:16px;border-radius:12px;background:var(--panel2)}
.authcard .pw input,[data-page=login] #v-login .loginbox .pw input{padding-right:78px}
.authcard .eye{right:16px}
.authcard .btn.big,[data-page=login] #v-login .loginbox .btn.big{display:block;width:100%;text-align:center;margin-top:26px;padding:20px 24px}
.authcard .ferr:not(:empty){margin-top:16px}
.steps{list-style:none;counter-reset:st;margin:0 0 8px;padding:20px 22px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;font-size:14px;line-height:1.55;color:#3c3a36}
.steps li{counter-increment:st;position:relative;padding-left:34px;margin:8px 0}
.steps li::before{content:counter(st);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#141311;color:#fff;font:500 11px/22px Inter,sans-serif;text-align:center}
.authlinks{text-align:center;margin:22px 0 0;font-size:13.5px}
.authlinks a,.authfoot a{color:#141311;text-underline-offset:3px}
.authfoot{text-align:center;margin:24px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:13.5px;color:var(--mute)}
[data-page=login] #v-login .loginbox .tag{text-align:center}
[data-page=login] #v-login .loginbox p.small.mute:first-child{text-align:center}
/* preview strip */
.pvbar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;width:max-content;max-width:100%;margin:0 auto 22px;padding:10px 20px;border:1px solid rgba(226,91,30,.38);border-radius:999px;background:rgba(226,91,30,.06);color:#6d3518;font-size:13px}
.pvbar b{font:600 10.5px Inter,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#e25b1e}
@media(max-width:600px){
 .vhead{margin-top:8px}
 .vhead .lead{margin-top:22px;font-size:15.5px}
 #v-desk .vhead{margin-bottom:28px}
 .vcta{flex-direction:column;align-items:stretch;gap:10px;margin-top:28px}
 .vcta .btn{text-align:center}
 .authcard,[data-page=login] #v-login .loginbox{margin-top:28px;padding:30px 20px 28px;border-radius:18px}
 .authh{font-size:24px;margin-bottom:18px}
 .steps{padding:16px 16px;font-size:13.5px}
 .hdr-lang.lsw{gap:10px}
 .pvbar{border-radius:14px;padding:9px 14px;font-size:12.5px;width:auto}
}

/* STATUSES (7 Oct 2026): review steps and roster levels, one colour each */
.s-new,.st-new{--sb:#e25b1e;--sf:#fff}
.s-to-call,.st-to-call{--sb:#141311;--sf:#fff}
.s-emerging-talent,.st-emerging-talent{--sb:#e3eee5;--sf:#2f5a33}
.s-rising-star,.st-rising-star{--sb:#b9d6bf;--sf:#1f4728}
.s-professional,.st-professional,.s-approved{--sb:#2f5a33;--sf:#fff}
.s-established,.st-established{--sb:#1f3b4d;--sf:#fff}
.s-star,.st-star{--sb:#c8a24a;--sf:#fff}
.s-celebrity,.st-celebrity{--sb:#141311;--sf:#e3c26f}
.s-hold,.st-hold{--sb:#e9e9ea;--sf:#6e5717}
.s-declined,.st-declined{--sb:#fff;--sf:#7a726c}
.sp[class*="s-"]{background:var(--sb);color:var(--sf);border-color:var(--sb)}
.sp.s-declined{border-color:var(--line2)}
.sp.s-celebrity,.stbtns .btn.on.st-celebrity{border-color:#c8a24a}
.stbtns .btn.on{background:var(--sb);color:var(--sf);border-color:var(--sb)}
.stbtns .btn.on.st-declined{border-color:#7a726c}
.stgrid{display:grid;gap:10px;margin:18px 0 6px;padding:16px 18px;background:var(--panel2);border:1px solid var(--line);border-radius:14px}
.strow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}
.stl{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.kpis{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(max-width:991px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.strow{grid-template-columns:1fr;gap:6px}.kpis{gap:6px}.kpi{padding:10px 8px}.kpi .n{font-size:20px}.kpi .l{font-size:9px;letter-spacing:.08em}}

/* ARTIST DESK (7 Oct 2026): hero, tabs, offers, applications, tokens, history */
.dhero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center;padding:30px 34px}
.dav{width:96px;height:96px;border-radius:50%;overflow:hidden;background:#e2e2e3;display:grid;place-items:center;font:400 30px "Classy Vogue",Inter,sans-serif;color:#141311;box-shadow:0 0 0 4px #fcfcfd,0 0 0 5px var(--line2)}
.dav img{width:100%;height:100%;object-fit:cover;display:block}
.dwho h3{margin:0 0 6px;font:400 30px/1.1 "Classy Vogue",Inter,sans-serif;text-transform:uppercase}
.dwho p{margin:0 0 12px}
.dchips{display:flex;gap:8px;flex-wrap:wrap}
.lvchip{border-radius:999px;padding:6px 14px;font:500 11px var(--body);letter-spacing:.14em;text-transform:uppercase;border:1px solid #d9c58c;background:#ededee;color:#7a5b12}
.dstats{display:flex;gap:10px}
.dst{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:14px 16px;min-width:98px;text-align:center;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s}
.dst:hover{border-color:#141311}
.dst b{display:block;font:400 30px/1 "Classy Vogue",Inter,sans-serif;color:#141311}
.dst span{display:block;margin-top:7px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.dnote{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--mute)}
.dtabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:28px 0 22px}
.dtabs button{background:none;border:1px solid var(--line2);border-radius:999px;padding:11px 20px;font:500 11.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#141311;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.dtabs button.on{background:#141311;color:#fff;border-color:#141311}
.dtabs i{font-style:normal;background:#e25b1e;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;font-size:11px;letter-spacing:0}
.dsec .job{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}
.dsec .small.mute+.job{margin-top:16px}
.mring{--p:0;position:relative;width:78px;height:78px;border-radius:50%;background:conic-gradient(#e25b1e calc(var(--p) * 1%),#e6e6e7 0);display:grid;place-content:center;text-align:center}
.mring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fcfcfd}
.mring b,.mring span{position:relative}
.mring b{font:400 21px/1 "Classy Vogue",Inter,sans-serif;color:#141311}
.mring span{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.mring.star{background:#c8a24a}
.mring.star b{color:#a87f2a;font-size:22px}
.jbody h4{margin:4px 0 6px;font:400 22px/1.2 "Classy Vogue",Inter,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#141311}
.jmeta{margin:0;color:#4a4f60;font-size:14px}
.jfee{margin:6px 0 0;font-weight:500;font-size:15px;color:#141311}
.jfee span{font-weight:300;color:var(--mute)}
.jwhy{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}
.jwhy em{font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.jwhy span{font-size:12px;border:1px solid var(--line2);border-radius:999px;padding:3px 10px;background:var(--panel2)}
.urg{display:inline-block;font:600 10.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#e25b1e}
.jact{display:flex;flex-direction:column;gap:8px;min-width:176px}
.jact .btn{text-align:center;margin:0}
.jdone{font:500 11px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#2f5a33;text-align:center;padding:12px;border:1px solid #9fbf9f;border-radius:999px;background:#e6efe6}
.dempty{text-align:center;padding:46px 30px}
.dempty p{max-width:470px;margin:10px auto 20px;color:#4a4f60}
.arow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.tag+.arow{margin-top:14px}
.arow b{display:block;font-weight:500;margin-bottom:2px}
.ast{flex:none;border-radius:999px;padding:6px 14px;font:500 10.5px var(--body);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line2);background:var(--panel2);color:#141311}
.ast.a-booked,.ast.a-accepted{background:#2f5a33;border-color:#2f5a33;color:#fff}
.ast.a-shortlisted{background:#ededee;border-color:#d9c58c;color:#7a5b12}
.ast.a-sent{background:#fff}
.ast.a-not-chosen{background:#f1ece9;color:#6b5a52}
.tokbal{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.tbig{display:flex;align-items:baseline;gap:10px}
.tbig b{font:400 66px/1 "Classy Vogue",Inter,sans-serif;color:#141311}
.tbig span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.tokbal p{flex:1;min-width:220px;margin:0;color:#4a4f60;font-size:14px}
.mrow{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.tag+.mrow{margin-top:12px}
.mrw{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ededee;border:1px solid #d9c58c;color:#7a5b12;font-weight:600;font-size:14px}
.mrow b{display:block;font-weight:500;font-size:14.5px}
.mrow.done .mrw{background:#e6efe6;border-color:#9fbf9f;color:#2f5a33}
.mrow.done b{color:var(--mute)}
.mok{font:500 10.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#2f5a33}
.lrow{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.tag+.lrow{margin-top:12px}
.lrow b.plus{color:#2f5a33}.lrow b.minus{color:#a33}
.tline{list-style:none;margin:20px 0 0;padding:0 0 0 22px;border-left:1px solid var(--line2)}
.tline li{position:relative;padding:0 0 22px 14px}
.tline li:last-child{padding-bottom:4px}
.tline li::before{content:"";position:absolute;left:-28px;top:3px;width:11px;height:11px;border-radius:50%;background:#fcfcfd;border:2px solid #c8bfae}
.tline li span{display:block;margin-bottom:3px}
.tline li b{font-weight:500;font-size:14.5px}
.tline li.ev-booked::before,.tline li.ev-accepted::before{background:#2f5a33;border-color:#2f5a33}
.tline li.ev-roster::before,.tline li.ev-level::before{background:#c8a24a;border-color:#c8a24a}
.tline li.ev-shortlisted::before{border-color:#c8a24a}
.tline li.ev-joined::before{background:#141311;border-color:#141311}
.tline li.ev-applied::before{border-color:#e25b1e}
@media(max-width:600px){
 .dhero{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:22px 18px}
 .dav{width:68px;height:68px;font-size:22px}
 .dwho h3{font-size:22px}
 .dstats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .dst{min-width:0;padding:12px 6px}
 .dst b{font-size:24px}
 .dtabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:20px -16px 16px;padding:0 16px 4px;scrollbar-width:none}
 .dtabs::-webkit-scrollbar{display:none}
 .dtabs button{flex:none;padding:10px 16px}
 .dsec .job{grid-template-columns:auto minmax(0,1fr);gap:14px}
 .mring{width:60px;height:60px}
 .mring b{font-size:16px}
 .mring span{font-size:8px}
 .jbody h4{font-size:18px}
 .jact{grid-column:1/-1;flex-direction:row;min-width:0}
 .jact .btn{flex:1;padding:14px 10px}
 .lrow{grid-template-columns:58px minmax(0,1fr) auto;font-size:13.5px}
 .tbig b{font-size:52px}
 .dempty{padding:34px 18px}
}

/* MISSIONS WITH PROOF (7 Oct 2026) and the desk proofs inbox */
details.mis{border-top:1px solid var(--line)}
.tag+details.mis{margin-top:12px}
details.mis>summary{list-style:none;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;cursor:pointer}
details.mis>summary::-webkit-details-marker{display:none}
details.mis .mt b{display:block;font-weight:500;font-size:14.5px}
details.mis.done .mt b{color:var(--mute)}
details.mis.done .mrw{background:#e6efe6;border-color:#9fbf9f;color:#2f5a33}
.mrw.heart{background:#fdeee6;border-color:#f0b99c;color:#e25b1e;font-size:16px}
.mgo,.mpend,.mno{font:500 10.5px var(--body);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:6px 12px;white-space:nowrap}
.mgo{background:#141311;color:#fff}
.mpend{background:#ededee;color:#7a5b12;border:1px solid #d9c58c}
.mno{background:#f1ece9;color:#6b5a52}
.mbody{padding:2px 0 22px 62px}
.mhow{margin:0 0 12px;color:#4a4f60;font-size:14px}
.mqq{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 14px;font-size:14px}
.mqq span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding-top:3px}
.mqq b{font-weight:500}
.mcopy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px}
.mcopy span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.mcopy code{font:13px/1.4 ui-monospace,Menlo,monospace;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;word-break:break-all}
.mcopy .btn{margin:0}
.mlinks{margin:0 0 14px}
.msent{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.mform label.f{margin:14px 0 7px}
.mform select,.mform input[type=url]{min-height:48px;font-size:15px}
.mfile{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0}
.mfile .btn{margin:0;cursor:pointer}
.mform .btn.primary{margin-top:14px}
.dvsw{display:flex;gap:8px;justify-content:center;margin:0 0 26px}
.dvsw button{background:none;border:1px solid var(--line2);border-radius:999px;padding:11px 20px;font:500 11.5px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#141311;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.dvsw button.on{background:#141311;color:#fff;border-color:#141311}
.dvsw i{font-style:normal;font-size:11px;opacity:.7}
.dvsw button.vbtn{border-color:#e25b1e;font-weight:700}
.dvsw button.vbtn.on{background:#e25b1e;border-color:#e25b1e;color:#fff}
.dvsw button.vbtn.on i.hot{background:#fff;color:#e25b1e}
.dvsw i.hot{opacity:1;background:#e25b1e;color:#fff;border-radius:999px;padding:2px 8px}
.pnote{text-align:center;margin:0 0 18px}
.pgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.pimg{height:240px;background:#e6e6e7;display:grid;place-items:center;overflow:hidden}
.pimg img{width:100%;height:100%;object-fit:cover;object-position:top;cursor:zoom-in}
.pimg span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.pinfo{padding:14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.pinfo .pm{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e25b1e;margin-top:4px}
.pinfo a{font-size:13px;word-break:break-all}
.ptext{margin:4px 0 0;font-size:13.5px;color:#3c3a36;background:var(--panel2);border-radius:10px;padding:10px 12px}
.pact{display:flex;gap:8px;padding:0 16px 16px}
.pact .btn{flex:1;text-align:center;margin:0}
@media(max-width:600px){.mbody{padding-left:0}details.mis>summary{grid-template-columns:44px minmax(0,1fr);}details.mis>summary>span:last-child{grid-column:2;justify-self:start}.pgrid2{grid-template-columns:1fr}}
.mform input[type=url]{width:100%;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:300 15px var(--body)}
.pcard .ptext{font-size:14.5px;line-height:1.6;padding:16px}
/* acts picker: 100+ acts from coverpageagency.com, searchable */
.actw{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel2)}
.actw .actq{width:100%;margin:0 0 10px;min-height:46px;border-radius:10px;border:1px solid var(--line);padding:10px 14px;font:300 15px var(--body);background:#fff}
.actbox{max-height:236px;overflow-y:auto;gap:7px!important;padding:2px}
.actbox .chip span{padding:8px 14px!important;font-size:13.5px!important}
.actn{margin:10px 2px 0}

/* DESKTOP WIDTH (7 Oct 2026, client rule): artist pages use the full content width on desktop, never a narrow column */
#v-join,#v-thanks,#v-login,#v-profile,#v-privacy,#v-terms{max-width:1180px}
.legal{max-width:none!important;margin-left:auto;margin-right:auto}
@media(min-width:992px){
 #v-terms .legal{column-count:2;column-gap:56px;padding:44px 52px}
 #v-terms .legal>p.small{column-span:all;margin-bottom:10px}
 #v-terms .legal h3{break-after:avoid}
 #v-terms .legal p{break-inside:avoid}
}

/* golden microphone tokens and award shelf */
.gmic{display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(138,95,18,.35))}
.dst b .gmic{margin-right:6px;vertical-align:-3px}
.lvchip .gmic.mini{margin:-3px 6px -3px -4px}
.tbig{align-items:center}.tbig .gmic{margin-right:4px;filter:drop-shadow(0 6px 10px rgba(138,95,18,.35))}
.mrw{width:auto;min-width:50px;height:44px;border-radius:999px;padding:0 12px;gap:2px;display:inline-flex;align-items:center;justify-content:center}
.mrw .gmic{margin-right:2px}
.lrow b.plus .gmic{margin-right:4px;vertical-align:-3px}
.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:14px}
.award{text-align:center;padding:22px 10px 18px;border:1px solid var(--line);border-radius:14px;background:#fcfcfd;display:flex;flex-direction:column;align-items:center;gap:6px}
.award b{font:400 20px/1.1 "Classy Vogue",Inter,sans-serif;letter-spacing:.04em;margin-top:6px}
.award.on{background:linear-gradient(#fafafb,#ededee);border-color:#d9c58c}
.award.now{box-shadow:0 0 0 2px #e2b84f}
.trophy.off{filter:grayscale(1) opacity(.3)}
.trophy:not(.off){filter:drop-shadow(0 6px 8px rgba(138,95,18,.3))}
@media(max-width:700px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gmic{flex:none}
.mrw{min-width:64px;height:44px;padding:0 14px;gap:4px;white-space:nowrap}
.mrw .gmic{width:22px;height:22px;margin:0}
.mrow .mrw,.mis summary .mrw{width:auto}
.dst b .gmic{width:28px;height:28px}
.mbody{padding-left:90px}@media(max-width:600px){details.mis>summary{grid-template-columns:70px minmax(0,1fr)}.mbody{padding-left:0}}

/* join and login tabs on one page */
.atabs{display:flex;justify-content:center;gap:10px;margin:6px auto 26px}
.atabs button{font:500 12px var(--body);letter-spacing:.2em;text-transform:uppercase;padding:13px 34px;border-radius:999px;border:1px solid #1a1a1a;background:#fff;color:#1a1a1a;cursor:pointer}
.atabs button.on{background:#1a1a1a;color:#fff}
#panLogin .loginbox{max-width:560px;margin-left:auto;margin-right:auto}
#panLogin{display:flex;flex-direction:column;align-items:center}#panLogin[hidden]{display:none}#panLogin .loginbox{width:min(560px,100%)!important;max-width:560px!important;margin:0 auto 18px!important}
#panLogin{width:100%}
#panLogin .loginbox .btn.big{margin-top:26px}

/* embed mode inside coverpageagency.com/work-with-us */
html.embed header.hdr,html.embed .hero,html.embed footer,html.embed .nf,html.embed #siteFoot,html.embed .pvbar{display:none!important}
html.embed body{background:transparent;padding-top:0}
html.embed,html.embed *,html.embed *:hover{cursor:none!important}
html.embed #v-join,html.embed #v-profile,html.embed #v-thanks{padding-top:10px}
html.embed .vhead{display:none!important}html.embed .atabs{margin-top:0}

/* join page: login and new profile side by side, form below */
.duo2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;margin:6px 0 40px}
#panLogin{display:block!important;width:auto!important}
#panLogin .loginbox{width:100%!important;max-width:none!important;margin:0 0 14px!important}
.newcard{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:44px 48px;background:linear-gradient(#fcfcfd,#ededee)}
.newcard h3{font:400 38px/1.05 "Classy Vogue",Inter,sans-serif;margin:0}
.newcard p{margin:0;color:#4a4f60}
.newcard .btn{margin-top:14px}
#panJoin{scroll-margin-top:20px}
@media(max-width:860px){.duo2{grid-template-columns:1fr}.newcard{padding:30px 22px}.newcard h3{font-size:30px}}
.newcard .btn{text-decoration:none;color:#fff!important}#panLogin .loginbox{margin:0!important}.duo2{align-items:stretch}
/* no black buttons: soft cream fill, dark text, gold on hover */
.btn.primary,.newcard .btn,.btn.big.primary{background:#e2e2e3!important;color:#141311!important;border:1px solid #d9d0bd!important}
.btn.primary:hover,.newcard .btn:hover{background:#d2d2d3!important;border-color:#c8a24a!important}
.btn.primary:disabled{opacity:.55}

/* step 1 shows only identification, step 2 lives in the profile */
.later{display:none!important}
.step2{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:22px 26px;margin:0 0 18px;border:1px solid #d9c58c;border-radius:16px;background:linear-gradient(#fafafb,#ededee)}
.step2 b{font:400 26px "Classy Vogue",Inter,sans-serif;letter-spacing:.03em}
.step2 span{color:#4a4f60;font-size:14px}
/* login and new profile cards: buttons on one line */
.duo2{align-items:stretch}
#panLogin{display:flex!important;flex-direction:column}
#panLogin #boxLogin{flex:1}
#loginForm{display:flex;flex-direction:column;height:100%}
#loginForm .authlinks{order:1;margin:10px 0 18px;text-align:right}
#loginForm .btn.big{margin-top:auto!important;order:2}
.newcard{justify-content:flex-start!important;align-items:stretch!important;padding:32px 36px!important}
.newcard .btn{width:100%;margin-top:auto!important;text-align:center}
.newcard .tag{margin:0 0 8px}
.newcard{margin:0!important}.duo2{margin-bottom:34px}

.step1 .g2{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.step1 .g2>div[hidden]{display:none}
@media(max-width:700px){.step1 .g2{grid-template-columns:1fr}}

/* headings in Classy Vogue capitals */
.cl-h{font:400 30px/1.1 "Classy Vogue",Inter,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#141311!important;margin:0 0 10px!important}
.newp{margin:0 0 22px;color:#4a4f60}
/* microphone button: minimal, one soft ripple on click */
.micbtn{position:relative;display:flex;align-items:center;gap:0;width:100%;height:58px;margin-top:auto;padding:5px;border:1px solid #c8a24a;border-radius:999px;background:#fcfcfd;text-decoration:none!important;color:#141311;filter:none;transition:background .25s ease,border-color .25s ease}
.micbtn:hover{background:#ededee;border-color:#a87f2a;transform:none}
.micbtn::before{display:none}
.micbtn .mhead{position:relative;flex:none;width:46px;height:46px;border-radius:50%;border:0;z-index:1;background:repeating-linear-gradient(0deg,rgba(120,80,10,.28) 0 1px,transparent 1px 6px),linear-gradient(145deg,#f6e3a0,#cfa23c 60%,#a47818);transition:transform .3s ease}
.micbtn:hover .mhead{transform:scale(1.05)}
.micbtn .mbody{flex:1;height:auto;margin:0;padding:0 46px 0 0;border:0;border-radius:0;background:none;display:flex;align-items:center;justify-content:center;font:500 12px Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#141311;text-decoration:none}
.micbtn .w{position:absolute;inset:0;border-radius:50%;border:1px solid #c8a24a;opacity:0;pointer-events:none}
.micbtn.go{animation:none}
.micbtn.go .mhead{animation:micpulse .8s ease}
.micbtn.go .w{animation:micwave .9s ease-out}
.micbtn.go .w2{animation-delay:.22s}.micbtn.go .w3{display:none}
@keyframes micwave{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.1);opacity:0}}
@keyframes micpulse{0%,100%{transform:scale(1)}40%{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){.micbtn.go .mhead,.micbtn.go .w{animation:none}}

/* vault line art entry (matches /vault) */
.newcard{background:#f8f8f9!important;border:1px solid #141311!important;box-shadow:none!important;padding:28px 36px 26px!important;justify-content:flex-start!important}
.newp{margin:0 0 6px!important}
.micbtn,.micbtn:hover{display:flex!important;flex-direction:column;align-items:center;gap:14px;width:100%;height:auto;margin:auto 0 0;padding:6px 0 0;border:0!important;border-radius:0;background:none!important;text-decoration:none!important;color:#141311;outline:none}
.micbtn:focus-visible .mbody{outline:1px solid #e25b1e;outline-offset:6px}
.micbtn .dial{width:150px;height:150px;overflow:visible}
.micbtn .dial *{fill:none;stroke:#141311;stroke-width:.9;vector-effect:non-scaling-stroke}
.micbtn .dial .arc{stroke:#e25b1e;stroke-width:1.3;stroke-dasharray:70 30;transform-origin:60px 60px;animation:cpspin 9s linear infinite}
.micbtn .dial .spk{transform-origin:60px 60px;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.micbtn:hover .dial .spk,.micbtn.go .dial .spk{transform:rotate(45deg)}
.micbtn.go .dial .spk{transform:rotate(135deg)}
.micbtn.go .dial .arc{animation-duration:.9s}
.micbtn .mbody{display:inline-block!important;flex:none!important;width:auto!important;padding:0 0 5px!important;margin:0!important;background:none!important;font:500 12px Inter,sans-serif!important;letter-spacing:.26em!important;text-transform:uppercase;color:#141311!important;border-bottom:1px solid #e25b1e!important;transition:color .3s}
.micbtn:hover .mbody,.micbtn.go .mbody{color:#e25b1e!important}
.micbtn .arr{display:inline-block;transition:transform .3s}.micbtn:hover .arr{transform:translateX(4px)}
.micbtn .mhead,.micbtn .w{display:none!important}
@keyframes cpspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.micbtn .dial .arc{animation:none}.micbtn .dial .spk{transition:none}}
@media(max-width:860px){.newcard{padding:24px 20px!important}.micbtn .dial{width:120px;height:120px}}
.newcard{border:1px solid #141311!important}
.micbtn,.micbtn:hover{margin:auto 0!important}

/* microphone line art, vault language */
.micbtn .dial{width:130px;height:140px}
.micbtn .dial *{fill:none;stroke:#141311;stroke-width:.9;vector-effect:non-scaling-stroke;stroke-linecap:round}
.micbtn .dial .cra{stroke:#e25b1e;stroke-width:1.3}
.micbtn .dial .dot{fill:#e25b1e;stroke:none}
.micbtn .dial .grill path{transition:opacity .4s}
.micbtn .dial .wv path{stroke:#e25b1e;stroke-width:1.1;opacity:0}
.micbtn .dial .arc,.micbtn .dial .spk{animation:none;transform:none}
.micbtn:hover .dial .wv path,.micbtn.go .dial .wv path{animation:cpwave 1.6s ease-out infinite}
.micbtn .dial .wl2,.micbtn .dial .wr2{animation-delay:.35s!important}
.micbtn.go .dial .wv path{animation-duration:.8s}
.micbtn:hover .dial .grill path{animation:cpshim 1.2s ease-in-out infinite}
.micbtn:hover .dial .grill path:nth-child(2){animation-delay:.1s}.micbtn:hover .dial .grill path:nth-child(3){animation-delay:.2s}
@keyframes cpwave{0%{opacity:0}25%{opacity:1}100%{opacity:0}}
@keyframes cpshim{50%{stroke:#e25b1e}}
@media(prefers-reduced-motion:reduce){.micbtn:hover .dial *,.micbtn.go .dial *{animation:none!important}}
@media(max-width:860px){.micbtn .dial{width:104px;height:112px}}
#panLogin .card,#panLogin .loginbox{border:1px solid #141311!important}

.createwrap{max-width:1100px;margin:0 auto 60px}
.createwrap .card.step1{border:1px solid #141311!important}
.createwrap .backl{margin:18px 0 0;text-align:center}
/* emotional microphone: a beating heart in the capsule */
.micbtn .dial .grl{stroke:#141311;opacity:.35}
.micbtn .dial .grill{display:none}
.micbtn .dial .heart{stroke:#e25b1e;stroke-width:1.3;fill:rgba(226,91,30,.08);transform-origin:60px 36px;animation:cpbeat 2.6s ease-in-out infinite;transition:fill .4s}
.micbtn .dial .halo{stroke:#e25b1e;stroke-width:.8;opacity:0;transform-origin:60px 36px}
.micbtn:hover .dial .heart{animation-duration:1.1s;fill:rgba(226,91,30,.35)}
.micbtn:hover .dial .halo{animation:cphalo 2.2s ease-out infinite}
.micbtn:hover .dial .halo.h2{animation-delay:1.1s}
.micbtn.go .dial .heart{animation-duration:.45s;fill:#e25b1e}
.micbtn.go .dial .halo{animation-duration:.9s}
.micbtn .dial .cra{animation:cpglow 2.6s ease-in-out infinite}
@keyframes cpbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.14)}28%{transform:scale(1)}42%{transform:scale(1.09)}70%{transform:scale(1)}}
@keyframes cphalo{0%{opacity:.7;transform:scale(.55)}100%{opacity:0;transform:scale(1.5)}}
@keyframes cpglow{50%{stroke-opacity:.45}}
@media(prefers-reduced-motion:reduce){.micbtn .dial .heart,.micbtn .dial .cra{animation:none}}
/* jobs */
.agrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px}
.jcard{display:flex;flex-direction:column;gap:8px}.jch{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.jch b{display:block}
.jacts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.brow{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #e2e2e3}.brow:first-of-type{border-top:0}
.brow>div{display:flex;flex-direction:column;gap:3px}.brow:not(.mine){opacity:.6}.bfor{font:500 10px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e25b1e;margin-left:8px}
.jbrief{margin:6px 0 0;color:#4a4f60}
.a-posted,.a-interested{color:#1e6b3b}.a-live{color:#e25b1e}.a-archived,.a-withdrawn{color:#8a8578}

/* profile kind: talent or creative crew */
.kinds{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 6px}
.kcard{position:relative;cursor:pointer;display:block}
.kcard input{position:absolute;opacity:0;inset:0;cursor:pointer}
.kcard span{display:block;border:1px solid #d9d4c8;border-radius:14px;padding:14px 16px;background:#fcfcfd;transition:border-color .2s,box-shadow .2s}
.kcard b{display:block;font:500 15px/1.2 inherit;letter-spacing:.04em;text-transform:uppercase;color:#141311}
.kcard small{display:block;margin-top:5px;color:#7a766b;font-size:12.5px;line-height:1.35}
.kcard input:checked+span{border-color:#e25b1e;box-shadow:0 0 0 1px #e25b1e inset}
.kcard input:focus-visible+span{outline:2px solid #e25b1e;outline-offset:2px}
@media(max-width:520px){.kinds{grid-template-columns:1fr}}
[data-k][hidden]{display:none!important}
.fastc{border-left:3px solid #c8a24a}.fastc.on{border-left-color:#e25b1e}.fastc p{margin:0 0 8px}.fastc.on p{margin:0}.fastt{display:block;color:#e25b1e;margin-top:3px}

/* upload progress ring */
#upOv{position:fixed;inset:0;z-index:9999;background:rgba(248,248,249,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}
#upOv[hidden]{display:none}
.upbox{position:relative;text-align:center;max-width:460px;width:100%}
.upring{width:190px;height:190px;transform:rotate(-90deg);display:block;margin:0 auto}
.upring circle{fill:none;stroke-width:2.2}
.upbg{stroke:#d9d9da}.upfg{stroke:#e25b1e;stroke-linecap:round;transition:stroke .4s}
#upOv.done .upfg{stroke:#141311}
.upnum{position:absolute;top:0;left:0;right:0;height:190px;display:flex;align-items:center;justify-content:center;gap:2px}
.upnum b{font:400 54px/1 "Classy Vogue","Cormorant Garamond",serif;color:#141311;letter-spacing:.01em}
.upnum i{font:400 18px/1 var(--body);font-style:normal;color:#e25b1e;margin-top:-18px}
.upt{margin:26px 0 4px;font:500 13px/1.3 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#141311}
.ups{margin:0;font:300 17px/1.4 var(--body);color:#4a4f60}
.upw{margin:18px auto 0;max-width:340px;font:300 13px/1.5 var(--body);color:#7a766b}
body.upopen{overflow:hidden}
@media(prefers-reduced-motion:reduce){.upfg{transition:none}}
#jGo.sending{opacity:.7;cursor:progress}
/* token spending rows */
.srow{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line,#d9d9da)}
.srow:first-of-type{border-top:0}
.srow>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.srow em{font-style:normal;font-weight:500;white-space:nowrap;color:var(--org,#e25b1e)}
.srow .btn{white-space:nowrap}
@media(max-width:560px){.srow{flex-direction:column;align-items:flex-start}}

.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.kpi{text-align:left}.kpi .sb{font-size:12px;color:var(--mute);margin-top:6px;line-height:1.3}
.fl{display:flex;flex-direction:column;gap:5px;flex:1 1 150px;min-width:0}.fl.wide{flex:2 1 260px}
.fl>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.fl.chk{flex:0 0 auto;flex-direction:row;align-items:flex-end;gap:8px;padding-bottom:12px}.fl.chk input{width:auto;flex:none}.fl.chk span{letter-spacing:.06em}
@media(max-width:991px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi .sb{display:none}}

.filters .fl input,.filters .fl select{flex:none;width:100%}.filters{align-items:flex-end}
.filters .fl.chk input{width:auto}.fl.chk span{white-space:nowrap}

.dwrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
@media(min-width:1100px){.dwrap{grid-template-columns:minmax(0,1fr) 300px}.dside{position:sticky;top:90px}}
.sdc{padding:22px}.sdc .tag{margin:0 0 8px}.sdt{margin-top:20px!important}
.sdbal{display:flex;align-items:center;gap:12px}.sdbal b{font:400 44px var(--head);line-height:1}
.sdr{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
.sdr em{font-style:normal;font-size:12px;letter-spacing:.08em;color:var(--mute);white-space:nowrap}.sdr.todo{font-weight:500}
.sdr:hover span{text-decoration:underline}
.tk{height:230px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.trk{display:flex;flex-direction:column;animation:tkup 36s linear infinite}.tk:hover .trk{animation-play-state:paused}
.tkr{display:flex;gap:12px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}
.tkr b{flex:none;min-width:34px;font-weight:600;color:#a97d1d}.tkr:hover span{text-decoration:underline}
@keyframes tkup{to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.trk{animation:none}.tk{overflow:auto}}

.cpop{position:fixed;inset:0;background:rgba(20,19,17,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}
.cpbox{background:var(--panel,#fff);border-radius:18px;max-width:480px;width:100%;padding:28px}.cpbox h3{margin:0 0 10px;font:400 24px var(--head)}.cpbox p{margin:0 0 20px;color:var(--mute)}
.cpbtn{display:flex;gap:8px;flex-wrap:wrap}

.msteps{margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.5}.msteps li{margin:0 0 8px;padding-left:4px}.mok2{margin:0 0 12px}
.tkr span small{display:block;font-size:12px;color:var(--mute);margin-top:2px}

/* full width desks: use the whole screen, wallet panel one third */
body:has(#dashRoot) main,body:has(#deskRoot) main{max-width:none;padding:40px clamp(20px,4vw,80px) 90px}
@media(min-width:1100px){
 .dwrap{grid-template-columns:minmax(0,2fr) minmax(380px,1fr);gap:32px}
 .dside{top:90px;align-self:start}
 .sdc{padding:30px;min-height:calc(100vh - 130px);display:flex;flex-direction:column}
 .sdbal b{font-size:64px}.sdbal .small{font-size:16px}
 .sdr{font-size:16px;padding:14px 0}.sdr em{font-size:14px}
 .tk{flex:1;min-height:320px;height:auto}
 .tkr{font-size:17px;padding:16px 0;gap:16px}.tkr b{font-size:18px;min-width:44px}.tkr span small{font-size:14px;margin-top:4px;line-height:1.4}
}
@media(max-width:1099px){.tk{height:300px}.tkr{font-size:16px}}
.dmain .card{max-width:none}
.dashl{max-width:none}
body:has(#dashRoot) .view,body:has(#deskRoot) .view,.view.on{max-width:none!important}

@media(min-width:1100px){.sdc{height:calc(100vh - 120px);min-height:0;overflow:hidden}.tk{min-height:120px}.sdr{padding:11px 0}.sdr.todo{padding:10px 0}.sdbal b{font-size:52px}}

.mex{background:var(--panel2,#f0f0f1);border-radius:12px;padding:14px 16px;margin:0 0 14px}.mex span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.mex p{margin:8px 0 10px;font-size:14px;line-height:1.5}

.prbox{display:flex;flex-direction:column;gap:6px;background:#efeff0;border:1px solid #ecd9a6;border-radius:14px;padding:14px 16px;margin:14px 0 0}.prbox b{font-size:15px}.prbox span{font-size:13px;color:var(--mute)}.prbox em{font-style:normal;font-size:13px;font-weight:500}
/* language menu and right to left */
.hdr-lang.lsw select{appearance:none;-webkit-appearance:none;background:none;border:1px solid #14131233;border-radius:999px;padding:7px 28px 7px 14px;font:500 12px Inter,sans-serif;letter-spacing:.08em;color:#141311;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23141311' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
html[dir=rtl] .hdr-lang.lsw select{padding:7px 14px 7px 28px;background-position:left 10px center}
html[dir=rtl] body{text-align:right}
html[dir=rtl] .hdr{direction:rtl}
html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{text-align:right}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=password]{direction:ltr;text-align:left}
html[lang=zh] body,html[lang=ru] body{font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}
html[lang=ar] body{font-family:Inter,"Noto Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif}
html[dir=rtl] .mq,html[dir=rtl] .mq-t,html[dir=rtl] .hero{direction:ltr}
.pten{background:#f0f0f1;border-left:3px solid #c8a24a;padding:6px 10px;border-radius:6px}

/* ---------- book a meeting ---------- */
.bk{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start;max-width:none;margin:8px 0 40px}
.bk-step{display:flex;align-items:center;gap:14px;font:500 12px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);margin:0 0 18px}
.bk-step i{font:400 20px/1 'Classy Vogue',var(--body);font-style:normal;width:38px;height:38px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;color:#a8842f}
.bk-pick .bk-step:not(:first-child){margin-top:38px}
.bk-days{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}
.bk-d{flex:0 0 auto;min-width:74px;background:none;border:1px solid var(--line2);border-radius:18px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--ink);font-family:var(--body);transition:background .2s,border-color .2s,transform .2s}
.bk-d small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.bk-d b{font:400 28px/1.1 'Classy Vogue',var(--body)}
.bk-d:hover{background:var(--stone)}
.bk-d.on{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px)}.bk-d.on small{color:#d9d3c2}
.bk-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.bk-t{background:none;border:1px solid var(--line2);border-radius:999px;padding:13px 10px;font:400 14px var(--body);letter-spacing:.12em;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.bk-t:hover{background:var(--stone)}.bk-t.on{background:#a8842f;border-color:#a8842f;color:#fff}
.bk-tz{margin-top:22px}
.bk-form{background:linear-gradient(160deg,#f8f8f9,#e8e8e9);border:1px solid #e3d9bd;border-radius:28px;padding:36px;box-shadow:0 30px 60px -34px rgba(60,45,10,.28)}
.bk-sum{border:1px dashed var(--line2);border-radius:16px;padding:16px 18px;margin:0 0 24px;color:var(--mute);font-size:14px}
.bk-sum.on{border:1px solid #c8a24a;background:#fbfbfc;color:var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.bk-sum b{font:400 24px 'Classy Vogue',var(--body)}.bk-sum span{font-size:15px;letter-spacing:.1em}.bk-sum em{flex-basis:100%;font-style:normal;font-size:12px;color:#8b7336;letter-spacing:.14em;text-transform:uppercase}
.bk-g{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.bk-form label{display:block;font:500 10px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.bk-form label>span{display:block;margin-bottom:7px}
.bk-form input[type=text],.bk-form input[type=email],.bk-form input[type=tel],.bk-form select,.bk-form textarea{width:100%;box-sizing:border-box;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:300 15px var(--body);letter-spacing:0;text-transform:none}
.bk-form input:focus,.bk-form select:focus,.bk-form textarea:focus{outline:0;border-color:#a8842f;box-shadow:0 0 0 3px rgba(200,162,74,.18)}
.bk-w{margin-top:16px}
.bk-form .bk-c{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font:300 13px/1.5 var(--body);letter-spacing:0;text-transform:none;color:var(--mute)}
.bk-c input{margin-top:3px;accent-color:#a8842f}.bk-c span{margin:0}
.bk-form .vcta{margin:22px 0 0}.bk-form .btn.big{width:100%;padding:20px;font-size:13px;letter-spacing:.24em;background:var(--ink);color:#fff;border-color:var(--ink)}.bk-form .btn.big:hover{background:#2a2620}.bk-form .btn.big:disabled{opacity:.5;cursor:wait}
.bk-ok{grid-column:1/-1;text-align:center;padding:60px 20px 70px}
.bk-ok[hidden],.bk-pick[hidden],.bk-form[hidden]{display:none}
.bk-tick{width:84px;height:84px;margin:0 auto 26px;border-radius:50%;border:1px solid #c8a24a;position:relative;animation:bkpop .7s cubic-bezier(.2,.8,.2,1) both}
.bk-tick:after{content:"";position:absolute;left:30px;top:20px;width:18px;height:34px;border:solid #a8842f;border-width:0 2px 2px 0;transform:rotate(40deg)}
@keyframes bkpop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.bk-ok h3{font:400 clamp(40px,6vw,76px)/1 'Classy Vogue',var(--body);margin:0 0 18px;text-transform:uppercase}
.bk-when{font-size:20px;margin:0 0 6px}.bk-when b{font:400 30px 'Classy Vogue',var(--body);margin-right:12px}
.bk-ok .lead{max-width:560px;margin:0 auto 26px}
.bk-ok .btn.big{padding:20px 44px}
@media(max-width:900px){.bk{grid-template-columns:1fr;gap:34px}.bk-form{padding:24px 18px;border-radius:22px}.bk-g{grid-template-columns:1fr}}
html[dir=rtl] .bk-sum.on,html[dir=rtl] .bk-form label{text-align:right}
html.embed .bk{margin-top:0}
.bk>*{min-width:0}.bk-days{max-width:100%}
@media(max-width:900px){.bk-times{grid-template-columns:repeat(3,1fr)}.bk-d{min-width:68px}}
.bk-zone{display:block;margin:0 0 30px;max-width:360px;font:500 10px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}.bk-zone span{display:block;margin-bottom:7px}.bk-zone select{width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:12px 16px;font:300 14px var(--body);letter-spacing:0;text-transform:none;color:var(--ink)}
/* embed on coverpageagency.com: neutral white, no cream or gold tint */
html.embed .bk-form,html.embed .newcard,html.embed .card{background:#fff;border-color:rgba(20,19,17,.10);box-shadow:0 24px 50px -34px rgba(20,19,17,.18)}
html.embed .bk-zone select,html.embed .bk-form input,html.embed .bk-form select,html.embed .bk-form textarea{background:#fff}
/* partner login inside coverpageagency.com: only the login panel */
html.embed #v-licence>.viewtag,html.embed #v-licence>.h2_upcoming,html.embed #v-licence #signin{display:none!important}
html.embed #v-licence{padding-top:0}

/* new entry card: the microphone is a picture, the button is the same pill as Log in */
.micart{pointer-events:none;margin:auto 0 18px!important;padding:0!important}
.newcard #micGo{display:block;width:100%;margin:0 0 6px!important;text-align:center;text-decoration:none}

/* embed: the Profile sent page keeps its text and button */
html.embed #v-thanks .vhead{display:block!important;text-align:center;padding:30px 0 20px}

/* Desk loading (client 9 Oct): an orange ring draws around the logo, then the desk fades in */
.cpload{position:relative;width:96px;height:96px;margin:80px auto;display:grid;place-items:center}
.cpload svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.cpload circle{fill:none;stroke-width:2.5}
.cpl-bg{stroke:rgba(20,19,17,.08)}
.cpl-fg{stroke:#e25b1e;stroke-linecap:round;stroke-dasharray:226;stroke-dashoffset:226;animation:cplDraw 1.4s cubic-bezier(.6,0,.2,1) infinite}
.cpload img{width:44px;height:auto;opacity:0;animation:cplLogo 1.4s ease infinite}
.cpload .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@keyframes cplDraw{0%{stroke-dashoffset:226}60%{stroke-dashoffset:0}100%{stroke-dashoffset:-226}}
@keyframes cplLogo{0%,10%{opacity:0;transform:scale(.92)}45%,80%{opacity:1;transform:scale(1)}100%{opacity:0}}
#dashRoot>.card,#dashRoot>.atabs,#dashRoot>div{animation:cpIn .45s ease both}
#dashRoot>*:nth-child(2){animation-delay:.06s}#dashRoot>*:nth-child(3){animation-delay:.12s}
@keyframes cpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cpl-fg,.cpload img,#dashRoot>*{animation:none!important;opacity:1}.cpl-fg{stroke-dashoffset:60}}
/* Compact desk on desktop (client 9 Oct): about 15 percent smaller, slim top band, first screen without scrolling */
@media (min-width:900px){
body:has(#dashRoot) main{padding-top:14px!important;padding-bottom:40px!important}
#dashRoot{font-size:14px}
#dashRoot .card{padding:22px 26px}
#dashRoot .dwho h3{font-size:30px}
#dashRoot .dst b{font-size:26px}
#dashRoot .dst span{margin-top:5px;font-size:9.5px}
#dashRoot .pgrid,#dashRoot .phgrid{gap:10px}
#dashRoot .pslot,#dashRoot .ph{max-height:150px}
#dashRoot .dhero{padding:20px 26px;gap:20px}
#dashRoot .dav{width:78px;height:78px}
#dashRoot .dst{padding:10px 14px;min-width:88px}
#dashRoot .dnote{padding-top:12px}
#dashRoot .atabs{margin:2px auto 16px}
#dashRoot .atabs button{padding:11px 26px}
}
html.embed body:has(#dashRoot) main{padding-top:0!important}

/* ================= Artist desk, editorial edition (client 9 Oct 2026) =================
   Black and white magazine language of coverpageagency.com: thin rules, square corners, serif numbers,
   small caps labels, orange used once (the script line). Applies to the artist desk only. */
body:has(#dashRoot){--ed-ink:#111;--ed-line:rgba(17,17,17,.14);--ed-mute:#77736b;--ed-or:#e25b1e}
body:has(#dashRoot) #dashRoot .card{border-radius:2px!important;border:1px solid var(--ed-line)!important;box-shadow:none!important;background:#fff!important}
body:has(#dashRoot) #dashRoot .tag{font:500 10px/1 Inter,sans-serif;letter-spacing:.24em;color:var(--ed-mute)}
/* cover header: the cover photo as a portrait, the name set like a masthead */
#dashRoot .dhero{grid-template-columns:150px minmax(0,1fr) auto!important;gap:30px!important;padding:0!important;overflow:hidden;align-items:stretch!important}
#dashRoot .dav{width:150px!important;height:auto!important;min-height:190px;border-radius:0!important;box-shadow:none!important;background:#e4e4e5!important;font:400 46px/1 "Classy Vogue",Georgia,serif}
#dashRoot .dwho{padding:26px 0;align-self:center}
#dashRoot .dwho::before{content:"Cover Page Artists";display:block;margin-bottom:8px;font:400 30px/.8 Hurricane,"Classy Vogue",cursive;color:var(--ed-or)}
html:lang(it) #dashRoot .dwho::before{content:"Artisti Cover Page"}
#dashRoot .dwho h3{font:400 40px/1 "Classy Vogue",Georgia,serif!important;letter-spacing:.01em;margin:0 0 10px!important}
#dashRoot .dwho p{font-size:12px!important;letter-spacing:.04em}
#dashRoot .dchips{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--ed-ink);width:max-content;max-width:100%}
#dashRoot .sbadge,#dashRoot .lvchip{background:none!important;border:0!important;border-radius:0!important;padding:0!important;font:600 10px/1 Inter,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--ed-ink)!important}
#dashRoot .lvchip svg,#dashRoot .lvchip img{display:none}
#dashRoot .lvchip::before{content:"·";margin-right:14px;color:var(--ed-mute)}
/* counters: big serif numbers between hairlines, no boxes, no icons */
#dashRoot .dstats{align-self:center;gap:0!important;padding-right:30px}
#dashRoot .dst{background:none!important;border:0!important;border-left:1px solid var(--ed-line)!important;border-radius:0!important;padding:6px 22px!important;min-width:0!important}
#dashRoot .dst:hover b{color:var(--ed-or)}
#dashRoot .dst b{font:400 38px/1 "Classy Vogue",Georgia,serif!important}
#dashRoot .dst b svg,#dashRoot .dst b img,#dashRoot .gmic,#dashRoot svg.inl{display:none!important}
#dashRoot .dst span{font:500 9px/1.3 Inter,sans-serif!important;letter-spacing:.22em!important;color:var(--ed-mute)!important}
#dashRoot .dnote{grid-column:2/-1!important;margin:0 30px 22px 0!important;padding-top:12px!important;border-top:1px solid var(--ed-line)!important;font-size:12.5px!important}
/* tabs: a text menu with an underline, like a magazine contents line */
#dashRoot .dtabs{gap:30px!important;justify-content:flex-start!important;margin:22px 0 18px!important;padding-bottom:0;border-bottom:1px solid var(--ed-line)}
#dashRoot .dtabs button{background:none!important;border:0!important;border-radius:0!important;padding:0 0 12px!important;margin-bottom:-1px;color:var(--ed-mute)!important;font:500 11px/1 Inter,sans-serif!important;letter-spacing:.22em!important;border-bottom:1px solid transparent!important}
#dashRoot .dtabs button.on{color:var(--ed-ink)!important;border-bottom-color:var(--ed-ink)!important}
#dashRoot .dtabs button:hover{color:var(--ed-ink)!important}
#dashRoot .dtabs button i,#dashRoot .dtabs .tbadge{background:var(--ed-or)!important}
/* job cards and rings: thin and square */
#dashRoot .mring{border-radius:0!important;background:none!important;box-shadow:none!important;border:1px solid var(--ed-ink)!important}
#dashRoot .mring.star{border-color:var(--ed-or)!important}
#dashRoot .mring b{font-family:"Classy Vogue",Georgia,serif!important;color:var(--ed-ink)!important}
#dashRoot .job h4,#dashRoot .job h3{letter-spacing:.02em}
#dashRoot .btn{border-radius:999px}
#dashRoot .ptile,#dashRoot .chip span{border-radius:2px!important}
#dashRoot input,#dashRoot select,#dashRoot textarea{border-radius:2px!important}
/* phones: photo on top, name under it */
@media (max-width:760px){
#dashRoot .dhero{grid-template-columns:110px minmax(0,1fr)!important;gap:16px!important}
#dashRoot .dav{width:110px!important;min-height:140px}
#dashRoot .dwho{padding:14px 12px 10px 0}
#dashRoot .dwho h3{font-size:28px!important}
#dashRoot .dchips{flex-wrap:wrap!important;white-space:normal;width:auto}
#dashRoot .dstats{grid-column:1/-1;padding:0 0 12px!important;justify-content:space-between}
#dashRoot .dst:first-child{border-left:0!important}
#dashRoot .dnote{grid-column:1/-1!important;margin:0 16px 16px!important}
#dashRoot .dtabs{gap:18px!important;overflow-x:auto;flex-wrap:nowrap!important}
#dashRoot .dtabs button{white-space:nowrap}
}

/* Desk round 3 (client 9 Oct, 23:49): logo visible in the loader, everything about 20 percent smaller,
   requests (missions) at the top of the right column, one screen on desktop */
/* logo animation: the mark is revealed top to bottom like ink, then breathes; the orange ring keeps drawing around it */
.cpload{width:120px;height:120px}
.cpload img{filter:brightness(0);width:62px;opacity:1;clip-path:inset(0 0 100% 0);animation:cplInk 1.1s cubic-bezier(.65,0,.35,1) .1s forwards,cplBreath 2.4s ease-in-out 1.3s infinite}
@keyframes cplInk{from{clip-path:inset(0 0 100% 0);transform:translateY(4px)}to{clip-path:inset(0 0 0 0);transform:none}}
@keyframes cplBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.cpload img{clip-path:none!important}}
.dtabs button{position:relative}
#dashRoot .dtabs .tupd{position:absolute;left:0;top:100%;margin-top:5px;white-space:nowrap;font:400 10px/1 Inter,sans-serif;letter-spacing:.02em;text-transform:none;color:var(--ed-mute)}
#dashRoot .dtabs{margin:16px 0 22px!important}
.tkl .tkr{width:100%}
@media (min-width:900px){
#dashRoot{font-size:13px}
#dashRoot .card{padding:18px 22px}
#dashRoot .dhero{grid-template-columns:104px minmax(0,1fr) auto!important;gap:22px!important}
#dashRoot .dav{width:104px!important;min-height:132px;font-size:34px}
#dashRoot .dwho{padding:16px 0}
#dashRoot .dwho::before{font-size:24px;margin-bottom:4px}
#dashRoot .dwho h3{font-size:30px!important;margin:0 0 6px!important}
#dashRoot .dwho p{font-size:11px!important}
#dashRoot .dchips{margin-top:8px;padding-top:7px}
#dashRoot .dstats{padding-right:22px}
#dashRoot .dst{padding:4px 16px!important}
#dashRoot .dst b{font-size:28px!important}
#dashRoot .dst span{font-size:8px!important}
#dashRoot .dnote{margin:0 22px 14px 0!important;padding-top:9px!important;font-size:11.5px!important}
#dashRoot .dtabs{gap:24px!important}
#dashRoot .dtabs button{font-size:10px!important;padding-bottom:10px!important}
#dashRoot .dwrap{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
#dashRoot .dside{position:static}
#dashRoot .sdc{height:auto!important;min-height:0!important;padding:18px 20px;overflow:visible}
#dashRoot .sdbal b{font-size:38px}
#dashRoot .sdbal .small{font-size:13px}
#dashRoot .sdt{margin:14px 0 4px}
#dashRoot .tkr{font-size:13px;padding:9px 0;gap:12px}
#dashRoot .tkr b{font-size:14px;min-width:30px;color:var(--ed-or)}
#dashRoot .tkr span small{font-size:11px;margin-top:2px;line-height:1.35}
#dashRoot .sdr{font-size:13px;padding:8px 0!important}
#dashRoot .sdr em{font-size:12px}
#dashRoot .prbox{margin-top:12px;padding:10px 12px!important;border-radius:2px!important}#dashRoot .prbox b{font-size:13px}#dashRoot .prbox span{display:none}#dashRoot .prbox em{font-size:11.5px}
#dashRoot .job,#dashRoot .offer{padding:16px 20px}
}

/* Loader with percentage (client 10 Oct): the orange ring follows the real progress, the number and the step sit under it */
.cpload.pct{margin:70px auto 0}
.cpload.pct .cpl-fg{animation:none;stroke-dashoffset:226;transition:stroke-dashoffset .25s linear}
.cpl-t{display:flex;flex-direction:column;align-items:center;gap:10px;margin:16px 0 90px;text-align:center}
.cpl-n{font:400 26px/1 "Classy Vogue",Georgia,serif;color:#111;font-variant-numeric:tabular-nums}
.cpl-l{font:500 10px/1.2 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#77736b;min-height:12px}

/* team desk: one general search bar above everything (client 10 Oct) */
.gsearch{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:0 18px;height:54px;border:1px solid #111;border-radius:999px;background:#fff}
.gsearch svg{flex:none;width:20px;height:20px;fill:none;stroke:#111;stroke-width:1.8;stroke-linecap:round}
.gsearch input{flex:1;min-width:0;border:0!important;outline:0;background:none;font:400 16px/1 Inter,sans-serif;padding:0!important;height:auto!important;box-shadow:none!important}
.gsearch em{flex:none;font:500 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:#77736b}

/* ================= Profile in single cards (client 10 Oct) ================= */
#joinForm.wz-on>.card{border:0!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important}
#joinForm.wz-on .wz-gone{display:none!important}
#joinForm.wz-on>.card>.small.mute:last-child{text-align:center;margin-top:18px}
.wz{max-width:640px;margin:0 auto}
.wz-top{margin:0 0 22px}
.wz-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.wz-ch{font:400 26px/1.1 "Classy Vogue",Georgia,serif;color:#111}
.wz-n{font:500 10px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#77736b;white-space:nowrap}
.wz-bar{height:3px;background:rgba(17,17,17,.1);border-radius:3px;overflow:hidden}
.wz-bar i{display:block;height:100%;width:0;background:#e25b1e;transition:width .35s ease}
.wz-dots{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px}
.wz-dots span{font:500 9.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b3aea4}
.wz-dots span.ok{color:#111}.wz-dots span.on{color:#e25b1e}
.wz-deck{position:relative}
.wz-card{background:#fff;border:1px solid rgba(17,17,17,.14);border-radius:2px;padding:30px 30px 26px;min-height:200px}
.wz-card>label.f:first-child,.wz-card>div>label.f:first-child,.wz-card .two>div>label.f{font:400 24px/1.2 "Classy Vogue",Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:#111!important;margin:0 0 16px!important;display:block}
.wz-card .two{gap:22px}
.wz-card input:not([type=checkbox]):not([type=radio]),.wz-card select,.wz-card textarea{font-size:17px}
.wz-card.in-r{animation:wzR .32s ease both}.wz-card.in-l{animation:wzL .32s ease both}
@keyframes wzR{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes wzL{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.wz-err{min-height:20px;margin:10px 0 0;color:#b3261e;font:500 13px/1.4 Inter,sans-serif}
.wz-nav{display:flex;align-items:center;gap:10px;margin-top:8px}
.wz-sp{flex:1}
.wz-send{margin-top:22px}
.wz-send #jGo{width:100%}
.wz-ta{position:relative;margin-bottom:8px}
.wz-ta input{width:100%}
.wz-sug{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.wz-sug button{border:1px solid #111;background:#fff;border-radius:999px;padding:8px 14px;font:500 13px/1 Inter,sans-serif;cursor:pointer}
.wz-sug button:hover{background:#111;color:#fff}
select.wz-sel{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.wz-cf{width:100%;margin:0 0 12px}
@media (max-width:640px){.wz-card{padding:22px 18px}.wz-ch{font-size:22px}.wz-card>label.f:first-child,.wz-card .two>div>label.f{font-size:20px!important}.wz-dots{display:none}}
@media (prefers-reduced-motion:reduce){.wz-card{animation:none!important}}
.wz [hidden],.wz-card[hidden]{display:none!important}
.wz-ta input,.wz-cf{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;height:52px;padding:0 16px 0 44px;border:1px solid rgba(17,17,17,.16);border-radius:2px;background:#f2f2f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 15px center/18px;font:400 17px/1 Inter,sans-serif;color:#111;outline:0}
.wz-ta input:focus,.wz-cf:focus{border-color:#111;background-color:#fff}
.wz-card:focus{outline:none}
.wz-card label.chip:focus-visible,.wz-card label.kcard:focus-visible,.wz-sug button:focus-visible{outline:2px solid #e25b1e;outline-offset:2px}
.wz-sug button:focus{background:#111;color:#fff}
.wz-keys{margin:14px 0 0;text-align:center;font:400 11px/1.4 Inter,sans-serif;color:#9a958b}@media (pointer:coarse){.wz-keys{display:none}}
body:has(#joinForm.wz-on) [data-i=back_join]{display:none!important}
@media (max-width:640px){.wz-meta{flex-direction:column;align-items:flex-start;gap:6px}}

/* ================= Profile cards, design pass (client 10 Oct, 10:27) ================= */
.wz{max-width:680px}
.wz-top{margin:0 0 28px}
.wz-meta{align-items:flex-end;margin-bottom:18px}
.wz-ch{font:400 40px/.9 Hurricane,"Classy Vogue",cursive;color:#e25b1e}
.wz-n{display:flex;align-items:baseline;gap:6px;letter-spacing:0;text-transform:none}
.wz-n b{font:400 30px/1 "Classy Vogue",Georgia,serif;color:#111;font-variant-numeric:tabular-nums}
.wz-n i{font:400 15px/1 "Classy Vogue",Georgia,serif;font-style:normal;color:#9a958b}
.wz-n em{margin-left:10px;padding:5px 9px;border-radius:999px;background:#fdf0e8;color:#c24a14;font:600 10px/1 Inter,sans-serif;letter-spacing:.12em;font-style:normal}
.wz-prog{position:relative;height:44px;display:flex;align-items:center;margin:0 22px 0 0}
.wz-bar{flex:1;height:6px;border-radius:6px;background:#f4e4da;overflow:visible}
.wz-bar i{border-radius:6px;background:linear-gradient(90deg,#f6b48c,#ee7a3f 55%,#e25b1e);box-shadow:0 0 14px rgba(226,91,30,.35)}
.wz-knob{--p:0;position:absolute;top:50%;left:4%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;border:1.5px solid #e25b1e;display:grid;place-items:center;box-shadow:0 4px 18px rgba(226,91,30,calc(.12 + var(--p) * .3));transition:left .45s cubic-bezier(.4,0,.2,1),box-shadow .45s}
.wz-knob img{width:22px;height:auto;filter:brightness(0);opacity:calc(.18 + var(--p) * .82);transform:scale(calc(.8 + var(--p) * .25));transition:opacity .45s,transform .45s}
.wz-knob.full{background:#e25b1e;border-color:#e25b1e;animation:wzPop .6s ease}
.wz-knob.full img{filter:brightness(0) invert(1);opacity:1}
@keyframes wzPop{50%{transform:scale(1.18)}}
.wz-dots{margin-top:14px}
.wz-card{position:relative;padding:44px 40px 34px;border:1px solid rgba(17,17,17,.12);border-top:3px solid #111;box-shadow:0 18px 40px -28px rgba(17,17,17,.35)}
.wz-card::before{content:attr(data-q);position:absolute;top:18px;left:40px;font:600 9.5px/1 Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#e25b1e}
.wz-card>label.f:first-child,.wz-card>div>label.f:first-child,.wz-card .two>div>label.f,.wz-card .wz-kind>.tag,.wz-card>.tag:first-child{font:400 30px/1.15 "Classy Vogue",Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:#111!important;margin:6px 0 20px!important;display:block}
.wz-card .two>div>label.f{font-size:24px!important}
.wz-card label.chip span{padding:11px 16px;font-size:14px}
.wz-card .kinds.k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wz-card .kinds .kcard span{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:20px 18px;border-radius:2px!important}
.wz-card .kinds .kcard b{font:400 26px/1 "Classy Vogue",Georgia,serif;text-transform:none;letter-spacing:0}
.wz-card .kinds .kcard small{font-size:13px;line-height:1.4}
.wz-nav{margin-top:18px}
.wz-nav .wz-next{background:#111!important;color:#fff!important;border-color:#111!important;padding:15px 30px}
.wz-nav .wz-next::after{content:" \2192";}
.wz-nav .wz-back{border:0!important;background:none!important;padding-left:0}
.wz-nav .wz-back::before{content:"\2190  ";}
.wz-nav .wz-skip{border:0!important;background:none!important;color:#77736b!important}
@media (max-width:640px){.wz-ch{font-size:32px}.wz-card{padding:38px 20px 24px}.wz-card::before{left:20px}.wz-card .kinds.k3{grid-template-columns:1fr}.wz-card .kinds .kcard span{min-height:0}.wz-card>label.f:first-child,.wz-card .wz-kind>.tag{font-size:24px!important}}
.wz-knob{width:54px;height:54px;margin:-27px 0 0 -27px}
.wz-knob img{width:30px}
.wz-prog{height:56px;margin-right:27px}
.wz input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}

/* ================= Profile cards, compact one screen (client 10 Oct, 11:58) ================= */
.wz-top{margin:0 0 16px}
.wz-row{display:flex;align-items:center;gap:16px}
.wz-row .wz-ch{flex:none;font-size:30px;min-width:0;white-space:nowrap}
.wz-row .wz-prog{flex:1;min-width:60px;margin:0 22px 0 22px;height:48px}
.wz-row .wz-n{flex:none}
.wz-row .wz-n b{font-size:24px}
.wz-row .wz-knob{width:46px;height:46px;margin:-23px 0 0 -23px}
.wz-row .wz-knob img{width:26px}
.wz-dots{margin-top:6px}
.wz-card{padding:38px 34px 26px}
.wz-card .actbox,.wz-card .chips{max-height:min(34vh,280px);overflow:auto;overscroll-behavior:contain}
.wz-card .lkgrid{grid-template-columns:1fr 1fr}
.wz-card textarea{max-height:24vh}
/* hero and trusted by band fade away after the first answer */
body .hero,body #v-create .vhead .lead,body #v-create .vhead{transition:opacity .45s ease,max-height .55s ease,margin .55s ease,padding .55s ease}
body .hero{max-height:900px;overflow:hidden}
body.wz-deep .hero{opacity:0;max-height:0!important;margin:0!important;padding:0!important}
body.wz-deep #v-create .vhead{max-height:90px;overflow:hidden;padding-top:6px!important;padding-bottom:0!important;margin-bottom:6px!important}
body.wz-deep #v-create .vhead .lead{opacity:0;max-height:0;margin:0!important}
body.wz-deep #v-create .vhead .h2_upcoming{font-size:clamp(26px,4vw,40px)!important;margin:0!important}
body.wz-deep main{padding-top:10px!important}
@media (max-width:640px){
.wz-row{gap:10px}
.wz-row .wz-ch{font-size:22px}
.wz-row .wz-prog{margin:0 18px;height:40px}
.wz-row .wz-knob{width:36px;height:36px;margin:-18px 0 0 -18px}
.wz-row .wz-knob img{width:20px}
.wz-row .wz-n b{font-size:18px}.wz-row .wz-n i{font-size:12px}.wz-row .wz-n em{margin-left:4px;padding:4px 6px;font-size:9px}
.wz-card{padding:32px 16px 18px}
.wz-card .lkgrid{grid-template-columns:1fr}
.wz-card .actbox,.wz-card .chips{max-height:30vh}
.wz-card .kinds.k3{gap:8px}
.wz-card .kinds .kcard span{padding:12px 14px;gap:4px}
.wz-card .kinds .kcard b{font-size:20px}
.wz-card>label.f:first-child,.wz-card .wz-kind>.tag,.wz-card>.tag:first-child{font-size:22px!important;margin-bottom:12px!important}
.wz-nav{margin-top:10px}
.wz-nav .wz-next{padding:13px 24px}
}
body.wz-deep #siteFoot,body:has(#joinForm.wz-on) #siteFoot{display:none!important}

.wz-card.wz-scroll{overflow-y:auto;overscroll-behavior:contain}
.wz-card .actbox,.wz-card .chips{max-height:none;overflow:visible}
.wz-dots{display:none}
.wz-keys{margin-top:8px}
body.wz-deep #v-create .vhead{max-height:64px}
body.wz-deep main{padding-bottom:12px!important;min-height:0!important}
body.wz-deep #v-create{padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}
body.wz-deep #v-create .backl,body.wz-deep #joinForm>.card>.small.mute:last-child{display:none!important}
@media (max-width:640px){.wz-row .wz-ch{display:none}.wz-row .wz-prog{margin-left:18px}.wz-card::before{content:attr(data-q) "  \00b7  " attr(data-ch)}}

/* desk: delete on top of the profile window, tests filter bar (client 10 Oct) */
.ovhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.btn.red.armed{background:#8c1d18!important;border-color:#8c1d18!important;color:#fff!important}
.tbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid #e9b8b4;background:#fdf1f0;border-radius:2px;font-size:14px}
.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:991px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}

#toast{z-index:200}

/* desk: clear log in and log out (client 10 Oct) */
.tnote{margin:0 0 18px;padding:10px 14px;border-radius:2px;font:500 13px/1.4 Inter,sans-serif;text-align:left}
.tnote.ok{background:#eef6ee;color:#245c2a}.tnote.warn{background:#fdf1f0;color:#8c1d18}.tnote.info{background:#efeff0;color:#3b3833}
.tfoot{margin:16px 0 0;text-align:center}
.tsess{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px;padding:10px 16px;border:1px solid rgba(17,17,17,.12);border-radius:999px;background:#fff;font:400 13px/1.3 Inter,sans-serif}

/* desk rotating line */
.dquote{font-style:italic;transition:opacity .45s ease;min-height:1.6em}
.dquote.fade{opacity:0}

/* gate home: rotating door words, calm crossfade */
.duo-c.rot h2,.duo-c.rot .section_title_span div{transition:opacity .45s ease}
.duo-c.rot h2.out,.duo-c.rot .section_title_span div.out{opacity:0}
.duo-c .section_title_span div{white-space:nowrap}
.duo-c .section_title_span div{font-size:.72em}

.phbar{display:flex;gap:12px;align-items:center;margin:14px 0 0}
.oimgw{flex:0 0 auto;display:flex;flex-direction:column;gap:6px}
.phdl{align-self:stretch}
.ostars{display:flex;gap:2px;align-items:center;margin:0 0 6px}
.ostars button{background:none;border:0;padding:2px 3px;font-size:26px;line-height:1;color:#d4d4d4;cursor:pointer}
.ostars button.on{color:#e25b1e}
.ostars button:hover{transform:scale(1.12)}
.ostars .oclr{font:500 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#888;margin-left:10px}
.cstars{color:#e25b1e;letter-spacing:1px;font-size:13px}
.cstars em{font-style:normal;color:#d4d4d4}
/* desk upgrade 13 Oct: neutral white palette (no cream), phone fit, touch targets, keyboard focus, profile navigation */
body[data-page=desk]{--panel2:#f4f4f5;--stone:#ececee;-webkit-font-smoothing:antialiased}
body[data-page=desk] .kpi .n,body[data-page=desk] .dvsw i,body[data-page=desk] .onav span{font-variant-numeric:tabular-nums}
body[data-page=desk] :is(button,a,input,select,textarea):focus-visible{outline:2px solid #e25b1e;outline-offset:2px}
body[data-page=desk] .ovbox:focus{outline:0}
body[data-page=desk] .ovbox{min-width:0;overflow-wrap:anywhere}
body[data-page=desk] .btn,body[data-page=desk] .dvsw button{transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}
body[data-page=desk] .btn:active,body[data-page=desk] .dvsw button:active{transform:scale(.97)}
body[data-page=desk] .btn[disabled]{opacity:.45;cursor:default}
.onav{display:flex;align-items:center;gap:10px;margin:0 44px 14px 0;flex-wrap:wrap}
.onav .okeys{margin-left:auto}
@media(max-width:600px){
 body[data-page=desk] .dvsw{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 body[data-page=desk] .dvsw button{justify-content:center;padding:12px 10px;font-size:10.5px;letter-spacing:.1em;min-height:44px}
 body[data-page=desk] .btn.sm,body[data-page=desk] .tsess .btn{min-height:44px;padding:12px 14px}
 body[data-page=desk] .ovx{width:44px;height:44px;top:6px;right:6px}
 body[data-page=desk] .ostars button{min-width:44px;min-height:44px}
 body[data-page=desk] #fap{width:22px;height:22px}
 .onav .okeys{display:none}
}
/* compact desk once logged in (client go 13 Oct): the work starts at the top, the brand hero stays on the log in screen */
body.desk-in .hero{display:none!important}
body.desk-in #v-desk .vhead{margin:22px 0 14px;padding:0}
body.desk-in #v-desk .vhead .h2_upcoming{font-size:clamp(34px,4.2vw,58px)}
body.desk-in #v-desk .dquote{margin:6px auto 0;font-size:15px}
@media(max-width:600px){body.desk-in #v-desk .vhead{margin:14px 0 8px}}
.oagent{margin-top:6px;font:500 11px var(--body);letter-spacing:.18em;text-transform:uppercase;color:#e25b1e}
.cagent{display:block;font-style:normal;font:500 10px var(--body);letter-spacing:.16em;color:#e25b1e;margin-bottom:2px}
.phbar{flex-wrap:wrap}
.igsec{margin:6px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px}
.igsec .stl{margin:0 0 8px}
.igbox{max-width:360px;margin:0 0 10px}
.igbox img{width:100%;border-radius:10px;display:block}
.igask{border-color:#e25b1e}
.igask p{margin:0 0 10px}

/* Google team sign in (14 Oct) */
.authcard .gsi{display:flex;flex-direction:column;align-items:center;gap:8px;margin:26px 0 4px;text-align:center}
.authcard .gsi #gBtn{min-height:44px;display:flex;justify-content:center}
.authcard .gsi .ferr{margin:0;min-height:0}
.authcard .gor{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--mute,#6b6c72);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.authcard .gor:before,.authcard .gor:after{content:"";flex:1;height:1px;background:var(--line)}

/* client sheet viewer (14 Oct): full screen inside the desk, no pop up */
.sheetv{position:fixed;inset:0;z-index:2147483000;background:#ececee;display:flex;flex-direction:column}
.sheetv[hidden]{display:none}
.sheetv-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;background:#fff;border-bottom:1px solid rgba(0,0,0,.12)}
.sheetv-bar>span:nth-child(2){font:500 11px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#6b6c72}
.sheetv-act{display:flex;gap:8px}
.sheetv iframe{flex:1;width:100%;border:0;background:#ececee}
body.sheet-open{overflow:hidden}
@media(max-width:600px){.sheetv-bar>span:nth-child(2){display:none}.sheetv-bar .btn{min-height:44px}}

/* 15 Oct: overlay head actions, creative gear grid */
.ovacts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.gearg{gap:0 16px}
@media(max-width:600px){.ovacts{width:100%;justify-content:flex-start}.ovacts .btn{min-height:44px}}

/* 15 Oct: ask to update panel, team only consents */
.asksec{margin:6px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px}
.asksec textarea{width:100%;font:400 14px/1.5 Inter,sans-serif;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.asksec .chips{margin:8px 0 4px}
.cons{margin:0 0 6px;padding-left:18px}.cons li{margin:2px 0}
.cy{color:#2e7d4f}.cn{color:#b3261e}.cq{color:#8a6d1f}