/* ABOUT PAGE — ported from 06-page-about.html */
.bv-about * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Barlow', sans-serif; }
.bv-about .bv-sec { padding: 3.5rem 3rem; }
.bv-about .bv-sec-alt { background: #F3F1EB; }
.bv-about .bv-slbl { font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: #9FE1CB; font-weight: 500; margin-bottom: 0.6rem; }
.bv-about .bv-sh { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(26px, 4vw, 38px); font-weight: 700; text-transform: uppercase; line-height: 1; margin-bottom: 0.75rem; color: #085041; }

/* HERO RIBBON */
.bv-about-hero { background: #085041; padding: 4rem 3rem; }
.bv-about-hero .bv-slbl { color: #9FE1CB; }
.bv-about-hh { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(46px, 7vw, 68px); font-weight: 900; text-transform: uppercase; line-height: 0.93; color: #fff; margin-bottom: 1.5rem; }
.bv-about-hh em { color: #9FE1CB; font-style: normal; }
.bv-about-body { font-size: 15px; color: rgba(255,255,255,0.72); line-height: 1.75; max-width: 620px; }
.bv-about-body p { margin-bottom: 1rem; }
.bv-about-body p:last-child { margin-bottom: 0; }

/* LOCATION */
.bv-loc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 1.75rem; }
.bv-loc-card { background: #fff; border: 0.5px solid rgba(0,0,0,0.1); border-radius: 12px; padding: 1.5rem; }
.bv-loc-title { font-weight: 500; font-size: 14px; color: #085041; margin-bottom: 0.6rem; }
.bv-loc-body { font-size: 13px; color: #5A5A5A; line-height: 1.8; }
.bv-loc-phone { font-size: 16px; color: #1D9E75; font-weight: 500; text-decoration: none; display: inline-block; margin-top: 4px; }
.bv-loc-phone:hover { color: #085041; }

/* MAP */
.bv-about .bv-map-frame { margin-top: 1.75rem; border-radius: 12px; overflow: hidden; border: 0.5px solid rgba(0,0,0,0.1); position: relative; width: 100%; height: 0; padding-bottom: 45%; }
.bv-about .bv-map-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

/* DRIVING DISTANCES */
.bv-dir-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.75rem; }
.bv-dir { background: #fff; border: 0.5px solid rgba(0,0,0,0.1); border-radius: 10px; padding: 1.1rem; }
.bv-dir-from { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #1D9E75; font-weight: 600; margin-bottom: 4px; }
.bv-dir-city { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #085041; margin-bottom: 4px; }
.bv-dir-detail { font-size: 12px; color: #5A5A5A; line-height: 1.55; }

@media (max-width: 680px) {
  .bv-loc-grid { grid-template-columns: 1fr; }
  .bv-dir-grid { grid-template-columns: 1fr; }
  .bv-about-hero, .bv-about .bv-sec { padding: 2.5rem 1.5rem; }
}