/* ============================================================
   06 · INDUSTRIES  (4-col tile grid — light/white treatment)
   ============================================================ */
.ind{padding:clamp(72px,9vw,116px) 0}
.ind-head{max-width:560px;margin-bottom:60px}
.ind-head h2{color:var(--ink900)}
.ind-head p{color:var(--ink500)}

.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;
  padding:24px 22px 22px;border:1px solid var(--line);border-radius:8px;background:#fff;
  text-decoration:none;overflow:hidden;cursor:pointer;
  transition:transform .3s var(--ease),border-color .3s,background .3s}
.tile:hover{transform:translateY(-4px);border-color:var(--navy);background:var(--b50)}

/* sheen kept off for the light treatment (hook stays for the dark variant) */
.tile .sheen{display:none}

.tile .iw{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;
  border:1px solid var(--line);color:var(--navy);background:transparent;margin-bottom:20px;
  transition:transform .38s var(--ease),color .3s,border-color .3s,background .3s}
.tile .ico{width:22px;height:22px}
.tile:hover .iw{transform:none;background:var(--navy);border-color:var(--navy);color:#fff}

.tile .tn{font-family:Archivo;font-weight:600;font-size:17.5px;letter-spacing:-.01em;
  color:var(--ink900);transition:transform .34s var(--ease)}
.tile .tc{font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  color:var(--ink300);margin-top:9px;transition:color .3s}
.tile:hover .tn{transform:translateX(3px)}
.tile:hover .tc{color:var(--ink500)}

.tile .arw{width:16px;height:16px;color:var(--navy);position:absolute;right:22px;top:30px;
  opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .34s var(--ease)}
.tile:hover .arw{opacity:1;transform:none}

@media(max-width:1100px){
  .ind-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .tile{padding:26px 22px 24px}
}
@media(hover:none){
  .tile .arw{opacity:1;transform:none}
  .tile:active{transform:translateY(-2px);border-color:var(--navy)}
}