/* METAIAM industry.css — shared template for the 8 Industries pages. */
.hero{height:100svh;min-height:640px;position:relative;overflow:hidden;background:var(--bg)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos,50% 35%)}
.hero:after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(2,6,13,.6) 0%,rgba(2,6,13,0) 17%),
  linear-gradient(0deg,rgba(2,6,13,.92) 0%,rgba(2,6,13,.55) 26%,rgba(2,6,13,0) 52%),
  linear-gradient(90deg,rgba(2,6,13,.45) 0%,rgba(2,6,13,0) 40%)}
.hero-copy{position:absolute;z-index:2;left:5%;bottom:10%;max-width:min(760px,62vw)}
.hero h1{font-size:clamp(46px,5.6vw,84px);line-height:1.02;font-weight:300;letter-spacing:-.025em}
.hero p{margin-top:18px;font-size:clamp(19px,1.6vw,26px);line-height:1.35;color:var(--ink2);font-weight:300}
.hero-index{position:absolute;z-index:2;right:5%;bottom:10%;display:grid;gap:10px;font:400 10px/1.6 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#dce9f5}
.hero-index a{opacity:.78;transition:opacity .2s} .hero-index a:hover{opacity:1}
.hero-index span{display:inline-block;width:2.6em;opacity:.55}

.statement{background:var(--bg);padding:11vw 5vw 10vw;border-top:1px solid var(--hp-line)}
.statement-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:end}
.statement p{color:var(--ink3);max-width:540px}

.split{display:grid;grid-template-columns:1fr 1.14fr}
.split.rev{grid-template-columns:1.14fr 1fr}
.split .copy{display:flex;flex-direction:column;justify-content:center;padding:8vw 6vw}
.split .media{position:relative;overflow:hidden;min-width:0;min-height:39.9vw} /* 4:3 of the 1.14fr column */
.split .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.split .sub{margin-top:18px;max-width:560px}
.solution-list{margin-top:38px;border-top:1px solid currentColor;padding-top:6px;display:grid;font-size:15px;font-weight:300;max-width:560px}
.solution-list a{display:flex;justify-content:space-between;gap:24px;padding:11px 0;transition:opacity .2s}
.solution-list a:hover{opacity:.62}
.solution-list a::after{content:"\2192"}
.light{background:var(--paper);color:var(--text)} .light .sub{color:#46576a} .light .solution-list{border-color:rgba(19,34,53,.24)}
.white{background:var(--paper2);color:var(--text)} .white .sub{color:#566375} .white .solution-list{border-color:rgba(19,34,53,.22)}
.dark{background:var(--navy);color:#f4f7fb} .dark .sub{color:#d3deea} .dark .solution-list{border-color:rgba(220,232,247,.24)}
.rev .media{order:1} .rev .copy{order:2}

.matrix{background:var(--paper3);color:var(--text);padding:9vw 5vw 8vw}
.matrix-head{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:end;margin-bottom:3.6vw}
.matrix-head p{color:var(--muted);max-width:540px;justify-self:end}
.matrix-wrap{border-top:1px solid rgba(19,34,53,.18);border-bottom:1px solid rgba(19,34,53,.18);background:rgba(255,255,255,.45)}
.matrix-table{width:100%;border-collapse:collapse}
.matrix-table th,.matrix-table td{padding:20px 18px;vertical-align:top;text-align:left;border-bottom:1px solid rgba(19,34,53,.14)}
.matrix-table th{font:400 11px/1.5 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#536276;background:rgba(255,255,255,.55)}
.matrix-table td{font-size:15px;line-height:1.55;color:#213244;font-weight:300}
.matrix-table td:first-child{width:22%;font-size:18px;line-height:1.25;color:#132235}
.matrix-table td:nth-child(2){width:44%}
.matrix-table tr:last-child td{border-bottom:none}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-block;padding:6px 12px;border:1px solid rgba(19,34,53,.22);border-radius:16px;font-size:13px;line-height:1.3;color:#1f3450;background:#fff;transition:border-color .2s,background .2s}
.chips a:hover{border-color:#132235;background:#f7f9fb}

.facts{background:var(--navy);color:var(--ink);padding:9vw 5vw}
.facts .t1{max-width:860px}
.facts-grid{margin-top:5vw;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(220,232,247,.22)}
.fact{padding:28px 3vw 0 0}
.fact + .fact{padding-left:3vw;border-left:1px solid rgba(220,232,247,.14)}
.fact h3{font-size:clamp(19px,1.5vw,22px);line-height:1.3;font-weight:400}
.fact p{margin-top:12px;font-size:15px;line-height:1.6;font-weight:300;color:#b9c7d6;max-width:360px}

.cta{background:#fff;color:var(--text);padding:8vw 5vw 7vw} .cta-inner{max-width:1050px}
.cta .t2{margin-top:18px;max-width:720px;color:#46576a}
.more{margin-top:7vw;padding-top:26px;border-top:1px solid rgba(19,34,53,.14)}
.more .kicker{color:#536276}
.more-list{display:flex;flex-wrap:wrap;gap:12px 34px;font-size:15px;font-weight:300;color:#213244}
.more-list a:hover{color:#000;text-decoration:underline;text-underline-offset:5px}

@media(max-width:900px){
  .split,.split.rev{grid-template-columns:1fr} .split .copy{order:1} .split .media{order:2}
  .split .copy{padding:14vw 6vw 10vw}
  .split .media{min-height:0;width:100%;aspect-ratio:4/3}
  .statement-inner,.matrix-head{grid-template-columns:1fr} .matrix-head p{justify-self:start}
  .facts-grid{grid-template-columns:1fr}
  .fact,.fact + .fact{padding:26px 0 28px;border-left:0;border-bottom:1px solid rgba(220,232,247,.14)}
  .matrix-table thead{display:none}
  .matrix-table,.matrix-table tbody,.matrix-table tr,.matrix-table td{display:block;width:auto!important}
  .matrix-table tr{padding:22px 4px;border-bottom:1px solid rgba(19,34,53,.14)}
  .matrix-table tr:last-child{border-bottom:0}
  .matrix-table td{padding:0;border:0}
  .matrix-table td:nth-child(2){margin-top:10px}
  .matrix-table td:nth-child(3){margin-top:16px}
}
@media(max-width:760px){
  .hero-img{object-position:var(--hero-pos-m,40% 30%)}
  .hero:after{background:linear-gradient(180deg,rgba(2,6,13,.6) 0%,rgba(2,6,13,0) 14%),linear-gradient(0deg,rgba(2,6,13,.94) 0%,rgba(2,6,13,.6) 34%,rgba(2,6,13,0) 60%)}
  .hero-copy{left:22px;right:22px;bottom:9%;max-width:none} .hero-index{display:none}
}

/* interim: product render in place of a missing photo */
.hero--product{background:radial-gradient(ellipse at 72% 46%,#18304a 0%,#0a1a2a 36%,#02060d 74%)}
.hero-device{position:absolute;right:14%;top:48%;transform:translateY(-50%);height:min(56vh,560px);width:auto;filter:drop-shadow(0 34px 60px rgba(0,0,0,.65))}
.split .media--product{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 46%,#1b3149 0%,#0b1a29 46%,#02060d 100%)}
.split .media--product img{position:static;width:auto;height:56%;max-height:520px;object-fit:contain;filter:drop-shadow(0 26px 44px rgba(0,0,0,.6))}
@media(max-width:760px){.hero-device{right:50%;top:36%;transform:translate(50%,-50%);height:36svh}}