/* Creator directory and individual profiles. */
.creators-page .page-hero{border-bottom:0;background:var(--brand-backdrop);padding-bottom:clamp(48px,5vw,72px)}
.creators-page .page-lede{max-width:590px}
.creator-directory{padding:0 var(--page-gutter) clamp(76px,7vw,112px);border-bottom:1px solid var(--line);background:#0b0c0d}
.creator-directory h2{font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.25;letter-spacing:-.035em;margin:0 0 28px}
.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;align-items:stretch}
.creator-card{display:grid;grid-template-rows:auto 1fr;min-width:0;border:1px solid #292a2c;border-radius:3px;overflow:hidden;text-decoration:none;background:#111214;transition:border-color .2s ease,background .2s ease}
.creator-card>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;background:#08090a}
.creator-grid .creator-card-copy{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 26px 28px;min-width:0}
.creator-grid .creator-card-copy strong{order:0;font-size:clamp(1.65rem,2.5vw,2.2rem);font-weight:600;letter-spacing:-.045em;line-height:1.12;overflow-wrap:anywhere}
.creator-grid .creator-card-copy small{order:1;max-width:100%;color:#aaa9a5;font-size:.85rem;font-weight:400;letter-spacing:0;line-height:1.6;overflow-wrap:anywhere}
.creator-grid .creator-card-copy>span{order:2;display:inline-flex;align-items:center;gap:14px;margin-top:auto;padding-top:20px;color:#eeede7;font-size:.8rem;font-weight:500;line-height:1.4}
.creator-card:hover,.creator-card:focus-visible{border-color:#797977;background:#151618}
.creator-card:hover .creator-card-copy>span,.creator-card:focus-visible .creator-card-copy>span{color:#fff}
.creator-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.creator-actions .button{max-width:100%;overflow-wrap:anywhere}
.creator-join{background:#0e0f10}
.creator-join .article-grid p{max-width:640px}

.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(580px,74svh,740px);padding-inline:max(0px,calc((100% - var(--page-width) - var(--page-gutter)*2)/2));border-bottom:1px solid var(--line);background:#0b0c0d}
.profile-portrait{position:relative;grid-column:2;grid-row:1;min-width:0;min-height:0;align-self:stretch;overflow:hidden}
.profile-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 94%,transparent 100%)}
.profile-portrait::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b0c0d 0%,transparent 16%)}
.profile-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:38px;min-width:0;padding:clamp(34px,4.5vw,68px) var(--page-gutter)}
.profile-back,.profile-jump{display:inline-block;color:#c7c6c1;font-size:.8rem;line-height:1.5;text-decoration:none;text-underline-offset:6px;transition:color .2s ease}
.profile-back:hover,.profile-jump:hover{color:#fff;text-decoration:underline}
.profile-headline{width:100%;max-width:660px;padding:12px 0}
.profile-kicker{max-width:100%;margin:0 0 20px;color:#a5a6a3;font-size:.68rem;font-weight:600;line-height:1.7;letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere}
.profile-copy h1{font-size:clamp(3.7rem,6.4vw,6.8rem);font-weight:600;line-height:1.03;letter-spacing:-.06em;margin:0 0 24px;color:#f4f2eb;overflow-wrap:anywhere}
.profile-generated .profile-copy h1{font-size:clamp(3.25rem,6.2vw,6.4rem)}
.profile-period{color:#e62b3c}
.profile-intro{max-width:440px;margin:0;color:#b6b7b3;font-size:clamp(1.1rem,1.65vw,1.4rem);font-weight:400;line-height:1.6;letter-spacing:-.015em;overflow-wrap:anywhere}
.profile-bio,.profile-connect{padding:clamp(72px,8vw,112px) var(--page-gutter);border-bottom:1px solid var(--line)}
.profile-bio{background:#0d0e0f;scroll-margin-top:76px}
.profile-connect{background:#0b0c0d}
.profile-bio .container,.profile-connect .container{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,110px)}
.profile-bio .container>div,.profile-connect .container>div{min-width:0}
.profile-bio h2,.profile-connect-heading h2{font-size:clamp(2rem,3.7vw,3.6rem);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0;color:#f4f2eb;overflow-wrap:anywhere}
.profile-bio p:not(.profile-kicker){max-width:680px;margin:0 0 24px;color:#b6b7b3;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.85;overflow-wrap:anywhere}
.profile-bio p:not(.profile-kicker):last-child{margin-bottom:0}
.profile-bio p strong{color:#eeece5;font-weight:500}
.profile-links{border-top:1px solid #343638}
.profile-links>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;align-items:baseline;padding:23px 0;border-bottom:1px solid var(--line)}
.profile-links>div>span{color:#969995;font-size:.8rem;line-height:1.6}
.profile-links a,.profile-links strong{min-width:0;max-width:100%;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;line-height:1.6;overflow-wrap:anywhere}
.profile-links a{justify-self:start;max-width:100%;color:#eeece5;text-decoration:none;text-underline-offset:6px;transition:color .2s ease}
.profile-links a:hover{color:#fff;text-decoration:underline;text-decoration-color:#e62b3c}
.profile-footer{padding:32px var(--page-gutter);border-bottom:1px solid var(--line);background:#0b0c0d}
.profile-footer .container{display:flex;justify-content:space-between;gap:20px;color:#969995;font-size:.8rem}
.profile-footer a{color:#eeece5;text-underline-offset:5px}

@media(max-width:1040px){
  .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
  .profile-copy{padding-block:36px}
  .profile-copy h1,.profile-generated .profile-copy h1{font-size:clamp(3rem,6.3vw,5rem)}
}
@media(max-width:700px){
  .creators-page .page-hero{padding-bottom:44px}
  .creator-directory{padding:0 var(--page-gutter) 64px}
  .creator-directory h2{font-size:1.35rem;margin-bottom:22px}
  .creator-grid{grid-template-columns:1fr;gap:28px}
  .creator-card>img{aspect-ratio:1;max-height:500px}
  .creator-grid .creator-card-copy{padding:24px;gap:8px}
  .creator-grid .creator-card-copy strong{font-size:1.9rem}
  .creator-grid .creator-card-copy>span{padding-top:16px}
  .creator-actions{flex-direction:column;align-items:stretch;gap:10px}
  .creator-actions .button{width:100%;margin:0}
}
@media(max-width:900px){
  .profile-hero{display:flex;flex-direction:column;min-height:0;padding-inline:0}
  .profile-copy{order:0;width:100%;min-height:320px;padding:28px var(--page-gutter) 36px;gap:28px}
  .profile-headline{padding:0}
  .profile-kicker{font-size:.63rem;letter-spacing:.12em;margin-bottom:16px}
  .profile-copy h1,.profile-generated .profile-copy h1{font-size:clamp(2.7rem,11.5vw,5.5rem);margin-bottom:20px;letter-spacing:-.055em}
  .profile-intro{font-size:1.1rem;max-width:450px}
  .profile-portrait{order:1;display:block;width:100%;height:auto;min-height:0;max-height:640px;aspect-ratio:1}
  .profile-portrait img{position:static;width:100%;height:auto;max-height:640px;aspect-ratio:1;object-fit:contain;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 90%,transparent 100%)}
  .profile-portrait::after{background:linear-gradient(0deg,#0b0c0d 0%,transparent 12%)}
  .profile-bio,.profile-connect{padding:60px var(--page-gutter)}
  .profile-bio .container,.profile-connect .container{grid-template-columns:1fr;gap:32px}
  .profile-bio h2,.profile-connect-heading h2{font-size:2.4rem}
  .profile-bio p:not(.profile-kicker){font-size:1rem;line-height:1.8}
  .profile-links>div{grid-template-columns:78px minmax(0,1fr);gap:18px;padding:20px 0}
  .profile-links a,.profile-links strong{font-size:.95rem}
  .profile-footer{padding:28px var(--page-gutter)}
  .profile-footer .container{flex-wrap:wrap;gap:12px 24px}
}
@media(prefers-reduced-motion:reduce){.creator-card,.profile-back,.profile-jump,.profile-links a{transition:none}}