/* =========================================================
   PARADISE ESCAPE
   ABOUT US PAGE
   REFINED FULL REPLACEMENT

   LOCKS
   - Stable background-image system
   - Better page-top breathing room
   - Shorter section heights
   - Tighter premium pacing
   - Mobile hero/CTA text stays inside imagery
========================================================= */


/* =========================================================
   00. OWNERREZ ABOUT PAGE RESET
========================================================= */

html.page-574059225,
html.page-574059225 body,
html.page-574059225 #content,
html.page-574059225 #content .body-content{
  background:#111210 !important;
}

html.page-574059225 #content .body-content{
  padding-top:0 !important;
}

html.page-574059225 #content{
  overflow-x:hidden !important;
}
    
    
    /* =========================================================
       01. VARIABLES + FOUNDATION
    ========================================================= */
    
    .pe-about-page,
    .pe-about-page *,
    .pe-about-page *::before,
    .pe-about-page *::after {
      box-sizing: border-box;
    }
    
    .pe-about-page {
      --pe-black: #111210;
      --pe-card: #191A17;
      --pe-card-2: #20211D;
    
      --pe-gold: #B79A62;
      --pe-gold-dark: #9E8352;
      --pe-gold-soft: #CDB886;
    
      --pe-ivory: #F4F0E7;
      --pe-muted: #B9B4AA;
    
      --pe-line: rgba(183,154,98,.24);
    
      width: 100%;
      max-width: 100%;
    
      margin: 0;
      padding: 0 0 28px;
    
      background: var(--pe-black);
      color: var(--pe-ivory);
    
      overflow: hidden;
    }
    
    
    /* =========================================================
       02. TYPOGRAPHY
    ========================================================= */
    
    .pe-about-page h1,
    .pe-about-page h2,
    .pe-about-page h3 {
      margin: 0;
    
      color: var(--pe-ivory);
    
      font-family: "Marcellus", Georgia, serif;
      font-weight: 400;
    }
    
    .pe-about-page p,
    .pe-about-page a,
    .pe-about-page span,
    .pe-about-page strong {
      font-family: "Alone Kaium", "Open Sans", sans-serif;
    }
    
    .pe-about-page p {
      margin: 0;
    
      color: var(--pe-muted);
    
      font-size: 18px;
      line-height: 1.62;
    }
    
    .pe-about-kicker {
      margin: 0 0 14px !important;
    
      color: var(--pe-gold-soft) !important;
    
      font-size: 11px !important;
      line-height: 1.3 !important;
      font-weight: 500;
    
      letter-spacing: .16em;
    
      text-transform: uppercase;
    }
    
    
    /* =========================================================
       03. BUTTONS
    ========================================================= */
    
    .pe-about-actions {
      display: flex;
      flex-wrap: wrap;
    
      gap: 12px;
    }
    
    .pe-about-btn {
      display: inline-flex;
    
      align-items: center;
      justify-content: center;
    
      min-height: 48px;
    
      padding: 0 23px;
    
      border-radius: 8px;
    
      font-size: 15px;
      font-weight: 500;
    
      text-decoration: none !important;
    }
    
    .pe-about-btn-primary {
      background: var(--pe-gold);
    
      border: 1px solid var(--pe-gold);
    
      color: var(--pe-black) !important;
    }
    
    .pe-about-btn-primary:hover {
      background: var(--pe-gold-dark);
    
      border-color: var(--pe-gold-dark);
    
      color: var(--pe-black) !important;
    }
    
    .pe-about-btn-outline {
      background: rgba(17,18,16,.28);
    
      border: 1px solid rgba(244,240,231,.42);
    
      color: var(--pe-ivory) !important;
    }
    
    .pe-about-btn-outline:hover {
      background: rgba(244,240,231,.08);
    
      color: var(--pe-ivory) !important;
    }
    
    
    /* =========================================================
       04. TEXT LINKS
    ========================================================= */
    
    .pe-about-text-link {
      display: inline-flex;
    
      align-items: center;
    
      gap: 10px;
    
      margin-top: 22px;
    
      color: var(--pe-gold-soft) !important;
    
      font-size: 15px;
      font-weight: 500;
    
      text-decoration: none !important;
    }
    
    .pe-about-text-link:hover {
      color: var(--pe-ivory) !important;
    }
    
    
    /* =========================================================
       05. HERO
    ========================================================= */
    
    .pe-about-hero {
      position: relative;
    
      width: 100%;
      min-height: 570px;
    
      margin: 0 0 94px;
    
      overflow: hidden;
    
      background:
        linear-gradient(
          90deg,
          rgba(17,18,16,.93) 0%,
          rgba(17,18,16,.67) 44%,
          rgba(17,18,16,.12) 83%
        ),
        var(--pe-about-hero-image);
    
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    
      border: 1px solid var(--pe-line);
      border-radius: 22px;
    }
    
    .pe-about-hero-content {
      position: relative;
    
      z-index: 2;
    
      display: flex;
    
      flex-direction: column;
      justify-content: center;
    
      width: 64%;
      max-width: 700px;
    
      min-height: 570px;
    
      padding: 50px;
    }
    
    .pe-about-hero h1 {
      font-size: clamp(54px,5.7vw,78px);
      line-height: .99;
    
      letter-spacing: -.025em;
    }
    
    .pe-about-hero-copy {
      max-width: 550px;
    
      margin-top: 21px !important;
    
      color: rgba(244,240,231,.88) !important;
    
      font-size: 18px !important;
    }
    
    .pe-about-hero .pe-about-actions {
      margin-top: 25px;
    }
    
    .pe-about-hero-note {
      position: absolute;
    
      z-index: 3;
    
      right: 25px;
      bottom: 25px;
    
      width: 235px;
    
      padding: 17px;
    
      background: rgba(17,18,16,.78);
    
      border: 1px solid rgba(244,240,231,.15);
      border-radius: 10px;
    }
    
    .pe-about-hero-note span {
      display: block;
    
      margin-bottom: 6px;
    
      color: var(--pe-gold-soft);
    
      font-size: 10px;
      font-weight: 500;
    
      letter-spacing: .14em;
    
      text-transform: uppercase;
    }
    
    .pe-about-hero-note p {
      color: var(--pe-ivory);
    
      font-size: 13px;
      line-height: 1.48;
    }
    
    
    /* =========================================================
       06. OUR STORY
    ========================================================= */
    
    .pe-about-story {
      max-width: 1160px;
    
      margin: 0 auto 94px;
    
      padding: 0 40px;
    }
    
    .pe-about-story-intro {
      display: grid;
    
      grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.7fr);
    
      gap: 65px;
    
      align-items: end;
    
      margin-bottom: 36px;
    }
    
    .pe-about-story-intro h2 {
      font-size: clamp(42px,4.5vw,60px);
      line-height: 1.02;
    }
    
    .pe-about-story-intro > p {
      max-width: 430px;
    
      justify-self: end;
    }
    
    .pe-about-story-layout {
      display: grid;
    
      grid-template-columns:
        minmax(0,1.03fr)
        minmax(0,.97fr);
    
      gap: 42px;
    
      align-items: stretch;
    }
    
    .pe-about-story-media {
      min-height: 430px;

      /* Replace ONLY this URL with the strongest approved Paradise Escape family photo. */
      background-image:
        var(--pe-about-story-image);
    
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    
      border-radius: 18px;
    }
    
    .pe-about-story-content {
      display: flex;
    
      flex-direction: column;
      justify-content: center;
    
      min-width: 0;
    
      padding: 15px 0;
    }
    
    .pe-about-story-content > p + p {
      margin-top: 15px;
    }
    
    .pe-about-story-facts {
      display: grid;
    
      grid-template-columns: repeat(3,minmax(0,1fr));
    
      margin-top: 30px;
    
      border-top: 1px solid var(--pe-line);
      border-bottom: 1px solid var(--pe-line);
    }
    
    .pe-about-story-facts article {
      min-width: 0;
    
      padding: 21px 16px;
    }
    
    .pe-about-story-facts article:first-child {
      padding-left: 0;
    }
    
    .pe-about-story-facts article + article {
      border-left: 1px solid var(--pe-line);
    }
    
    .pe-about-story-facts strong {
      display: block;
    
      margin-bottom: 7px;
    
      color: var(--pe-ivory);
    
      font-family: "Marcellus", Georgia, serif;
      font-size: 32px;
      font-weight: 400;
    }
    
    .pe-about-story-facts span {
      display: block;
    
      color: var(--pe-muted);
    
      font-size: 12px;
      line-height: 1.4;
    }
    
    
    /* =========================================================
       07. DESIGNED FOR TIME TOGETHER
    ========================================================= */
    
    .pe-about-together {
      max-width: 1160px;
    
      margin: 0 auto 94px;
    
      padding: 0 40px;
    }
    
    .pe-about-together-card {
      display: grid;
    
      grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr);
    
      align-items: stretch;
    
      min-height: 450px;
    
      overflow: hidden;
    
      background: var(--pe-card);
    
      border: 1px solid var(--pe-line);
      border-radius: 20px;
    }
    
    .pe-about-together-copy {
      display: flex;
    
      flex-direction: column;
      justify-content: center;
    
      min-width: 0;
    
      padding: 40px;
    }
    
    .pe-about-together-copy h2 {
      margin-bottom: 18px;
    
      font-size: clamp(40px,4.3vw,56px);
      line-height: 1.03;
    }
    
    .pe-about-together-copy p + p {
      margin-top: 13px;
    }
    
    .pe-about-together-media {
      min-width: 0;
      min-height: 450px;
    
      background-image:
        var(--pe-about-together-image);
    
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    
    
    /* =========================================================
       08. COLLECTION OF STAYS
    ========================================================= */
    
    .pe-about-collection {
      max-width: 1160px;
    
      margin: 0 auto 94px;
    
      padding: 0 40px;
    }
    
    .pe-about-section-heading {
      display: grid;
    
      grid-template-columns:
        minmax(0,1.15fr)
        minmax(300px,.65fr);
    
      gap: 55px;
    
      align-items: end;
    
      margin-bottom: 35px;
    }
    
    .pe-about-section-heading h2 {
      max-width: 620px;
    
      font-size: clamp(42px,4.5vw,58px);
      line-height: 1.03;
    }
    
    .pe-about-section-heading > p {
      max-width: 410px;
    
      justify-self: end;
    }
    
    .pe-about-collection-layout {
      display: grid;
    
      grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);
    
      gap: 40px;
    
      align-items: stretch;
    }
    
    .pe-about-collection-media {
      position: relative;
      min-height: 430px;
      overflow: hidden;
      border-radius: 18px;
    }

    .pe-about-collection-collage {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      grid-template-rows: 1fr 1fr;
      gap: 8px;
      background: var(--pe-black);
    }

    .pe-about-collage-item {
      position: relative;
      min-width: 0;
      min-height: 0;
      margin: 0;
      overflow: hidden;
      background: var(--pe-card);
    }

    .pe-about-collage-bear { grid-row: 1 / 3; }

    .pe-about-collage-item img {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform .35s ease;
    }

    .pe-about-collage-item:hover img { transform: scale(1.025); }

    .pe-about-collage-item figcaption {
      position: absolute;
      left: 14px;
      bottom: 14px;
      padding: 7px 10px;
      background: rgba(17,18,16,.82);
      border: 1px solid rgba(244,240,231,.14);
      border-radius: 7px;
      color: var(--pe-ivory);
      font-family: "Alone Kaium","Open Sans",sans-serif;
      font-size: 11px;
      line-height: 1.2;
    }
    
    .pe-about-collection-list {
      display: flex;
    
      flex-direction: column;
      justify-content: center;
    
      border-top: 1px solid var(--pe-line);
    }
    
    .pe-about-collection-list article {
      display: grid;
    
      grid-template-columns: 38px 1fr;
    
      gap: 18px;
    
      padding: 24px 0;
    
      border-bottom: 1px solid var(--pe-line);
    }
    
    .pe-about-collection-list article > span {
      color: var(--pe-gold-soft);
    
      font-size: 11px;
    
      letter-spacing: .12em;
    }
    
    .pe-about-collection-list h3 {
      margin-bottom: 7px;
    
      font-size: 26px;
      line-height: 1.1;
    }
    
    .pe-about-collection-list p {
      font-size: 15px;
    }
    
    .pe-about-collection-action {
      display: flex;
    
      justify-content: center;
    
      margin-top: 29px;
    }
    
    
    /* =========================================================
       09. COMFORT BEYOND THE COTTAGE
    ========================================================= */
    
    .pe-about-comfort {
      max-width: 1160px;
    
      margin: 0 auto 94px;
    
      padding: 0 40px;
    }
    
    .pe-about-comfort-card {
      display: grid;
    
      grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);
    
      align-items: stretch;
    
      min-height: 450px;
    
      overflow: hidden;
    
      background: var(--pe-card);
    
      border: 1px solid var(--pe-line);
      border-radius: 20px;
    }
    
    .pe-about-comfort-media {
      min-width: 0;
      min-height: 450px;
    
      background-image:
        var(--pe-about-comfort-image);
    
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    
    .pe-about-comfort-content {
      display: flex;
    
      flex-direction: column;
      justify-content: center;
    
      min-width: 0;
    
      padding: 40px;
    }
    
    .pe-about-comfort-content h2 {
      margin-bottom: 18px;
    
      font-size: clamp(40px,4.3vw,56px);
      line-height: 1.03;
    }
    
    .pe-about-comfort-content p + p {
      margin-top: 13px;
    }
    
    .pe-about-comfort-features {
      display: flex;
    
      flex-wrap: wrap;
    
      gap: 8px;
    
      margin-top: 22px;
    }
    
    .pe-about-comfort-features span {
      display: inline-flex;
    
      align-items: center;
    
      min-height: 34px;
    
      padding: 0 12px;
    
      border: 1px solid var(--pe-line);
      border-radius: 999px;
    
      color: var(--pe-ivory);
    
      font-size: 11px;
    }
    
    
    /* =========================================================
       10. FINAL CTA
    ========================================================= */
    
    .pe-about-final {
      position: relative;
    
      max-width: 1160px;
      min-height: 455px;
    
      margin: 0 auto;
    
      overflow: hidden;
    
      background:
        linear-gradient(
          90deg,
          rgba(17,18,16,.94) 0%,
          rgba(17,18,16,.70) 46%,
          rgba(17,18,16,.14) 84%
        ),
        var(--pe-about-final-image);
    
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    
      border: 1px solid var(--pe-line);
      border-radius: 22px;
    }
    
    .pe-about-final-content {
      position: relative;
    
      z-index: 2;
    
      display: flex;
    
      flex-direction: column;
      justify-content: center;
    
      width: 58%;
      max-width: 630px;
    
      min-height: 455px;
    
      padding: 44px;
    }
    
    .pe-about-final-content h2 {
      font-size: clamp(42px,4.5vw,58px);
      line-height: 1.02;
    }
    
    .pe-about-final-content > p:not(.pe-about-kicker) {
      max-width: 490px;
    
      margin-top: 17px;
    
      color: rgba(244,240,231,.9);
    }
    
    .pe-about-final .pe-about-actions {
      margin-top: 23px;
    }
    
    
    /* =========================================================
       11. TABLET
    ========================================================= */
    
    @media (max-width: 991px) {
    
      .pe-about-story,
      .pe-about-together,
      .pe-about-collection,
      .pe-about-comfort {
        padding-right: 28px;
        padding-left: 28px;
      }
    
      .pe-about-story-intro,
      .pe-about-section-heading {
        gap: 34px;
      }
    
      .pe-about-together-copy,
      .pe-about-comfort-content {
        padding: 34px;
      }
    
      .pe-about-final {
        margin-right: 28px;
        margin-left: 28px;
      }
    
    }
    
    
    /* =========================================================
       12. MOBILE
    ========================================================= */
    
    @media (max-width: 767px) {
    
      .pe-about-page {
        padding-top: 22px;
      }
    
      .pe-about-page p {
        font-size: 16px;
        line-height: 1.58;
      }
    
    
      /* =====================================================
         MOBILE HERO
      ===================================================== */
    
      .pe-about-hero {
        width: calc(100% - 32px);
    
        min-height: 590px;
    
        margin: 0 16px 68px;
    
        background:
          linear-gradient(
            180deg,
            rgba(17,18,16,.03) 0%,
            rgba(17,18,16,.08) 25%,
            rgba(17,18,16,.30) 47%,
            rgba(17,18,16,.74) 69%,
            rgba(17,18,16,.97) 100%
          ),
          var(--pe-about-hero-image);
    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    
        border-radius: 18px;
      }
    
      .pe-about-hero-content {
        position: absolute;
    
        right: 0;
        bottom: 0;
        left: 0;
    
        display: block;
    
        width: 100%;
        max-width: none;
    
        min-height: 0;
    
        padding: 26px 22px;
      }
    
      .pe-about-hero h1 {
        font-size: 40px;
        line-height: 1.01;
      }
    
      .pe-about-hero-copy {
        max-width: none;
    
        margin-top: 16px !important;
    
        color: rgba(244,240,231,.9) !important;
    
        font-size: 16px !important;
      }
    
      .pe-about-hero .pe-about-actions {
        flex-direction: column;
    
        width: 100%;
    
        margin-top: 19px;
      }
    
      .pe-about-hero .pe-about-btn {
        width: 100%;
    
        min-height: 49px;
      }
    
      .pe-about-hero-note {
        display: none;
      }
    
    
      /* =====================================================
         MOBILE STORY
      ===================================================== */
    
      .pe-about-story {
        width: 100%;
    
        margin-bottom: 68px;
    
        padding: 0 16px;
      }
    
      .pe-about-story-intro {
        display: block;
    
        margin-bottom: 24px;
      }
    
      .pe-about-story-intro h2 {
        font-size: 36px;
      }
    
      .pe-about-story-intro > p {
        max-width: none;
    
        margin-top: 15px;
      }
    
      .pe-about-story-layout {
        display: block;
      }
    
      .pe-about-story-media {
        width: 100%;
        min-height: 0;
    
        aspect-ratio: 4 / 3;
    
        margin-bottom: 24px;
    
        background-position: center center;
    
        border-radius: 14px;
      }
    
      .pe-about-story-content {
        padding: 0;
      }
    
      .pe-about-story-facts {
        display: block;
    
        margin-top: 25px;
      }
    
      .pe-about-story-facts article,
      .pe-about-story-facts article:first-child {
        padding: 17px 0;
      }
    
      .pe-about-story-facts article + article {
        border-top: 1px solid var(--pe-line);
        border-left: 0;
      }
    
    
      /* =====================================================
         MOBILE TOGETHER
      ===================================================== */
    
      .pe-about-together {
        width: 100%;
    
        margin-bottom: 68px;
    
        padding: 0 16px;
      }
    
      .pe-about-together-card {
        display: flex;
    
        flex-direction: column-reverse;
    
        min-height: 0;
    
        border-radius: 17px;
      }
    
      .pe-about-together-media {
        width: 100%;
    
        min-height: 0;
    
        aspect-ratio: 4 / 3;
    
        background-position: center center;
        background-size: cover;
      }
    
      .pe-about-together-copy {
        padding: 25px 21px 28px;
      }
    
      .pe-about-together-copy h2 {
        font-size: 34px;
      }
    
    
      /* =====================================================
         MOBILE COLLECTION
      ===================================================== */
    
      .pe-about-collection {
        width: 100%;
    
        margin-bottom: 68px;
    
        padding: 0 16px;
      }
    
      .pe-about-section-heading {
        display: block;
    
        margin-bottom: 24px;
      }
    
      .pe-about-section-heading h2 {
        font-size: 36px;
      }
    
      .pe-about-section-heading > p {
        max-width: none;
    
        margin-top: 14px;
      }
    
      .pe-about-collection-layout {
        display: block;
      }
    
      .pe-about-collection-media {
        width: 100%;
        min-height: 0;
        aspect-ratio: auto;
        margin-bottom: 23px;
        border-radius: 14px;
      }

      .pe-about-collection-collage {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 230px 180px;
        gap: 6px;
      }

      .pe-about-collage-bear {
        grid-column: 1 / 3;
        grid-row: 1;
      }

      .pe-about-collage-main,
      .pe-about-collage-cottage { grid-row: 2; }

      .pe-about-collage-item figcaption {
        left: 10px;
        bottom: 10px;
        font-size: 10px;
      }
    
      .pe-about-collection-list article {
        grid-template-columns: 29px 1fr;
    
        gap: 12px;
    
        padding: 21px 0;
      }
    
      .pe-about-collection-list h3 {
        font-size: 25px;
      }
    
      .pe-about-collection-action {
        justify-content: stretch;
    
        margin-top: 25px;
      }
    
      .pe-about-collection-action .pe-about-btn {
        width: 100%;
      }
    
    
      /* =====================================================
         MOBILE COMFORT
      ===================================================== */
    
      .pe-about-comfort {
        width: 100%;
    
        margin-bottom: 68px;
    
        padding: 0 16px;
      }
    
      .pe-about-comfort-card {
        display: flex;
    
        flex-direction: column;
    
        min-height: 0;
    
        border-radius: 17px;
      }
    
      .pe-about-comfort-media {
        width: 100%;
    
        min-height: 0;
    
        aspect-ratio: 4 / 3;
    
        background-position: center center;
        background-size: cover;
      }
    
      .pe-about-comfort-content {
        padding: 25px 21px 28px;
      }
    
      .pe-about-comfort-content h2 {
        font-size: 34px;
      }
    
    
      /* =====================================================
         MOBILE FINAL CTA
      ===================================================== */
    
      .pe-about-final {
        width: calc(100% - 32px);
    
        min-height: 540px;
    
        margin: 0 16px;
    
        background:
          linear-gradient(
            180deg,
            rgba(17,18,16,.03) 0%,
            rgba(17,18,16,.09) 25%,
            rgba(17,18,16,.32) 47%,
            rgba(17,18,16,.76) 69%,
            rgba(17,18,16,.97) 100%
          ),
          var(--pe-about-final-image);
    
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    
        border-radius: 18px;
      }
    
      .pe-about-final-content {
        position: absolute;
    
        right: 0;
        bottom: 0;
        left: 0;
    
        display: block;
    
        width: 100%;
        max-width: none;
    
        min-height: 0;
    
        padding: 26px 22px;
      }
    
      .pe-about-final-content h2 {
        font-size: 35px;
        line-height: 1.03;
      }
    
      .pe-about-final-content > p:not(.pe-about-kicker) {
        max-width: none;
    
        margin-top: 15px;
    
        color: rgba(244,240,231,.9);
      }
    
      .pe-about-final .pe-about-actions {
        flex-direction: column;
    
        width: 100%;
    
        margin-top: 19px;
      }
    
      .pe-about-final .pe-about-btn {
        width: 100%;
    
        min-height: 49px;
      }
    
    }
    
    
    /* =========================================================
       13. SMALL MOBILE
    ========================================================= */
    
    @media (max-width: 480px) {
    
      .pe-about-hero {
        min-height: 570px;
      }
    
      .pe-about-hero-content {
        padding: 24px 19px 23px;
      }
    
      .pe-about-hero h1 {
        font-size: 37px;
      }
    
      .pe-about-story-intro h2,
      .pe-about-section-heading h2 {
        font-size: 34px;
      }
    
      .pe-about-together-copy h2,
      .pe-about-comfort-content h2 {
        font-size: 32px;
      }
    
      .pe-about-final {
        min-height: 520px;
      }
    
      .pe-about-final-content {
        padding: 24px 19px 23px;
      }
    
      .pe-about-final-content h2 {
        font-size: 32px;
      }
    
    }


/* =========================================================
   08A. PROPERTY / WATERFRONT
========================================================= */

.pe-about-property {
  max-width: 1160px;
  margin: 0 auto 94px;
  padding: 0 40px;
}

.pe-about-property-card {
  display: grid;
  grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr);
  align-items: stretch;
  min-height: 500px;
  overflow: hidden;
  background: var(--pe-card);
  border: 1px solid var(--pe-line);
  border-radius: 20px;
}

