#localisation { padding-block: calc(var(--sp-section) * .5); }

    #localisation .df-grid > .df-visual { align-self: start; }

    #localisation .loc-dist {
      list-style: none; margin: 0; padding: 0;
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
      max-width: 34rem;
    }
    #localisation .loc-dist li {
      padding: 0 clamp(.9rem, 2vw, 1.4rem);
      display: flex; flex-direction: column; gap: .45rem;
    }
    #localisation .loc-dist li + li { border-left: 1px solid var(--line-2); }
    #localisation .loc-dist li:first-child { padding-left: 0; }
    #localisation .loc-dist li:last-child { padding-right: 0; }
    #localisation .loc-dist__rule { display: block; width: 34px; height: 1px; background: var(--brass); opacity: .6; }
    #localisation .loc-dist__v {
      margin: .5rem 0 0; font-family: var(--display); font-weight: 400;
      font-size: clamp(1.5rem, 3.1vw, 2.1rem); line-height: 1; color: var(--ink);
      font-variant-numeric: lining-nums tabular-nums;
      font-feature-settings: "lnum" 1, "tnum" 1, "kern" 1;
    }
    #localisation .loc-dist__v span { font-size: .5em; letter-spacing: .06em; color: var(--stone); }
    #localisation .loc-dist__k {
      margin: 0; font-family: var(--sans); font-size: .72rem; line-height: 1.4;
      color: var(--stone);
    }

    @media (max-width: 520px) {
      #localisation .loc-dist { grid-template-columns: 1fr; }
      #localisation .loc-dist li { padding: 1.1rem 0; }
      #localisation .loc-dist li + li { border-left: 0; border-top: 1px solid var(--line-2); }
      #localisation .loc-dist li:first-child { padding-top: 0; }
      #localisation .loc-dist__v { margin-top: .35rem; }
    }

    #localisation .loc-map {
      position: relative; width: 100%; aspect-ratio: 4/5;
      border-radius: var(--arch); overflow: hidden;
      box-shadow: var(--shadow-sm); background: var(--bone);
    }
    #localisation .loc-map .mapboxgl-map { border-radius: var(--arch); font: inherit; }
    #localisation .loc-map__fallback {
      position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
      border-radius: var(--arch); z-index: 1; opacity: 1; pointer-events: none;
      transform: none !important;      transition: opacity .8s var(--ease);
    }
    @media (max-width: 860px) {
      #localisation .loc-map__fallback {
        inset: auto; left: 50%; top: 50%; width: 900px; height: 760px; max-width: none;
        transform: translate(-50%, -50%) !important; object-fit: none; border-radius: 0;
      }
    }
    #localisation .feature__media--arch { overflow: hidden; border-radius: var(--arch); }
    #localisation .loc-map.is-ready ~ .loc-map__fallback, #localisation .loc-map.is-ready ~ picture .loc-map__fallback { opacity: 0; }
    #localisation .loc-map .mapboxgl-ctrl-bottom-right { margin: 0 .5rem .5rem 0; }
    #localisation .loc-map .mapboxgl-ctrl-attrib { font-size: 10px; background: rgba(255,255,255,.72); }
    #localisation .loc-map .mapboxgl-ctrl-group { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(20,26,16,.16); }
    #localisation .loc-marker { position: relative; width: 22px; height: 22px; }
    #localisation .loc-marker__dot {
      position: absolute; inset: 0; margin: auto; width: 15px; height: 15px; border-radius: 50%;
      background: var(--brass); border: 3px solid #fff; box-shadow: 0 2px 9px rgba(20,26,16,.4); z-index: 2;
    }
    #localisation .loc-marker__pulse {
      position: absolute; inset: 0; margin: auto; width: 15px; height: 15px; border-radius: 50%;
      background: rgba(132,101,41,.4); z-index: 1; animation: locPulse 2.6s var(--ease) infinite;
    }
    #localisation .loc-marker__label {
      position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
      white-space: nowrap; font-family: var(--sans); font-size: 12px; font-weight: 600;
      letter-spacing: .015em; color: #F4EEDF; background: rgba(28,34,23,.95);
      padding: 5px 12px 6px; border-radius: 7px; border: 1px solid rgba(198,165,106,.55);
      box-shadow: 0 4px 14px rgba(20,26,16,.36); pointer-events: none; z-index: 3;
    }
    #localisation .loc-marker__label::before {
      content: ""; position: absolute; top: -7px; left: 50%; transform: translateX(-50%);
      width: 1px; height: 7px; background: rgba(198,165,106,.6);
    }
    @keyframes locPulse { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(3.4); opacity: 0; } }
    #localisation .loc-ref {
      display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
      padding: 4px 11px 4px 8px; border-radius: 20px;
      background: rgba(253,250,244,.86); -webkit-backdrop-filter: blur(4px) saturate(1.1); backdrop-filter: blur(4px) saturate(1.1);
      border: 1px solid rgba(132,101,41,.4);
      box-shadow: 0 3px 12px rgba(20,26,16,.2), inset 0 1px 0 rgba(255,255,255,.6);
      font-family: var(--sans); font-size: 10.5px; font-weight: 500; letter-spacing: .015em;
      color: #3a3d33; pointer-events: none;
    }
    #localisation .loc-ref svg { width: 12.5px; height: 12.5px; color: var(--brass); flex: 0 0 auto; }
    #localisation .loc-ref b { color: var(--brass); font-weight: 700; }
    #localisation .loc-ref b::before { content: "·"; margin: 0 5px 0 3px; color: rgba(132,101,41,.55); font-weight: 400; }
    #localisation .loc-legend { display: none; }
    @media (max-width: 860px) {
      #localisation .loc-map { aspect-ratio: 4 / 3.4; max-height: 72vh; }
      #localisation .loc-ref { display: none; }      #localisation .feature__media--arch { overflow: hidden; border-radius: var(--arch); }
      #localisation .loc-legend {
        display: flex; align-items: center; justify-content: center;
        flex-wrap: wrap; row-gap: .3em; column-gap: .76em;
        width: max-content; max-width: calc(100% - .8rem);
        position: absolute; left: 50%; bottom: 42px; transform: translateX(-50%); z-index: 3;
        padding: .48em 1.14em .57em; border-radius: 22px; white-space: normal;
        background: rgba(253,250,244,.9); -webkit-backdrop-filter: blur(6px) saturate(1.1); backdrop-filter: blur(6px) saturate(1.1);
        border: 1px solid rgba(132,101,41,.42);
        box-shadow: 0 4px 16px rgba(20,26,16,.26), inset 0 1px 0 rgba(255,255,255,.6);
        font-family: var(--sans); font-size: clamp(9.6px, 2.65vw, 11.2px);
        letter-spacing: .01em; color: #3a3d33;
      }
      #localisation .loc-legend span { display: inline-flex; align-items: center; gap: .34em; white-space: nowrap; }
      #localisation .loc-legend svg { width: 1.14em; height: 1.14em; color: var(--brass); }
      #localisation .loc-legend b { color: var(--brass); font-weight: 700; }
      #localisation .loc-legend i { font-style: normal; color: #6a6d60; font-size: .9em; margin-left: .1em; }
    }
    @media (prefers-reduced-motion: reduce) { #localisation .loc-marker__pulse { animation: none; opacity: 0; } }

    @media (max-width: 820px) {
      #localisation .hero__cta { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
      #localisation .hero__cta .btn-primary {
        width: auto; min-height: 44px;
        align-items: flex-end; justify-content: flex-start; text-align: left;
        padding: 0 .1rem .6rem 0;
        background: none; color: var(--brass);
        border: 0; border-bottom: 1px solid rgba(132,101,41,.4); border-radius: 0;
        letter-spacing: .22em;
      }
      #localisation .hero__cta .btn-primary::after {
        content: "\2192"; font-size: 1.05em; line-height: .9;
        transition: transform .45s var(--ease);
      }
      #localisation .hero__cta .btn-primary:hover,
      #localisation .hero__cta .btn-primary:active {
        background: none; color: var(--brass);
        border-bottom-color: var(--brass);
      }
      #localisation .hero__cta .btn-primary:hover::after,
      #localisation .hero__cta .btn-primary:active::after { transform: translateX(4px); }
    }
    @media (prefers-reduced-motion: reduce) {
      #localisation .hero__cta .btn-primary::after { transition: none; transform: none; }
    }

