/* role identity */
body[data-role=client] .nav{border-top:6px solid var(--lime)}
body[data-role=editor] .nav{border-top:6px solid var(--lav)}
.role-tag{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:999px;border:1.5px solid var(--ink);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.role-tag i{width:8px;height:8px;border-radius:50%;background:var(--ink);display:block}
.role-tag.client{background:var(--lime)}
.role-tag.editor{background:var(--lav)}
body[data-role=client] .hero .eyebrow{background:var(--lime)}
body[data-role=editor] .hero .eyebrow{background:var(--lav)}
@media (max-width:640px){.role-tag{display:none}}

/* signup: big Client / Editor tags */
.form>.role-pick:first-child::before{content:"Sign up as"}
.form>.role-pick:first-child b::before{display:block;width:max-content;margin-bottom:6px;padding:3px 10px;border-radius:999px;border:1.5px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--card)}
.form>.role-pick:first-child label:nth-child(1) b::before{content:"Client";background:var(--lime)}
.form>.role-pick:first-child label:nth-child(2) b::before{content:"Editor";background:var(--lav)}

/* hero photo (strips, pure CSS) */
.hero .tl>*{display:none}
.hero .tl{padding:0;width:100%;max-width:520px;aspect-ratio:520/650;justify-self:center;overflow:hidden;background:url(/h00.webp) 0 0.000%/100% 7.785% no-repeat,url(/h01.webp) 0 8.000%/100% 3.938% no-repeat,url(/h02.webp) 0 12.000%/100% 3.938% no-repeat,url(/h03.webp) 0 16.000%/100% 3.938% no-repeat,url(/h04.webp) 0 20.000%/100% 3.938% no-repeat,url(/h05.webp) 0 24.000%/100% 3.938% no-repeat,url(/h06.webp) 0 28.000%/100% 3.938% no-repeat,url(/h07.webp) 0 31.373%/100% 2.015% no-repeat,url(/h08.webp) 0 33.333%/100% 2.015% no-repeat,url(/h09.webp) 0 35.294%/100% 2.015% no-repeat,url(/h10.webp) 0 37.255%/100% 2.015% no-repeat,url(/h11.webp) 0 40.000%/100% 3.938% no-repeat,url(/h12a.webp) 0 43.137%/100% 2.015% no-repeat,url(/h12b.webp) 0 45.098%/100% 2.015% no-repeat,url(/h13.webp) 0 48.000%/100% 3.938% no-repeat,url(/h14.webp) 0 52.000%/100% 3.938% no-repeat,url(/h15.webp) 0 56.000%/100% 3.938% no-repeat,url(/h16.webp) 0 60.000%/100% 3.938% no-repeat,url(/h17.webp) 0 66.667%/100% 7.785% no-repeat,url(/h18a.webp) 0 72.000%/100% 3.938% no-repeat,url(/h18b1.webp) 0 74.510%/100% 2.015% no-repeat,url(/h18b2.webp) 0 76.471%/100% 2.015% no-repeat,url(/h19a.webp) 0 80.000%/100% 3.938% no-repeat,url(/h19b1a.webp) 0 81.522%/100% 1.015% no-repeat,url(/h19b1b.webp) 0 82.517%/100% 1.092% no-repeat,url(/h19b2.webp) 0 84.314%/100% 2.015% no-repeat,url(/h19c1.webp) 0 86.275%/100% 2.015% no-repeat,url(/h19c2.webp) 0 88.235%/100% 2.015% no-repeat,url(/h19d.webp) 0 92.000%/100% 3.938% no-repeat,url(/h20.webp) 0 100.000%/100% 7.785% no-repeat,var(--card)}