.pe-about-property-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 40px;
}

.pe-about-property-copy h2 {
  margin-bottom: 18px;
  font-size: clamp(40px,4.3vw,56px);
  line-height: 1.03;
}

.pe-about-property-copy > p + p {
  margin-top: 13px;
}

.pe-about-property-media {
  min-width: 0;
  min-height: 500px;
  background-image:
    var(--pe-about-property-image);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.pe-about-property-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-top: 26px;
  border-top: 1px solid var(--pe-line);
  border-bottom: 1px solid var(--pe-line);
}

.pe-about-property-stats article {
  min-width: 0;
  padding: 19px 14px;
}

.pe-about-property-stats article:first-child {
  padding-left: 0;
}

.pe-about-property-stats article + article {
  border-left: 1px solid var(--pe-line);
}

.pe-about-property-stats strong {
  display: block;
  margin-bottom: 6px;
  color: var(--pe-ivory);
  font-family: "Marcellus", Georgia, serif;
  font-size: 24px;
  line-height: 1.05;
  font-weight: 400;
}

.pe-about-property-stats span {
  display: block;
  color: var(--pe-muted);
  font-size: 11px;
  line-height: 1.4;
}


/* =========================================================
   10A. FAMILY OWNED / OUR APPROACH
========================================================= */

