.ctc.s1 {
  --flr-bx-w: 293;
  --flr-bx-w-mbl: 293;
  --flr-mrg-tp: 1.5rem;
  --flr-mrg-bt: 1.5rem;
  --flr-bx-w-clc: calc((var(--flr-bx-w-mbl) * 1px) + (var(--flr-bx-w) - var(--flr-bx-w-mbl)) * ((100vw - 320px) / (1920 - 320)));
  --ctc-s1-ui-mx-h: 13.89rem;
  --flx-gap: 5.33rem;

  --pd-v: clamp(calc(var(--sp-vp-min) * 0.6), var(--sp-vp), calc(var(--sp-vp-max) * 0.6) );

  .flr_hd {
    svg {
      width: 100%;
      height: auto;

      path:nth-child(2) {
        stroke: var(--buttons) !important;
      }
    }
  }

  picture.bg img {
    mix-blend-mode: luminosity;
    opacity: 0.3;
  }

  .ctc-s1-ovl {
    background: hsl(0 0% 10% / 0.5);
  }

  .ui-scroll {
    max-height: var(--ctc-s1-ui-mx-h);
  }

  /* Dark glass-style form inputs */
  .input-text {
    --background: transparent;
    --text-color: var(--text-alt);

    label.abs {
      opacity: 0;
      pointer-events: none;
    }

    :is(input, select, textarea)::placeholder {
      color: var(--text-color);
    }
  }

  .input-text :is(input, select, textarea) {
    border-color: var(--white);
    border-width: 2px;
    border-radius: 0.444rem;
  }

  /* Address input with trailing map pin icon */
  .input-text.has-icn {
    position: relative;

    input {
      padding-right: 2.5rem;
    }

    > svg {
      position: absolute;
      right: 0.75rem;
      bottom: 0.9rem;
      width: 1rem;
      height: 1rem;
      pointer-events: none;
      opacity: 0.5;
    }
  }

  @media screen and (min-width:1280px) {
    p.fnt_t-2 {
      max-width: 52rem;
      margin-inline: auto;
    }
  }
}
