:root{
  --bg:#f3f2ef;
  --bg2:#eeece7;
  --panel:rgba(255,255,255,.70);
  --panel2:rgba(255,255,255,.55);
  --hair:rgba(0,0,0,.08);
  --text:rgba(10,10,10,.92);
  --muted:rgba(10,10,10,.62);
  --faint:rgba(0,0,0,.10);
  --silver:rgba(90,98,110,.70);
  --silver-active:rgba(35,43,55,.82);
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  line-height:1.55;
  background:
    radial-gradient(900px 600px at 18% 10%,#fff 0%,var(--bg) 60%),
    radial-gradient(800px 520px at 85% 25%,#fbfaf8 0%,var(--bg2) 62%),
    linear-gradient(180deg,var(--bg),var(--bg2));
}

.hero-bleed{
  padding:34px 18px;
  border-bottom:1px solid var(--hair);
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.58));
}

.hero-inner{
  max-width:920px;
  margin:auto;
  padding:22px 6px;
}

.hero-center{
  display:flex;
  justify-content:center;
  text-align:center;
}

.brand-link{color:inherit;text-decoration:none;}

h1{
  font-weight:850;
  letter-spacing:.15em;
  font-size:clamp(36px,5vw,54px);
}

.wrap{
  max-width:920px;
  margin:auto;
  padding:34px 18px 70px;
}

.section{margin-top:28px;}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  padding-bottom:10px;
}

h2{
  font-size:12px;
  letter-spacing:.22em;
}

.section-hint{
  font-size:13px;
  color:var(--muted);
}

/* ABOUT FIX */
.about-text{
  font-size:13px;
  color:var(--muted);
  max-width:none;
}

/* DIVISION GROUPS */
.division-group{margin-top:22px;}
.division-label{
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:10px;
}

/* GRID: 3 per row */
.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.card{
  padding:18px;
  border-radius:14px;
  border:1px solid var(--hair);
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

.card-top{
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
}

h3{
  font-size:13px;
  letter-spacing:.22em;
}

.card p{
  font-size:14px;
  color:var(--muted);
}

.status{
  font-size:10px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid var(--faint);
  color:var(--silver);
  text-transform:uppercase;
}

.status.active{
  color:var(--silver-active);
}

/* CONTACT */
.contact-row{
  display:flex;
  justify-content:space-between;
  padding:16px 18px;
  border:1px solid var(--hair);
  border-radius:14px;
  background:linear-gradient(180deg,var(--panel),var(--panel2));
}

.contact-link,.contact-right a{
  font-size:13px;
  color:var(--text);
  text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.14);
}

/* FOOTER */
.footer{
  margin-top:36px;
  font-size:12px;
  color:rgba(0,0,0,.5);
}

.footer-line{
  height:1px;
  background:rgba(0,0,0,.08);
  margin-bottom:12px;
}

/* MOBILE */
@media(max-width:900px){
  .grid{grid-template-columns:1fr;}
  .contact-row{flex-direction:column;gap:10px;}
}