/* ---------- sector detail hero ---------- */
.sct-hero{
  position:relative;
  min-height:380px;
  display:flex; align-items:flex-end;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.sct-hero-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  z-index:0;
}
.sct-hero::before{
  content:"";
  position:absolute; inset:0;
  background:var(--accent);
  mix-blend-mode:color;
  opacity:.4;
  z-index:1;
}
.sct-hero::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(18,24,31,.15) 0%, rgba(18,24,31,.88) 100%);
  z-index:1;
}
.sct-hero-inner{position:relative; z-index:2; padding:56px 32px 40px; width:100%;}
.sct-back{
  display:inline-block;
  color:rgba(247,248,246,.75);
  font-size:12px;
  margin-bottom:18px;
  transition:color .2s;
}
.sct-back:hover{color:#fff;}
.sct-hero-inner .eyebrow{color:var(--accent);}
.sct-hero-inner h1{
  color:#fff;
  font-size:clamp(28px,4vw,44px); font-weight:700;
  margin-top:14px; max-width:760px;
}

/* ---------- sector detail body ---------- */
.sct-detail{padding:72px 0; border-bottom:1px solid var(--line);}
.sct-detail-grid{max-width:760px;}
.sct-detail-text{font-size:17px; color:var(--ink); line-height:1.75; margin-bottom:28px;}
.sct-tags-heading{font-size:16px; font-weight:600; color:var(--ink); margin-bottom:12px;}
.sct-tags{list-style:disc; padding-left:20px;}
.sct-tags li{
  font-size:14.5px; color:var(--steel); line-height:1.9;
}

/* ---------- project photos (auto-scrolling strip) ---------- */
.sct-gallery-section{padding:0 0 72px;}
.sct-gallery-section h2{font-size:clamp(22px,2.6vw,28px); font-weight:600; margin:12px 0 28px;}

.sct-marquee-viewport{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.sct-marquee-track{
  display:flex; align-items:center; gap:14px;
  width:max-content;
  animation:sct-marquee 46s linear infinite;
}
.sct-tile{
  width:300px; height:200px; flex:none;
  border:1px solid var(--line);
  overflow:hidden;
  background:var(--card);
  cursor:pointer;
}
.sct-tile img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease;}
.sct-tile:hover img{transform:scale(1.06);}
@keyframes sct-marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (prefers-reduced-motion: reduce){
  .sct-marquee-track{animation:none !important;}
}
@media (max-width:560px){
  .sct-tile{width:220px; height:150px;}
}

/* ---------- prev/next pager ---------- */
.sct-pager{border-bottom:1px solid var(--line);}
.sct-pager-grid{display:grid; grid-template-columns:1fr 1fr;}
.sct-pager-link{padding:28px 32px; display:flex; flex-direction:column; gap:6px; transition:background .2s;}
.sct-pager-link:hover{background:var(--card);}
.sct-pager-link.prev{border-right:1px solid var(--line); align-items:flex-start; text-align:left;}
.sct-pager-link.next{align-items:flex-end; text-align:right;}
.sct-pager-link span{font-size:11px; color:var(--steel); text-transform:uppercase; letter-spacing:.08em;}
.sct-pager-link strong{font-family:'Satoshi',sans-serif; font-size:17px; font-weight:600;}

@media (max-width:560px){
  .sct-pager-grid{grid-template-columns:1fr;}
  .sct-pager-link.prev{border-right:0; border-bottom:1px solid var(--line);}
  .sct-pager-link.next{align-items:flex-start; text-align:left;}
}