/* ══ Wednesday Projects — locations/locations.css ══
   Shared styles for all location pages.
   Load after common.css and fonts.css.
   Do NOT add .mobile-drawer here — it lives in common.css.
   ══════════════════════════════════════════════════════════════════════════════ */

/* ══ HERO ══ */
.loc-hero{background:var(--charcoal);padding:96px 48px 80px}
.loc-hero-inner{max-width:900px;margin:0 auto}
.loc-hero-divider{width:48px;height:1px;background:var(--gold);margin-bottom:32px}
.loc-hero-body{max-width:680px;margin-bottom:18px}
.loc-hero-body-last{max-width:680px;margin-bottom:44px}

/* ══ SECTIONS ══ */
.loc-section{padding:80px 48px}
.loc-section-inner{max-width:900px;margin:0 auto}
.loc-section-dark{background:var(--charcoal)}
.loc-section-cta{background:var(--charcoal);text-align:center}

/* ══ TYPOGRAPHY ══ */
.loc-eyebrow{font-size:9px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.loc-eyebrow-light{color:var(--gold-light)}
.loc-h2{font-family:var(--serif);font-size:clamp(28px,4vw,46px);font-weight:300;line-height:1.2;color:var(--charcoal);margin-bottom:14px}
.loc-h2-light{color:var(--ivory-light)}
.loc-divider{width:48px;height:1px;background:var(--gold);margin:18px 0 36px}
.loc-divider-dark{width:48px;height:1px;background:var(--gold);margin:18px 0 32px}
.loc-divider-ctr{width:48px;height:1px;background:var(--gold);margin:18px auto 32px}
.loc-body{font-size:14px;color:var(--mid-grey);line-height:1.95;margin-bottom:20px}
.loc-body-light{color:rgba(240,237,230,.75)}
.loc-body-gap{margin-top:24px}
.loc-h3{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;margin-top:36px}
.loc-h3:first-of-type{margin-top:0}

/* ══ LIST ══ */
.loc-ul{list-style:none;margin:20px 0 28px;display:flex;flex-direction:column;gap:10px}
.loc-ul li{display:flex;align-items:flex-start;gap:14px;font-size:14px;color:var(--mid-grey);line-height:1.65}
.loc-ul li::before{content:"";width:20px;height:1px;background:var(--gold);flex-shrink:0;margin-top:12px}

/* ══ BUTTON ══ */
/* .loc-btn lives in common.css */

/* ══ FEATURED PROJECT ══ */
.loc-featured-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin:36px 0 28px}
.loc-link{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid rgba(184,155,106,.45);padding-bottom:2px;text-decoration:none;transition:color .3s,border-color .3s;margin-top:8px}
.loc-link:hover{color:var(--gold-light);border-color:var(--gold-light)}

/* ══ CTA ══ */
.loc-cta-title{text-align:center;max-width:580px;margin:0 auto 14px}
.loc-cta-body{max-width:480px;margin:0 auto 40px}

/* ══ RESPONSIVE ══ */
@media(max-width:860px){
  .loc-section{padding:56px 20px}
  .loc-hero{padding:64px 20px 56px}
}
@media(max-width:560px){
  .loc-h2{font-size:28px}
}