.vzcpb-scope{
      /* Home page brand tokens — aligned with styles.css variable names */
      --color-primary: #3A3F5C;
      --color-primary-dark: #2a2e44;
      --color-primary-deep: var(--color-primary-dark);
      --color-secondary: #B8A1B0;
      --color-accent: #C8B27D;
      --color-accent-readable: #7B6428;
      --color-accent-soft: #EFE6D0;
      --color-bg: #F8F6F4;
      --color-white: #FFFFFF;
      --color-field: #FCFBFA;
      --color-text: #5F6472;
      --color-text-dark: #34394D;
      --color-border: rgba(184, 161, 176, 0.34);

      /* Typography */
      --font-display: "Playfair Display", Georgia, serif;
      --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

      /* Contact page layout tokens */
      --container: min(1120px, calc(100% - 2rem));
      --radius-sm: 8px;
      --radius-md: 16px;
      --radius-lg: 24px;
      --radius-xl: 34px;
      --shadow-card: 0 16px 44px rgba(58, 63, 92, 0.10);
      --shadow-deep: 0 26px 76px rgba(43, 47, 66, 0.18);
      --transition: 220ms ease;
    }

    .vzcpb-scope *,
.vzcpb-scope *::before,
.vzcpb-scope *::after{ box-sizing: border-box; }
    .vzcpb-scope *{ margin: 0; }
    .vzcpb-scope{ scroll-behavior: smooth; }

    .vzcpb-scope{
      background: var(--color-bg);
      color: var(--color-text);
      font-family: var(--font-body);
      font-size: 1rem;
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    .vzcpb-scope svg{ display: block; max-width: 100%; }
    .vzcpb-scope a{ color: inherit; text-underline-offset: 0.22em; }
    .vzcpb-scope p{ text-wrap: pretty; }

    .vzcpb-scope h1,
.vzcpb-scope h2,
.vzcpb-scope h3{
      color: var(--color-primary);
      font-family: var(--font-display);
      font-weight: 600;
      line-height: 1.12;
      text-wrap: balance;
    }

    .vzcpb-scope h1{ font-size: clamp(2.55rem, 6vw, 5rem); letter-spacing: -0.035em; }
    .vzcpb-scope h2{ font-size: clamp(1.65rem, 3vw, 2.55rem); letter-spacing: -0.018em; }
    .vzcpb-scope h3{ font-size: clamp(1.08rem, 1.8vw, 1.28rem); }

    .vzcpb-scope a:focus-visible,
.vzcpb-scope button:focus-visible,
.vzcpb-scope input:focus-visible,
.vzcpb-scope select:focus-visible,
.vzcpb-scope textarea:focus-visible{
      outline: 3px solid var(--color-primary);
      outline-offset: 4px;
      border-radius: var(--radius-sm);
    }

    .vzcpb-scope .hero a:focus-visible,
.vzcpb-scope .career-card a:focus-visible{
      outline-color: var(--color-accent);
    }

    .vzcpb-scope ::selection{
      color: var(--color-primary-deep);
      background: var(--color-accent-soft);
    }

    .vzcpb-scope .container{
      width: var(--container);
      margin-inline: auto;
    }

    .vzcpb-scope .eyebrow{
      display: inline-flex;
      width: fit-content;
      color: var(--color-accent-readable);
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.16em;
      line-height: 1.35;
      text-transform: uppercase;
    }

    .vzcpb-scope .eyebrow--dark{ color: var(--color-accent); }

    .vzcpb-scope .button-row,
.vzcpb-scope .submit-row{
      display: flex;
      flex-wrap: wrap;
      gap: 0.85rem;
      align-items: center;
    }

    .vzcpb-scope .btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      min-height: 48px;
      padding: 0.84rem 1.42rem;
      border: 1px solid transparent;
      border-radius: var(--radius-sm);
      cursor: pointer;
      font-family: var(--font-body);
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      line-height: 1.2;
      text-decoration: none;
      text-transform: uppercase;
      transition: transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition), color var(--transition);
    }

    .vzcpb-scope .btn:hover{ transform: translateY(-2px); }

    .vzcpb-scope .btn--primary{
      background: var(--color-accent);
      color: var(--color-primary-deep);
      box-shadow: 0 10px 26px rgba(200, 178, 125, 0.24);
    }

    .vzcpb-scope .btn--primary:hover{
      background: #D6C08A;
      color: var(--color-primary-deep);
    }

    .vzcpb-scope .btn--outline{
      border-color: rgba(255, 255, 255, 0.46);
      background: rgba(255, 255, 255, 0.07);
      color: var(--color-white);
    }

    .vzcpb-scope .btn--outline:hover{
      border-color: var(--color-accent);
      background: rgba(200, 178, 125, 0.14);
      color: var(--color-white);
    }

    .vzcpb-scope .contact-page{ overflow: hidden; }

    /* Hero: intentionally single-column. No right panel, no image, no monogram, no logo. */
    .vzcpb-scope .hero{
      position: relative;
      isolation: isolate;
      padding: clamp(4.2rem, 9vw, 7.7rem) 0 clamp(4rem, 8vw, 6.5rem);
      background:
        radial-gradient(circle at 86% 8%, rgba(200, 178, 125, 0.19), transparent 31%),
        radial-gradient(circle at 8% 82%, rgba(184, 161, 176, 0.18), transparent 34%),
        linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-deep) 100%);
    }

    .vzcpb-scope .hero::after{
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: repeating-linear-gradient(135deg, transparent, transparent 48px, rgba(255, 255, 255, 0.045) 48px, rgba(255, 255, 255, 0.045) 49px);
      pointer-events: none;
    }

    .vzcpb-scope .hero-copy{
      display: grid;
      gap: 1.28rem;
      max-width: 880px;
    }

    .vzcpb-scope .hero h1{
      max-width: 13ch;
      color: var(--color-white);
    }

    .vzcpb-scope .hero h1 em{
      color: var(--color-accent);
      font-style: italic;
      font-weight: 500;
    }

    .vzcpb-scope .hero-lede{
      max-width: 730px;
      color: rgba(255, 255, 255, 0.85);
      font-size: clamp(1rem, 1.45vw, 1.14rem);
      line-height: 1.85;
    }

    .vzcpb-scope .section{
      padding: clamp(4rem, 7vw, 6.5rem) 0;
    }

    .vzcpb-scope .section--surface{
      background: var(--color-white);
    }

    .vzcpb-scope .contact-layout{
      position: relative;
      display: grid;
      grid-template-columns: minmax(300px, 0.78fr) 1px minmax(0, 1.22fr);
      gap: clamp(1.45rem, 3.5vw, 3rem);
      align-items: stretch;
    }

    .vzcpb-scope .contact-divider{
      position: relative;
      align-self: stretch;
      width: 1px;
      min-height: 100%;
      border-radius: 999px;
      background: linear-gradient(180deg, transparent 0%, rgba(184, 161, 176, 0.58) 18%, rgba(200, 178, 125, 0.95) 50%, rgba(184, 161, 176, 0.58) 82%, transparent 100%);
    }

    .vzcpb-scope .contact-divider::before{
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: var(--color-accent);
      box-shadow: 0 0 0 7px var(--color-white), 0 8px 18px rgba(58, 63, 92, 0.16);
      transform: translate(-50%, -50%);
    }

    .vzcpb-scope .career-card,