#distance { overflow: hidden; }
    #distance .dist-wrap { max-width: 1180px; margin-inline: auto; }

    #distance .dist-head {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: var(--gap-head);
      align-items: end;
    }
    #distance .dist-head__title { position: relative; }
    #distance .dist-head__title h2 {
      font-size: var(--h2-chapter);
      line-height: 1.03;
      letter-spacing: -.01em;
      max-width: 14ch;
    }
    #distance .dist-head__title h2 em {
      font-style: italic;
      font-family: var(--serif);
      color: var(--brass);
      font-size: 1.02em;
    }
    #distance .dist-head__aside {
      position: relative;
      padding-left: clamp(1.4rem, 2.5vw, 2.2rem);
      border-left: 1px solid var(--line);
    }
    #distance .dist-head__aside::before {
      content: "";
      position: absolute; left: -1px; top: 0;
      width: 1px; height: 3.2rem;
      background: var(--brass);
    }
    #distance .dist-head__aside .lead { margin: 0; }

    #distance .dist-div {
      height: 1px; border: 0; margin: clamp(3rem, 6vw, 5rem) 0 0;
      background: var(--line);
    }

    #distance .dist-steps {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
    }
    #distance .dist-step {
      position: relative;
      padding: clamp(2.2rem, 3.4vw, 3.2rem) clamp(1.4rem, 2.2vw, 2.4rem);
      display: flex;
      flex-direction: column;
    }
    #distance .dist-step + .dist-step { border-left: 1px solid var(--line); }
    #distance .dist-step:first-child { padding-left: 0; }
    #distance .dist-step:last-child { padding-right: 0; }

    #distance .dist-step__top {
      display: flex;
      align-items: center;
      gap: clamp(.85rem, 1.4vw, 1.25rem);
      margin-bottom: clamp(1.1rem, 2vw, 1.5rem);
    }
    #distance .dist-step__thread {
      flex: 1 1 auto;
      height: 1px;
      position: relative;
      background: var(--line);
      overflow: hidden;
    }
    #distance .dist-step__thread::before {
      content: "";
      position: absolute; left: 0; top: 0;
      height: 1px; width: 32%;
      background: var(--brass);
      transition: width .6s var(--ease);
    }
    #distance .dist-step h3 {
      font-family: var(--serif);
      font-weight: 600;
      font-size: clamp(1.22rem, 1.65vw, 1.41rem);
      line-height: 1.14;
      margin: 0 0 .85rem;
    }
    #distance .dist-step p {
      margin: 0;
      font-size: .96rem;
      line-height: 1.72;
      color: var(--stone);
    }

    #distance .dist-step:hover .dist-step__thread::before { width: 100%; }

    #distance .dist-coda {
      margin-top: var(--foot-mt);
      padding-top: var(--foot-pt);
      border-top: 1px solid var(--line);
      text-align: center;
    }
    #distance .dist-coda .hero__cta { justify-content: center; }
    #distance .dist-coda__note {
      margin-top: 1.8rem;
      font-size: .82rem;
      letter-spacing: .02em;
      color: var(--stone);
    }

    @media (max-width: 940px) {
      #distance .dist-head { grid-template-columns: 1fr; align-items: start; }
      #distance .dist-head__title h2 { max-width: 18ch; }
      #distance .dist-head__aside {
        padding-left: 0; border-left: 0;
        padding-top: 1.8rem; border-top: 1px solid var(--line);
        margin-top: .4rem;
      }
      #distance .dist-head__aside::before { left: 0; top: 0; width: 3.2rem; height: 1px; }

      #distance .dist-steps { grid-template-columns: repeat(2, 1fr); }
      #distance .dist-step { padding: clamp(2rem, 4vw, 2.6rem) clamp(1.4rem, 3vw, 2rem); }
      #distance .dist-step:first-child { padding-left: clamp(1.4rem, 3vw, 2rem); }
      #distance .dist-step:last-child { padding-right: clamp(1.4rem, 3vw, 2rem); }
      #distance .dist-step { border-top: 1px solid var(--line); }
      #distance .dist-step:nth-child(1), #distance .dist-step:nth-child(2) { border-top: 0; }
      #distance .dist-step:nth-child(odd) { padding-left: 0; }
      #distance .dist-step + .dist-step { border-left: 0; }
      #distance .dist-step:nth-child(even) { padding-right: 0; border-left: 1px solid var(--line); }
    }
    @media (max-width: 620px) {
      #distance .dist-steps { grid-template-columns: 1fr; }
      #distance .dist-step,
      #distance .dist-step:first-child,
      #distance .dist-step:last-child {
        padding: 2rem 0;
        border-left: 0 !important;
        border-top: 1px solid var(--line);
      }
      #distance .dist-step:nth-child(1) { border-top: 0; }
      #distance .dist-step__top { margin-bottom: 1.3rem; }
      #distance .dist-coda .btn-outline {
        width: auto; align-self: center; border: 0; background: none;
        color: var(--brass); font-size: .72rem; letter-spacing: .2em;
        padding: .95rem .2rem; min-height: 44px;
        text-decoration: underline; text-decoration-thickness: 1px;
        text-underline-offset: .55em; text-decoration-color: rgba(132,101,41,.45);
      }
      #distance .dist-coda .btn-outline:active { text-decoration-color: var(--brass); color: var(--brass); }
    }
    @media (prefers-reduced-motion: reduce) {
      #distance .dist-step__thread::before { transition: none; }
    }

