/* About Us — the blocks that exist only on this page. The page banner, the
   section furniture and the closing call to action come from page-shell.css. */

/* ===== Company profile ===== */
.bovt-about .intro-wrap{display:flex;align-items:center;gap:50px;flex-wrap:wrap}
.bovt-about .intro-img,.bovt-about .intro-text{flex:1;min-width:320px}
.bovt-about .intro-text h2{font-size:28px;font-weight:800;margin:8px 0 20px}
.bovt-about .intro-text p{color:#555;margin-bottom:16px;font-size:15px}
.bovt-about .intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.bovt-about .intro-stats > div{text-align:center;background:var(--color-brand-tint);border-radius:12px;padding:20px 10px}
.bovt-about .intro-stats h3{color:var(--color-blue);font-size:26px;font-weight:800;margin:0}
.bovt-about .intro-stats p{font-size:12.5px;color:#666;margin:4px 0 0}

/* ===== Workshop gallery ===== */
.bovt-about .workshop-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:18px}
.bovt-about .workshop-card{position:relative;border-radius:14px;overflow:hidden}
.bovt-about .workshop-card.big{grid-column:span 2;grid-row:span 2}
.bovt-about .workshop-card .media{height:100%}
.bovt-about .workshop-card img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.bovt-about .workshop-card .wc-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(13,76,156,.85));color:#fff;padding:18px 16px 14px;font-weight:700;font-size:14.5px}

/* ===== Mission / Vision / Values ===== */
.bovt-about .mvv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.bovt-about .mvv-card{background:#fff;border-radius:16px;padding:36px 28px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.06);position:relative;overflow:hidden}
.bovt-about .mvv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--color-blue),var(--color-orange))}
.bovt-about .mvv-card .media{width:70px;height:70px;margin:0 auto 20px}
.bovt-about .mvv-card img{width:70px;height:70px;border-radius:50%;border:0;object-fit:cover}
.bovt-about .mvv-card h3{font-size:19px;font-weight:800;margin:0 0 12px;color:var(--color-blue)}
.bovt-about .mvv-card p{font-size:14px;color:#666;margin:0}

/* ===== Milestones timeline ===== */
.bovt-about .timeline{position:relative;max-width:900px;margin:0 auto}
.bovt-about .timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(var(--color-blue),var(--color-orange));transform:translateX(-50%)}
.bovt-about .tl-item{position:relative;width:50%;padding:0 40px 50px}
.bovt-about .tl-item:nth-child(odd){left:0;text-align:right}
.bovt-about .tl-item:nth-child(even){left:50%;text-align:left}
.bovt-about .tl-dot{position:absolute;top:4px;width:18px;height:18px;background:var(--color-orange);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px var(--color-blue);z-index:2}
.bovt-about .tl-item:nth-child(odd) .tl-dot{right:-9px}
.bovt-about .tl-item:nth-child(even) .tl-dot{left:-9px}
.bovt-about .tl-card{background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 4px 14px rgba(0,0,0,.06);display:inline-block;text-align:left;max-width:100%}
.bovt-about .tl-year{display:inline-block;background:var(--color-blue);color:#fff;font-weight:800;font-size:14px;padding:4px 14px;border-radius:20px;margin-bottom:10px}
.bovt-about .tl-card h4{font-size:16.5px;font-weight:800;margin:0 0 8px}
.bovt-about .tl-card p{font-size:13.5px;color:#666;margin:0}

/* ===== Team ===== */
.bovt-about .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.bovt-about .team-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06);text-align:center;transition:.3s}
.bovt-about .team-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.bovt-about .tc-img{position:relative}
.bovt-about .tc-img img{width:100%;height:auto;aspect-ratio:300/320;object-fit:cover;border:0;border-radius:0}
.bovt-about .tc-img::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(13,76,156,.15));pointer-events:none}
.bovt-about .tc-body{padding:20px}
.bovt-about .team-card h4{font-size:16px;font-weight:800;margin:0 0 4px}
.bovt-about .tc-role{color:var(--color-orange);font-size:13px;font-weight:700;margin-bottom:10px;display:block}
.bovt-about .team-card p{font-size:12.5px;color:#777;margin:0}

@media (max-width:900px){
  .bovt-about .workshop-grid{grid-template-columns:repeat(2,1fr)}
  .bovt-about .workshop-card.big{grid-column:span 2;grid-row:span 1;height:280px}
  .bovt-about .mvv-grid,.bovt-about .team-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .bovt-about .timeline::before{left:14px}
  .bovt-about .tl-item,.bovt-about .tl-item:nth-child(even){width:100%;left:0;text-align:left;padding:0 0 40px 46px}
  .bovt-about .tl-item:nth-child(odd) .tl-dot,.bovt-about .tl-item:nth-child(even) .tl-dot{left:5px;right:auto}
}
@media (max-width:600px){
  .bovt-about .workshop-grid,.bovt-about .mvv-grid,.bovt-about .team-grid,.bovt-about .intro-stats{grid-template-columns:1fr}
  .bovt-about .workshop-card.big{grid-column:span 1}
}