.elementor-1355 .elementor-element.elementor-element-d375dca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --gold: #C9A84C;
      --gold-light: #E2C07A;
      --bg: #1a1008;
      --bg-2: #1f1409;
      --bg-3: #231609;
      --bg-4: #281a0b;
      --white: #F5EDE0;
      --white-dim: rgba(245,237,224,0.65);
      --white-faint: rgba(245,237,224,0.35);
      --border: rgba(180,140,60,0.25);
      --border-strong: rgba(180,140,60,0.45);
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Inter', sans-serif;
      background-color: var(--bg);
      color: var(--white);
      line-height: 1.7;
      font-size: 17px;
    }

    img { display: block; max-width: 100%; }
    a { color: inherit; text-decoration: none; }

    .crown-svg { display: block; margin: 0 auto 28px; opacity: 0.7; }

    /* ── EXCLUSIVE BANNER ── */
    .exclusive-banner {
      background: rgba(201,168,76,0.07);
      border-bottom: 1px solid var(--border);
      border-top: 1px solid var(--border);
      padding: 18px 24px;
      text-align: center;
    }

    .exclusive-banner__inner {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .exclusive-tag {
      font-family: 'Inter', sans-serif;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--bg);
      background: var(--gold);
      padding: 5px 14px;
    }

    .exclusive-banner p {
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      font-weight: 400;
      color: var(--white-dim);
      letter-spacing: 0.03em;
    }

    .exclusive-banner p strong {
      color: var(--gold);
      font-weight: 500;
    }

    /* ── HERO ── */
    .hero {
      background: var(--bg-2);
      padding: 80px 24px 80px;
      text-align: center;
      border-bottom: 1px solid var(--border);
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: '';
      position: absolute; inset: 0;
      background:
        radial-gradient(ellipse 70% 50% at 70% 20%, rgba(180,130,50,0.14) 0%, transparent 65%),
        radial-gradient(ellipse 50% 70% at 20% 80%, rgba(120,80,20,0.08) 0%, transparent 60%);
      pointer-events: none;
    }

    .hero__logo {
      font-family: 'Inter', sans-serif;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 36px;
      opacity: 0.85;
    }

    .hero h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(30px, 5vw, 52px);
      font-weight: 700;
      line-height: 1.3;
      color: var(--white);
      max-width: 700px;
      margin: 0 auto 32px;
    }

    .hero h1 em { font-style: italic; color: var(--gold); }

    .gold-line {
      width: 56px; height: 1.5px;
      background: var(--gold);
      margin: 0 auto 36px; opacity: 0.6;
    }

    .hero__sub {
      font-size: clamp(16px, 2.2vw, 19px);
      color: var(--white-dim);
      max-width: 540px;
      margin: 0 auto 44px;
      line-height: 1.7;
      font-weight: 300;
    }

    .btn {
      display: inline-block;
      background: var(--gold);
      color: var(--bg);
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 18px 44px;
      border-radius: 0;
      transition: background 0.2s, transform 0.15s;
      cursor: pointer;
      border: none;
    }

    .btn:hover { background: var(--gold-light); transform: translateY(-2px); }

    .hero__note {
      margin-top: 16px;
      font-size: 12px;
      color: var(--white-faint);
      letter-spacing: 0.05em;
    }

    /* ── BODY SECTION ── */
    .body-section {
      max-width: 680px;
      margin: 0 auto;
      padding: 80px 24px;
    }

    .body-section h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(24px, 3.5vw, 36px);
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 32px;
      color: var(--white);
    }

    .body-section h2 em { font-style: italic; color: var(--gold); }

    .body-section p {
      font-size: 17px;
      color: var(--white-dim);
      line-height: 1.85;
      margin-bottom: 20px;
      font-weight: 300;
    }

    .body-section p:last-child { margin-bottom: 0; }

    .body-section p strong {
      color: var(--white);
      font-weight: 500;
    }

    .highlight-block {
      border-left: 2px solid var(--gold);
      padding: 24px 28px;
      margin: 44px 0;
      background: rgba(255,255,255,0.02);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      border-right: 1px solid var(--border);
      position: relative;
    }

    .highlight-block::before {
      content: '"';
      font-family: 'Playfair Display', serif;
      font-size: 72px;
      line-height: 0.5;
      color: var(--gold);
      opacity: 0.25;
      position: absolute;
      top: 20px; left: 24px;
    }

    .highlight-block p {
      font-size: 18px;
      font-style: italic;
      color: var(--white);
      margin: 0;
      line-height: 1.75;
      font-weight: 300;
      padding-left: 20px;
    }

    /* ── DIVIDER ── */
    .divider {
      width: 56px; height: 1.5px;
      background: var(--gold);
      margin: 0 auto 80px;
      opacity: 0.5;
    }

    /* ── ABOUT ── */
    .about-section {
      background: var(--bg-3);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 80px 24px;
    }

    .about-inner {
      max-width: 680px;
      margin: 0 auto;
      display: flex;
      gap: 44px;
      align-items: flex-start;
    }

    .about-photo {
      width: 160px;
      min-width: 160px;
      border: 1px solid var(--border-strong);
      overflow: hidden;
      background: var(--bg-4);
      aspect-ratio: 2/3;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--white-faint);
      font-size: 12px;
      text-align: center;
      letter-spacing: 0.06em;
    }

    .about-photo img { width: 100%; height: 100%; object-fit: cover; }

    .about-content .eyebrow {
      font-family: 'Inter', sans-serif;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 12px;
      opacity: 0.85;
    }

    .about-content h2 {
      font-family: 'Playfair Display', serif;
      font-size: 28px;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 24px;
      line-height: 1.25;
    }

    .about-content p {
      font-size: 16px;
      color: var(--white-dim);
      line-height: 1.8;
      margin-bottom: 16px;
      font-weight: 300;
    }

    .about-content p:last-child { margin-bottom: 0; }

    /* ── CTA SECTION ── */
    .cta-section {
      max-width: 680px;
      margin: 0 auto;
      padding: 96px 24px;
      text-align: center;
      position: relative;
    }

    .cta-section h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(26px, 3.5vw, 40px);
      font-weight: 700;
      line-height: 1.3;
      margin-bottom: 24px;
      color: var(--white);
    }

    .cta-section h2 em { font-style: italic; color: var(--gold); }

    .cta-section p {
      font-size: 17px;
      color: var(--white-dim);
      line-height: 1.75;
      margin-bottom: 44px;
      font-weight: 300;
    }

    .cta-section .note {
      margin-top: 16px;
      font-size: 12px;
      color: var(--white-faint);
      letter-spacing: 0.05em;
    }

    /* ── FOOTER ── */
    footer {
      border-top: 1px solid var(--border);
      padding: 32px 24px;
      text-align: center;
      font-size: 12px;
      color: var(--white-faint);
      letter-spacing: 0.05em;
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 580px) {
      .about-inner { flex-direction: column; }
      .about-photo { width: 100%; min-width: unset; aspect-ratio: 4/3; }
      .hero { padding: 56px 24px; }
      .body-section { padding: 56px 24px; }
    }/* End custom CSS */