#contact { position: relative; overflow: hidden; }

    #contact .container { position: relative; }

    #contact .feature { align-items: start; }
    @media (min-width: 861px){
      #contact .feature > .reveal:first-child { position: sticky; top: var(--sticky-top); align-self: start; }
    }

    #contact .brass-rule {
      height: 1px; border: 0; margin: 2.1rem 0 2.1rem;
      width: min(100%, 320px);
      background: linear-gradient(90deg, var(--brass-soft), transparent);
      opacity: .75;
    }

    #contact .icon-list { color: #CFC9BC; }

    #contact .contact-coords {
      margin-top: 2.4rem;
      border-top: 1px solid var(--line-light);
    }
    #contact .contact-coords .btn {
      width: 100%;
      justify-content: flex-start;
      gap: 1rem;
      padding: 1.2rem .3rem;
      border: 0;
      border-bottom: 1px solid var(--line-light);
      border-radius: 0;
      text-transform: none;
      letter-spacing: .01em;
      font-family: var(--serif);
      font-size: 1.2rem;
      font-weight: 400;
      color: #EDE8DA;
      opacity: 1;
      font-variant-numeric: lining-nums proportional-nums;
    }
    #contact .contact-coords .btn svg {
      width: 1.15rem; height: 1.15rem;
      color: var(--brass-soft); opacity: 1;
      transition: transform .45s var(--ease);
    }
    #contact .contact-coords .btn:hover {
      color: #FFFFFF;
      padding-left: .95rem;
      border-color: var(--brass-soft);
    }
    #contact .contact-coords .btn:hover svg { transform: translateX(2px); }

    #contact .wa-block { margin-top: 2.4rem; }
    #contact .wa-note {
      margin: .95rem 0 0;
      color: #A9A296; font-size: .82rem; letter-spacing: .01em;
    }

    #contact .feature__media { container-type: inline-size; }
    #contact .lead-card {
      position: relative;
      background: var(--alabaster-2);
      color: var(--ink);
      border: 1px solid rgba(132, 101, 41, .30);
      border-radius: 50% 50% 6px 6px / 11.5cqw 11.5cqw 0 0;
      padding: clamp(3rem, 5vw, 4.25rem) clamp(1.75rem, 4vw, 2.9rem) clamp(2rem, 4vw, 2.9rem);
      box-shadow: 0 60px 120px -55px rgba(0, 0, 0, .6);
    }
    #contact .lead-card::after {
      content: "";
      position: absolute; inset: 9px;
      border: 1px solid rgba(132, 101, 41, .16);
      border-radius: inherit;
      pointer-events: none;
    }
    #contact .lead-card::before {
      content: "";
      position: absolute; top: 1.5rem; left: 50%; transform: translateX(-50%);
      width: 1px; height: 34px;
      background: linear-gradient(var(--brass-soft), transparent);
      z-index: 1;
    }

    #contact .lead-card__head {
      text-align: left;
      max-width: 34ch;
      margin: 0;
      position: relative;
    }
    #contact .lead-card__head h3 { color: var(--ink); }
    #contact .lead-card__head p {
      margin-top: .75rem;
      color: var(--ink-soft);
      font-family: var(--serif);
      font-size: 1.12rem;
      line-height: 1.5;
    }
    #contact .lead-card__rule {
      height: 1px; border: 0;
      width: 46px; margin: 1.5rem 0 0;
      background: linear-gradient(90deg, var(--brass), transparent);
      opacity: .7;
    }

    #contact .scarcity {
      display: flex; align-items: center; justify-content: center; gap: .7rem;
      margin: 1.7rem 0 0;
      max-width: none;
      padding: .82rem 1.15rem;
      background: var(--alabaster);
      border: 1px solid var(--line-2);
      border-left: 2px solid var(--brass);
      font-size: .82rem; line-height: 1.45;
      color: var(--ink-soft);
      text-align: left;
      text-wrap: balance;
      font-variant-numeric: lining-nums proportional-nums;
    }
    #contact .scarcity .dot { flex: none; align-self: center; }

    #contact .lead-card .form { margin-top: 2rem; position: relative; }
    #contact .form-step { display: grid; gap: 1.6rem; }
    #contact .form-step[hidden], #contact .field[hidden] { display: none; }

    #contact .visite-mode { border: 0; margin: 0; padding: 0; min-width: 0; }
    #contact .visite-mode legend {
      padding: 0;
      font-size: .7rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--stone); font-weight: 500;
    }
    #contact .visite-mode__row { display: flex; gap: .7rem; margin-top: .7rem; }
    #contact .visite-mode__opt { position: relative; flex: 1 1 0; min-width: 0; }
    #contact .visite-mode__opt input {
      position: absolute; opacity: 0;
      width: 1px; height: 1px; margin: 0;
    }
    #contact .visite-mode__opt span {
      display: flex; align-items: center; justify-content: center;
      min-height: 44px; padding: .6rem .8rem;
      border: 1px solid var(--line); background: transparent;
      font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;
      font-weight: 500; line-height: 1.6;
      color: var(--ink-soft); text-align: center;
      cursor: pointer; user-select: none; -webkit-user-select: none;
      transition: border-color .35s var(--ease), color .35s var(--ease), background-color .35s var(--ease);
    }
    #contact .visite-mode__opt:hover span { border-color: var(--brass-soft); }
    #contact .visite-mode__opt input:checked + span {
      border-color: var(--brass);
      color: var(--ink);
      background: rgba(198,165,106,.12);
    }
    #contact .visite-mode__opt input:focus-visible + span {
      outline: 2px solid var(--brass); outline-offset: 3px;
    }

    #contact .form__assure { text-align: center; font-size: .82rem; color: var(--ink-soft); margin: .1rem 0 0; }

    #contact .consent-opt {
      display: flex; align-items: flex-start; gap: .7rem;
      margin: -.35rem 0 0; padding: .35rem 0; min-height: 44px;
      cursor: pointer; user-select: none; -webkit-user-select: none;
    }
    #contact .consent-opt input {
      position: absolute; opacity: 0;
      width: 1px; height: 1px; margin: 0;
    }
    #contact .consent-opt__box {
      flex: none; display: block; position: relative;
      width: 1.05rem; height: 1.05rem; margin: .18rem 0 0;
      border: 1px solid var(--line); border-radius: 2px; background: transparent;
      transition: border-color .35s var(--ease), background-color .35s var(--ease);
    }
    #contact .consent-opt:hover .consent-opt__box { border-color: var(--brass-soft); }
    #contact .consent-opt input:checked + .consent-opt__box {
      border-color: var(--brass); background: rgba(198,165,106,.14);
    }
    #contact .consent-opt input:checked + .consent-opt__box::after {
      content: ""; position: absolute; left: .33rem; top: .1rem;
      width: .28rem; height: .55rem;
      border: solid var(--brass); border-width: 0 1.5px 1.5px 0;
      transform: rotate(43deg);
    }
    #contact .consent-opt input:focus-visible + .consent-opt__box {
      outline: 2px solid var(--brass); outline-offset: 3px;
    }
    #contact .consent-opt__txt { font-size: .8rem; line-height: 1.5; color: var(--ink-soft); }
    #contact .consent-opt__txt em { font-style: normal; color: var(--stone); }
    @media (prefers-reduced-motion: reduce) {
      #contact .consent-opt__box { transition: none; }
    }

    #contact .field.is-invalid input { border-bottom-color: #A4432E; }
    #contact .field.is-invalid label { color: #A4432E; }
    #contact .field__err {
      margin: 0; font-size: .78rem; line-height: 1.45; color: #A4432E;
      font-family: var(--sans);
    }
    #contact .field.is-invalid + .form__micro { margin-top: 0; }

    #contact .hp-field {
      position: absolute; width: 1px; height: 1px; overflow: hidden;
      clip-path: inset(50%); white-space: nowrap;
    }

    #contact .contact-ig {
      display: inline-flex; align-items: center; gap: .6rem;
      margin-top: 1.05rem; min-height: 44px;
      font-family: var(--sans); font-size: .8rem; letter-spacing: .06em;
      color: #A9A296; text-decoration: none;
      transition: color .35s var(--ease);
    }
    #contact .contact-ig svg {
      width: 1.05rem; height: 1.05rem; color: var(--brass-soft); flex: none;
      transition: transform .45s var(--ease);
    }
    #contact .contact-ig:hover { color: #EDE7DA; }
    #contact .contact-ig:hover svg { transform: translateX(2px); }
    #contact .contact-ig:focus-visible { outline: 2px solid var(--brass-soft); outline-offset: 3px; }
    @media (prefers-reduced-motion: reduce) { #contact .contact-ig svg { transition: none; } }

    #contact .form-steps {
      display: flex; align-items: center; gap: .7rem; margin: 0 0 1.6rem;
      font-family: var(--sans); font-size: .64rem; letter-spacing: .12em; text-transform: uppercase;
    }
    #contact .form-steps .fs-dot { color: var(--stone); font-weight: 500; transition: color .4s var(--ease); white-space: nowrap; }
    #contact .form-steps .fs-dot.is-current { color: var(--brass); }
    #contact .form-steps .fs-line { flex: 1 1 auto; height: 1px; background: var(--line); min-width: 12px; }
    #contact .form__micro {
      margin: -.55rem 0 0; font-size: .8rem; line-height: 1.5; color: var(--ink-soft);
      padding-left: .9rem; border-left: 2px solid rgba(132,101,41,.35);
    }
    #contact .form__back {
      background: none; border: 0; padding: 0 0 .2rem; margin: 0; cursor: pointer;
      font-family: var(--sans); font-size: .72rem; letter-spacing: .06em; color: var(--stone);
      display: inline-flex; align-items: center; min-height: 44px;      transition: color .35s var(--ease);
    }
    #contact .form__back:hover { color: var(--brass); }
    #contact .form__back:focus-visible { outline: 2px solid var(--brass); outline-offset: 3px; }
    #contact .form-step[data-step="2"] { animation: fstepIn .5s var(--ease) both; }
    @keyframes fstepIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) {
      #contact .form-step[data-step="2"] { animation: none; }
    }

    #contact #form-success { text-align: center; padding: 1rem 0; position: relative; }
    #contact .lead-card .btn-whatsapp { color: var(--ink); }
    #contact .lead-card .btn-whatsapp:hover { color: var(--wa); }
    #contact #form-success:focus { outline: none; }

    @media (max-width: 860px) {
      #contact .feature { row-gap: 0; }
      #contact .feature > .reveal:first-child { display: contents; }
      #contact .feature > .reveal:first-child > * { order: 3; }
      #contact .feature > .reveal:first-child > .eyebrow,
      #contact .feature > .reveal:first-child > h2 { order: 1; }
      #contact .feature__media { order: 2; margin-top: 2rem; transition-delay: 0s; }
      #contact .lead-card { scroll-margin-top: 88px; }
    }

    @media (max-width: 400px) {
      #contact .form-steps { font-size: .56rem; letter-spacing: .08em; gap: .5rem; }
      #contact .form-steps .fs-line { min-width: 8px; }
    }
    @media (max-width: 620px) {
      #contact .lead-card { padding-top: 2.6rem; }
      #contact .lead-card::after { inset: 7px; }
      #contact .contact-coords .btn { font-size: 1.08rem; }
      #contact .brass-rule { margin: 1.7rem 0; }
      #contact .scarcity { max-width: none; }
      #contact .visite-mode__opt span { font-size: .62rem; letter-spacing: .12em; padding: .55rem .5rem; min-height: 48px; }
    }

    @media (prefers-reduced-motion: reduce) {
      #contact .visite-mode__opt span { transition: none; }
    }