.vzcpb-scope .map-card{
      border: 1px solid var(--color-border);
      border-radius: var(--radius-xl);
      background: var(--color-white);
      box-shadow: var(--shadow-card);
      overflow: hidden;
    }

    .vzcpb-scope .contact-info-panel{
      display: grid;
      align-content: start;
      gap: 1.35rem;
      padding: clamp(0.25rem, 1vw, 0.5rem) 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .vzcpb-scope .panel-head{
      position: relative;
      display: grid;
      gap: 0.75rem;
      padding-bottom: 0.4rem;
      border-bottom: 0;
    }

    .vzcpb-scope .panel-head p{ max-width: 35rem; font-size: 0.96rem; }

    .vzcpb-scope .info-list{
      display: grid;
      gap: 0;
      border-top: 1px solid rgba(184, 161, 176, 0.28);
    }

    .vzcpb-scope .info-item{
      position: relative;
      display: grid;
      grid-template-columns: 52px minmax(0, 1fr);
      gap: 1rem;
      align-items: start;
      padding: 1.15rem 0;
      border: 0;
      border-bottom: 1px solid rgba(184, 161, 176, 0.28);
      background: transparent;
      transition: transform var(--transition), border-color var(--transition);
    }

    .vzcpb-scope .info-item::before{
      content: "";
      position: absolute;
      top: calc(1.15rem + 52px);
      bottom: -1px;
      left: 26px;
      width: 1px;
      background: linear-gradient(180deg, rgba(200, 178, 125, 0.55), transparent);
      pointer-events: none;
    }

    .vzcpb-scope .info-item:last-child::before{ display: none; }

    .vzcpb-scope .info-item:hover{
      transform: translateX(4px);
      border-bottom-color: rgba(200, 178, 125, 0.68);
    }

    .vzcpb-scope .info-item__icon{
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      border: 1px solid rgba(200, 178, 125, 0.78);
      border-radius: 999px;
      background: linear-gradient(135deg, #FFFFFF 0%, var(--color-accent-soft) 100%);
      color: var(--color-primary);
      box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.58);
      flex: 0 0 auto;
      transition: transform var(--transition), box-shadow var(--transition), background var(--transition);
    }

    .vzcpb-scope .info-item:hover .info-item__icon{
      transform: scale(1.04);
      background: linear-gradient(135deg, var(--color-accent-soft) 0%, #FFFFFF 100%);
      box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.58), 0 10px 24px rgba(58, 63, 92, 0.10);
    }

    .vzcpb-scope .info-item h3{
      margin-bottom: 0.24rem;
      color: var(--color-primary);
      font-size: 1.13rem;
      letter-spacing: -0.01em;
    }

    .vzcpb-scope .info-item p,
.vzcpb-scope .info-item address{
      color: var(--color-text);
      font-size: 0.94rem;
      font-style: normal;
      line-height: 1.64;
    }

    .vzcpb-scope .info-item a{
      color: var(--color-primary);
      font-weight: 800;
      text-decoration-color: rgba(200, 178, 125, 0.70);
      text-decoration-thickness: 1px;
      transition: color var(--transition), text-decoration-color var(--transition);
    }

    .vzcpb-scope .info-item a:hover{
      color: var(--color-accent-readable);
      text-decoration-color: currentColor;
    }

    .vzcpb-scope .form-card{
      padding: clamp(0.25rem, 1vw, 0.5rem) 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .vzcpb-scope .form-head{
      display: grid;
      gap: 0.75rem;
      margin-bottom: clamp(1.35rem, 3vw, 2rem);
      padding-bottom: 0.4rem;
      border-bottom: 0;
    }

    .vzcpb-scope .form-head p{ max-width: 680px; font-size: 0.96rem; }

    .vzcpb-scope .contact-form{
      display: grid;
      gap: 1rem;
    }

    .vzcpb-scope .form-grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }

    .vzcpb-scope .field{
      display: grid;
      gap: 0.42rem;
    }

    .vzcpb-scope .field--full{ grid-column: 1 / -1; }

    .vzcpb-scope label,
.vzcpb-scope .field-label{
      color: var(--color-text-dark);
      font-size: 0.9rem;
      font-weight: 800;
      line-height: 1.3;
    }

    .vzcpb-scope .required{
      color: var(--color-accent-readable);
      font-weight: 900;
    }

    .vzcpb-scope input,
.vzcpb-scope select,
.vzcpb-scope textarea{
      width: 100%;
      min-height: 50px;
      border: 1px solid rgba(58, 63, 92, 0.32);
      border-radius: var(--radius-sm);
      background: var(--color-field);
      color: var(--color-text-dark);
      font: inherit;
      line-height: 1.4;
      padding: 0.78rem 0.9rem;
      transition: border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
    }

    .vzcpb-scope input:hover,
.vzcpb-scope select:hover,
.vzcpb-scope textarea:hover{
      border-color: rgba(58, 63, 92, 0.52);
    }

    .vzcpb-scope input:focus,
.vzcpb-scope select:focus,
.vzcpb-scope textarea:focus{
      border-color: var(--color-primary);
      box-shadow: 0 0 0 4px rgba(200, 178, 125, 0.28);
      outline: none;
      background: var(--color-white);
    }

    .vzcpb-scope textarea{
      min-height: 154px;
      resize: vertical;
    }

    .vzcpb-scope .help-text{
      color: var(--color-text);
      font-size: 0.82rem;
      line-height: 1.5;
    }

    .vzcpb-scope .consent{
      display: grid;
      grid-template-columns: 22px minmax(0, 1fr);
      gap: 0.72rem;
      align-items: start;
      padding: 0.95rem;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-md);
      background: var(--color-bg);
      cursor: pointer;
    }

    .vzcpb-scope .consent input{
      width: 20px;
      height: 20px;
      min-height: auto;
      margin-top: 0.12rem;
      accent-color: var(--color-primary);
    }

    .vzcpb-scope .career-card{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(250px, 0.52fr);
      gap: clamp(1rem, 3vw, 2rem);
      align-items: center;
      padding: clamp(1.4rem, 4vw, 2.5rem);
      background:
        linear-gradient(135deg, rgba(58, 63, 92, 0.98), rgba(43, 47, 66, 0.99)),
        linear-gradient(90deg, rgba(200, 178, 125, 0.10), transparent);
      color: rgba(255, 255, 255, 0.82);
    }

    .vzcpb-scope .career-card h2,
