/* /creator: the creator program sign-up. Form styles come from store.css (.co). */
.cr-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,56px);align-items:center;padding:24px 0 8px}
.cr-hero img{border-radius:var(--r);width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:var(--card)}
.cr-kick{margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--good)}
.cr h1{font-size:clamp(38px,5.4vw,64px);margin:0}
.cr-lede{font-size:clamp(19px,2vw,22px);color:var(--soft);margin:16px 0 24px;max-width:32ch}
.cr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:40px 0}
.cr-card{background:var(--paper);border-radius:var(--r);padding:22px}
.cr-card b{display:block;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--good)}
.cr-card--wide{grid-column:1/-1}
.cr-card p{margin:8px 0 0;font-size:18px;line-height:1.4;color:var(--pine)}
.cr-join{max-width:640px;margin:0 auto}
.cr-join h2{font-size:clamp(30px,3.6vw,44px);margin:0 0 20px}
.cr .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cr .span2{grid-column:span 2}
.cr .optl{color:var(--soft);font-size:13px}
.cr .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cr .note{margin-top:12px;text-align:center}
.cr-done{background:var(--paper);border-radius:var(--r);padding:28px 24px;text-align:center}
.cr-done p{margin:10px 0 0;font-size:18px;color:var(--pine)}
@media (max-width:760px){
 .cr-hero{grid-template-columns:1fr;text-align:center}
 .cr-hero .cr-lede{margin-inline:auto}
 .cr-hero img{order:-1;max-width:420px;margin:0 auto}
 .cr-cards{grid-template-columns:1fr}
 .cr .grid2{grid-template-columns:1fr}
 .cr .span2{grid-column:auto}
}