/* FOCAL ATL contact page: the Project Consultation Wizard */
.f-contact{padding-top:var(--s-6)}
.f-contact__grid{display:grid;gap:var(--s-8)}
.f-wizard__side{display:none}
.f-wizard{position:relative;display:grid;gap:var(--s-6);padding:var(--s-6) 0 0;border-top:1px solid var(--line)}
.f-wizard__bar{position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--line)}
.f-wizard__bar span{display:block;height:100%;width:10%;background:var(--focal-bronze);transition:width var(--d-slow) var(--ease-out)}
.f-wizard__count{color:var(--text-tertiary)}
.f-wizard__step{border:0;padding:0;margin:0;min-width:0;display:grid;gap:var(--s-5);animation:f-step-in var(--d-slow) var(--ease-out)}
.f-wizard__step[hidden]{display:none}
@keyframes f-step-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.f-wizard__q{display:grid;gap:.9rem;padding:0;margin-bottom:.5rem}
.f-wizard__q .f-h3{letter-spacing:.1em;max-width:22ch}
.f-wizard__field{max-width:32rem}
.f-wizard__fields{display:grid;gap:var(--s-5);max-width:36rem}
.f-wizard__consent{max-width:44ch}
.f-wizard__actions{display:flex;flex-wrap:wrap;gap:.9rem;padding-top:var(--s-4);border-top:1px solid var(--line-soft)}
.f-wizard__actions [hidden]{display:none}
.f-wizard__note{max-width:52ch}
.f-wizard__note[hidden]{display:none}
.f-drop{position:relative}
.f-tile input:focus-visible~.f-tile__mark{outline:2px solid var(--focal-bronze-light);outline-offset:4px}

/* Rail (desktop) */
@media (min-width:1024px){
  .f-contact__grid{grid-template-columns:4fr 8fr;column-gap:clamp(3rem,7vw,7rem);align-items:start}
  .f-wizard__side{display:grid;gap:var(--s-7);position:sticky;top:7rem}
  .f-wizard__rail{display:grid;gap:.15rem;border-top:1px solid var(--line)}
  .f-wizard__rail li{display:flex;gap:1.25rem;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--line-soft);font-family:var(--font-display);font-size:var(--t-label);letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);transition:color var(--d-base) var(--ease-out)}
  .f-wizard__rail li .f-mono{color:var(--focal-bronze-dark);transition:color var(--d-base) var(--ease-out)}
  .f-wizard__rail li.is-done{color:var(--text-secondary);cursor:pointer}
  .f-wizard__rail li.is-done .f-mono{color:var(--focal-bronze)}
  .f-wizard__rail li.is-on{color:var(--text-primary)}
  .f-wizard__rail li.is-on .f-mono{color:var(--focal-bronze)}
  .f-wizard__rail li.is-done:hover{color:var(--text-primary)}
  .f-wizard__direct{display:grid;gap:.6rem}
  .f-wizard__direct a:hover{color:var(--focal-bronze-light)}
  .f-wizard{padding-top:var(--s-7)}
}
@media (pointer:coarse){.f-wizard__actions .f-btn{flex:1 1 auto}}

/* Success */
.f-wizard__success{display:grid;gap:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--line-strong);grid-column:1/-1}
.f-wizard__success[hidden]{display:none}
.f-wizard__success-title{max-width:14ch}
.f-wizard__success-next{display:grid;gap:1rem;padding-top:var(--s-5);border-top:1px solid var(--line-soft);max-width:44rem}
.f-wizard__next{display:grid;gap:.75rem}
.f-wizard__next li{display:flex;gap:1rem;align-items:baseline;color:var(--text-secondary)}
.f-wizard__next .f-mono{color:var(--focal-bronze)}
.f-wizard__success-links{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}
@media (min-width:1024px){.f-wizard__success{grid-column:2}}