/* HERO */
  .kt-hero{background:linear-gradient(180deg,#fff 0%, var(--bg) 100%);padding:96px 0 0}
  .kt-hero h1{font-family:'Manrope';font-weight:800;font-size:clamp(48px,6vw,84px);line-height:.96;letter-spacing:-.03em;color:var(--teal-900);margin:0;text-wrap:balance;max-width:980px}
  .kt-hero h1 em{font-style:normal;color:var(--amber)}
  .kt-hero p.lead{font-size:19px;color:var(--ink-2);margin:28px 0 0;max-width:680px;text-wrap:pretty}

  /* AUDIENCE TOGGLE */
  .audience{
    margin-top:48px;
    border:1px solid var(--line);background:#fff;border-radius:10px;
    padding:32px 36px;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;
    box-shadow:0 6px 24px -16px rgba(15,58,68,.12);
  }
  .audience-q{font-family:'Manrope';font-weight:700;font-size:18px;color:var(--teal-900);letter-spacing:-.012em;line-height:1.25}
  .audience-q small{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:6px}
  .audience-pills{display:flex;gap:10px;flex-wrap:wrap}
  .audience-btn{
    padding:11px 18px;border:1.5px solid var(--line);background:#fff;border-radius:999px;
    font-family:'Manrope',sans-serif;font-size:13.5px;font-weight:600;color:var(--ink-2);
    cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  }
  .audience-btn:hover{border-color:var(--teal-700);color:var(--teal-700)}
  .audience-btn .icon{
    width:20px;height:20px;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink-3);
    display:grid;place-items:center;color:transparent;font-size:12px;font-weight:700;transition:all .25s;
  }
  .audience-btn.active{background:var(--teal-700);color:#fff;border-color:var(--teal-700)}
  .audience-btn.active .icon{background:var(--amber);border-color:var(--amber);color:#1a1207}
  .audience-btn.active.amber{background:var(--amber);color:#1a1207;border-color:var(--amber)}
  .audience-btn.active.amber .icon{background:#1a1207;border-color:#1a1207;color:var(--amber)}
  .audience-btn.neutral:hover{border-color:var(--teal-900);color:var(--teal-900)}
  .audience-btn.active.neutral{background:var(--teal-900);color:#fff;border-color:var(--teal-900)}
  .audience-btn.active.neutral .icon{background:var(--amber);border-color:var(--amber);color:#1a1207}

  /* MAIN GRID — info + form */
  .kt-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;margin-top:20px}

  /* INFO PANEL */
  .info-panel{background:var(--teal-900);color:#fff;border-radius:10px;padding:44px;position:relative;overflow:hidden}
  .info-panel::before{content:"";position:absolute;top:-30%;left:-10%;width:60%;height:160%;background:radial-gradient(ellipse at center,rgba(211,152,39,.16) 0%, transparent 60%);pointer-events:none}
  .info-panel .ip-inner{position:relative;z-index:2}
  .info-panel .mono{color:var(--amber);margin-bottom:18px;display:block}
  .info-panel h2{font-size:30px;color:#fff;letter-spacing:-.015em;margin:0 0 24px;line-height:1.15;font-weight:700;text-wrap:balance}
  .info-rows{display:flex;flex-direction:column;gap:18px;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.15)}
  .info-row{display:flex;gap:16px;align-items:flex-start}
  .info-row .ic{
    width:36px;height:36px;border-radius:50%;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
    display:grid;place-items:center;color:var(--amber);font-weight:700;flex-shrink:0;
    font-family:'IBM Plex Mono',monospace;font-size:13px;
  }
  .info-row .text{flex:1}
  .info-row .text .lbl{font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
  .info-row .text a,.info-row .text span.val{color:#fff;font-size:15px;font-weight:500;text-decoration:none}
  .info-row .text a:hover{color:var(--amber)}

  /* FORM CARD */
  .form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:40px;box-shadow:0 8px 28px -14px rgba(15,58,68,.1)}
  .form-card .heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
  .form-card h3{margin:0;font-size:24px;color:var(--teal-900);letter-spacing:-.015em}
  .form-card .heading-row .role-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;color:var(--amber);background:var(--amber-soft);padding:6px 12px;border-radius:3px;text-transform:uppercase;font-weight:600;color:#7a5710}

  /* form variant indicators */
  .form-employer,.form-talents,.form-other{display:none}
  .heading-other,.role-tag-other{display:none}
  body[data-mode="employer"] .form-employer{display:block}
  body[data-mode="talents"] .form-talents{display:block}
  body[data-mode="other"] .form-other{display:block}
  body[data-mode="employer"] .role-tag-emp{display:inline-block}
  body[data-mode="employer"] .role-tag-tal{display:none}
  body[data-mode="employer"] .role-tag-other{display:none}
  body[data-mode="talents"] .role-tag-emp{display:none}
  body[data-mode="talents"] .role-tag-tal{display:inline-block}
  body[data-mode="talents"] .role-tag-other{display:none}
  body[data-mode="other"] .role-tag-other{display:inline-block}
  body[data-mode="other"] .role-tag-emp,body[data-mode="other"] .role-tag-tal{display:none}
  body[data-mode="employer"] .heading-emp{display:block}
  body[data-mode="employer"] .heading-tal{display:none}
  body[data-mode="employer"] .heading-other{display:none}
  body[data-mode="talents"] .heading-emp{display:none}
  body[data-mode="talents"] .heading-tal{display:block}
  body[data-mode="talents"] .heading-other{display:none}
  body[data-mode="other"] .heading-other{display:block}
  body[data-mode="other"] .heading-emp,body[data-mode="other"] .heading-tal{display:none}

  /* multi-check styling tweak (matches talents.html) */
  .multi-check label.check{padding:10px 16px}
  .multi-check label.check span.txt{font-weight:500}

  /* small section under audience question */
  .seeking-line{font-family:'Manrope',sans-serif;font-size:15px;color:var(--ink-2);letter-spacing:0;margin-top:6px}
  .audience-q .seeking-line{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-3);letter-spacing:.04em}  /* keep mono inside the audience picker question */

  @media (max-width:900px){
    .audience{grid-template-columns:1fr;padding:28px 24px}
    .kt-grid{grid-template-columns:1fr;gap:28px}
    .info-panel,.form-card{padding:32px 24px}
  }

/* Page header image — clean full-bleed cinematic foyer at top of contact page */
.kt-header-img{
  width:100%;
  line-height:0;
  background:#0a262d;
}
.kt-header-img img{
  display:block;
  width:100%;
  height:auto;
  max-height:420px;
  object-fit:cover;
  object-position:center;
}
@media (max-width:760px){
  .kt-header-img img{max-height:220px}
}
/* tighten hero top padding since the header image already provides visual weight */
.kt-hero{padding-top:56px}

/* parallax on header image */
.kt-header-img{overflow:hidden}
.kt-header-img img{transform:translateY(0) scale(1.08);transform-origin:center 40%;will-change:transform;transition:transform 80ms linear}
@media (prefers-reduced-motion: reduce){.kt-header-img img{transform:none!important;transition:none}}