/* Ömer Kaya Landingpage, IONOS Export. Alle Pfade sind relativ. */

/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-01.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-02.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-03.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-04.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-05.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-06.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/font-07.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-01.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-02.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-03.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-04.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-05.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-06.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-07.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-01.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-02.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-03.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-04.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-05.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-06.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-07.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-01.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-02.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-03.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-04.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-05.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-06.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-07.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-08.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-09.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-10.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/font-11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-08.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-09.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-10.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/font-11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-08.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-09.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-10.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/font-11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Seitendesign */
/*
        Designphilosophie: Quiet Luxury Editorial Minimalism.
        Diese Datei folgt einem reduzierten Premium-System: fast schwarzer Grund,
        cremeweiße Typografie, Gold nur als präziser Entscheidungsakzent,
        asymmetrische Editorial-Komposition, ruhige Abstände, keine Icons,
        keine Stockfotos, keine dekorative Navigation.
      */
      

      :root {
        --black: #0d0d0d;
        --black-soft: #111111;
        --card: #1a1a1a;
        --cream: #f5f0e8;
        --cream-muted: rgba(245, 240, 232, 0.72);
        --cream-soft: rgba(245, 240, 232, 0.54);
        --gold: #c9a96e;
        --gold-soft: rgba(201, 169, 110, 0.22);
        --line: rgba(245, 240, 232, 0.12);
        --line-gold: rgba(201, 169, 110, 0.42);
        --shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
        --max: 1180px;
        --section: clamp(84px, 9vw, 148px);
        --pad: clamp(20px, 4vw, 56px);
        --display: 'Playfair Display', Georgia, serif;
        --body: 'Inter', Arial, sans-serif;
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
        background: var(--black);
      }

      body {
        margin: 0;
        font-family: var(--body);
        color: var(--cream);
        background:
          radial-gradient(circle at 18% 8%, rgba(201, 169, 110, 0.11), transparent 31rem),
          radial-gradient(circle at 90% 24%, rgba(255, 255, 255, 0.045), transparent 22rem),
          linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 7px),
          var(--black);
        -webkit-font-smoothing: antialiased;
        text-rendering: geometricPrecision;
      }

      body::before {
        content: '';
        position: fixed;
        inset: 0;
        pointer-events: none;
        opacity: 0.2;
        z-index: 1;
        background-image:
          linear-gradient(rgba(245, 240, 232, 0.03) 1px, transparent 1px),
          linear-gradient(90deg, rgba(245, 240, 232, 0.025) 1px, transparent 1px);
        background-size: 72px 72px;
        mask-image: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent 72%);
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      img {
        display: block;
        max-width: 100%;
      }

      .site {
        position: relative;
        z-index: 2;
        overflow: hidden;
      }

      .container {
        width: min(calc(100% - var(--pad) - var(--pad)), var(--max));
        margin-inline: auto;
      }

      .header {
        width: min(calc(100% - var(--pad) - var(--pad)), var(--max));
        margin: 0 auto;
        padding: clamp(24px, 3vw, 40px) 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
      }

      .brand-logo {
        width: clamp(76px, 9vw, 122px);
        height: auto;
        object-fit: contain;
      }

      .header-tagline {
        margin: 0;
        color: var(--gold);
        font-size: clamp(0.76rem, 1.2vw, 0.92rem);
        font-weight: 600;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        text-align: right;
      }

      .section {
        padding: var(--section) 0;
      }

      .section.alt {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0)),
          var(--black-soft);
        border-block: 1px solid rgba(245, 240, 232, 0.055);
      }

      .eyebrow {
        margin: 0 0 22px;
        color: var(--gold);
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        text-transform: uppercase;
      }

      h1,
      h2,
      h3 {
        margin: 0;
        font-family: var(--display);
        font-weight: 600;
        color: var(--cream);
        letter-spacing: -0.035em;
      }

      h1 {
        max-width: 860px;
        font-size: clamp(2.75rem, 6.35vw, 5.95rem);
        line-height: 0.96;
      }

      h2 {
        max-width: none;
        font-size: clamp(1.9rem, 3.6vw, 3.45rem);
        line-height: 1.02;
        white-space: nowrap;
        text-wrap: nowrap;
      }

      h3 {
        font-size: clamp(1.38rem, 2vw, 1.92rem);
        line-height: 1.1;
      }

      p {
        margin: 0;
        color: var(--cream-muted);
        font-size: clamp(1rem, 1.45vw, 1.14rem);
        line-height: 1.8;
      }

      .hero {
        min-height: calc(100svh - 116px);
        padding: clamp(34px, 4vw, 62px) 0 clamp(84px, 8vw, 132px);
        display: grid;
        align-items: center;
      }

      .hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.82fr);
        gap: clamp(42px, 7vw, 96px);
        align-items: center;
      }

      .hero-copy {
        position: relative;
      }

      .hero-copy::before {
        content: '';
        position: absolute;
        top: -34px;
        left: 0;
        width: 112px;
        height: 1px;
        background: var(--gold);
      }

      .hero-subline {
        margin-top: 34px;
        max-width: 690px;
        color: var(--gold);
        font-size: clamp(1.08rem, 1.8vw, 1.48rem);
        line-height: 1.55;
        font-weight: 500;
      }

      .cta {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: 56px;
        margin-top: 42px;
        padding: 0 32px;
        border: 1px solid var(--gold);
        border-radius: 999px;
        background: var(--gold);
        color: #12100b;
        font-weight: 700;
        letter-spacing: 0.02em;
        box-shadow: 0 16px 42px rgba(201, 169, 110, 0.18);
        transition: transform 240ms ease, box-shadow 240ms ease, background 240ms ease, border-color 240ms ease, color 240ms ease, filter 240ms ease;
      }

      .cta:hover,
      .cta:focus-visible {
        transform: translateY(-2px);
        background: linear-gradient(135deg, #edd29a 0%, #c9a96e 100%);
        border-color: #edd29a;
        color: #080706;
        filter: brightness(1.06);
        box-shadow: 0 22px 54px rgba(201, 169, 110, 0.3);
        outline: none;
      }

      .hero-media {
        position: relative;
        isolation: isolate;
      }

      .hero-media::before {
        content: '';
        position: absolute;
        inset: -24px -24px 44px 34px;
        border: 1px solid var(--line-gold);
        z-index: -1;
      }

      .hero-media::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 54%, rgba(13, 13, 13, 0.52));
        pointer-events: none;
      }

      .hero-media img {
        width: 100%;
        aspect-ratio: 4 / 5;
        object-fit: cover;
        object-position: 50% 26%;
        filter: saturate(0.92) contrast(1.04);
        box-shadow: var(--shadow);
      }

      .narrow-copy {
        max-width: 790px;
      }

      .narrow-copy h2,
      .work-head h2,
      .investment h2,
      .process h2,
      .about-copy h2,
      .application h2 {
        margin-bottom: clamp(32px, 5vw, 56px);
      }

      .paragraph-stack {
        display: grid;
        gap: 26px;
        max-width: 760px;
      }

      .paragraph-stack p {
        font-size: clamp(1.1rem, 1.7vw, 1.34rem);
        color: var(--cream);
      }

      .positioning-copy {
        max-width: 920px;
      }

      .positioning-copy h2 {
        margin-bottom: clamp(30px, 5vw, 54px);
      }

      .positioning-copy p {
        max-width: 860px;
        color: var(--cream);
        font-size: clamp(1.18rem, 1.9vw, 1.55rem);
        line-height: 1.78;
        margin-bottom: clamp(32px, 4vw, 48px);
      }

      .positioning-copy p:last-child {
        margin-bottom: 0;
      }

      .closing-cta {
        text-align: center;
        background: var(--black);
      }

      .closing-cta .container {
        display: grid;
        justify-items: center;
      }

      .closing-cta h2 {
        margin-bottom: 24px;
      }

      .closing-cta p {
        color: var(--gold);
        font-size: clamp(1.05rem, 1.6vw, 1.34rem);
        font-weight: 500;
      }

      .not-list {
        display: grid;
        gap: 18px;
        max-width: 900px;
        margin-top: clamp(34px, 5vw, 58px);
      }

      .not-item {
        position: relative;
        padding-left: 36px;
        color: var(--cream);
        font-size: clamp(1.05rem, 1.6vw, 1.32rem);
        line-height: 1.65;
      }

      .not-item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.8em;
        width: 18px;
        height: 2px;
        background: var(--gold);
      }


      .about-grid {
        display: grid;
        grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1fr);
        gap: clamp(42px, 8vw, 104px);
        align-items: center;
      }

      .about-image {
        position: relative;
      }

      .about-image::before {
        content: '';
        position: absolute;
        inset: 26px -26px -26px 26px;
        border: 1px solid var(--line-gold);
        z-index: -1;
      }

      .about-image img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center;
        border-radius: 18px;
        box-shadow: var(--shadow);
        filter: saturate(0.88) contrast(1.05);
      }

      .gold-subheadline {
        margin: -34px 0 36px;
        color: var(--gold);
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .about-text {
        display: grid;
        gap: 18px;
        max-width: 680px;
      }


      .footer {
        padding: 34px var(--pad) 44px;
        border-top: 1px solid rgba(245, 240, 232, 0.075);
        color: var(--cream-soft);
        text-align: center;
        font-size: 0.9rem;
      }

      .fade-in {
        animation: fadeRise 700ms ease both;
      }

      @keyframes fadeRise {
        from {
          opacity: 0;
          transform: translateY(18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          scroll-behavior: auto !important;
          animation-duration: 0.001ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.001ms !important;
        }
      }

      @media (max-width: 980px) {
        .hero-grid,
        .about-grid {
          grid-template-columns: 1fr;
        }

        .hero {
          min-height: auto;
        }

        .hero-grid {
          align-items: start;
        }

        .hero-media {
          width: min(100%, 520px);
          justify-self: center;
        }
      }

      @media (max-width: 768px) {
        :root {
          --pad: 20px;
          --section: 82px;
        }

        .header {
          padding: 22px 0 14px;
          align-items: flex-start;
          gap: 18px;
        }

        .brand-logo {
          width: clamp(68px, 22vw, 92px);
        }

        .header-tagline {
          display: none;
        }

        .hero {
          padding: 28px 0 76px;
        }

        .hero-grid {
          gap: 38px;
        }

        .hero h1 {
          max-width: 11.4ch;
          font-size: clamp(2.05rem, 9.4vw, 3.15rem);
          line-height: 1;
          text-wrap: balance;
        }

        h2 {
          font-size: clamp(1.42rem, 5.5vw, 2.28rem);
          letter-spacing: -0.045em;
        }

        .hero-subline {
          margin-top: 24px;
          max-width: 100%;
          font-size: clamp(1.02rem, 4vw, 1.2rem);
          line-height: 1.42;
        }

        .hero .cta {
          width: min(100%, 340px);
          min-height: 58px;
          margin-top: 30px;
        }

        .hero-copy::before {
          top: -22px;
          width: 74px;
        }

        .hero-media {
          width: min(100%, 410px);
        }

        .hero-media img {
          aspect-ratio: 1 / 1.18;
          object-position: 50% 24%;
        }

        .hero-media::before,
        .about-image::before {
          inset: 18px -10px -18px 18px;
        }

        .gold-subheadline {
          margin-top: -22px;
        }
      }

      @media (max-width: 480px) {
        :root {
          --pad: 18px;
        }

        .header {
          padding-top: 18px;
          gap: 14px;
        }

        .brand-logo {
          width: 72px;
        }

        .header-tagline {
          display: none;
        }

        .hero {
          padding: 22px 0 66px;
        }

        .hero-grid {
          gap: 32px;
        }

        .hero h1 {
          max-width: 11.6ch;
          font-size: clamp(1.78rem, 9.2vw, 2.44rem);
          line-height: 1.03;
        }

        h2 {
          font-size: clamp(1.12rem, 5.2vw, 1.62rem);
          letter-spacing: -0.055em;
        }

        .hero-subline {
          margin-top: 20px;
          font-size: 1rem;
        }

        .hero .cta {
          width: 100%;
          margin-top: 26px;
          padding-inline: 24px;
        }

        .hero-copy::before {
          top: -18px;
          width: 62px;
        }

        .hero-media {
          width: min(100%, 360px);
        }

        .hero-media img {
          aspect-ratio: 1 / 1.12;
        }
      }