/* ============ Home Creators ============ */
.hc-hero{position:relative;overflow:hidden;padding:clamp(140px,14vw,220px) 0 clamp(56px,6vw,92px);background:radial-gradient(ellipse 32% 38% at 78% 42%,rgba(150,90,214,.26) 0%,rgba(100,6,76,.2) 56%,transparent 78%),linear-gradient(122deg,#0d0517 0%,#15071f 44%,#22092f 76%,#2e0c3f 100%)}
.hc-hero-in{position:relative;z-index:2;max-width:1000px}
.hc-h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(2.6rem,6.6vw,7rem);line-height:.96;letter-spacing:-.012em;margin:0;font-weight:400}
.hc-h1 span{display:block}
.hc-h1 .accent{color:var(--violet)}
.hc-lead{margin-top:clamp(20px,2.2vw,30px);font-size:clamp(17px,1.6vw,22px);line-height:1.66;color:var(--off-dim);max-width:56ch}
.hc-lead strong{color:var(--off);font-weight:700}

/* univers */
.hc-univers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.7vw,24px)}
.hc-u{position:relative;display:flex;flex-direction:column;gap:11px;padding:clamp(24px,2.7vw,38px);border-radius:20px;border:1px solid rgba(150,90,214,.2);background:linear-gradient(180deg,#1d0a2c,#15071f);text-align:left;cursor:pointer;font-family:'Manrope',sans-serif;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
.hc-u:hover,.hc-u:focus-visible{transform:translateY(-4px);border-color:rgba(164,92,246,.48);box-shadow:0 26px 50px -32px rgba(150,90,214,.5)}
.hc-u[aria-pressed="true"]{border-color:rgba(164,92,246,.62);background:linear-gradient(180deg,#2a0c3d,#170822)}
.hc-u-num{font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--violet-lt)}
.hc-u h3{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(19px,1.8vw,26px);line-height:1.04;letter-spacing:.025em;color:var(--off);font-weight:400}
.hc-u-line{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(12px,1.05vw,14.5px);line-height:1.26;letter-spacing:.07em;color:var(--off-dim)}
.hc-u-desc{font-size:14.5px;line-height:1.58;color:var(--off-faint)}

/* filtres + créateurs */
.hc-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:clamp(22px,2.4vw,32px)}
.hc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.7vw,24px)}
.hc-grid.is-empty{grid-template-columns:minmax(320px,1.25fr) minmax(280px,.75fr);align-items:stretch}
.hc-grid.is-empty .hc-card{min-height:430px}
.hc-grid.is-empty .hc-shot{min-height:290px}
.hc-grid.is-empty .hc-empty{grid-column:auto;display:flex;flex-direction:column;justify-content:center}
.hc-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid rgba(150,90,214,.2);background:linear-gradient(180deg,#1d0a2c,#15071f);text-align:left;cursor:pointer;font-family:'Manrope',sans-serif;padding:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
.hc-card:hover,.hc-card:focus-visible{transform:translateY(-4px);border-color:rgba(164,92,246,.48);box-shadow:0 26px 50px -32px rgba(150,90,214,.5)}
.hc-shot{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(ellipse 62% 56% at 50% 44%,rgba(150,90,214,.2),transparent 72%),#170822}
.hc-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 6%;display:block;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s ease}
.hc-card:hover .hc-shot img{transform:scale(1.025);filter:brightness(1.05)}
.hc-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,7,31,.86) 0%,rgba(21,7,31,.14) 46%,transparent 74%)}
.hc-tag{position:absolute;left:14px;top:14px;z-index:2;padding:6px 12px;border-radius:100px;background:rgba(14,6,24,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(164,92,246,.4);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-lt)}
.hc-body{position:relative;z-index:2;margin-top:-28px;padding:0 clamp(18px,2vw,24px) clamp(22px,2.3vw,28px);display:flex;flex-direction:column;gap:9px;flex:1}
.hc-body h4{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(17px,1.5vw,21px);line-height:1.08;letter-spacing:.03em;color:var(--off);font-weight:400}
.hc-meta{font-size:13px;line-height:1.45;color:var(--off-faint)}
.hc-phrase{font-size:14.5px;line-height:1.58;color:var(--off-dim)}
.hc-go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--violet-lt);opacity:.6;transition:opacity .3s ease,color .3s ease}
.hc-go svg{width:13px;height:13px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.hc-card:hover .hc-go{opacity:1;color:#fff}
.hc-card:hover .hc-go svg{transform:translateX(4px)}
/* carte d'attente : le titre dit déjà « Créateur à venir » — pas de libellé de survol qui le répète */
.hc-card.is-soon{cursor:default}

/* là où ça se crée */
.hc-spaces{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.7vw,24px)}
.hc-space{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(150,90,214,.2);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2.2vw,30px);background:radial-gradient(ellipse 62% 50% at 50% 34%,rgba(150,90,214,.2),transparent 72%),linear-gradient(180deg,#1d0a2c,#12061c)}
.hc-space img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hc-space::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(14,6,24,.92) 0%,rgba(14,6,24,.34) 44%,rgba(14,6,24,.1) 100%)}
.hc-space-lines{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}
.hc-space-lines span{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(16px,1.7vw,25px);line-height:1.06;letter-spacing:.02em;color:var(--off)}
.hc-space-lines span:last-child{color:var(--violet-lt)}
.hc-space image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;color:rgba(247,244,248,.5)}

