:root {
      --cream: #f5eee2;
      --cream-2: #fbf8f2;
      --sand: #e9dcc7;
      --sand-2: #d8c4a6;
      --terracotta: #bf5f42;
      --terracotta-dark: #9f472f;
      --petrol: #123f4d;
      --petrol-deep: #0c3040;
      --ink: #25343a;
      --muted: #657278;
      --line: rgba(18, 63, 77, .16);
      --white: #fffdf9;
      --success: #1d6651;
      --error: #9d3328;
      --radius-lg: 34px;
      --radius-md: 20px;
      --radius-sm: 12px;
      --shadow-soft: 0 24px 65px rgba(38, 50, 54, .11);
      --container: min(1180px, calc(100% - 48px));
      --serif: Georgia, "Times New Roman", serif;
      --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 118px; }
    body {
      margin: 0;
      min-width: 320px;
      overflow-x: hidden;
      color: var(--ink);
      background: var(--cream-2);
      font-family: var(--sans);
      font-size: 17px;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    body.menu-open { overflow: hidden; }
    img { display: block; max-width: 100%; }
    button, input, textarea { font: inherit; }
    a { color: inherit; }
    p, h1, h2, h3 { margin-top: 0; }
    p:last-child { margin-bottom: 0; }
    [id] { scroll-margin-top: 126px; }

    .container { width: var(--container); margin-inline: auto; }
    .skip-link {
      position: fixed;
      z-index: 500;
      left: 16px;
      top: 12px;
      transform: translateY(-160%);
      background: var(--petrol-deep);
      color: white;
      padding: 10px 16px;
      border-radius: 8px;
      text-decoration: none;
    }
    .skip-link:focus { transform: translateY(0); }

    .operator-line {
      background: #eadcc7;
      color: #374b52;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .02em;
    }
    .operator-line .container { padding-block: 8px; }
    .site-header {
      position: sticky;
      z-index: 150;
      top: 0;
      background: rgba(255, 253, 249, .96);
      border-bottom: 1px solid rgba(18, 63, 77, .1);
      backdrop-filter: blur(14px);
    }
    .nav-row {
      min-height: 82px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 13px;
      min-width: max-content;
      text-decoration: none;
    }
    .brand-mark {
      position: relative;
      width: 39px;
      height: 34px;
      border: 2px solid var(--terracotta);
      border-top: 0;
      border-radius: 0 0 5px 5px;
    }
    .brand-mark::before {
      content: "";
      position: absolute;
      width: 25px;
      height: 25px;
      left: 5px;
      top: -10px;
      border-left: 2px solid var(--petrol);
      border-top: 2px solid var(--petrol);
      transform: rotate(45deg);
    }
    .brand-name {
      display: block;
      font-family: var(--serif);
      color: var(--petrol-deep);
      font-size: 27px;
      line-height: 1;
      letter-spacing: -.02em;
    }
    .brand-name span { color: var(--terracotta); }
    .brand-sub {
      display: block;
      margin-top: 7px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .main-nav { display: flex; align-items: center; gap: 8px; }
    .main-nav a {
      padding: 10px 13px;
      border-radius: 999px;
      color: #31444b;
      font-size: 14px;
      font-weight: 750;
      text-decoration: none;
      transition: background .2s ease, color .2s ease;
    }
    .main-nav a:hover, .main-nav a:focus-visible {
      background: var(--cream);
      color: var(--terracotta-dark);
      outline: none;
    }
    .menu-toggle {
      display: none;
      width: 47px;
      height: 43px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 11px;
      background: var(--white);
      cursor: pointer;
    }
    .menu-toggle span {
      display: block;
      width: 100%;
      height: 2px;
      margin: 5px 0;
      background: var(--petrol-deep);
      transition: transform .2s ease, opacity .2s ease;
    }
    .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .hero {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 18%, rgba(191, 95, 66, .13), transparent 28%),
        linear-gradient(108deg, var(--cream) 0 48%, #f7faf9 48% 100%);
    }
    .hero::after {
      content: "";
      position: absolute;
      z-index: -1;
      width: 300px;
      height: 300px;
      left: -165px;
      bottom: -180px;
      border: 1px solid rgba(191, 95, 66, .28);
      border-radius: 50%;
    }
    .hero-grid {
      min-height: 605px;
      padding-block: 72px 74px;
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(470px, 1.05fr);
      align-items: center;
      gap: clamp(48px, 6vw, 88px);
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      color: var(--terracotta-dark);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 34px; height: 1px; background: currentColor; }
    h1, h2 { font-family: var(--serif); color: var(--petrol-deep); font-weight: 600; letter-spacing: -.035em; }
    h1 {
      max-width: 720px;
      margin-bottom: 25px;
      font-size: clamp(43px, 4.7vw, 64px);
      line-height: 1.03;
    }
    h2 { font-size: clamp(34px, 3.2vw, 48px); line-height: 1.1; }
    h3 { color: var(--petrol-deep); font-size: 21px; line-height: 1.25; }
    .lead { max-width: 690px; color: #485b62; font-size: 18px; line-height: 1.75; }
    .hero .lead { max-width: 610px; margin-bottom: 20px; }
    .hero-scope {
      max-width: 590px;
      margin-bottom: 29px;
      color: #314950;
      font-size: 15px;
      font-weight: 720;
    }
    .button-row { display: flex; flex-wrap: wrap; gap: 13px; align-items: center; }
    .btn {
      min-height: 53px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 14px 22px;
      border: 1px solid transparent;
      border-radius: 11px;
      cursor: pointer;
      font-size: 15px;
      font-weight: 800;
      line-height: 1.2;
      text-align: center;
      text-decoration: none;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn:focus-visible { outline: 3px solid rgba(191, 95, 66, .27); outline-offset: 3px; }
    .btn--primary { color: white; background: var(--terracotta); box-shadow: 0 12px 28px rgba(159, 71, 47, .2); }
    .btn--primary:hover { background: var(--terracotta-dark); }
    .btn--secondary { color: var(--petrol-deep); background: rgba(255,255,255,.58); border-color: rgba(18, 63, 77, .31); }
    .btn--secondary:hover { background: white; border-color: var(--petrol); }
    .btn svg { width: 18px; height: 18px; }

    .symbol-image { position: relative; margin: 0; overflow: hidden; background: #d9d8d2; }
    .symbol-image img { width: 100%; height: 100%; object-fit: cover; }
    .symbol-label {
      position: absolute;
      right: 10px;
      bottom: 10px;
      z-index: 2;
      padding: 4px 9px;
      border-radius: 999px;
      color: #24393f;
      background: rgba(255, 253, 249, .9);
      box-shadow: 0 4px 14px rgba(13, 48, 64, .12);
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
    }
    .hero-media {
      height: min(510px, 45vw);
      min-height: 430px;
      border-radius: 44px 12px 44px 12px;
      box-shadow: var(--shadow-soft);
    }
    .hero-media img { object-position: 55% center; }

    .intent-section {
      position: relative;
      z-index: 5;
      padding: 0 0 82px;
      background: linear-gradient(to bottom, var(--cream-2), #fffdf9);
    }
    .intent-panel {
      transform: translateY(-22px);
      padding: 34px;
      border: 1px solid rgba(18, 63, 77, .12);
      border-radius: var(--radius-lg);
      background: rgba(255, 253, 249, .96);
      box-shadow: 0 22px 60px rgba(34, 45, 49, .1);
    }
    .intent-heading {
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: 42px;
      align-items: end;
      margin-bottom: 24px;
    }
    .intent-heading h2 { margin-bottom: 0; }
    .intent-heading p { margin-bottom: 5px; color: var(--muted); }
    .intent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .choice-input {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }
    .intent-label {
      position: relative;
      min-height: 138px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 25px 55px 25px 26px;
      border: 1px solid rgba(18, 63, 77, .21);
      border-radius: 18px;
      background: #fff;
      cursor: pointer;
      transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
    }
    .intent-label::after {
      content: "";
      position: absolute;
      right: 24px;
      top: 25px;
      width: 22px;
      height: 22px;
      border: 2px solid #9ca9ad;
      border-radius: 50%;
      box-shadow: inset 0 0 0 5px #fff;
    }
    .intent-label:hover { transform: translateY(-2px); border-color: var(--terracotta); }
    .intent-label strong { margin-bottom: 9px; color: var(--petrol-deep); font-family: var(--serif); font-size: 24px; line-height: 1.15; }
    .intent-label span { color: #5b6b70; font-size: 15px; line-height: 1.55; }
    .choice-input:focus-visible + .intent-label { outline: 3px solid rgba(191, 95, 66, .24); outline-offset: 3px; }
    .choice-input:checked + .intent-label {
      border-color: var(--terracotta);
      background: #fff8f3;
      box-shadow: 0 12px 30px rgba(191, 95, 66, .1);
    }
    .choice-input:checked + .intent-label::after { border-color: var(--terracotta); background: var(--terracotta); }

    .section { padding-block: 92px; }
    .section--warm { background: var(--cream); }
    .section--white { background: var(--white); }
    .section-head {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
      gap: 70px;
      align-items: end;
      margin-bottom: 48px;
    }
    .section-head h2 { margin-bottom: 0; }
    .section-head p { margin-bottom: 4px; color: var(--muted); }

    .positioning {
      padding-block: 84px;
      background: var(--petrol-deep);
      color: #f4eee5;
    }
    .positioning-grid {
      display: grid;
      grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
      gap: 82px;
      align-items: center;
    }
    .positioning .eyebrow { color: #e8a58e; }
    .positioning h2 { margin-bottom: 0; color: white; }
    .positioning-copy { padding-left: 34px; border-left: 1px solid rgba(255,255,255,.24); }
    .positioning-copy p { color: #dbe5e5; }

    .seller-grid {
      display: grid;
      grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);
      gap: clamp(48px, 7vw, 94px);
      align-items: center;
    }
    .seller-media { height: 610px; border-radius: 12px 42px 12px 42px; box-shadow: var(--shadow-soft); }
    .seller-media img { object-position: 50% 48%; }
    .seller-copy h2 { max-width: 670px; margin-bottom: 25px; }
    .seller-copy p { max-width: 730px; color: #53656b; }
    .seller-focus {
      margin: 30px 0 31px;
      padding: 22px 24px;
      border-left: 4px solid var(--terracotta);
      background: #fbf3e9;
      color: #364d54;
      font-weight: 650;
    }

    .types-section { background: linear-gradient(180deg, #fffdf9 0%, #f7f1e7 100%); }
    .types-layout {
      display: grid;
      grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
      gap: clamp(48px, 6vw, 82px);
      align-items: start;
    }
    .image-mosaic {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 270px 230px;
      gap: 13px;
      position: sticky;
      top: 144px;
    }
    .image-mosaic .symbol-image { border-radius: 18px; }
    .image-mosaic .symbol-image:first-child { grid-column: 1 / -1; }
    .image-mosaic .symbol-image:first-child img { object-position: center 52%; }
    .image-mosaic .symbol-image:nth-child(2) img { object-position: 24% 52%; }
    .image-mosaic .symbol-image:nth-child(3) img { object-position: 66% 52%; }
    .types-copy h2 { margin-bottom: 20px; }
    .types-intro { margin-bottom: 30px; color: var(--muted); }
    .type-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
    .type-item {
      min-height: 138px;
      padding: 22px 2px 21px;
      border-top: 1px solid rgba(18, 63, 77, .2);
    }
    .type-item:nth-last-child(-n+2) { border-bottom: 1px solid rgba(18, 63, 77, .2); }
    .type-item h3 { margin-bottom: 7px; font-family: var(--serif); font-size: 24px; }
    .type-item p { color: #647177; font-size: 15px; line-height: 1.55; }

    .buyer-section { overflow: hidden; background: var(--petrol); color: white; }
    .buyer-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(330px, .72fr);
      gap: clamp(50px, 7vw, 90px);
      align-items: center;
    }
    .buyer-copy { padding-block: 20px; }
    .buyer-section .eyebrow { color: #efae96; }
    .buyer-section h2 { max-width: 700px; margin-bottom: 24px; color: white; }
    .buyer-section p { max-width: 720px; color: #deeaeb; }
    .buyer-keyline {
      margin: 27px 0 30px;
      padding: 22px 24px;
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 15px;
      background: rgba(255,255,255,.055);
      color: #fff;
      font-weight: 700;
    }
    .buyer-media { height: 565px; border-radius: 42px 12px 42px 12px; box-shadow: 0 22px 55px rgba(2, 20, 27, .24); }
    .buyer-media img { object-position: 54% 48%; }
    .buyer-section .btn--secondary { color: white; background: transparent; border-color: rgba(255,255,255,.55); }
    .buyer-section .btn--secondary:hover { background: white; color: var(--petrol-deep); }

    .free-note { padding-block: 68px; background: #eadcc7; }
    .free-note-grid {
      display: grid;
      grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
      gap: 70px;
      align-items: start;
    }
    .free-note h2 { margin-bottom: 0; font-size: clamp(32px, 3vw, 43px); }
    .free-note p { margin-bottom: 0; color: #3b5057; font-size: 17px; }

    .form-section { padding-block: 84px 98px; background: #f7f4ed; }
    .form-shell {
      max-width: 1080px;
      margin-inline: auto;
      padding: clamp(26px, 4vw, 48px);
      border: 1px solid rgba(18, 63, 77, .14);
      border-radius: 30px;
      background: white;
      box-shadow: 0 24px 70px rgba(37, 52, 58, .09);
    }
    .form-heading {
      display: grid;
      grid-template-columns: minmax(0, .7fr) minmax(300px, 1.3fr);
      gap: 55px;
      align-items: end;
      margin-bottom: 34px;
    }
    .form-heading h2 { margin-bottom: 0; }
    .form-heading p { margin-bottom: 4px; color: var(--muted); }
    .form-block { margin: 0 0 28px; padding: 0; border: 0; }
    .field-label, .form-block > legend {
      display: block;
      margin-bottom: 10px;
      color: var(--petrol-deep);
      font-size: 14px;
      font-weight: 800;
    }
    .form-intent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
    .form-intent-grid .intent-label { min-height: 96px; padding-top: 20px; padding-bottom: 20px; }
    .form-intent-grid .intent-label strong { margin-bottom: 0; font-family: var(--sans); font-size: 17px; }
    .form-category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
    .category-input { position: absolute; opacity: 0; pointer-events: none; }
    .category-label {
      min-height: 51px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 11px 12px;
      border: 1px solid rgba(18, 63, 77, .2);
      border-radius: 11px;
      color: #41565d;
      background: #fff;
      cursor: pointer;
      font-size: 14px;
      font-weight: 740;
      text-align: center;
      transition: background .18s ease, border-color .18s ease, color .18s ease;
    }
    .category-input:focus-visible + .category-label { outline: 3px solid rgba(191, 95, 66, .22); outline-offset: 2px; }
    .category-input:checked + .category-label { border-color: var(--terracotta); color: var(--terracotta-dark); background: #fff5ee; }
    .field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .field--wide { grid-column: 1 / -1; }
    .field input, .field textarea {
      width: 100%;
      border: 1px solid rgba(18, 63, 77, .22);
      border-radius: 11px;
      color: var(--ink);
      background: #fff;
      outline: none;
      transition: border-color .18s ease, box-shadow .18s ease;
    }
    .field input { min-height: 52px; padding: 12px 14px; }
    .field textarea { min-height: 155px; padding: 14px; resize: vertical; }
    .field input:focus, .field textarea:focus { border-color: var(--terracotta); box-shadow: 0 0 0 4px rgba(191, 95, 66, .1); }
    .field input[aria-invalid="true"], .field textarea[aria-invalid="true"] { border-color: var(--error); box-shadow: 0 0 0 3px rgba(157, 51, 40, .1); }
    .field input::placeholder, .field textarea::placeholder { color: #98a2a5; }
    .personal-details {
      margin: 0 0 28px;
      border: 1px solid rgba(18, 63, 77, .16);
      border-radius: 13px;
      background: #faf8f3;
    }
    .personal-details summary {
      padding: 16px 18px;
      color: var(--petrol-deep);
      cursor: pointer;
      font-weight: 800;
    }
    .details-inner { padding: 2px 18px 20px; }
    .consents { display: grid; gap: 11px; margin-bottom: 22px; }
    .check-row { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; color: #4e6066; font-size: 14px; }
    .check-row input { width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--terracotta); }
    .check-row input[aria-invalid="true"] { outline: 2px solid var(--error); outline-offset: 2px; }
    .inline-link { color: var(--petrol-deep); text-underline-offset: 3px; }
    .form-note {
      margin: 0 0 24px;
      padding: 15px 17px;
      border-radius: 11px;
      color: #3d555c;
      background: #eef4f2;
      font-size: 14px;
      font-weight: 700;
    }
    .submit-row { display: flex; justify-content: flex-end; }
    .submit-row .btn { min-width: 280px; }
    .error-summary, .preview-notice {
      display: none;
      margin-bottom: 24px;
      padding: 16px 18px;
      border-radius: 11px;
      font-size: 14px;
    }
    .error-summary.is-visible { display: block; color: #70261f; background: #fdeeea; border: 1px solid #e5aba1; }
    .error-summary ul { margin-bottom: 0; }
    .preview-notice.is-visible { display: block; color: #154d3d; background: #e9f4ef; border: 1px solid #a5cdbc; }

    .awz-section { padding-block: 88px; background: var(--white); }
    .awz-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
      gap: clamp(50px, 7vw, 90px);
      align-items: center;
    }
    .awz-copy h2 { margin-bottom: 22px; }
    .awz-copy > p { max-width: 720px; color: #53656b; }
    .qualification-note { font-size: 14px; }
    .stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      margin-top: 32px;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .stat { padding: 21px 18px 21px 0; }
    .stat + .stat { padding-left: 18px; border-left: 1px solid var(--line); }
    .stat strong { display: block; margin-bottom: 4px; color: var(--terracotta-dark); font-family: var(--serif); font-size: 23px; line-height: 1.15; }
    .stat span { color: var(--muted); font-size: 12px; font-weight: 750; line-height: 1.4; }
    .awz-card {
      display: grid;
      grid-template-columns: 150px 1fr;
      gap: 25px;
      align-items: center;
      padding: 24px;
      border: 1px solid rgba(18, 63, 77, .14);
      border-radius: 24px;
      background: #f8f3ea;
    }
    .person-photo { overflow: hidden; border-radius: 16px; background: #ddd; }
    .person-photo img { width: 100%; aspect-ratio: 215 / 257; object-fit: cover; }
    .awz-card h3 { margin-bottom: 4px; font-family: var(--serif); font-size: 23px; }
    .person-role { color: var(--muted); font-size: 13px; }
    .awz-logo { width: 135px; max-height: 92px; margin-top: 14px; object-fit: contain; object-position: left center; }

    .contact-section { padding-block: 70px; color: white; background: var(--petrol-deep); }
    .contact-grid {
      display: grid;
      grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
      gap: 80px;
      align-items: center;
    }
    .contact-section .eyebrow { color: #efae96; }
    .contact-section h2 { margin-bottom: 0; color: white; }
    .contact-card {
      padding: 28px 32px;
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 20px;
      background: rgba(255,255,255,.06);
    }
    .contact-name { display: block; margin-bottom: 13px; font-family: var(--serif); font-size: 27px; }
    .contact-card a {
      display: block;
      width: fit-content;
      margin-top: 8px;
      color: #f7f1e9;
      text-decoration-color: rgba(255,255,255,.42);
      text-underline-offset: 4px;
    }
    .contact-card a:hover { color: #efae96; }

    .site-footer { color: #cbd6d7; background: #071f2a; }
    .footer-main {
      min-height: 112px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 35px;
      padding-block: 25px;
      border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .footer-brand { color: white; font-family: var(--serif); font-size: 24px; }
    .footer-position { margin-top: 3px; color: #9fb0b4; font-size: 12px; }
    .footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 20px; }
    .footer-links button {
      padding: 0;
      border: 0;
      color: #d6dfe0;
      background: none;
      cursor: pointer;
      font-size: 12px;
      text-decoration: underline;
      text-decoration-color: transparent;
      text-underline-offset: 4px;
    }
    .footer-links button:hover, .footer-links button:focus-visible { color: white; text-decoration-color: currentColor; outline: none; }
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      gap: 35px;
      padding-block: 19px 24px;
      color: #879ba0;
      font-size: 11px;
      line-height: 1.55;
    }
    .footer-bottom span:first-child { max-width: 720px; }

    dialog {
      width: min(720px, calc(100% - 30px));
      max-height: min(780px, calc(100vh - 32px));
      padding: 0;
      border: 0;
      border-radius: 20px;
      color: var(--ink);
      background: white;
      box-shadow: 0 28px 90px rgba(0,0,0,.27);
    }
    dialog::backdrop { background: rgba(5, 21, 28, .68); backdrop-filter: blur(4px); }
    .dialog-head {
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 20px 24px;
      border-bottom: 1px solid var(--line);
      background: white;
    }
    .dialog-head h2 { margin: 0; font-size: 30px; }
    .dialog-close {
      width: 42px;
      height: 42px;
      border: 1px solid var(--line);
      border-radius: 50%;
      color: var(--petrol-deep);
      background: var(--cream-2);
      cursor: pointer;
      font-size: 25px;
      line-height: 1;
    }
    .dialog-body { padding: 22px 24px 30px; }
    .dialog-body h3 { margin-top: 24px; margin-bottom: 8px; font-family: var(--serif); }

    .reveal { opacity: 1; transform: none; transition: opacity .35s ease, transform .35s ease; }
    .reveal.is-visible { opacity: 1; transform: none; }

    @media (max-width: 1080px) {
      :root { --container: min(100% - 36px, 980px); }
      .main-nav a { padding-inline: 9px; }
      .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(410px, .95fr); gap: 46px; }
      .hero-media { min-height: 400px; }
      .form-category-grid { grid-template-columns: repeat(3, 1fr); }
      .awz-grid { grid-template-columns: 1fr; }
      .awz-card { max-width: 620px; }
    }

    @media (max-width: 900px) {
      html { scroll-padding-top: 104px; }
      [id] { scroll-margin-top: 110px; }
      .operator-line .container { padding-block: 6px; }
      .nav-row { min-height: 70px; }
      .brand-name { font-size: 24px; }
      .brand-sub { display: none; }
      .menu-toggle { display: block; }
      .main-nav {
        position: fixed;
        inset: 100px 18px auto;
        display: grid;
        gap: 3px;
        padding: 13px;
        border: 1px solid rgba(18, 63, 77, .14);
        border-radius: 18px;
        background: #fffdf9;
        box-shadow: 0 24px 60px rgba(17, 39, 47, .2);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-12px);
        transition: opacity .2s ease, transform .2s ease, visibility .2s;
      }
      .main-nav.is-open { opacity: 1; visibility: visible; transform: none; }
      .main-nav a { padding: 13px 14px; border-radius: 10px; }
      .hero { background: linear-gradient(180deg, var(--cream) 0 54%, #f7faf9 54% 100%); }
      .hero-grid { min-height: auto; padding-block: 56px 66px; grid-template-columns: 1fr; gap: 40px; }
      .hero-copy { max-width: 760px; }
      .hero-media { height: 430px; min-height: 0; }
      .intent-heading, .section-head, .positioning-grid, .free-note-grid, .form-heading, .contact-grid {
        grid-template-columns: 1fr;
        gap: 24px;
      }
      .positioning-copy { padding-left: 0; padding-top: 24px; border-left: 0; border-top: 1px solid rgba(255,255,255,.24); }
      .seller-grid, .buyer-grid, .types-layout { grid-template-columns: 1fr; }
      .seller-media { height: 500px; }
      .types-copy { order: -1; }
      .image-mosaic { position: static; grid-template-rows: 250px 210px; }
      .buyer-media { height: 470px; }
      .awz-card { max-width: none; }
      .contact-grid { gap: 35px; }
    }

    @media (max-width: 680px) {
      :root { --container: calc(100% - 28px); }
      body { font-size: 16px; }
      .operator-line { font-size: 11px; }
      .operator-line .container { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
      .nav-row { min-height: 65px; }
      .brand { gap: 10px; }
      .brand-mark { width: 33px; height: 29px; }
      .brand-mark::before { width: 21px; height: 21px; left: 4px; top: -8px; }
      .brand-name { font-size: 21px; }
      .main-nav { inset: 91px 14px auto; }
      .hero-grid { padding-block: 44px 56px; gap: 32px; }
      .eyebrow { margin-bottom: 14px; font-size: 11px; }
      .eyebrow::before { width: 25px; }
      h1 { font-size: clamp(36px, 11vw, 43px); line-height: 1.05; }
      h2 { font-size: clamp(31px, 9vw, 39px); }
      .lead { font-size: 17px; line-height: 1.65; }
      .button-row { display: grid; grid-template-columns: 1fr; }
      .btn { width: 100%; }
      .hero-media { height: clamp(290px, 88vw, 370px); border-radius: 28px 9px 28px 9px; }
      .hero-media img { object-position: 60% center; }
      .intent-section { padding-bottom: 55px; }
      .intent-panel { padding: 25px 18px 20px; border-radius: 22px; transform: translateY(-10px); }
      .intent-grid { grid-template-columns: 1fr; }
      .intent-label { min-height: 128px; padding: 22px 48px 22px 20px; }
      .intent-label strong { font-size: 22px; }
      .section, .awz-section { padding-block: 68px; }
      .positioning { padding-block: 62px; }
      .seller-grid { gap: 35px; }
      .seller-media { height: 390px; border-radius: 8px 28px 8px 28px; }
      .seller-focus { margin-block: 24px; padding: 18px; }
      .types-layout { gap: 36px; }
      .image-mosaic { grid-template-rows: 210px 165px; gap: 9px; }
      .image-mosaic .symbol-image { border-radius: 12px; }
      .type-list { grid-template-columns: 1fr; }
      .type-item { min-height: 0; }
      .type-item:nth-last-child(-n+2) { border-bottom: 0; }
      .type-item:last-child { border-bottom: 1px solid rgba(18, 63, 77, .2); }
      .buyer-grid { gap: 36px; }
      .buyer-media { height: 370px; border-radius: 28px 8px 28px 8px; }
      .free-note { padding-block: 54px; }
      .form-section { padding-block: 58px 68px; }
      .form-shell { padding: 24px 17px; border-radius: 22px; }
      .form-intent-grid { grid-template-columns: 1fr; }
      .form-category-grid { grid-template-columns: 1fr 1fr; }
      .field-grid { grid-template-columns: 1fr; }
      .field--wide { grid-column: auto; }
      .details-inner { padding-inline: 14px; }
      .submit-row .btn { min-width: 0; }
      .stats { grid-template-columns: 1fr; }
      .stat { padding: 17px 0; }
      .stat + .stat { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
      .awz-card { grid-template-columns: 105px 1fr; padding: 18px; gap: 17px; }
      .awz-logo { width: 105px; max-height: 70px; }
      .contact-section { padding-block: 58px; }
      .contact-card { padding: 23px 20px; }
      .footer-main { align-items: flex-start; flex-direction: column; }
      .footer-links { justify-content: flex-start; }
      .footer-bottom { flex-direction: column; gap: 12px; }
    }

    @media (max-width: 390px) {
      :root { --container: calc(100% - 22px); }
      .brand-name { font-size: 19px; }
      .menu-toggle { width: 44px; }
      .hero-grid { padding-top: 38px; }
      h1 { font-size: 35px; }
      .hero-media { height: 300px; }
      .intent-panel { padding-inline: 14px; }
      .form-category-grid { grid-template-columns: 1fr; }
      .image-mosaic { grid-template-rows: 195px 145px; }
      .seller-media, .buyer-media { height: 335px; }
      .awz-card { grid-template-columns: 92px 1fr; }
      .contact-name { font-size: 24px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
      .reveal { opacity: 1; transform: none; }
    }
  

    /* Verfeinerung nach der AWZ-Masterrichtlinie: kompakter, ruhiger und stärker eigentümerorientiert. */
    :root {
      --shadow-soft: 0 18px 46px rgba(38, 50, 54, .085);
    }
    .hero-grid {
      min-height: 555px;
      padding-block: 58px 64px;
      grid-template-columns: minmax(0, .98fr) minmax(440px, 1.02fr);
      gap: clamp(42px, 5.2vw, 72px);
    }
    h1 {
      font-size: clamp(42px, 4.25vw, 58px);
      line-height: 1.045;
    }
    h2 { font-size: clamp(32px, 3vw, 45px); }
    .hero .lead { max-width: 625px; }
    .hero-media {
      height: min(465px, 40vw);
      min-height: 390px;
    }
    .intent-section { padding-bottom: 70px; }
    .intent-panel {
      padding: 31px;
      box-shadow: 0 18px 48px rgba(34, 45, 49, .075);
    }
    .intent-label { min-height: 124px; }
    .positioning { padding-block: 70px; }
    .positioning-grid { gap: 68px; }
    .section { padding-block: 82px; }
    .seller-media { height: 520px; }
    .image-mosaic { grid-template-rows: 245px 200px; }
    .type-item { min-height: 128px; }
    .buyer-media { height: 500px; }
    .free-note { padding-block: 58px; }
    .form-section { padding-block: 76px 86px; }
    .form-shell { box-shadow: 0 20px 58px rgba(37, 52, 58, .07); }
    .awz-section { padding-block: 78px; }
    .contact-section { padding-block: 64px; }
    .contact-grid {
      grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
      gap: 68px;
    }
    .contact-section h2 { max-width: 690px; }
    .contact-card { padding: 27px 30px; }
    .contact-line {
      display: grid;
      grid-template-columns: 72px minmax(0, 1fr);
      gap: 14px;
      align-items: baseline;
      padding-top: 10px;
      border-top: 1px solid rgba(255,255,255,.12);
    }
    .contact-line + .contact-line { margin-top: 10px; }
    .contact-line span {
      color: #afc1c4;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .contact-card .contact-line a {
      margin-top: 0;
      overflow-wrap: anywhere;
    }

    @media (max-width: 1080px) {
      .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(395px, .96fr); }
      .hero-media { min-height: 370px; }
      .seller-media { height: 490px; }
      .buyer-media { height: 465px; }
    }

    @media (max-width: 900px) {
      .hero-grid { grid-template-columns: 1fr; padding-block: 44px 54px; gap: 34px; }
      .hero-media { width: 100%; height: 390px; min-height: 0; }
      .seller-media { height: 430px; }
      .buyer-media { height: 410px; }
      .contact-grid { grid-template-columns: 1fr; gap: 32px; }
    }

    @media (max-width: 680px) {
      .hero-grid { padding-block: 38px 48px; }
      h1 { font-size: clamp(34px, 10.2vw, 40px); }
      h2 { font-size: clamp(29px, 8.4vw, 36px); }
      .hero-media { height: clamp(270px, 82vw, 335px); }
      .intent-section { padding-bottom: 48px; }
      .intent-panel { padding: 23px 17px 19px; }
      .intent-label { min-height: 112px; }
      .intent-label strong { font-size: 20px; }
      .section, .awz-section { padding-block: 60px; }
      .positioning { padding-block: 56px; }
      .seller-media, .buyer-media { height: 325px; }
      .image-mosaic { grid-template-rows: 190px 145px; }
      .free-note { padding-block: 48px; }
      .form-section { padding-block: 52px 60px; }
      .contact-section { padding-block: 52px; }
      .contact-card { padding: 22px 19px; }
    }

    @media (max-width: 390px) {
      .hero-media { height: 285px; }
      .seller-media, .buyer-media { height: 305px; }
      .form-category-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
      .category-label { padding-inline: 5px; font-size: 12.5px; line-height: 1.25; }
      .contact-line { grid-template-columns: 1fr; gap: 2px; }
    }

  

    /* Endkorrektur 09.08.2026: Kontakt einmalig im AWZ-Bereich, ohne Personenfoto. */
    .awz-contact-card {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      min-width: 0;
      padding: clamp(30px, 3.6vw, 42px);
      overflow: hidden;
      border: 1px solid rgba(18, 63, 77, .14);
      border-radius: 25px;
      background: linear-gradient(145deg, #faf5ec 0%, #f1e7d8 100%);
      box-shadow: 0 18px 48px rgba(28, 48, 54, .065);
    }
    .awz-contact-card::after {
      content: "";
      position: absolute;
      right: -78px;
      bottom: -108px;
      width: 240px;
      height: 240px;
      border: 1px solid rgba(181, 91, 65, .17);
      border-radius: 50%;
      pointer-events: none;
    }
    .awz-contact-card .awz-logo {
      position: relative;
      z-index: 1;
      width: 128px;
      max-height: 72px;
      margin: 0 0 26px;
      object-fit: contain;
      object-position: left center;
    }
    .awz-contact-card .contact-kicker {
      position: relative;
      z-index: 1;
      display: block;
      margin: 0 0 8px;
      color: var(--terracotta-dark);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .awz-contact-card h3 {
      position: relative;
      z-index: 1;
      max-width: 430px;
      margin: 0 0 9px;
      color: var(--petrol-deep);
      font-family: var(--serif);
      font-size: clamp(28px, 2.55vw, 36px);
      font-weight: 600;
      letter-spacing: -.025em;
      line-height: 1.1;
    }
    .awz-contact-card .contact-intro {
      position: relative;
      z-index: 1;
      max-width: 430px;
      margin: 0 0 25px;
      color: #53666b;
      font-size: 16px;
      line-height: 1.58;
    }
    .awz-contact-card .contact-details {
      position: relative;
      z-index: 1;
      width: 100%;
      margin-top: auto;
    }
    .awz-contact-card .contact-line {
      display: grid;
      grid-template-columns: 72px minmax(0, 1fr);
      gap: 14px;
      align-items: baseline;
      padding-top: 13px;
      border-top: 1px solid rgba(18, 63, 77, .13);
    }
    .awz-contact-card .contact-line + .contact-line { margin-top: 12px; }
    .awz-contact-card .contact-line span {
      color: #77868b;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .07em;
      text-transform: uppercase;
    }
    .awz-contact-card .contact-line a {
      min-width: 0;
      color: var(--petrol-deep);
      font-weight: 750;
      overflow-wrap: anywhere;
      text-decoration-color: rgba(18, 63, 77, .3);
      text-underline-offset: 4px;
    }
    .awz-contact-card .contact-line a:hover { color: var(--terracotta-dark); }

    /* Neu gegliederter, kompakter Footer. */
    .site-footer {
      color: #d8e1e2;
      background: #071f2a;
      border-top: 0;
    }
    .footer-accent { height: 4px; background: var(--terracotta); }
    .footer-main.footer-main--refined {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(430px, auto);
      align-items: end;
      gap: clamp(52px, 7vw, 104px);
      min-height: 0;
      padding-block: 48px 33px;
      border-bottom: 1px solid rgba(255,255,255,.11);
    }
    .footer-main--refined .footer-brand {
      color: #fff;
      font-family: var(--serif);
      font-size: clamp(29px, 2.7vw, 36px);
      line-height: 1.08;
    }
    .footer-main--refined .footer-position {
      max-width: 560px;
      margin: 11px 0 0;
      color: #d0dcde;
      font-size: 14.5px;
      line-height: 1.55;
    }
    .footer-main--refined .footer-operator {
      margin: 7px 0 0;
      color: #8fa3a7;
      font-size: 12.5px;
      line-height: 1.5;
    }
    .footer-main--refined .footer-legal {
      justify-self: end;
      width: 100%;
      max-width: 590px;
    }
    .footer-main--refined .footer-label {
      display: block;
      margin-bottom: 15px;
      color: #8ea2a6;
      font-size: 10px;
      font-weight: 850;
      letter-spacing: .13em;
      text-transform: uppercase;
    }
    .footer-main--refined .footer-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 12px 26px;
    }
    .footer-main--refined .footer-links button {
      width: auto;
      padding: 0 0 4px;
      border: 0;
      border-bottom: 1px solid rgba(220,229,230,.25);
      color: #dce5e6;
      background: none;
      cursor: pointer;
      font-size: 13px;
      line-height: 1.45;
      text-align: left;
      text-decoration: none;
    }
    .footer-main--refined .footer-links button:hover,
    .footer-main--refined .footer-links button:focus-visible {
      color: #fff;
      border-bottom-color: var(--terracotta);
      outline: none;
    }
    .footer-image-note {
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      gap: 28px;
      align-items: start;
      padding-block: 21px;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .footer-image-note > span {
      color: #a2b3b6;
      font-size: 10.5px;
      font-weight: 850;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .footer-image-note p {
      max-width: 880px;
      margin: 0;
      color: #92a5a9;
      font-size: 12px;
      line-height: 1.6;
    }
    .site-footer .footer-bottom.footer-bottom--refined {
      display: flex;
      justify-content: space-between;
      gap: 35px;
      padding-block: 17px 23px;
      color: #748b90;
      font-size: 11.5px;
      line-height: 1.55;
    }

    @media (max-width: 900px) {
      .footer-main.footer-main--refined { grid-template-columns: 1fr; gap: 34px; }
      .footer-main--refined .footer-legal { justify-self: start; max-width: none; }
      .footer-main--refined .footer-links { justify-content: flex-start; }
    }
    @media (max-width: 680px) {
      .awz-contact-card { padding: 27px 21px; }
      .awz-contact-card .contact-line { grid-template-columns: 66px minmax(0, 1fr); }
      .footer-main.footer-main--refined { padding-block: 39px 28px; }
      .footer-main--refined .footer-links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 13px 24px;
      }
      .footer-image-note { grid-template-columns: 1fr; gap: 8px; padding-block: 20px; }
      .site-footer .footer-bottom.footer-bottom--refined { flex-direction: column; gap: 7px; }
    }
    @media (max-width: 390px) {
      .awz-contact-card .contact-line { grid-template-columns: 1fr; gap: 3px; }
      .footer-main--refined .footer-links { grid-template-columns: 1fr; }
    }


    /* Verbindliche Endkorrektur: ein Ansprechpartner, kein Personenfoto, klarer Footer. */
    .awz-contact-card .contact-person {
      position: relative;
      z-index: 1;
      max-width: 430px;
      margin: 0 0 25px;
      color: var(--petrol-deep);
      font-size: 17px;
      line-height: 1.45;
    }

    .site-footer {
      color: #dce5e6;
      background: #071f2a;
    }
    .footer-accent { height: 4px; background: var(--terracotta); }
    .footer-shell { padding-block: 46px 22px; }
    .footer-topline {
      display: grid;
      grid-template-columns: minmax(250px, .8fr) minmax(0, 1.6fr);
      gap: clamp(40px, 7vw, 100px);
      align-items: end;
      padding-bottom: 30px;
      border-bottom: 1px solid rgba(255,255,255,.13);
    }
    .footer-brand {
      color: #fff;
      font-family: var(--serif);
      font-size: clamp(30px, 3vw, 38px);
      line-height: 1.05;
    }
    .footer-position {
      margin: 8px 0 0;
      color: #9fb0b4;
      font-size: 13px;
      letter-spacing: .02em;
    }
    .site-footer .footer-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 12px 26px;
    }
    .site-footer .footer-links button {
      width: auto;
      padding: 0 0 4px;
      border: 0;
      border-bottom: 1px solid rgba(220,229,230,.24);
      color: #dce5e6;
      background: none;
      cursor: pointer;
      font: inherit;
      font-size: 13px;
      line-height: 1.45;
      text-align: left;
    }
    .site-footer .footer-links button:hover,
    .site-footer .footer-links button:focus-visible {
      color: #fff;
      border-bottom-color: var(--terracotta);
      outline: none;
    }
    .footer-information {
      display: grid;
      grid-template-columns: minmax(230px, .8fr) minmax(0, 1.6fr);
      gap: clamp(40px, 7vw, 100px);
      padding-block: 22px;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .footer-information p { margin: 0; }
    .footer-operator {
      color: #c8d4d6;
      font-size: 12.5px;
      line-height: 1.55;
    }
    .footer-image-copy {
      color: #8fa3a7;
      font-size: 12px;
      line-height: 1.6;
    }
    .footer-copyright {
      display: flex;
      justify-content: space-between;
      gap: 28px;
      padding-top: 18px;
      color: #6f878c;
      font-size: 11.5px;
      line-height: 1.5;
    }
    @media (max-width: 820px) {
      .footer-topline,
      .footer-information { grid-template-columns: 1fr; gap: 24px; }
      .site-footer .footer-links { justify-content: flex-start; }
    }
    @media (max-width: 560px) {
      .footer-shell { padding-block: 38px 20px; }
      .site-footer .footer-links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 13px 22px;
      }
      .footer-copyright { flex-direction: column; gap: 5px; }
    }
    @media (max-width: 380px) {
      .site-footer .footer-links { grid-template-columns: 1fr; }
    }



    /* Verbindliche Endkorrektur: ein Ansprechpartner, kein Personenfoto, klarer Footer. */
    .awz-contact-card .contact-person {
      position: relative;
      z-index: 1;
      margin: 3px 0 25px;
      color: var(--petrol-deep);
      font-size: 17px;
      line-height: 1.45;
    }
    .awz-contact-card .contact-person strong { font-weight: 800; }
    .awz-contact-card .contact-details { margin-top: 0; }

    .site-footer {
      position: relative;
      color: #dce5e6;
      background: #071f2a;
    }
    .site-footer .footer-accent {
      height: 3px;
      background: linear-gradient(90deg, var(--terracotta) 0 22%, #d8b482 22% 44%, transparent 44% 100%);
    }
    .footer-top-final {
      display: grid;
      grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr);
      gap: clamp(48px, 7vw, 100px);
      align-items: end;
      padding-block: 46px 38px;
    }
    .footer-identity-final .footer-brand {
      color: #fff;
      font-family: var(--serif);
      font-size: clamp(30px, 2.7vw, 37px);
      line-height: 1.06;
    }
    .footer-identity-final p {
      max-width: 560px;
      margin: 12px 0 0;
      color: #d2dddf;
      font-size: 14.5px;
      line-height: 1.55;
    }
    .footer-identity-final span {
      display: block;
      margin-top: 8px;
      color: #8ea2a6;
      font-size: 12.5px;
      line-height: 1.5;
    }
    .footer-links-final {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 13px 28px;
      padding-bottom: 3px;
    }
    .footer-links-final button {
      width: auto;
      padding: 0 0 5px;
      border: 0;
      border-bottom: 1px solid rgba(221,230,231,.24);
      color: #e0e8e9;
      background: transparent;
      cursor: pointer;
      font: inherit;
      font-size: 13px;
      line-height: 1.45;
      text-align: left;
    }
    .footer-links-final button:hover,
    .footer-links-final button:focus-visible {
      color: #fff;
      border-bottom-color: var(--terracotta);
      outline: none;
    }
    .footer-meta-final {
      border-top: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.018);
    }
    .footer-meta-inner-final {
      display: flex;
      justify-content: space-between;
      gap: 42px;
      align-items: center;
      padding-block: 20px 23px;
    }
    .footer-meta-inner-final p {
      max-width: 890px;
      margin: 0;
      color: #91a5a9;
      font-size: 11.8px;
      line-height: 1.6;
    }
    .footer-meta-inner-final span {
      flex: 0 0 auto;
      color: #71898e;
      font-size: 11.5px;
      white-space: nowrap;
    }
    @media (max-width: 900px) {
      .footer-top-final { grid-template-columns: 1fr; gap: 31px; padding-block: 40px 30px; }
      .footer-links-final { justify-content: flex-start; }
      .footer-meta-inner-final { align-items: flex-start; flex-direction: column; gap: 10px; }
    }
    @media (max-width: 560px) {
      .awz-contact-card h3 { font-size: 28px; }
      .footer-links-final { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 22px; }
      .footer-meta-inner-final span { white-space: normal; }
    }
    @media (max-width: 360px) {
      .footer-links-final { grid-template-columns: 1fr; }
    }


    /* Bildkorrektur 09.08.2026: erstes Hero-Bild unverändert, alle weiteren Motive neu. */
    .seller-media img { object-position: 50% 48%; }
    .image-mosaic .symbol-image:first-child img { object-position: center 50%; }
    .image-mosaic .symbol-image:nth-child(2) img { object-position: 49% 52%; }
    .image-mosaic .symbol-image:nth-child(3) img { object-position: 52% 50%; }
    .buyer-media img { object-position: 50% 50%; }
    @media (max-width: 680px) {
      .seller-media img { object-position: 50% 49%; }
      .image-mosaic .symbol-image:nth-child(2) img { object-position: 50% 52%; }
      .image-mosaic .symbol-image:nth-child(3) img { object-position: 54% 50%; }
      .buyer-media img { object-position: 52% 50%; }
    }


.image-mosaic .symbol-image:nth-child(2) img,
.image-mosaic .symbol-image:nth-child(3) img { object-position: center center !important; }


  html.i18n-pending body { visibility: hidden; }
  .nav-row { justify-content: flex-start; }
  .main-nav { margin-left: auto; }
  .header-actions {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
  }
  .language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    color: #829096;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
  }
  .language-switcher button {
    min-width: 27px;
    padding: 7px 2px 6px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #6c7b81;
    font: inherit;
    line-height: 1;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease;
  }
  .language-switcher button:hover,
  .language-switcher button:focus-visible {
    color: var(--terracotta-dark);
    outline: none;
  }
  .language-switcher button[aria-pressed="true"] {
    border-bottom-color: var(--terracotta);
    color: var(--petrol-deep);
  }
  @media (max-width: 1080px) {
    .nav-row { gap: 18px; }
    .header-actions { gap: 8px; }
    .language-switcher { gap: 2px; font-size: 10.5px; }
    .language-switcher button { min-width: 24px; }
  }
  @media (max-width: 900px) {
    .main-nav { margin-left: 0; }
    .header-actions { margin-left: auto; }
  }
  @media (max-width: 390px) {
    .nav-row { gap: 7px; }
    .header-actions { gap: 6px; }
    .language-switcher { gap: 0; font-size: 10px; letter-spacing: .045em; }
    .language-switcher button { min-width: 22px; padding-inline: 1px; }
  }
  @media (max-width: 345px) {
    .brand-mark { display: none; }
    .brand { gap: 0; }
  }

html.i18n-pending body { visibility: visible !important; }