:root{
      --bg:#ffffff;
      --text:#102017;
      --muted:#4b5a52;
      --card:#f7f9f7;
      --border:#e3e9e5;
      --brand:#c51f2a;
      --brand-2:#8f1720;
      --ink:#1a1a1a;
      --shadow:0 10px 30px rgba(0,0,0,.08);
      --radius:16px;
      --radius-sm:12px;
      --max:1120px;
      --gap:22px;
    }
    *{box-sizing:border-box}
    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
    a{color:inherit}
    html{scroll-behavior:smooth}

    .top{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--border)}
    .top-inner{max-width:var(--max);margin:auto;padding:12px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between}
    .brand{display:flex;gap:10px;align-items:center}
    .logo-img {
    width: auto;
    height: 40px;
    border-radius: 10px;
}
    .brand h1{margin:0;font-size:14px}
    .brand small{display:block;color:var(--muted);font-size:12px}

    .nav{display:flex;gap:8px;flex-wrap:wrap}
    .nav a{font-size:13px;font-weight:800;text-decoration:none;padding:8px 10px;border-radius:999px}
    .nav a:hover{background:#f5f5f5}

    .page-context {
      max-width: var(--max);
      margin: 0 auto;
      padding: 8px 18px 14px;
    }

    .page-context h1 {
      margin: 0;
      font-size: 14px;
      font-weight: 900;
      letter-spacing: .02em;
    }

    .hamburger {
      display: none;
      padding: 15px;
      cursor: pointer;
      background: transparent;
      border: none;
    }

    .hamburger-box {
      width: 30px;
      height: 24px;
      display: inline-block;
      position: relative;
    }

    .hamburger-inner {
      display: block;
      top: 50%;
      margin-top: -2px;
      width: 30px;
      height: 4px;
      background-color: var(--ink);
      border-radius: 4px;
      position: absolute;
      transition-property: transform;
      transition-duration: 0.15s;
      transition-timing-function: ease;
    }

    .hamburger-inner::before,
    .hamburger-inner::after {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      background-color: var(--ink);
      border-radius: 4px;
      position: absolute;
      transition-property: transform;
      transition-duration: 0.15s;
      transition-timing-function: ease;
    }

    .hamburger-inner::before {
      top: -10px;
    }

    .hamburger-inner::after {
      bottom: -10px;
    }

    .mobile-nav {
      display: none;
      flex-direction: column;
      background-color: #fff;
      border-bottom: 1px solid var(--border);
      padding: 10px 0;
    }

    .mobile-nav a {
      padding: 10px 20px;
      text-decoration: none;
      color: var(--text);
      font-weight: 800;
    }

    .mobile-nav.is-active {
      display: flex;
    }

    .wrap{max-width:var(--max);margin:auto;padding:0 18px 80px}
    .section{padding:72px 0;scroll-margin-top:90px}
    .kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--brand)}
    h2{margin:12px 0 16px;font-size:clamp(28px,3.4vw,38px);line-height:1.15}
    p{color:var(--muted);max-width:80ch}

    /* HERO */
    .hero{padding:56px 0}
    .hero-grid{align-items: start;display:grid;grid-template-columns:1.25fr .75fr;gap:var(--gap)}
    .hero-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
    .hero-content{padding:34px}
    .hero-title{font-size:clamp(34px,4.4vw,48px);font-weight:900;line-height:1.08}
    .hero-quote{margin-top:18px;padding:16px 18px;border-left:4px solid var(--brand);background:#fafafa;font-weight:900;color:#333}
    .hero-actions{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
    .btn{border:1px solid var(--border);border-radius:999px;padding:12px 18px;font-weight:900;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
    .btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}
    .hero-video {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.video-caption {
  padding: 16px 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: #fafafa;
  font-size: 14px;
}

.video-caption strong {
  display: block;
  margin-bottom: 4px;
  font-weight: 900;
}



.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}


    .hero-images{display:grid;grid-template-rows:1fr auto;gap:12px}
    .img-placeholder{border:1px dashed var(--border);border-radius:var(--radius);background:#fafafa;display:grid;place-items:center;font-weight:900;color:#777;text-align:center;padding:16px}
    .img-placeholder img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: var(--radius);
    }
    .img-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .img-sm{min-height:120px;border-radius:var(--radius-sm)}

    .stats{margin-top:26px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
    .stats-inner{display:grid;grid-template-columns:repeat(4,1fr)}
    .stat{padding:18px;text-align:center;background:#fff;border-right:1px solid var(--border)}
    .stat:last-child{border-right:none}
    .stat b{font-size:22px}
    .stat span{display:block;font-size:12px;color:var(--muted);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.stats-strip {
  width: 100%;
  background: #fafafa;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.stats-strip-inner {
  max-width: var(--max);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.stats-strip .stat {
  padding: 28px 18px;
  text-align: center;
  border-right: 1px solid var(--border);
  background: transparent;
}

.stats-strip .stat:last-child {
  border-right: none;
}

.stats-strip b {
  display: block;
  font-size: 28px;
  font-weight: 900;
}

.stats-strip span {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 900;
  color: var(--muted);
}

@media (max-width: 900px) {
  .stats-strip-inner {
    grid-template-columns: 1fr 1fr;
  }
}

    /* GENERIC */
    .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
    .card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--card)}

    /* VALUES */
    .values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
    details{border:1px solid var(--border);border-radius:14px;padding:16px;background:#fff}
    details summary{cursor:pointer;font-weight:900}
    details p{margin-top:10px}

    /* LIFE */
    .life-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}

    /* JOBS */
    .jobs-controls{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
    select{padding:10px 12px;border-radius:12px;border:1px solid var(--border);font-weight:800}
    .jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .job{border:1px solid var(--border);border-radius:var(--radius);background:#fff;display:flex;flex-direction:column}
    .job-head{padding:14px;border-bottom:1px solid var(--border)}
    .job-title{margin:0;font-weight:900}
    .job-body{padding:14px;flex:1}
    .job-desc{font-size:13px;font-weight:700;color:var(--muted)}
    .job-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}

    dialog{border:none;border-radius:18px;max-width:860px;width:calc(100% - 24px);box-shadow:0 30px 80px rgba(0,0,0,.25)}
    dialog::backdrop{background:rgba(0,0,0,.55)}
    .modal-top{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}
    .modal-body{padding:16px}
    .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .panel{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--card)}
    .modal-actions{padding:0 16px 16px;display:flex;justify-content:flex-end;gap:10px}

    @media(max-width:980px){
      .hero-grid,.grid-2,.cards,.values,.life-cards,.jobs-grid,.cols{grid-template-columns:1fr}
      .stats-inner{grid-template-columns:1fr 1fr}
      .nav { display: none; }
      .hamburger { display: block; }
    }
footer {
    background-color: var(--card);
    border-top: 1px solid var(--border);
    padding: 20px 0;
    text-align: center;
    margin-top: 40px;
}

footer p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    max-width: none;
}

.close-button {
  background: transparent;
  border: none;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  color: #888;
  padding: 0;
  font-weight: 600;
}

.close-button:hover {
  color: #000;
}