/* fresh drop */
.hc-drops{display:flex;flex-direction:column;gap:12px}
.hc-drop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(14px,2vw,28px);align-items:center;padding:clamp(16px,1.8vw,24px) clamp(18px,2vw,26px);border-radius:16px;border:1px solid rgba(150,90,214,.2);background:linear-gradient(180deg,#1b0929,#150720);transition:border-color .25s ease,transform .25s ease}
.hc-drop:hover{border-color:rgba(164,92,246,.45);transform:translateY(-2px)}
.hc-drop-new{padding:6px 13px;border-radius:100px;border:1px solid rgba(212,175,98,.5);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.hc-drop-t{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(16px,1.5vw,21px);line-height:1.08;letter-spacing:.03em;color:var(--off)}
.hc-drop-m{margin-top:5px;font-size:13px;color:var(--off-faint)}

/* bysup × creators */
.hc-collab{background:radial-gradient(ellipse 36% 46% at 72% 48%,rgba(150,90,214,.24),transparent 74%),linear-gradient(140deg,#150720,#240a34 76%,#310d43)}
.hc-collab-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(150,90,214,.16);border-radius:18px;overflow:hidden;margin-top:clamp(22px,2.5vw,34px)}
.hc-collab-list>div{background:#170822;padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:9px}
.hc-collab-list b{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(15px,1.4vw,19px);letter-spacing:.05em;color:var(--off);font-weight:400}
.hc-collab-list span{font-size:14.5px;line-height:1.55;color:var(--off-faint)}
.hc-collab-note{margin-top:clamp(18px,2vw,26px);font-size:13px;color:var(--off-faint)}

/* open calls */
.hc-calls{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.7vw,22px)}
.hc-call{padding:clamp(24px,2.6vw,34px);border-radius:18px;border:1px solid rgba(150,90,214,.22);background:linear-gradient(180deg,#1d0a2c,#15071f);display:flex;flex-direction:column;gap:12px}
.hc-call-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hc-call-st{padding:6px 13px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(247,244,248,.2);color:var(--off-faint)}
.hc-call-st[data-st="open"]{border-color:rgba(120,205,150,.5);color:#8fdcab;background:rgba(120,205,150,.08)}
.hc-call-st[data-st="coming-soon"]{border-color:rgba(226,163,43,.5);color:#e8b968}
.hc-call-st[data-st="filled"]{border-color:rgba(164,92,246,.5);color:var(--violet-lt)}
.hc-call h4{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(18px,1.7vw,24px);line-height:1.06;letter-spacing:.03em;color:var(--off);font-weight:400}
.hc-call-talent{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-lt)}
.hc-call p{font-size:14.5px;line-height:1.6;color:var(--off-dim)}
.hc-call-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--off-faint)}
.hc-call .btn,.hc-call .btn-text{margin-top:auto}
.hc-call button[disabled]{opacity:.42;cursor:not-allowed}

/* états vides */
.hc-empty{grid-column:1/-1;padding:clamp(30px,3.6vw,52px);border-radius:18px;border:1px dashed rgba(150,90,214,.3);text-align:center}
.hc-empty-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(19px,2.2vw,30px);line-height:1.06;color:var(--off);font-weight:400}
.hc-empty-p{margin-top:12px;font-size:15.5px;line-height:1.62;color:var(--off-faint);max-width:46ch;margin-left:auto;margin-right:auto}
.hc-empty .cta-row{justify-content:center;flex-wrap:wrap;margin-top:22px}

/* fiche créateur */
.hc-detail-hero{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/8;background:#170822;margin-bottom:clamp(20px,2.4vw,30px)}
.hc-detail-hero img{width:100%;height:100%;object-fit:cover;display:block}
.hc-detail-h{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(26px,3.6vw,46px);line-height:1;letter-spacing:-.004em;color:var(--off);font-weight:400;margin:0 0 8px}
.hc-detail-loc{font-size:15px;color:var(--off-faint);margin-bottom:14px}
.hc-blk{margin-top:clamp(18px,2vw,26px);padding-top:clamp(15px,1.7vw,21px);border-top:1px solid rgba(150,90,214,.2)}
.hc-blk b{display:block;font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--violet-lt);margin-bottom:10px}
.hc-blk p{font-size:15.5px;line-height:1.7;color:var(--off-dim);white-space:pre-wrap}
.hc-blk a{color:var(--violet-lt)}

/* manifeste de clôture */
.hc-manifest{margin-top:clamp(50px,6vw,92px);padding-top:clamp(34px,4vw,56px);border-top:1px solid rgba(150,90,214,.2);text-align:center}
.hc-mani-1{display:flex;flex-direction:column;gap:5px;font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(15px,1.8vw,26px);line-height:1.14;letter-spacing:.04em;color:var(--off-faint)}
.hc-mani-2{margin-top:clamp(18px,2vw,28px);font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(30px,5vw,80px);line-height:1.02;letter-spacing:-.008em;color:var(--off)}
.hc-mani-2 em{font-style:normal;color:var(--violet)}
.hc-mani-3{margin-top:clamp(14px,1.6vw,22px);font-size:clamp(15px,1.4vw,19px);color:var(--off-dim)}

@media(max-width:1080px){
  .hc-univers,.hc-grid,.hc-spaces{grid-template-columns:repeat(2,1fr)}
  .hc-grid.is-empty{grid-template-columns:1fr}
  .hc-calls,.hc-collab-list{grid-template-columns:1fr}
}
@media(max-width:720px){
  .hc-univers,.hc-grid,.hc-spaces{grid-template-columns:1fr}
  .hc-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
  .hc-filters::-webkit-scrollbar{display:none}
  .hc-filters .chip{flex-shrink:0}
  .hc-drop{grid-template-columns:1fr;gap:12px}
  .hc-detail-hero{aspect-ratio:4/3}
}