/* ================================================================
   Industry Page — Styles specific to industry detail pages
   Shared styles (section.block, .lab, h2.st, .st-head, .btn, etc.)
   live in redesign.css. CTA styles live in service.css.
   ================================================================ */

/* Hero — industry-page variant (same aurora, grid layout with market card) */
.ind-hero{position:relative;overflow:hidden;isolation:isolate;padding:48px 0 0;border-bottom:1px solid var(--line)}
.ind-hero::before{content:'';position:absolute;inset:-30%;z-index:-2;background:
  radial-gradient(circle at 20% 30%,rgba(255,184,0,.55),transparent 45%),
  radial-gradient(circle at 82% 28%,rgba(0,184,107,.50),transparent 45%),
  radial-gradient(circle at 78% 78%,rgba(61,91,255,.55),transparent 45%),
  radial-gradient(circle at 25% 80%,rgba(255,77,31,.50),transparent 45%);
  animation:aurora 24s ease-in-out infinite alternate;transform:translateZ(0)}
.ind-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.5) 60%,rgba(255,255,255,.9) 100%)}
@media(prefers-reduced-motion:reduce){.ind-hero::before{animation:none}}

.ind-hero .hero-in{padding-top:56px;padding-bottom:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:end;position:relative}
.ind-hero .eye{font-family:var(--fm);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pop-1);display:inline-flex;align-items:center;gap:10px;margin-bottom:28px}
.ind-hero .eye::before{content:'';width:28px;height:1px;background:currentColor}
.ind-hero h1{font-family:var(--fs);font-weight:400;font-size:clamp(52px,7vw,104px);line-height:1.02;letter-spacing:-.025em;margin:0 0 28px;max-width:14ch}
.ind-hero h1 em{font-style:italic;font-weight:500;background:linear-gradient(120deg,var(--pop-1),var(--pop-2) 40%,var(--pop-3) 70%,var(--pop-4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ind-hero .hero-lead{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:54ch;margin:0 0 36px}
.ind-hero .hero-act{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
@media(max-width:1000px){.ind-hero .hero-in{grid-template-columns:1fr;gap:40px}}

/* Market-context right panel */
.market{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:24px}
.market h4{font-family:var(--fs);font-size:20px;font-weight:500;margin:0;letter-spacing:-.01em}
.market .kpi{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.market .kpi:first-of-type{border-top:none;padding-top:8px}
.market .kpi .n{font-family:var(--fs);font-size:44px;font-weight:500;line-height:.95;letter-spacing:-.02em}
.market .kpi:nth-of-type(1) .n{color:var(--pop-1)}
.market .kpi:nth-of-type(2) .n{color:var(--pop-3)}
.market .kpi:nth-of-type(3) .n{color:var(--pop-4)}
.market .kpi .d{font-size:13px;color:var(--muted);line-height:1.4}
.market .src{font-family:var(--fm);font-size:10px;color:var(--muted);letter-spacing:.1em;padding-top:16px;border-top:1px solid var(--line)}

/* Image strip */
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;height:240px;margin-top:24px;border-top:1px solid var(--line)}
.strip .t{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:20px;color:#fff;font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:flex 0.5s ease}
.strip .t::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}
.strip .t::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.65) 100%)}
.strip .t>span{position:relative;z-index:1}
.strip .t:hover::before{transform:scale(1.08)}
.strip .t:nth-child(1)::before{background:linear-gradient(135deg,#FF8C42,#FF4D1F)}
.strip .t:nth-child(2)::before{background:linear-gradient(135deg,#00B86B,#005F37)}
.strip .t:nth-child(3)::before{background:linear-gradient(135deg,#3D5BFF,#1A2B99)}
.strip .t:nth-child(4)::before{background:linear-gradient(135deg,#FFB800,#D67A00)}
.strip .t:nth-child(5)::before{background:linear-gradient(135deg,#E83E8C,#8C1846)}
.strip .t:nth-child(6)::before{background:linear-gradient(135deg,#00C4B4,#006E66)}
@media(max-width:1000px){.strip{grid-template-columns:repeat(3,1fr);height:200px}.strip .t:nth-child(n+4){display:none}}

/* Challenges */
.challenges{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ch{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:32px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}
.ch .num{font-family:var(--fs);font-style:italic;font-size:56px;font-weight:400;line-height:.9;letter-spacing:-.03em}
.ch:nth-child(1) .num{background:linear-gradient(135deg,var(--pop-1),var(--pop-5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ch:nth-child(2) .num{background:linear-gradient(135deg,var(--pop-3),var(--pop-4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ch:nth-child(3) .num{background:linear-gradient(135deg,var(--pop-2),var(--pop-1));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ch:nth-child(4) .num{background:linear-gradient(135deg,var(--pop-4),var(--pop-5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ch h3{font-family:var(--fs);font-weight:500;font-size:24px;letter-spacing:-.01em;margin:0 0 10px;line-height:1.15}
.ch p{color:var(--muted);font-size:14px;margin:0 0 16px;line-height:1.5}
.ch .solve{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pop-3);display:inline-flex;align-items:center;gap:8px}
.ch .solve::before{content:'\2192'}
@media(max-width:900px){.challenges{grid-template-columns:1fr}}

/* Capabilities tailored */
.caps-tight{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cap-t{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:8px;min-height:140px;transition:all .2s}
.cap-t:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(0,0,0,.15)}
.cap-t:nth-child(4n+1){border-left:3px solid var(--pop-1)}
.cap-t:nth-child(4n+2){border-left:3px solid var(--pop-2)}
.cap-t:nth-child(4n+3){border-left:3px solid var(--pop-3)}
.cap-t:nth-child(4n){border-left:3px solid var(--pop-4)}
.cap-t h4{font-family:var(--fs);font-weight:500;font-size:18px;margin:0;letter-spacing:-.01em;line-height:1.15}
.cap-t p{font-size:13px;color:var(--muted);margin:0;flex:1}
@media(max-width:900px){.caps-tight{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.caps-tight{grid-template-columns:1fr}}

/* Work grid */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wcard{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:all .25s;cursor:pointer}
.wcard:hover{transform:translateY(-4px);box-shadow:0 20px 40px -20px rgba(0,0,0,.2)}
.wcard-img{aspect-ratio:16/11;position:relative;overflow:hidden}
.wcard-img::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}
.wcard:hover .wcard-img::before{transform:scale(1.05)}
.wcard:nth-child(1) .wcard-img::before{background:linear-gradient(135deg,#FFB800,#FF4D1F)}
.wcard:nth-child(2) .wcard-img::before{background:linear-gradient(135deg,#00B86B,#3D5BFF)}
.wcard:nth-child(3) .wcard-img::before{background:linear-gradient(135deg,#E83E8C,#FF4D1F)}
.wcard:nth-child(4) .wcard-img::before{background:linear-gradient(135deg,#3D5BFF,#0F1115)}
.wcard:nth-child(5) .wcard-img::before{background:linear-gradient(135deg,#FFB800,#00B86B)}
.wcard:nth-child(6) .wcard-img::before{background:linear-gradient(135deg,#FF4D1F,#E83E8C)}
.wcard-img .badge{position:absolute;top:14px;left:14px;padding:4px 10px;background:rgba(0,0,0,.7);color:#fff;font-family:var(--fm);font-size:10px;letter-spacing:.1em;border-radius:3px;z-index:1}
.wcard-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:10px}
.wcard-body h4{font-family:var(--fs);font-weight:500;font-size:20px;letter-spacing:-.01em;margin:0;line-height:1.15}
.wcard-client{font-family:var(--fm);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.wcard-metric{font-size:14px;color:var(--ink-2);margin:6px 0 0}
.wcard-metric strong{background:linear-gradient(120deg,var(--pop-1),var(--pop-5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.wcard-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px}
.wcard-tags span{font-family:var(--fm);font-size:10px;padding:3px 8px;background:var(--bg);border:1px solid var(--line);border-radius:3px;letter-spacing:.06em;color:var(--ink-2)}
@media(max-width:900px){.wgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wgrid{grid-template-columns:1fr}}

/* Logo row */
.logos-strip{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--paper);margin-top:64px}
.logos-strip .lb{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);min-width:220px}
.logos-strip .set{display:flex;gap:44px;flex-wrap:wrap;flex:1;justify-content:space-around;align-items:center}
.logos-strip .set span{font-family:var(--fs);font-style:italic;font-size:22px;opacity:.55;transition:all .2s}
.logos-strip .set span:hover{opacity:1;color:var(--pop-1)}
.logos-strip .set span:nth-child(3n):hover{color:var(--pop-4)}
.logos-strip .set span:nth-child(3n+1):hover{color:var(--pop-3)}

/* Testimonial */
.testy{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:56px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.testy blockquote{font-family:var(--fs);font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.3;letter-spacing:-.015em;margin:0;font-style:italic;color:var(--ink-2)}
.testy blockquote::before{content:'\201C';font-size:3em;line-height:0;vertical-align:-.3em;color:var(--pop-1);margin-right:6px}
.testy .who{text-align:right;font-family:var(--fm);font-size:13px;line-height:1.6}
.testy .who strong{display:block;font-family:var(--fs);font-size:20px;font-weight:500;color:var(--ink);letter-spacing:-.01em;font-style:normal}
.testy .who .org{color:var(--muted);margin-top:4px}
.testy .stars{color:var(--pop-2);letter-spacing:3px;font-size:18px;margin-top:10px}
@media(max-width:900px){.testy{grid-template-columns:1fr;padding:36px}.testy .who{text-align:left}}