/* ==========================================================================
   87-org-landing.css — /organisers/, the public EventGo Australia organiser
   page. docs/ORGANISER-EXPERIENCE-V1.md §6.
   One stylesheet for one section (.eg-c-orgp). Reuses the shell's .eg-c-sec,
   .eg-c-btn, .eg-c-acc and .eg-c-band; everything new is .eg-c-orgp*.
   Only transform and opacity animate.
   ========================================================================== */

.eg-c-orgp { overflow-x: clip; }

/* ---- hero: the empty room before doors (Higgsfield plate, no text in it) */
.eg-c-orgp__hero {
  position: relative; isolation: isolate; display: grid; align-items: end;
  min-height: 88vh; min-height: 88svh;
  padding: calc(var(--hdr-h) + 3rem) var(--c-gut) clamp(3rem, 9vh, 6rem);
}
.eg-c-orgp__plate { position: absolute; inset: 0; z-index: -1; }
.eg-c-orgp__plate img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; display: block; }
.eg-c-orgp__plate::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(0deg, var(--c-ink) 0%, rgb(8 12 40 / .72) 38%, rgb(8 12 40 / .2) 70%, rgb(8 12 40 / .55) 100%),
    linear-gradient(90deg, rgb(8 12 40 / .7), transparent 60%);
}
.eg-c-orgp__hin { max-width: 46rem; display: grid; gap: 1.1rem; }
.eg-c-orgp__h { font-family: var(--font-headline); font-weight: 800; font-size: var(--t-hero); line-height: .98; letter-spacing: -.035em; margin: 0; }
.eg-c-orgp__lead { font-size: var(--t-lead); color: var(--c-text-2); max-width: 38rem; margin: 0; }
.eg-c-orgp__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .5rem; }
.eg-c-orgp__have { font-size: var(--t-meta); color: var(--c-text-2); margin: 0; }
.eg-c-orgp__have a { color: var(--c-text); font-weight: 700; }

/* ---- every kind of event: a quiet band, never a genre ------------------- */
.eg-c-orgp__kinds { border-block: 1px solid var(--c-line); padding: 1rem var(--c-gut); }
.eg-c-orgp__kinds ul { list-style: none; margin: 0 auto; padding: 0; max-width: 1320px; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: center; }
.eg-c-orgp__kinds li { font-size: var(--t-label); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--c-text-2); }

/* ---- more than ticketing: five verbs ------------------------------------ */
.eg-c-orgp__head { display: grid; gap: .75rem; margin-bottom: clamp(2rem, 5vh, 3.5rem); }
.eg-c-orgp__h2 { font-family: var(--font-headline); font-weight: 800; font-size: var(--t-section); line-height: 1; letter-spacing: -.03em; margin: 0; }
.eg-c-orgp__verbs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: var(--c-line); border: 1px solid var(--c-line); border-radius: 22px; overflow: hidden; }
.eg-c-orgp__verb { background: var(--c-ink); padding: 1.5rem 1.35rem 1.75rem; display: grid; gap: .6rem; align-content: start; }
.eg-c-orgp__vn { font-size: var(--t-label); font-weight: 800; letter-spacing: .16em; color: var(--c-teal); }
.eg-c-orgp__verb h3 { font-family: var(--font-headline); font-weight: 800; font-size: var(--t-title); letter-spacing: -.03em; margin: 0; }
.eg-c-orgp__verb p { margin: 0; color: var(--c-text-2); font-size: var(--t-meta); line-height: 1.55; }

/* ---- how it works + event day -------------------------------------------- */
.eg-c-orgp__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.eg-c-orgp__split > div:first-child { display: grid; gap: 1.1rem; justify-items: start; }
.eg-c-orgp__split--media { align-items: center; }
.eg-c-orgp__p { margin: 0; color: var(--c-text-2); font-size: var(--t-lead); max-width: 34rem; }
.eg-c-orgp__trust { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.eg-c-orgp__trust li { border: 1px solid var(--c-line-strong); border-radius: 999px; padding: .45rem .9rem; font-size: var(--t-meta); font-weight: 600; }
.eg-c-orgp__trust li::before { content: "✓ "; color: var(--c-teal); }
.eg-c-orgp__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; counter-reset: s; }
.eg-c-orgp__step { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; padding: 1.25rem; border: 1px solid var(--c-line); border-radius: 18px; background: rgb(255 255 255 / .02); }
.eg-c-orgp__step > b { width: 3rem; height: 3rem; border-radius: 50%; display: grid; place-items: center; font-family: var(--font-headline); font-size: 1.25rem; background: var(--eg-gradient); color: var(--eg-white); }
.eg-c-orgp__step h3 { font-family: var(--font-headline); font-weight: 700; font-size: var(--t-card); margin: .1rem 0 .35rem; }
.eg-c-orgp__step p { margin: 0; color: var(--c-text-2); font-size: var(--t-meta); line-height: 1.55; }
.eg-c-orgp__media img { width: 100%; height: auto; border-radius: 22px; display: block; max-width: 420px; margin-inline: auto; }

@media (max-width: 1100px) {
  .eg-c-orgp__verbs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eg-c-orgp__verb:last-child { grid-column: 1 / -1; }
}
@media (max-width: 899px) {
  .eg-c-orgp__split { grid-template-columns: minmax(0, 1fr); }
  .eg-c-orgp__hero { min-height: 92vh; min-height: 92svh; }
}
@media (max-width: 599px) {
  .eg-c-orgp__verbs { grid-template-columns: minmax(0, 1fr); }
  .eg-c-orgp__actions .eg-c-btn { flex: 1 1 100%; text-align: center; justify-content: center; }
  .eg-c-orgp__kinds ul { justify-content: flex-start; gap: .4rem 1rem; }
  .eg-c-orgp__step { grid-template-columns: 2.5rem minmax(0, 1fr); padding: 1rem; }
  .eg-c-orgp__step > b { width: 2.5rem; height: 2.5rem; font-size: 1.05rem; }
}