.avatc,
.avatc *{box-sizing:border-box}
.avatc{
  --avatc-primary:#07383d;
  --avatc-accent:#16c7b5;
  --avatc-surface:#f5f9f8;
  --avatc-text:#0a3034;
  --avatc-muted:#6a7b7d;
  --avatc-line:rgba(7,56,61,.12);
  width:100%;
  max-width:1380px;
  margin:0 auto;
  padding:22px clamp(14px,4vw,54px) 96px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--avatc-text);
  background:#fff;
}
.avatc-hero{
  padding:clamp(36px,6vw,74px);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 18%,rgba(22,199,181,.34),transparent 27%),
    linear-gradient(135deg,var(--avatc-primary),#0a5960);
  color:#fff;
  box-shadow:0 18px 55px rgba(7,56,61,.15);
}
.avatc-eyebrow,
.avatc-group-heading span{
  display:block;
  margin-bottom:10px;
  color:var(--avatc-accent);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.avatc-hero h1{
  max-width:820px;
  margin:0;
  font-size:clamp(40px,6vw,72px);
  line-height:1;
  letter-spacing:-.06em;
  text-wrap:balance;
}
.avatc-hero p{
  max-width:760px;
  margin:17px 0 0;
  color:rgba(255,255,255,.82);
  font-size:clamp(15px,1.6vw,19px);
  line-height:1.6;
}
.avatc-search{
  width:min(720px,100%);
  margin-top:26px;
  padding:0 17px;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:17px;
  background:#fff;
  color:var(--avatc-primary);
  box-shadow:0 15px 40px rgba(0,0,0,.16);
}
.avatc-search span{font-size:26px}
.avatc-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--avatc-text);
  font:inherit;
  font-size:16px;
}
.avatc-group{padding-top:62px}
.avatc-group-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}
.avatc-group-heading h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.045em}
.avatc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.avatc-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--avatc-line);
  border-radius:23px;
  background:#fff;
  box-shadow:0 10px 32px rgba(7,56,61,.08);
  transition:transform .2s ease,box-shadow .2s ease;
}
.avatc-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(7,56,61,.14)}
.avatc-card[hidden]{display:none!important}
.avatc-image{
  position:relative;
  display:block;
  width:100%;
  height:230px;
  background-size:cover;
  background-position:center;
}
.avatc-badge{
  position:absolute;
  left:13px;
  top:13px;
  padding:8px 11px;
  border-radius:999px;
  color:#fff;
  background:rgba(7,56,61,.9);
  font-size:11px;
  font-weight:900;
}
.avatc-body{padding:17px}
.avatc-kicker{display:flex;justify-content:space-between;gap:10px;color:var(--avatc-muted);font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.avatc-body h3{margin:9px 0 7px;font-size:22px;line-height:1.15;letter-spacing:-.035em}
.avatc-body p{
  margin:0;
  color:var(--avatc-muted);
  font-size:14px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.avatc-meta{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--avatc-line);color:var(--avatc-muted);font-size:12px}
.avatc-meta strong{color:var(--avatc-primary);font-size:17px}
.avatc-button{
  width:100%;
  min-height:45px;
  margin-top:13px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  color:#fff!important;
  background:var(--avatc-primary);
  text-decoration:none!important;
  font-weight:900;
  font-size:14px;
}
.avatc-empty{margin-top:48px;padding:35px;border:1px dashed var(--avatc-line);border-radius:22px;text-align:center;background:var(--avatc-surface)}
@media(max-width:900px){
  .avatc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
}
@media(max-width:600px){
  .avatc{padding:10px 9px 90px}
  .avatc-hero{padding:33px 20px;border-radius:22px}
  .avatc-hero h1{font-size:38px}
  .avatc-hero p{font-size:14px}
  .avatc-search{min-height:52px;margin-top:20px;border-radius:14px}
  .avatc-group{padding-top:43px}
  .avatc-group-heading{margin-bottom:13px;padding:0 3px}
  .avatc-group-heading h2{font-size:29px}
  .avatc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .avatc-card{border-radius:17px}
  .avatc-image{height:142px}
  .avatc-badge{left:8px;top:8px;padding:6px 8px;font-size:9px}
  .avatc-body{padding:11px}
  .avatc-kicker{font-size:8.5px;letter-spacing:.035em}
  .avatc-body h3{margin:7px 0 6px;font-size:15px;line-height:1.18}
  .avatc-body p{font-size:11px;line-height:1.4;-webkit-line-clamp:2}
  .avatc-meta{display:grid;margin-top:9px;padding-top:9px;font-size:10px}
  .avatc-meta strong{font-size:14px}
  .avatc-button{min-height:38px;margin-top:9px;padding:8px 6px;border-radius:10px;font-size:10.5px}
}