.vzcpb-scope .career-card h3{ color: var(--color-white); }

    .vzcpb-scope .career-card p{
      max-width: 660px;
      color: rgba(255, 255, 255, 0.82);
    }

    .vzcpb-scope .career-panel{
      display: grid;
      gap: 0.55rem;
      padding: 1rem;
      border: 1px solid rgba(200, 178, 125, 0.30);
      border-radius: var(--radius-lg);
      background: rgba(255, 255, 255, 0.07);
    }

    .vzcpb-scope .career-panel strong{
      color: var(--color-accent);
      font-family: var(--font-display);
      font-size: 1.2rem;
      line-height: 1.2;
    }

    .vzcpb-scope .career-panel a{
      color: var(--color-white);
      font-weight: 800;
      overflow-wrap: anywhere;
    }

    .vzcpb-scope .map-card{
      display: grid;
      grid-template-columns: minmax(0, 0.55fr) minmax(0, 1fr);
      min-height: 430px;
    }

    .vzcpb-scope .map-copy{
      display: grid;
      gap: 0.9rem;
      align-content: center;
      padding: clamp(1.35rem, 3vw, 2rem);
    }

    .vzcpb-scope .map-copy address{
      color: var(--color-text-dark);
      font-style: normal;
      font-weight: 800;
    }

    .vzcpb-scope .map-frame{
      width: 100%;
      height: 100%;
      min-height: 430px;
      border: 0;
      background: var(--color-accent-soft);
    }

    @media (prefers-reduced-motion: reduce) {
      .vzcpb-scope{ scroll-behavior: auto; }
      .vzcpb-scope *,
.vzcpb-scope *::before,
.vzcpb-scope *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
      }
      .vzcpb-scope .btn:hover{ transform: none; }
    }

    @media (max-width: 1020px) {
      .vzcpb-scope .contact-layout,
.vzcpb-scope .career-card,
.vzcpb-scope .map-card{
        grid-template-columns: 1fr;
      }

      .vzcpb-scope .contact-divider{
        width: 100%;
        height: 1px;
        min-height: 1px;
        background: linear-gradient(90deg, transparent 0%, rgba(184, 161, 176, 0.58) 18%, rgba(200, 178, 125, 0.95) 50%, rgba(184, 161, 176, 0.58) 82%, transparent 100%);
      }

      .vzcpb-scope .contact-divider::before{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      .vzcpb-scope .map-frame{ min-height: 360px; }
    }

    @media (max-width: 680px) {
      .vzcpb-scope{ --container: min(100% - 1.25rem, 1120px); }

      .vzcpb-scope .hero{ padding-top: 3.4rem; }
      .vzcpb-scope .hero h1{ max-width: 12ch; }

      .vzcpb-scope .button-row,
.vzcpb-scope .submit-row{ align-items: stretch; }

      .vzcpb-scope .button-row .btn,
.vzcpb-scope .submit-row .btn{ width: 100%; }

      .vzcpb-scope .form-grid{ grid-template-columns: 1fr; }

      .vzcpb-scope .career-card,
.vzcpb-scope .map-card{ border-radius: var(--radius-lg); }

      .vzcpb-scope .info-item{
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 0.85rem;
        padding: 1rem 0;
      }

      .vzcpb-scope .info-item::before{
        top: calc(1rem + 44px);
        left: 22px;
      }

      .vzcpb-scope .info-item:hover{ transform: none; }

      .vzcpb-scope .info-item__icon{
        width: 44px;
        height: 44px;
      }
    }


    /* DARK MODE — home page palette + WCAG 2.2 AA contrast */
    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark){
      color-scheme: dark;
      --color-primary: #3A3F5C;
      --color-primary-dark: #4A5170;
      --color-primary-deep: var(--color-primary-dark);
      --color-secondary: #C7B6C2;
      --color-accent: #D9C47F;
      --color-accent-dark: #C3A95D;
      --color-accent-readable: #EAD99A;
      --color-accent-soft: #2A3040;
      --color-bg: #101319;
      --color-bg-warm: #171B24;
      --color-form-bg: #1D2230;
      --color-white: #171B24;
      --color-field: #0F131B;
      --color-text: #D4DBEA;
      --color-text-dark: #F4F1EA;
      --color-text-light: #BBC6D8;
      --color-border: #3B4254;
      --shadow-card: 0 16px 44px rgba(0, 0, 0, 0.42);
      --shadow-deep: 0 26px 76px rgba(0, 0, 0, 0.56);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark) body .vzcpb-scope,
