.elementor-13 .elementor-element.elementor-element-24d30e7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7e86d6a *//* ── HERO ── */
      .hero {
        position: relative;
        width: 100%;
        height: 80vh;
        min-height: 540px;
        overflow: hidden;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        text-align: center;
      }
    @media screen and (max-width: 700px) {
                .hero {
                position: relative;
                width: 100%;
                height: 200px;
                min-height: 200px;
                margin-top:80px;
                overflow: hidden;
                display: flex;
                align-items: flex-end;
                justify-content: center;
                text-align: center;
              }
              
              .hero__ctas {
                display: none !important;
                gap: 14px;
                justify-content: center;
                flex-wrap: wrap;
              } 
              .nav{
                  background: #0f1a0c;
              }
        }
      .hero__video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }
      .hero__img {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          #0d1f09 0%,
          #1a3010 35%,
          #0a1808 70%,
          #060a05 100%
        );
        z-index: 0;
      }
      /* Simulated scene for demo — replace with real image/video */
      .hero__img::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(
            ellipse 120% 60% at 60% 40%,
            rgba(40, 70, 25, 0.6) 0%,
            transparent 70%
          ),
          radial-gradient(
            ellipse 80% 80% at 20% 80%,
            rgba(20, 40, 10, 0.8) 0%,
            transparent 60%
          );
      }
      .hero__img::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 200px;
        background: linear-gradient(to top, var(--dark) 0%, transparent 100%);
      }
      .hero__overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
          to bottom,
          rgba(6, 10, 5, 0.2) 0%,
          rgba(6, 10, 5, 0.45) 50%,
          rgba(6, 10, 5, 0.85) 100%
        );
      }
      .hero__content {
        position: relative;
        z-index: 2;
        max-width: 880px;
        padding: 0 24px;
        animation: fadeUp 1.4s var(--ease) both;
      }
      .hero__est {
        font-family: var(--sans);
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 4px;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        opacity: 1;
      }
      .hero__est::before,
      .hero__est::after {
        content: "";
        width: 44px;
        height: 1px;
        background: var(--gold);
        opacity: 0.5;
      }
      .hero__title {
        font-family: var(--serif);
        font-size: clamp(46px, 8vw, 96px);
        font-weight: 300;
        line-height: 1.02;
        color: #fff;
        letter-spacing: 0.5px;
        margin-bottom: 28px;
      }
      .hero__title em {
        font-style: italic;
        color: var(--gold-lt);
      }
      .hero__subtitle {
        font-family: var(--sans);
        font-size: 17px;
        font-weight: 300;
        letter-spacing: 1.5px;
        color: white;
        max-width: 500px;
        margin: 0 auto 44px;
        line-height: 1.85;
      }
      .hero__ctas {
        display: flex;
        gap: 14px;
        justify-content: center;
        flex-wrap: wrap;
      }
      .hero__scroll {
        position: absolute;
        bottom: 36px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        animation: scrollBob 2.4s ease-in-out infinite;
        opacity: 0.45;
      }
      .hero__scroll span {
        font-size: 8px;
        letter-spacing: 4px;
        text-transform: uppercase;
        color: var(--gold);
      }

      /* ── INTRO STRIP ── */
      .intro-strip {
        background: var(--forest);
        padding: 28px 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        border-bottom: 1px solid rgba(196, 165, 90, 0.1);
      }
      .intro-strip__item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 40px;
        border-right: 1px solid rgba(196, 165, 90, 0.12);
      }
      .intro-strip__item:last-child {
        border-right: none;
      }
      .intro-strip__icon {
        color: var(--gold);
        opacity: 0.7;
        flex-shrink: 0;
      }
      .intro-strip__label {
        font-family: var(--sans);
        font-size: 9.5px;
        font-weight: 400;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: rgba(240, 235, 224, 0.5);
        white-space: nowrap;
      }
      .intro-strip__value {
        font-family: var(--serif);
        font-size: 18px;
        font-weight: 400;
        color: var(--cream);
        line-height: 1.1;
      }

      /* ── ABOUT SPLIT ── */
      .about {
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-height: 640px;
      }
      .about__visual {
        position: relative;
        overflow: hidden;
        background: var(--green);
      }
      .about__visual-inner {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          160deg,
          #142010 0%,
          #1e3018 50%,
          #0d1a0b 100%
        );
        display: flex;
        align-items: center;
        justify-content: center;
        background-size:cover;
      }
      /* Decorative golf hole graphic */
      .about__visual-inner::before {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        border: 1px solid rgba(196, 165, 90, 0.08);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .about__visual-inner::after {
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        border: 1px solid rgba(196, 165, 90, 0.12);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      .about__img-placeholder {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .about__year-badge {
        position: absolute;
        bottom: 40px;
        right: -1px;
        background: var(--gold);
        padding: 20px 28px;
        z-index: 2;
      }
      .about__year-badge span {
        display: block;
        font-family: var(--serif);
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 2px;
        color: var(--dark);
        text-transform: uppercase;
      }
      .about__year-badge strong {
        display: block;
        font-family: var(--serif);
        font-size: 40px;
        font-weight: 300;
        color: var(--dark);
        line-height: 1;
      }
      .about__content {
        background: var(--forest);
        padding: 80px 72px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 28px;
      }
      .about__content .section-title {
        font-size: clamp(34px, 3.5vw, 52px);
      }
      .about__stats {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        margin-top: 12px;
        background: rgba(196, 165, 90, 0.1);
      }
      .about__stat {
        background: var(--forest);
        padding: 24px 20px;
      }
      .about__stat-number {
        font-family: var(--serif);
        font-size: 36px;
        font-weight: 300;
        color: var(--gold-lt);
        line-height: 1;
      }
      .about__stat-label {
        font-family: var(--sans);
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: var(--muted);
        margin-top: 5px;
      }

      /* ── AMENITY CARDS ── */
      .amenities {
        background: var(--dark);
        padding: 100px 0 0;
      }
      .amenities__header {
        padding: 0 72px 60px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 40px;
      }
      .amenities__header-left {
        max-width: 480px;
      }
      .amenities__header-left .section-title {
        font-size: clamp(36px, 4vw, 58px);
        margin-top: 16px;
      }
      .amenities__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2px;
      }
      .acard {
            position: relative;
            overflow: hidden;
            border: 1px solid white;
            height: 380px;
            cursor: pointer;
            margin: 12px;
            border-radius: 10px;
      }
      .acard--tall {
        height: 580px;
      }
      .acard__bg {
        position: absolute;
        inset: 0;
        transition: transform 0.7s var(--ease);
      }
      .acard:hover .acard__bg {
        transform: scale(1.07);
      }
      /* Golf card */
      .acard:nth-child(1) .acard__bg {
        background: linear-gradient(
          160deg,
          #0e1f0a 0%,
          #1c3512 60%,
          #0a1508 100%
        );
      }
      /* Dining card */
      .acard:nth-child(2) .acard__bg {
        background: linear-gradient(
          160deg,
          #1a1008 0%,
          #2e1c0a 60%,
          #120c05 100%
        );
      }
      /* Courts card */
      .acard:nth-child(3) .acard__bg {
        background: linear-gradient(
          160deg,
          #0a1018 0%,
          #10202e 60%,
          #060e16 100%
        );
      }
      /* Wellness card */
      .acard:nth-child(4) .acard__bg {
        background: linear-gradient(
          160deg,
          #100818 0%,
          #1c1028 60%,
          #0a0610 100%
        );
      }
      .acard__overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          to top,
          rgba(6, 10, 5, 0.96) 0%,
          rgba(6, 10, 5, 0.3) 55%,
          transparent 100%
        );
        transition: background 0.4s ease;
      }
      .acard:hover .acard__overlay {
        background: linear-gradient(
          to top,
          rgba(6, 10, 5, 1) 0%,
          rgba(6, 10, 5, 0.6) 55%,
          rgba(6, 10, 5, 0.1) 100%
        );
      }
      .acard__num {
        position: absolute;
        top: 28px;
        right: 24px;
        font-family: var(--serif);
        font-size: 13px;
        font-weight: 300;
        color: rgba(196, 165, 90, 0.3);
        letter-spacing: 2px;
      }
      .acard__body {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 32px 28px;
        z-index: 1;
      }
      .acard__tag {
        font-family: var(--sans);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--gold);
        margin-bottom: 10px;
        opacity: 1;
      }
      .acard__title {
        font-family: #fff;
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        line-height: 1.4;
        margin-bottom: 0;
      }
      .acard__desc {
        font-family: var(--sans);
        font-size: 14px;
        font-weight: 300;
        color: #fff;
        line-height: 1.75;
        max-height: 0;
        overflow: hidden;
        transition:
          max-height 0.45s ease,
          opacity 0.45s ease,
          margin 0.3s ease;
        opacity: 0;
        margin-top: 0;
      }
      .acard:hover .acard__desc {
        max-height: 120px;
        opacity: 1;
        margin-top: 12px;
      }
      .acard__cta {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-family: var(--sans);
        font-size: 9.5px;
        font-weight: 500;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--gold);
        margin-top: 18px;
        transition: gap 0.2s ease;
        opacity: 0;
        transition:
          opacity 0.3s ease,
          gap 0.2s ease;
      }
      .acard:hover .acard__cta {
        opacity: 1;
      }
      .acard__cta:hover {
        gap: 12px;
        color:white;
      }

      /* ── QUOTE BAND ── */
      .quote-band {
        background: var(--green);
        padding: 96px 48px;
        text-align: center;
        position: relative;
        overflow: hidden;
      }
      .quote-band::before {
        content: "\201C";
        position: absolute;
        top: -60px;
        left: 50%;
        transform: translateX(-50%);
        font-family: var(--serif);
        font-size: 320px;
        color: rgba(196, 165, 90, 0.04);
        line-height: 1;
        pointer-events: none;
        user-select: none;
      }
      .quote-band__rule {
        width: 1px;
        height: 52px;
        background: var(--gold);
        margin: 0 auto 40px;
        opacity: 0.4;
      }
      .quote-band blockquote {
        font-family: var(--serif);
        font-size: clamp(22px, 3vw, 38px);
        font-weight: 300;
        font-style: italic;
        line-height: 1.5;
        color: var(--cream);
        max-width: 800px;
        margin: 0 auto 30px;
        position: relative;
        z-index: 1;
      }
      .quote-band__attr {
        font-family: var(--sans);
        font-size: 9.5px;
        font-weight: 400;
        letter-spacing: 4px;
        text-transform: uppercase;
        color: var(--gold);
        opacity: 0.7;
      }

      /* ── TIMELINE ── */
      .timeline {
        background: var(--dark);
        padding: 100px 72px;
      }
      .timeline__header {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: end;
        margin-bottom: 64px;
      }
      .timeline__header .section-title {
        font-size: clamp(34px, 4vw, 56px);
        margin-top: 16px;
      }
      .timeline__header-right .body-text {
        max-width: 400px;
      }
      .timeline__tabs {
        display: flex;
        flex-wrap:wrap;
        border-bottom: 1px solid rgba(196, 165, 90, 0.15);
        margin-bottom: 0;
        gap: 0;
      }
      .ttab {
        font-family: var(--sans);
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 2px;
        color: white;
        padding: 8px 26px;
        margin: 0px 10px;
        cursor: pointer;
        border: none;
        background: none;
        border-bottom: 2px solid transparent; 
        transition: all 0.25s ease;
      }
      .ttab:hover {
        color: white;
        background: #c4a55a;
      }
      .ttab.active {
        color: white;
        border-bottom-color: var(--gold);
      }
      .timeline__panels {
        margin-top: 0;
      }
      .tpanel {
        display: none;
        grid-template-columns: 1fr 2fr;
        gap: 42px;
        align-items: center;
        padding: 24px 0;
        animation: fadeUp 0.5s ease both;
      }
      .tpanel.active {
        display: grid;
      }
      .tpanel__visual {
        position: relative;
      }
      .tpanel__visual::before {
        content: "";
        position: absolute;
        top: -14px;
        right: -14px;
        width: 55%;
        height: 55%;
        border-top: 1px solid rgba(196, 165, 90, 0.2);
        border-right: 1px solid rgba(196, 165, 90, 0.2);
        pointer-events: none;
      }
      .tpanel__img {
        width: 100%;
        border: 1px solid white;
        border-radius: 8px;
        aspect-ratio: 4/3;
        object-fit: cover;
        background: linear-gradient(135deg, #162010 0%, #243820 100%);
      }
      .tpanel__year {
        font-family: var(--serif);
        font-size: 50px;
        font-weight: 300;
        color: white;
        line-height: 1; 
      }
      .tpanel__title {
        font-family: var(--serif);
        font-size: 32px;
        font-weight: 600;
        color: var(--cream);
        margin-bottom: 20px;
        line-height: 1.2;
      }
      .tpanel__body {
        font-family: var(--sans);
        font-size: 16px;
        font-weight: 400;
        color: var(--muted);
        line-height: 1.85;
      }

      /* ── MEMBERSHIP ── */
      .membership {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }
      .membership__visual {
        position: relative;
        overflow: hidden;
        min-height: 600px;
        background: var(--green);
      }
      .membership__visual-bg {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          160deg,
          #0a1a07 0%,
          #142410 50%,
          #0a1208 100%
        );
        opacity: 1;
      }
      .membership__visual-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          to right,
          rgba(6, 10, 5, 0.6) 0%,
          transparent 100%
        );
        z-index: 1;
      }
      .membership__visual-content {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 52px;
      }
      .membership__visual-stat {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        background: rgba(196, 165, 90, 0.1);
        max-width: 320px;
      }
      .mvstat {
        background: rgba(6, 10, 5, 0.7);
        padding: 20px;
        backdrop-filter: blur(8px);
      }
      .mvstat-num {
        font-family: var(--serif);
        font-size: 32px;
        font-weight: 300;
        color: var(--gold-lt);
      }
      .mvstat-label {
        font-family: var(--sans);
        font-size: 9px;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: var(--muted);
        margin-top: 4px;
      }
      .membership__content {
        background: var(--forest);
        padding: 80px 72px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 28px;
      }
      .membership__content .section-title {
        font-size: clamp(34px, 3.5vw, 52px);
      }
      .membership__perks {
        list-style: none;
        margin-top: 8px;
        display: flex;
        flex-direction: column;
        gap: 0;
      }
      .membership__perks li {
           font-family: var(--sans);
            font-size: 19px;
            font-weight: 400;
            color: #ffffff;
            padding: 6px 0;
            border-bottom: 0px solid rgba(196, 165, 90, 0.08);
            display: flex;
            align-items: center;
            gap: 14px;
      }
      .membership__perks li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--gold);
        opacity: 0.6;
        flex-shrink: 0;
      }
      .membership__ctas {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 10px;
      }

      /* ── EVENTS ── */
      .events {
        background: var(--dark);
        padding: 100px 72px;
      }
      .events__header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 52px;
        gap: 40px;
      }
      .events__header .section-title {
        font-size: clamp(34px, 4vw, 52px);
        margin-top: 14px;
      }
      .events__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2px;
      }
      .ecard {
        background: var(--forest);
        padding: 40px 36px;
        position: relative;
        overflow: hidden;
        transition: background 0.3s ease;
        cursor: pointer;
        border: 1px solid rgba(196, 165, 90, 0.06);
      }
      .ecard:hover {
        background: #162010;
      }
      .ecard::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 0;
        background: var(--gold);
        transition: height 0.4s var(--ease);
      }
      .ecard:hover::before {
        height: 100%;
      }
      .ecard__icon {
        width: 48px;
        height: 48px;
        border: 1px solid rgba(196, 165, 90, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
        color: var(--gold);
        transition: border-color 0.3s ease;
      }
      .ecard:hover .ecard__icon {
        border-color: var(--gold);
      }
      .ecard__title {
        font-family: var(--serif);
        font-size: 24px;
        font-weight: 400;
        color: var(--cream);
        margin-bottom: 14px;
        line-height: 1.2;
      }
      .ecard__body {
        font-family: var(--sans);
        font-size: 13px;
        font-weight: 300;
        color: var(--muted);
        line-height: 1.8;
      }
      .ecard__link {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-family: var(--sans);
        font-size: 9.5px;
        font-weight: 500;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--gold);
        margin-top: 24px;
        transition: gap 0.2s ease;
      }
      .ecard__link:hover {
        gap: 12px;
      }

      /* ── LOCATION BAND ── */
      .location {
        background: var(--green);
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-height: 480px;
      }
      .location__map {
        background: linear-gradient(135deg, #0d1f09 0%, #1a3014 100%);
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .location__map::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
          repeating-linear-gradient(
            0deg,
            transparent,
            transparent 39px,
            rgba(196, 165, 90, 0.04) 40px
          ),
          repeating-linear-gradient(
            90deg,
            transparent,
            transparent 39px,
            rgba(196, 165, 90, 0.04) 40px
          );
      }
      .location__map-pin {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        z-index: 1;
      }
      .location__map-pin svg {
        color: var(--gold);
        filter: drop-shadow(0 0 24px rgba(196, 165, 90, 0.4));
      }
      .location__map-pin span {
        font-family: var(--sans);
        font-size: 9px;
        letter-spacing: 4px;
        text-transform: uppercase;
        color: var(--gold);
        opacity: 0.7;
      }
      .location__content {
        padding: 72px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 24px;
      }
      .location__content .section-title {
        font-size: clamp(30px, 3vw, 46px);
        margin-top: 14px;
      }
      .location__distances {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-top: 8px;
      }
      .ldist {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px solid rgba(196, 165, 90, 0.08);
      }
      .ldist__city {
        font-family: var(--sans);
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 1px;
        color: var(--cream);
      }
      .ldist__time {
        font-family: var(--serif);
        font-size: 20px;
        font-weight: 300;
        color: var(--gold-lt);
      }
      .ldist__unit {
        font-family: var(--sans);
        font-size: 9px;
        letter-spacing: 2px;
        color: var(--muted);
        margin-left: 4px;
      }
      .location__address {
        font-family: var(--sans);
        font-size: 12.5px;
        font-weight: 300;
        color: var(--muted);
        line-height: 1.8;
        margin-top: 8px;
        padding-top: 20px;
        border-top: 1px solid rgba(196, 165, 90, 0.12);
      }

      /* ── CTA BANNER ── */
      .cta-banner {
        position: relative;
        padding: 120px 48px;
        text-align: center;
        overflow: hidden;
        background: var(--forest);
      }
      .cta-banner::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(
          ellipse 100% 80% at 50% 50%,
          rgba(22, 36, 14, 0.6) 0%,
          var(--forest) 100%
        );
      }
      .cta-banner__content {
        position: relative;
        z-index: 1;
        max-width: 680px;
        margin: 0 auto;
      }
      .cta-banner .section-title {
        font-size: clamp(34px, 5vw, 62px);
        margin: 18px 0 24px;
      }
      .cta-banner .body-text {
        max-width: 480px;
        margin: 0 auto 44px;
      }
      .cta-banner__ctas {
        display: flex;
        gap: 14px;
        justify-content: center;
        flex-wrap: wrap;
      }

      /* ── LEADERSHIP ── */
      .leadership {
        background: var(--dark);
        padding: 96px 72px;
      }
      .leadership__header {
        text-align: center;
        max-width: 560px;
        margin: 0 auto 60px;
      }
      .leadership__header .section-title {
        font-size: clamp(32px, 4vw, 52px);
        margin-top: 14px;
      }
      .leadership__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;
        max-width: 700px;
        margin: 0 auto;
      }
      .lcard {
        background: var(--forest);
        padding: 40px 36px;
        display: flex;
        gap: 24px;
        align-items: flex-start;
        border: 1px solid rgba(196, 165, 90, 0.06);
        transition: border-color 0.3s ease;
      }
      .lcard:hover {
        border-color: rgba(196, 165, 90, 0.2);
      }
      .lcard__avatar {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        object-fit: cover;
        background: linear-gradient(135deg, #1e3018, #2a4422);
        flex-shrink: 0;
        border: 1px solid rgba(196, 165, 90, 0.15);
      }
      .lcard__info {
      }
      .lcard__name {
        font-family: var(--serif);
        font-size: 20px;
        font-weight: 400;
        color: var(--cream);
        margin-bottom: 5px;
      }
      .lcard__role {
        font-family: var(--sans);
        font-size: 9.5px;
        font-weight: 400;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--gold);
        opacity: 0.75;
        margin-bottom: 10px;
        display: block;
      }
      .lcard__phone {
        font-family: var(--sans);
        font-size: 12.5px;
        font-weight: 300;
        color: var(--muted);
      }/* End custom CSS */