/* ===== Elementor white-space fix: full-bleed + zero the wrapping section/column padding (full-bleed fix) ===== */
.elementor-widget-ardbrae-ourstory > .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
.elementor-widget-ardbrae-ourstory { margin: 0 !important; padding: 0 !important; }
.elementor-section:has(.elementor-widget-ardbrae-ourstory),
.elementor-column:has(.elementor-widget-ardbrae-ourstory),
.elementor-widget-wrap:has(> .elementor-widget-ardbrae-ourstory),
.e-con:has(.elementor-widget-ardbrae-ourstory),
.e-con-inner:has(.elementor-widget-ardbrae-ourstory) { margin: 0 !important; padding: 0 !important; }
#ardbrae-ourstory { margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow-x: clip; }
/* hostile-theme neutralisers; class-scoped colour blocks & intentional eyebrow spacing outrank these */
#ardbrae-ourstory * { text-transform: none !important; letter-spacing: normal !important; }
#ardbrae-ourstory em, #ardbrae-ourstory strong, #ardbrae-ourstory span, #ardbrae-ourstory i, #ardbrae-ourstory b { color: inherit !important; font-family: inherit !important; }
#ardbrae-ourstory div, #ardbrae-ourstory section { background-color: transparent !important; padding: 0 !important; }

