/* ---------- sectors card row (light, photo-background cards) ---------- */
.sectors-section{padding:32px 0 72px; background:var(--paper); border-bottom:1px solid var(--line);}
.sectors-section .eyebrow{color:var(--accent);}
.sectors-top{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; flex-wrap:wrap; gap:20px;}
.sectors-top h2{color:var(--ink); font-size:clamp(24px,2.8vw,34px); font-weight:600; margin-top:14px;}

.sectors-grid{
  display:grid; grid-template-columns:repeat(7,1fr); gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.sector-card{
  position:relative; display:block;
  aspect-ratio:3/4; overflow:hidden;
  background:var(--card);
}
.sector-card img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s ease;
}
.sector-card:hover img{transform:scale(1.08);}
.sector-card::before{
  content:"";
  position:absolute; inset:0;
  background:var(--accent);
  mix-blend-mode:color;
  opacity:.5;
  transition:opacity .3s ease;
}
.sector-card:hover::before{opacity:.2;}
.sector-card::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(18,24,31,.95) 0%, rgba(18,24,31,.25) 60%, rgba(18,24,31,.05) 100%);
}
.sector-card-content{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  padding:18px 16px;
}
.sector-card-content h3{
  color:#fff; font-size:14.5px; font-weight:600; line-height:1.25;
  margin-bottom:14px;
}
.sector-learn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Satoshi',monospace; font-size:10px;
  letter-spacing:.05em; text-transform:uppercase;
  color:rgba(247,248,246,.85);
}
.sector-learn .arrow-circle{
  width:24px; height:24px; flex:none;
  border:1px solid rgba(247,248,246,.5); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s, border-color .2s;
}
.sector-learn .arrow-circle svg{width:11px; height:11px;}
.sector-card:hover .arrow-circle{background:var(--accent); border-color:var(--accent);}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .sectors-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:640px){
  .sectors-grid{grid-template-columns:repeat(2,1fr);}
  .sector-card{aspect-ratio:1/1;}
}