[data-iws6ufaa5tcyagqujgt="jl8kxni"] {
  --contact-space: clamp(16px, 2.2vw, 32px);
  --contact-gutter: clamp(16px, 5vw, 96px);
  --contact-cap: clamp(280px, 90vw, 1440px);
  --contact-ink: #01301d;
  --contact-cream: #f0ecd4;
  --contact-orange: #fd5824;
  --contact-line: #44634f;
  container-type: inline-size;
  display: block;
  box-sizing: border-box;
  padding: clamp(28px, 5vw, 76px) var(--contact-gutter);
  color: var(--contact-ink);
  font-family: Poppins, Arial, sans-serif;
  font-size: clamp(16px, 1vw, 19px);
  line-height: 1.55;

  & .flow { display: flex; flex-direction: column; gap: var(--contact-space); width: min(100%, var(--contact-cap)); margin-inline: auto; }
  & .intro { max-width: min(100%, 1100px); }
  & .eyebrow { margin: 0 0 .5em; color: #31543e; font-size: clamp(12px, .85vw, 15px); font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
  & h1 { max-width: 16ch; margin: 0 0 .35em; font-size: clamp(36px, 5vw, 72px); line-height: 1.05; }
  & h2 { margin: 0 0 .55em; font-size: clamp(24px, 2.1vw, 34px); line-height: 1.15; }
  & p { margin: 0 0 1em; }
  & .columns { display: flex; flex-direction: column; gap: var(--contact-space); align-items: stretch; }
  & .card { box-sizing: border-box; min-width: 0; padding: clamp(20px, 2.5vw, 36px); border: 1px solid var(--contact-line); border-radius: 1px; background: #fff9df; }
  & address { margin: 1.4em 0; font-style: normal; }
  & address p { margin: 0 0 1em; }
  & a { overflow-wrap: anywhere; }
  & form { display: flex; flex-direction: column; gap: 10px; }
  & label { margin-top: .55em; font-weight: 800; }
  & input, & textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 12px; font: inherit; }
  & textarea { min-height: 9em; resize: vertical; }
  & .hint, & .privacy, & .note { font-size: clamp(14px, .9vw, 16px); }
  & .hint { margin: .5em 0 0; }
  & .privacy { margin: 0 0 .5em; }
  & button { align-self: flex-start; min-height: 48px; padding: .75em 1.5em; border: 1px solid var(--contact-ink); border-radius: 1px; background: var(--contact-orange); color: #111; font: inherit; font-weight: 800; cursor: pointer; }
  & button:hover, & button:focus-visible { outline: 3px solid var(--contact-ink); outline-offset: 3px; }
  & .closing { max-width: min(100%, 1100px); }
  @container (min-width: 40rem) {
    & .columns { flex-direction: row; align-items: flex-start; }
    & .contact, & .form-card { flex: 1 1 0; }
  }
  @container (min-width: 64rem) {
    & .columns { gap: clamp(24px, 3vw, 48px); }
  }
}