.elementor-145 .elementor-element.elementor-element-a35409d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-145 .elementor-element.elementor-element-ac7e3da{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-4px -4px -4px -4px;}.elementor-145 .elementor-element.elementor-element-d117f9e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-a35409d *//* ==============================================
   PELEGE MARCELLIN — GALLERY HERO
   COMPLETE CSS — VERSION 1.1
   Elementor Free

   FIXES:
   - Matches the corrected website page width
   - Removes the right-side white strip
   - Extends the hero image to the viewport edge
   - Prevents horizontal overflow
   - Preserves the existing mobile layout
============================================== */

/* ==============================================
   GLOBAL OVERFLOW CONTROL
============================================== */

html,
body {
  overflow-x: clip;
}

/* ==============================================
   PAGE FOUNDATION
============================================== */

.pelege-gallery {
  position: relative;

  /*
   * Break outside Elementor and theme container padding.
   */
  width: 100vw;
  max-width: 100vw;
  min-width: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;

  overflow: clip;
  background: #fffdf7;
  font-family: Arial, sans-serif;
}

.pelege-gallery,
.pelege-gallery *,
.pelege-gallery *::before,
.pelege-gallery *::after {
  box-sizing: border-box;
}

/* ==============================================
   HERO
============================================== */

.pelege-gallery .gallery-hero {
  position: relative;
  isolation: isolate;

  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 540px;
  margin: 0;
  padding: 0;

  overflow: hidden;
  background: #fffdf7;
  border-bottom: 3px solid #cba747;
}

/* ==============================================
   RIGHT-SIDE PORTRAIT
============================================== */

.pelege-gallery .gallery-hero::before {
  content: "";
  position: absolute;

  /*
   * Extend beyond the right edge to prevent
   * a Chrome subpixel rendering gap.
   */
  top: 0;
  right: -2px;
  bottom: 0;
  left: 0;

  z-index: 0;

  background-image: url(
    "https://pelegemarcellin.com/wp-content/uploads/2026/10/719383e4-2719-4c4c-8a76-171a45a5178b.png"
  );
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
  pointer-events: none;
}

/* ==============================================
   IVORY FADE
============================================== */

.pelege-gallery .gallery-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    #fffdf7 0%,
    #fffdf7 34%,
    rgba(255, 253, 247, 0.94) 40%,
    rgba(255, 253, 247, 0.40) 49%,
    transparent 57%
  );
}

/* ==============================================
   CONTENT WRAPPER
============================================== */

.pelege-gallery .gallery-hero-inner {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;

  width: 100%;
  max-width: 1320px;
  min-width: 0;
  min-height: 540px;
  margin: 0 auto;
  padding: 60px 5%;
}

/* ==============================================
   LEFT COPY
============================================== */

.pelege-gallery .gallery-hero-copy {
  width: 49%;
  min-width: 0;
}

/* ==============================================
   GOLD LABEL
============================================== */

.pelege-gallery .gallery-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;

  color: #936b13;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.pelege-gallery .gallery-eyebrow::before {
  content: "";
  display: block;
  flex: 0 0 36px;
  height: 1px;
  background: #d4af37;
}

/* ==============================================
   HEADING
============================================== */

.pelege-gallery .gallery-hero h1 {
  margin: 24px 0;
  padding: 0;

  color: #1741b5;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 4.7vw, 68px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -1.7px;
  text-transform: none;
}

/* ==============================================
   DESCRIPTION
============================================== */

.pelege-gallery .gallery-hero p {
  max-width: 650px;
  margin: 0;

  color: #425477;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 1.65;
}

/* ==============================================
   TABLET AND MOBILE
============================================== */

@media (max-width: 850px) {
  .pelege-gallery .gallery-hero {
    min-height: 0;
  }

  .pelege-gallery .gallery-hero::before {
    right: 0;
    background-size: auto 350px;
    background-position: top center;
  }

  .pelege-gallery .gallery-hero::after {
    background: linear-gradient(
      180deg,
      transparent 0,
      transparent 270px,
      #fffdf7 350px,
      #fffdf7 100%
    );
  }

  .pelege-gallery .gallery-hero-inner {
    min-height: 0;
    padding: 365px 5% 45px;
  }

  .pelege-gallery .gallery-hero-copy {
    width: 100%;
    max-width: 650px;
  }

  .pelege-gallery .gallery-hero h1 {
    font-size: clamp(42px, 6vw, 58px);
  }

  .pelege-gallery .gallery-hero p {
    font-size: 17px;
  }
}

/* ==============================================
   SMALL PHONES
============================================== */

@media (max-width: 450px) {
  .pelege-gallery .gallery-hero h1 {
    font-size: 42px;
    line-height: 1.12;
    letter-spacing: -1.2px;
  }

  .pelege-gallery .gallery-hero p {
    font-size: 16px;
  }
}

/* END GALLERY HERO CSS — VERSION 1.1 *//* End custom CSS */