.vzcpb-scope{
      background: var(--color-bg);
      color: var(--color-text);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark){
      background: var(--color-bg);
      color: var(--color-text);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page h1,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page h2,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page h3,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page h1,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page h2,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page h3,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) h1,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) h2,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) h3{
      color: var(--color-text-dark);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page a,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page a,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) a{
      color: var(--color-accent-readable);
      text-decoration-color: rgba(234, 217, 154, 0.64);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page a:hover,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page a:hover,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) a:hover{
      color: var(--color-accent);
      text-decoration-color: currentColor;
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page a:focus-visible,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page button:focus-visible,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page input:focus-visible,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page select:focus-visible,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page textarea:focus-visible,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page a:focus-visible,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page button:focus-visible,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page input:focus-visible,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page select:focus-visible,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page textarea:focus-visible,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) a:focus-visible,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) button:focus-visible,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) input:focus-visible,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) select:focus-visible,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) textarea:focus-visible{
      outline-color: var(--color-accent-readable);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope ::selection,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page ::selection,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) ::selection{
      color: #101319;
      background: var(--color-accent-readable);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .skip-link .vzcpb-scope,
:where(.dark-mode, .dark, [data-theme="dark"]) .skip-link .vzcpb-scope,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) ~ .skip-link{
      background: var(--color-white);
      color: var(--color-text-dark);
      border: 1px solid var(--color-border);
      box-shadow: var(--shadow-card);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .eyebrow,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .required,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .eyebrow,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .required,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .eyebrow,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .required{
      color: var(--color-accent-readable);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .eyebrow--dark,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .eyebrow--dark,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .eyebrow--dark{
      color: var(--color-accent);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .btn--primary,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .btn--primary,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .btn--primary{
      background: var(--color-accent);
      color: #2E3144;
      box-shadow: 0 10px 26px rgba(217, 196, 127, 0.24);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .btn--primary:hover,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .btn--primary:hover,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .btn--primary:hover{
      background: var(--color-accent-dark);
      color: #101319;
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .btn--outline,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .btn--outline,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .btn--outline{
      border-color: rgba(244, 241, 234, 0.58);
      background: rgba(255, 255, 255, 0.08);
      color: #FFFFFF;
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .btn--outline:hover,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .btn--outline:hover,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .btn--outline:hover{
      border-color: var(--color-accent);
      background: rgba(217, 196, 127, 0.14);
      color: #FFFFFF;
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .hero,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .hero,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .hero{
      background:
        radial-gradient(circle at 86% 8%, rgba(217, 196, 127, 0.16), transparent 31%),
        radial-gradient(circle at 8% 82%, rgba(199, 182, 194, 0.12), transparent 34%),
        linear-gradient(135deg, #0B0E14 0%, #101319 100%);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .hero::after,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .hero::after,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .hero::after{
      background: repeating-linear-gradient(135deg, transparent, transparent 48px, rgba(217, 196, 127, 0.06) 48px, rgba(217, 196, 127, 0.06) 49px);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .hero h1,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .career-card h2,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .career-card h3,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .hero h1,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .career-card h2,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .career-card h3,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .hero h1,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .career-card h2,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .career-card h3{
      color: #FFFFFF;
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .hero h1 em,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .career-panel strong,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .hero h1 em,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .career-panel strong,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .hero h1 em,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .career-panel strong{
      color: var(--color-accent);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .hero-lede,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .career-card,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .career-card p,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .hero-lede,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .career-card,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .career-card p,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .hero-lede,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .career-card,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .career-card p{
      color: rgba(255, 255, 255, 0.86);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .section,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .section,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .section{
      background: var(--color-bg);
      color: var(--color-text);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .section--surface,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .section--surface,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .section--surface{
      background: var(--color-white);
      border-color: var(--color-border);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .panel-head p,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .form-head p,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item p,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item address,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .help-text,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .map-copy p,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .panel-head p,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .form-head p,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item p,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item address,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .help-text,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .map-copy p,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .panel-head p,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .form-head p,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item p,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item address,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .help-text,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .map-copy p{
      color: var(--color-text);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .panel-head,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .form-head,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .panel-head,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .form-head,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .panel-head,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .form-head{
      color: var(--color-text);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-list,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-list,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-list{
      border-top-color: var(--color-border);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item{
      border-bottom-color: var(--color-border);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item:hover,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item:hover,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item:hover{
      border-bottom-color: rgba(217, 196, 127, 0.74);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item::before,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item::before,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item::before{
      background: linear-gradient(180deg, rgba(217, 196, 127, 0.52), transparent);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item__icon,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item__icon,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item__icon{
      border-color: rgba(217, 196, 127, 0.78);
      background: linear-gradient(135deg, #171B24 0%, #2A3040 100%);
      color: var(--color-accent-readable);
      box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.04);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item:hover .info-item__icon,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item:hover .info-item__icon,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item:hover .info-item__icon{
      background: linear-gradient(135deg, #2A3040 0%, #171B24 100%);
      box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.04), 0 10px 24px rgba(0, 0, 0, 0.34);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .info-item h3,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .map-copy address,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page label,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .field-label,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .info-item h3,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .map-copy address,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page label,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .field-label,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .info-item h3,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .map-copy address,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) label,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .field-label{
      color: var(--color-text-dark);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page input,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page select,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page textarea,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page input,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page select,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page textarea,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) input,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) select,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) textarea{
      border-color: var(--color-border);
      background: var(--color-field);
      color: var(--color-text-dark);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page input::placeholder,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page textarea::placeholder,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page input::placeholder,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page textarea::placeholder,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) input::placeholder,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) textarea::placeholder{
      color: var(--color-text-light);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page input:hover,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page select:hover,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page textarea:hover,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page input:hover,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page select:hover,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page textarea:hover,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) input:hover,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) select:hover,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) textarea:hover{
      border-color: rgba(234, 217, 154, 0.56);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page input:focus,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page select:focus,
:where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page textarea:focus,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page input:focus,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page select:focus,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page textarea:focus,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) input:focus,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) select:focus,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) textarea:focus{
      border-color: var(--color-accent-readable);
      box-shadow: 0 0 0 4px rgba(234, 217, 154, 0.18);
      background: #171B24;
      outline: none;
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page select option,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page select option,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) select option{
      background: #171B24;
      color: var(--color-text-dark);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .consent,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .consent,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .consent{
      border-color: var(--color-border);
      background: var(--color-bg-warm);
      color: var(--color-text);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .consent input,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .consent input,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .consent input{
      accent-color: var(--color-accent);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .career-card,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .career-card,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .career-card{
      border-color: rgba(217, 196, 127, 0.34);
      background:
        linear-gradient(135deg, rgba(11, 14, 20, 0.98), rgba(16, 19, 25, 0.99)),
        linear-gradient(90deg, rgba(217, 196, 127, 0.12), transparent);
      box-shadow: var(--shadow-deep);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .career-panel,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .career-panel,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .career-panel{
      border-color: rgba(217, 196, 127, 0.36);
      background: rgba(255, 255, 255, 0.07);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .map-card,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .map-card,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .map-card{
      background: var(--color-white);
      border-color: var(--color-border);
      box-shadow: var(--shadow-card);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .map-copy,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .map-copy,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .map-copy{
      background: var(--color-white);
      color: var(--color-text);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .map-frame,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .map-frame,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .map-frame{
      background: var(--color-bg-warm);
      border-left: 1px solid var(--color-border);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .contact-divider,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .contact-divider,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .contact-divider{
      background: linear-gradient(180deg, transparent 0%, rgba(59, 66, 84, 0.90) 18%, rgba(217, 196, 127, 0.92) 50%, rgba(59, 66, 84, 0.90) 82%, transparent 100%);
    }

    :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .contact-divider::before,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .contact-divider::before,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .contact-divider::before{
      background: var(--color-accent);
      box-shadow: 0 0 0 7px var(--color-white), 0 8px 18px rgba(0, 0, 0, 0.38);
    }

    @media (max-width: 1020px) {
      :where(html[data-theme="dark"], html.dark-mode, html.dark, body[data-theme="dark"], body.dark-mode, body.dark) .vzcpb-scope.contact-page .contact-divider,
:where(.dark-mode, .dark, [data-theme="dark"]) .vzcpb-scope.contact-page .contact-divider,
.vzcpb-scope.contact-page:where([data-theme="dark"], .dark-mode, .dark) .contact-divider{
        background: linear-gradient(90deg, transparent 0%, rgba(59, 66, 84, 0.90) 18%, rgba(217, 196, 127, 0.92) 50%, rgba(59, 66, 84, 0.90) 82%, transparent 100%);
      }
    }
.vzcpb-scope .info-item__icon img{width:23px;height:23px;object-fit:contain;display:block;}
.vzcpb-scope .btn img{width:16px;height:16px;object-fit:contain;display:block;}