/* ============================================================
     ARDBRAE HOMEPAGE — fully scoped under #ardbrae-ourstory
     Safe to drop inside Elementor: no global selectors, no resets
     outside the wrapper, all values set explicitly inside scope.
     ============================================================ */

  #ardbrae-ourstory {
    /* palette (matches original oklch values) */
    --ab-sage: oklch(0.46 0.05 140);
    --ab-sage-hover: oklch(0.52 0.06 85);
    --ab-charcoal: oklch(0.20 0.006 60);
    --ab-cream: oklch(0.97 0.008 75);
    --ab-cream-dark: oklch(0.93 0.012 75);
    --ab-beige: oklch(0.82 0.010 75);
    --ab-gray-620: oklch(0.62 0.008 65);
    --ab-gray-550: oklch(0.55 0.012 65);
    --ab-gray-558: oklch(0.55 0.008 65);
    --ab-gray-450: oklch(0.45 0.008 65);
    --ab-gray-420: oklch(0.42 0.008 65);
    --ab-gray-350: oklch(0.35 0.008 65);
    --ab-line: oklch(0.85 0.01 80);
    --ab-border: oklch(0.82 0.010 75);
    --ab-font-display: 'Cormorant Garamond', Georgia, serif;
    --ab-font-body: 'Jost', Arial, sans-serif;

    min-height: 100vh;
    background: var(--ab-cream-dark) !important;
    font-family: var(--ab-font-body) !important;
    font-weight: 400 !important;
    color: var(--ab-charcoal) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    -webkit-font-smoothing: antialiased;
    text-align: left !important;
    font-family: var(--ab-font-body) !important;
    color: var(--ab-charcoal) !important;
    line-height: 1.5 !important;
  }
  #ardbrae-ourstory *, #ardbrae-ourstory *::before, #ardbrae-ourstory *::after { box-sizing: border-box !important; }
  #ardbrae-ourstory h1, #ardbrae-ourstory h2, #ardbrae-ourstory h3, #ardbrae-ourstory h4, #ardbrae-ourstory p, #ardbrae-ourstory ul, #ardbrae-ourstory li {
    margin: 0; padding: 0 !important; border: 0; background: none !important;
  }
  #ardbrae-ourstory ul { list-style: none !important; }
  #ardbrae-ourstory li { list-style: none !important; }
  #ardbrae-ourstory a { text-decoration: none !important; color: inherit !important; background: none !important; }
  #ardbrae-ourstory img { display: block; max-width: 100%; border: 0 !important; }
  #ardbrae-ourstory button { font: inherit; background: none !important; border: 0 !important; cursor: pointer; color: inherit !important; padding: 0 !important; }
  #ardbrae-ourstory svg { display: inline-block; vertical-align: middle; border: 0 !important; }

  #ardbrae-ourstory .ab-container { max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
  @media (min-width: 1024px) { #ardbrae-ourstory .ab-container { padding-left: 48px; padding-right: 48px; } }

  #ardbrae-ourstory .ab-font-display { font-family: var(--ab-font-display) !important; }
  #ardbrae-ourstory .ab-font-body { font-family: var(--ab-font-body) !important; }

  /* eyebrow labels */
  #ardbrae-ourstory .ab-eyebrow {
    font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--ab-sage) !important;
  }

  /* scroll reveal */
  #ardbrae-ourstory .ab-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease-out, transform .7s ease-out; }
  #ardbrae-ourstory .ab-reveal.visible { opacity: 1; transform: translateY(0); }

  /* divider line */
  #ardbrae-ourstory .ab-divider-line { background: linear-gradient(90deg, #0000, #495f44, #0000) !important; width: 100%; height: 1px; }

  /* ornamental divider */
  #ardbrae-ourstory .ab-ornament { display: flex; align-items: center; gap: 16px; margin: 24px 0; }
  #ardbrae-ourstory .ab-ornament-line { flex: 1; height: 1px; background: var(--ab-line) !important; }
  #ardbrae-ourstory .ab-ornament-diamond { width: 6px; height: 6px; transform: rotate(45deg); background: var(--ab-sage) !important; }

  /* film grain */
  #ardbrae-ourstory .ab-grain { position: relative; }
  #ardbrae-ourstory .ab-grain::after {
    content: ""; pointer-events: none; z-index: 1; position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E") !important;
  }

  
  /* ============ OUR STORY PAGE ============ */
  #ardbrae-ourstory .ab-bg-cream { background: var(--ab-cream) !important; }
  #ardbrae-ourstory .ab-bg-cream-dark { background: var(--ab-cream-dark) !important; }
  #ardbrae-ourstory .ab-os-section { padding: 80px 0 !important; }
  @media (min-width: 1024px) { #ardbrae-ourstory .ab-os-section { padding: 112px 0 !important; } }

  #ardbrae-ourstory .ab-os-hero { position: relative; height: 70vh; min-height: 480px; overflow: hidden; }
  #ardbrae-ourstory .ab-os-hero > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
  #ardbrae-ourstory .ab-os-hero-gradient {
    position: absolute; inset: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.3), rgb(0 0 0 / 0.6)) !important;
  }
  #ardbrae-ourstory .ab-os-hero-content { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 0 32px 64px !important; z-index: 10; }
  @media (min-width: 1024px) { #ardbrae-ourstory .ab-os-hero-content { padding: 0 64px 64px !important; } }
  #ardbrae-ourstory .ab-os-hero-inner { max-width: 1400px; width: 100%; margin: 0 auto; }
  #ardbrae-ourstory .ab-os-hero-inner .ab-eyebrow { margin-bottom: 12px; }
  #ardbrae-ourstory .ab-os-title {
    font-family: var(--ab-font-display) !important; font-weight: 300 !important;
    font-size: 48px !important; line-height: 1 !important; color: #fff !important;
  }
  @media (min-width: 768px) { #ardbrae-ourstory .ab-os-title { font-size: 72px !important; } }

  #ardbrae-ourstory .ab-os-2col { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: start; }
  @media (min-width: 1024px) { #ardbrae-ourstory .ab-os-2col { grid-template-columns: repeat(2, 1fr); gap: 80px; } }
  #ardbrae-ourstory .ab-os-2col.center { align-items: center; }
  #ardbrae-ourstory .ab-os-2col .ab-eyebrow { margin-bottom: 16px; }
  #ardbrae-ourstory .ab-os-h2 {
    font-family: var(--ab-font-display) !important; font-weight: 400 !important;
    font-size: 36px !important; line-height: 1.25 !important; color: var(--ab-charcoal) !important; margin-bottom: 24px;
  }
  @media (min-width: 768px) { #ardbrae-ourstory .ab-os-h2 { font-size: 48px !important; } }
  #ardbrae-ourstory .ab-os-h2 em { font-style: italic; }
  #ardbrae-ourstory .ab-os-text { font-family: var(--ab-font-body) !important; font-size: 16px !important; line-height: 1.625 !important; color: var(--ab-gray-350) !important; margin-bottom: 20px; }
  #ardbrae-ourstory .ab-os-text.last { margin-bottom: 0; }

  #ardbrae-ourstory .ab-os-photos { display: flex; flex-direction: column; gap: 16px; }
  #ardbrae-ourstory .ab-os-photos .pair { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
  #ardbrae-ourstory .ab-os-photos .shot { overflow: hidden; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
  #ardbrae-ourstory .ab-os-photos .shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
  #ardbrae-ourstory .ab-os-photos .shot.h340 img { max-height: 340px; }
  #ardbrae-ourstory .ab-os-photos .shot.h520 img { max-height: 520px; }
  #ardbrae-ourstory .ab-os-photos .shot.h560 img { max-height: 560px; }
  #ardbrae-ourstory .ab-os-caption {
    font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.05em !important; color: var(--ab-gray-558) !important; text-align: right;
  }
  #ardbrae-ourstory .ab-os-col1 { order: 2; }
  #ardbrae-ourstory .ab-os-col2 { order: 1; }
  @media (min-width: 1024px) {
    #ardbrae-ourstory .ab-os-col1 { order: 1; }
    #ardbrae-ourstory .ab-os-col2 { order: 2; }
  }

  /* quote banner */
  #ardbrae-ourstory .ab-os-quote { position: relative; padding: 80px 0 !important; overflow: hidden; }
  #ardbrae-ourstory .ab-os-quote-bg { position: absolute; inset: 0; }
  #ardbrae-ourstory .ab-os-quote-bg img { width: 100%; height: 100%; object-fit: cover; }
  #ardbrae-ourstory .ab-os-quote-overlay { position: absolute; inset: 0; background: oklch(0.20 0.006 60 / 0.65) !important; }
  #ardbrae-ourstory .ab-os-quote-content {
    position: relative; z-index: 10; max-width: 900px; margin: 0 auto;
    padding: 0 24px !important; text-align: center;
  }
  @media (min-width: 1024px) { #ardbrae-ourstory .ab-os-quote-content { padding: 0 48px !important; } }
  #ardbrae-ourstory .ab-os-quote-eyebrow {
    font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.3em !important; text-transform: uppercase !important; color: oklch(0.70 0.05 85) !important; margin-bottom: 20px;
  }
  #ardbrae-ourstory .ab-os-quote blockquote {
    margin: 0; font-family: var(--ab-font-display) !important; font-weight: 300 !important;
    font-size: 24px !important; line-height: 1.625 !important; color: #fff !important;
  }
  @media (min-width: 768px) { #ardbrae-ourstory .ab-os-quote blockquote { font-size: 30px !important; } }
  #ardbrae-ourstory .ab-os-quote-sub {
    font-family: var(--ab-font-body) !important; font-size: 14px !important; line-height: 20px !important;
    letter-spacing: 0.025em !important; color: rgb(255 255 255 / 0.6) !important; margin-top: 24px;
  }

  /* stats */
  #ardbrae-ourstory .ab-os-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 32px; }
  #ardbrae-ourstory .ab-os-stat { background: var(--ab-cream-dark) !important; padding: 20px !important; }
  #ardbrae-ourstory .ab-os-stat-value { font-family: var(--ab-font-display) !important; font-weight: 400 !important; font-size: 30px !important; line-height: 36px !important; color: var(--ab-sage) !important; margin-bottom: 4px; }
  #ardbrae-ourstory .ab-os-stat-label { font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; color: var(--ab-gray-558) !important; }

  #ardbrae-ourstory .ab-os-map { aspect-ratio: 4 / 3; overflow: hidden; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
  #ardbrae-ourstory .ab-os-map iframe { border: 0; min-height: 360px; width: 100%; height: 100%; display: block; }

  /* final CTA */
  #ardbrae-ourstory .ab-os-cta { position: relative; padding: 96px 0 !important; overflow: hidden; }
  #ardbrae-ourstory .ab-os-cta-bg { position: absolute; inset: 0; }
  #ardbrae-ourstory .ab-os-cta-bg img { width: 100%; height: 100%; object-fit: cover; }
  #ardbrae-ourstory .ab-os-cta-overlay { position: absolute; inset: 0; background: oklch(0.20 0.006 60 / 0.7) !important; }
  #ardbrae-ourstory .ab-os-cta-content { position: relative; z-index: 10; text-align: center; }
  #ardbrae-ourstory .ab-os-cta-content .ab-eyebrow { margin-bottom: 16px; }
  #ardbrae-ourstory .ab-os-cta-title { font-family: var(--ab-font-display) !important; font-weight: 300 !important; font-size: 36px !important; line-height: 40px !important; color: #fff !important; margin-bottom: 24px; }
  @media (min-width: 768px) { #ardbrae-ourstory .ab-os-cta-title { font-size: 48px !important; line-height: 1 !important; } }
  #ardbrae-ourstory .ab-os-cta-sub { font-family: var(--ab-font-body) !important; font-size: 16px !important; line-height: 24px !important; color: rgb(255 255 255 / 0.75) !important; max-width: 512px; margin: 0 auto 32px; }
  #ardbrae-ourstory .ab-os-cta-btn {
    display: inline-block; font-family: var(--ab-font-body) !important; font-size: 14px !important; line-height: 20px !important;
    letter-spacing: 0.15em !important; text-transform: uppercase !important; padding: 16px 40px !important;
    background: var(--ab-sage) !important; color: #fff !important; transition: all .3s;
  }
  #ardbrae-ourstory .ab-os-cta-btn:hover { background: var(--ab-sage-hover) !important; }