.pe-about-approach {
  max-width: 1080px;
  margin: 0 auto 94px;
  padding: 0 40px;
  display: grid;
  grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr);
  gap: 70px;
  align-items: start;
}

.pe-about-approach-heading h2 {
  max-width: 430px;
  font-size: clamp(40px,4.4vw,58px);
  line-height: 1.03;
}

.pe-about-approach-content {
  padding-top: 3px;
}

.pe-about-approach-content p + p {
  margin-top: 15px;
}


/* =========================================================
   CONTENT LENGTH ADJUSTMENTS
========================================================= */

.pe-about-story-layout {
  align-items: start;
}

.pe-about-story-content {
  justify-content: flex-start;
  padding-top: 8px;
}

.pe-about-story-media {
  min-height: 520px;
}

.pe-about-together-card,
.pe-about-comfort-card {
  min-height: 500px;
}

.pe-about-together-media,
.pe-about-comfort-media {
  min-height: 500px;
}

.pe-about-collection-list p {
  font-size: 15px;
  line-height: 1.55;
}


/* =========================================================
   TABLET ADDITIONS
========================================================= */

@media (max-width: 991px) {

  .pe-about-property,
  .pe-about-approach {
    padding-right: 28px;
    padding-left: 28px;
  }

  .pe-about-property-card {
    grid-template-columns: 1fr;
  }

  .pe-about-property-media {
    min-height: 420px;
  }

  .pe-about-approach {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .pe-about-approach-heading h2 {
    max-width: 650px;
  }
}


/* =========================================================
   MOBILE ADDITIONS
========================================================= */

@media (max-width: 767px) {

  .pe-about-property {
    width: 100%;
    margin-bottom: 68px;
    padding: 0 16px;
  }

  .pe-about-property-card {
    display: flex;
    flex-direction: column-reverse;
    min-height: 0;
    border-radius: 17px;
  }

  .pe-about-property-media {
    width: 100%;
    min-height: 0;
    aspect-ratio: 4 / 3;
    background-position: center center;
    background-size: cover;
  }

  .pe-about-property-copy {
    padding: 25px 21px 28px;
  }

  .pe-about-property-copy h2 {
    font-size: 34px;
  }

  .pe-about-property-stats {
    display: block;
    margin-top: 24px;
  }

  .pe-about-property-stats article,
  .pe-about-property-stats article:first-child {
    padding: 16px 0;
  }

  .pe-about-property-stats article + article {
    border-top: 1px solid var(--pe-line);
    border-left: 0;
  }

  .pe-about-property-stats strong {
    font-size: 25px;
  }

  .pe-about-approach {
    width: 100%;
    margin-bottom: 68px;
    padding: 0 16px;
    display: block;
  }

  .pe-about-approach-heading h2 {
    max-width: none;
    font-size: 36px;
  }

  .pe-about-approach-content {
    margin-top: 22px;
    padding-top: 0;
  }

  .pe-about-story-media {
    min-height: 0;
  }

  .pe-about-together-card,
  .pe-about-comfort-card,
  .pe-about-together-media,
  .pe-about-comfort-media {
    min-height: 0;
  }
}

@media (max-width: 480px) {
  .pe-about-property-copy h2,
  .pe-about-approach-heading h2 {
    font-size: 32px;
  }
}


/* ABOUT FINAL CLIENT PHOTO QA — SMALL MOBILE COLLAGE */
@media (max-width:480px){
  .pe-about-collection-collage{ grid-template-rows:210px 155px; }
}