/* the industry pages (tools/pages_build.py): gallery-3's dark page + text sections. 2026-10-04 */
.ind-head{align-items:flex-end}
.ind-head .h2{margin-top:18px;max-width:16ch}
.ind-note{max-width:40ch;margin:0;color:var(--on-night-2);font-size:14.5px}
.ind{padding-block:clamp(70px,11vh,140px) 0}
.ind > .h2{margin:18px 0 clamp(20px,2.6vw,32px);max-width:18ch}
.ind > .lede{margin-bottom:clamp(30px,4vw,50px)}
.ind-grid{margin-top:clamp(10px,2vw,20px)}
.ind-steps{list-style:none;margin:clamp(20px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
@media (max-width:1000px){.ind-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ind-steps{grid-template-columns:1fr}}
.ind-steps li{padding:clamp(18px,2vw,26px);border:1px solid var(--line-night);border-radius:var(--r-card);background:var(--night-2)}
.ind-steps .n{font:500 12px var(--mono);color:var(--on-night-2)}
.ind-steps h3{font:600 22px/1.1 var(--display);font-stretch:88%;letter-spacing:-.02em;margin:14px 0 8px}
.ind-steps p{margin:0;color:var(--on-night-2);font-size:15px}
.ind.faq .acc{margin-top:clamp(10px,2vw,20px)}
.ind-cta{padding-top:clamp(90px,14vh,170px)}
.ind-cta .h2{max-width:14ch}
.ind-others{margin-top:clamp(60px,9vh,100px);display:grid;gap:16px}
/* the homepage animates FAQ answers in (site.js accordions); these pages use plain <details>, so show them */
.ind .acc .body>*{opacity:1;transform:none}