/* Industry-facing design layer for the peer-reviewed RMIT research showcases. */
body.industry-showcase{
  --si-navy:#000054;--si-navy-2:#10106f;--si-red:#E60028;--si-ink:#10102c;
  --si-muted:#656984;--si-line:#e5e7f0;--si-bg:#f5f6fa;--si-green:#0a8f5b;
  --si-shadow:0 22px 54px -36px rgba(0,0,60,.38);
  background:var(--si-bg);color:var(--si-ink);overflow-x:hidden;
}
.si-progress{position:fixed;z-index:14000;left:0;right:0;top:0;height:3px;background:var(--si-red);transform:scaleX(0);transform-origin:left center;pointer-events:none;}
/* Match the rest of the lab: a navy sticky topbar (not a white frosted one), so the
   RMIT brand, title, Lab Home and the Learning/Host pills all read the same as every
   other page. Only the section sub-nav (.si-nav) below stays light. */
.industry-showcase .rl-topbar{position:sticky;top:0;z-index:1200;background:#000054;box-shadow:0 2px 12px rgba(0,0,40,.2);}
.industry-showcase .rl-topbar .rl-topic{color:#fff!important;opacity:1!important;}
.industry-showcase #ll-pill{left:auto!important;right:20px!important;}

/* Executive hero */
.industry-showcase .si-hero{position:relative;isolation:isolate;max-width:none!important;background:radial-gradient(900px 520px at 86% -10%,rgba(230,0,40,.34),transparent 66%),linear-gradient(135deg,#00003f 0%,#000054 56%,#14146f 100%)!important;color:#fff!important;border:0!important;box-shadow:none!important;overflow:hidden;}
.industry-showcase .si-hero::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(100deg,#000,transparent 82%);}
.industry-showcase header.si-hero{padding:74px 0 50px!important;margin:0!important;}
.industry-showcase header.si-hero .si-hero-inner{max-width:1160px!important;margin:0 auto!important;padding:0 28px!important;}
.industry-showcase .wrap>.si-hero{width:100vw;margin: -30px calc(50% - 50vw) 30px!important;padding:70px max(22px,calc((100vw - 1016px)/2)) 48px!important;box-sizing:border-box;}
.industry-showcase .si-hero-inner{position:relative;z-index:1;}
.industry-showcase .si-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;}
.industry-showcase .si-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff3659;box-shadow:0 0 0 5px rgba(230,0,40,.18);}
.industry-showcase .si-hero .badge,.industry-showcase .si-hero .rl-kick,.industry-showcase .si-hero .kicker{display:none!important;}
.industry-showcase .si-hero h1{color:#fff!important;font-family:Inter,system-ui,sans-serif!important;font-size:clamp(38px,5.4vw,66px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.01!important;max-width:18ch!important;margin:0 0 22px!important;text-align:left!important;}
.industry-showcase .si-hero h1 .hl,.industry-showcase .si-hero h1 .accent{color:#ff3155!important;}
.industry-showcase .si-hero .lead,.industry-showcase .si-hero .lede{color:rgba(255,255,255,.82)!important;font-size:clamp(16px,1.8vw,19px)!important;line-height:1.62!important;max-width:76ch!important;margin:14px 0 0!important;}
.industry-showcase .si-hero .lead b,.industry-showcase .si-hero .lede b,.industry-showcase .si-hero .lead strong,.industry-showcase .si-hero .lede strong{color:#fff!important;}
.industry-showcase .si-hero .venue,.industry-showcase .si-hero .authors{color:rgba(255,255,255,.64)!important;}
.industry-showcase .si-hero .venue a{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.4);}
.industry-showcase .si-hero .meta{margin-top:20px;}
.industry-showcase .si-hero .chip{color:#fff!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;}
.industry-showcase .si-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:920px;margin-top:28px;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.08);}
.industry-showcase .si-proof-item{min-width:0;padding:14px 16px;background:rgba(0,0,30,.16);}
.industry-showcase .si-proof-item b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.industry-showcase .si-proof-item span{display:block;margin-top:2px;color:rgba(255,255,255,.56);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.industry-showcase .si-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.industry-showcase .si-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:11px;background:#fff;color:var(--si-navy)!important;font:800 13px Inter,system-ui,sans-serif;text-decoration:none!important;transition:transform .2s,box-shadow .2s;}
.industry-showcase .si-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px rgba(0,0,0,.7);}
.industry-showcase .si-action.secondary{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.28);}
.industry-showcase .si-hero .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:32px 0 0!important;border:0!important;background:transparent!important;overflow:visible!important;}
.industry-showcase .si-hero .stat{min-width:0;padding:17px 18px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:rgba(255,255,255,.09)!important;box-shadow:none!important;}
.industry-showcase .si-hero .stat .n{color:#fff!important;font-size:clamp(23px,2.8vw,32px)!important;}
.industry-showcase .si-hero .stat .l{color:rgba(255,255,255,.58)!important;line-height:1.35;}

/* Clear section navigation */
.industry-showcase .si-nav{position:sticky;top:43px;z-index:900;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--si-line);}
.industry-showcase .wrap>.si-nav{width:100vw;margin-left:calc(50% - 50vw);}
.industry-showcase .si-nav-inner{max-width:1160px;margin:0 auto;padding:0 28px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;}
.industry-showcase .si-nav-inner::-webkit-scrollbar{display:none;}
.industry-showcase .si-nav a{flex:none;padding:14px 13px;color:var(--si-muted);font:700 12.5px Inter,system-ui,sans-serif;text-decoration:none;border-bottom:2px solid transparent;}
.industry-showcase .si-nav a:hover{color:var(--si-navy);border-bottom-color:var(--si-red);}

/* Existing evidence becomes a polished portfolio surface */
.industry-showcase .panel,.industry-showcase .plate{border:1px solid var(--si-line)!important;border-radius:22px!important;box-shadow:var(--si-shadow)!important;background:#fff!important;}
.industry-showcase .panel{padding:clamp(18px,2.6vw,28px)!important;margin-top:28px!important;}
.industry-showcase .plate{overflow:hidden;}
.industry-showcase .phead h2,.industry-showcase .sec-h{color:var(--si-navy)!important;letter-spacing:-.025em!important;}
.industry-showcase .phead h2{font-size:clamp(19px,2.4vw,24px)!important;}
.industry-showcase .sec-h{font-size:clamp(27px,3.6vw,40px)!important;}
.industry-showcase .sec-k{color:var(--si-red)!important;}
.industry-showcase .find,.industry-showcase .step,.industry-showcase .fnd{height:100%;border-radius:16px!important;border-color:var(--si-line)!important;background:#f8f9fc!important;}
.industry-showcase .grid2,.industry-showcase .finds,.industry-showcase .steps{align-items:stretch;}
.industry-showcase .mapwrap{border-radius:18px!important;border-color:var(--si-line)!important;box-shadow:inset 0 0 0 1px rgba(0,0,84,.015);}
.industry-showcase .controls{padding:12px 0 2px;}
.industry-showcase .readout{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;}
.industry-showcase .readout .r{min-width:0;padding:12px 13px;border:1px solid var(--si-line);border-radius:13px;background:#f8f9fc;}
.industry-showcase .barrow .track{height:18px!important;}
.industry-showcase figure,.industry-showcase .plate .frame{position:relative;}
.industry-showcase figure img,.industry-showcase .plate img{transition:transform .35s ease;}
.industry-showcase figure:hover img,.industry-showcase .plate:hover img{transform:scale(1.008);}
.industry-showcase .si-figure-open{position:absolute;z-index:3;right:14px;top:14px;min-height:38px;border:1px solid rgba(0,0,84,.14);border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.94);color:var(--si-navy);font:800 11px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 22px -14px rgba(0,0,60,.55);}

/* Flagship COVID scenario explorer */
.industry-showcase .si-covid{max-width:1160px;margin:30px auto;padding:0 28px;}
.industry-showcase .si-covid-card{padding:clamp(20px,3vw,32px);border:1px solid var(--si-line);border-radius:24px;background:#fff;box-shadow:var(--si-shadow);}
.industry-showcase .si-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px;}
.industry-showcase .si-section-head .ey{color:var(--si-red);font:800 11px Inter,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;}
.industry-showcase .si-section-head h2{margin:6px 0 0;color:var(--si-navy);font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;line-height:1.08;}
.industry-showcase .si-scenario-controls{display:flex;flex-wrap:wrap;gap:8px;}
.industry-showcase .si-scenario-controls button{min-height:40px;border:1px solid var(--si-line);border-radius:10px;padding:9px 13px;background:#fff;color:var(--si-navy);font:800 12px Inter,system-ui,sans-serif;cursor:pointer;}
.industry-showcase .si-scenario-controls button[aria-pressed="true"]{background:var(--si-navy);border-color:var(--si-navy);color:#fff;}
.industry-showcase .si-covid-flow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:24px;align-items:center;}
.industry-showcase .si-covid-flow svg{display:block;width:100%;height:auto;overflow:visible;}
.industry-showcase .si-flow-base{fill:none;stroke:#dfe2ee;stroke-width:4;stroke-linecap:round;}
.industry-showcase .si-flow-live{fill:none;stroke:var(--si-red);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:75;transition:stroke-dashoffset .6s cubic-bezier(.2,.9,.25,1);}
.industry-showcase .si-flow-node circle{fill:#fff;stroke:#cfd3e4;stroke-width:2;transition:fill .3s,stroke .3s;}
.industry-showcase .si-flow-node text{font:800 10px Inter,system-ui,sans-serif;fill:var(--si-muted);text-anchor:middle;}
.industry-showcase .si-flow-node .letter{font-size:13px;fill:var(--si-navy);dominant-baseline:middle;}
.industry-showcase .si-flow-node.active circle{fill:var(--si-navy);stroke:var(--si-red);stroke-width:4;}
.industry-showcase .si-flow-node.active .letter{fill:#fff;}
.industry-showcase .si-flow-token{transform-box:view-box;transform-origin:0 0;transition:transform .62s cubic-bezier(.2,.9,.25,1);}
.industry-showcase .si-flow-token circle{fill:var(--si-red);stroke:#fff;stroke-width:4;filter:drop-shadow(0 7px 8px rgba(230,0,40,.3));}
.industry-showcase .si-scenario-detail{min-height:184px;padding:20px;border-left:4px solid var(--si-red);border-radius:4px 16px 16px 4px;background:#f7f8fc;}
.industry-showcase .si-scenario-detail .state{font:800 10px Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--si-red);}
.industry-showcase .si-scenario-detail h3{margin:8px 0 8px;color:var(--si-navy);font-size:20px;letter-spacing:-.02em;}
.industry-showcase .si-scenario-detail p{margin:0;color:var(--si-muted);font-size:14px;line-height:1.6;}
.industry-showcase .si-scenario-detail .decision{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--si-line);color:var(--si-ink);font-size:13px;}

/* Industry relevance and navigation to adjacent work */
.industry-showcase .si-industry{max-width:1060px!important;margin:34px auto!important;padding:clamp(22px,3.2vw,36px)!important;border:0!important;border-radius:24px;background:linear-gradient(135deg,#000054,#151575)!important;color:#fff;box-shadow:0 28px 70px -42px rgba(0,0,60,.72);}
.industry-showcase .wrap>.si-industry{max-width:none!important;}
.industry-showcase .si-industry .ey{font:800 11px Inter,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#ff6a83;}
.industry-showcase .si-industry h2{margin:8px 0 8px;color:#fff!important;font-size:clamp(26px,3.5vw,38px);letter-spacing:-.035em;}
.industry-showcase .si-industry .intro{max-width:76ch;color:rgba(255,255,255,.72);font-size:15px;}
.industry-showcase .si-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;}
.industry-showcase .si-impact{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.07);}
.industry-showcase .si-impact span{display:block;color:#ff8fa2;font:800 10px Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;}
.industry-showcase .si-impact h3{margin:8px 0 7px;color:#fff;font-size:16px;}
.industry-showcase .si-impact p{margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.55;}
.industry-showcase .si-collab{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);}
.industry-showcase .si-collab p{margin:0;max-width:66ch;color:rgba(255,255,255,.78);font-size:13.5px;}
.industry-showcase .si-collab-actions{display:flex;gap:8px;flex-wrap:wrap;}
.industry-showcase .si-collab a{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border-radius:10px;background:#fff;color:var(--si-navy)!important;font:800 12px Inter,system-ui,sans-serif;text-decoration:none!important;}
.industry-showcase .si-collab a.secondary{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.25);}
.industry-showcase .si-related{max-width:1060px;margin:36px auto 42px;padding:0 22px;}
.industry-showcase .si-related h2{color:var(--si-navy);font-size:22px;letter-spacing:-.025em;}
.industry-showcase .si-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px;}
.industry-showcase .si-related a{display:flex;min-height:126px;flex-direction:column;justify-content:space-between;padding:17px;border:1px solid var(--si-line);border-radius:16px;background:#fff;color:var(--si-navy)!important;text-decoration:none!important;box-shadow:var(--si-shadow);transition:transform .2s,border-color .2s;}
.industry-showcase .si-related a:hover{transform:translateY(-3px);border-color:var(--si-navy);}
.industry-showcase .si-related a span{color:var(--si-red);font:800 10px Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;}
.industry-showcase .si-related a b{font-size:15px;line-height:1.35;}

/* Full-screen evidence viewing */
.si-lightbox{width:min(1180px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:46px 18px 18px;border:0;border-radius:18px;background:#fff;box-shadow:0 38px 100px -30px rgba(0,0,30,.8);}
.si-lightbox::backdrop{background:rgba(0,0,30,.76);backdrop-filter:blur(6px);}
.si-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 110px);margin:auto;object-fit:contain;}
.si-lightbox .close{position:absolute;right:12px;top:10px;min-height:32px;border:0;border-radius:9px;padding:7px 11px;background:#eef0f6;color:#000054;font:800 12px Inter,system-ui,sans-serif;cursor:pointer;}

@media(max-width:820px){
  .industry-showcase header.si-hero{padding:56px 0 38px!important;}
  .industry-showcase .si-proof,.industry-showcase .si-impact-grid,.industry-showcase .si-related-grid{grid-template-columns:1fr;}
  .industry-showcase .si-hero .stats,.industry-showcase .readout{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .industry-showcase .si-covid-flow{grid-template-columns:1fr;}
  .industry-showcase .si-scenario-detail{min-height:0;}
}
@media(max-width:520px){
  .industry-showcase #ll-pill{display:none!important;}
  .industry-showcase .si-hero h1{font-size:36px!important;}
  .industry-showcase .si-proof{grid-template-columns:1fr;}
  .industry-showcase .si-hero .stats,.industry-showcase .readout{grid-template-columns:1fr 1fr!important;}
  .industry-showcase .si-nav{top:41px;}
  .industry-showcase .si-nav-inner,.industry-showcase header.si-hero .si-hero-inner,.industry-showcase .si-covid{padding-left:16px!important;padding-right:16px!important;}
  .industry-showcase .si-scenario-controls button{flex:1 1 44%;}
  .industry-showcase .si-flow-node text:not(.letter){display:none;}
}
@media(prefers-reduced-motion:reduce){.industry-showcase *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

/* ============ WHITE + RED showcase hero (replaces the navy) + box alignment · 2026-07 ============ */
.industry-showcase .si-hero{background-color:#ffffff!important;background-image:radial-gradient(560px 380px at 8% -6%,rgba(230,0,40,.10),transparent 60%),radial-gradient(620px 440px at 94% 2%,rgba(0,0,84,.09),transparent 62%),radial-gradient(520px 380px at 58% 118%,rgba(230,0,40,.06),transparent 60%)!important;background-repeat:no-repeat!important;background-size:150% 150%,155% 155%,150% 150%!important;background-position:0% 0%,100% 0%,50% 100%!important;color:#0a0a23!important;border-bottom:1px solid #eef0f6!important;box-shadow:none!important;animation:siAura 22s ease-in-out infinite alternate!important;}
@keyframes siAura{0%{background-position:0% 0%,100% 0%,50% 100%;}100%{background-position:14% 9%,84% 16%,42% 88%;}}
@media(prefers-reduced-motion:reduce){.industry-showcase .si-hero{animation:none!important;}}
.industry-showcase .si-hero::before{background-image:linear-gradient(rgba(10,10,60,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,60,.038) 1px,transparent 1px)!important;mask-image:radial-gradient(circle at 50% 34%,#000 0%,transparent 78%)!important;-webkit-mask-image:radial-gradient(circle at 50% 34%,#000 0%,transparent 78%)!important;}
.industry-showcase .si-hero::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#E60028,#ff6a86)!important;z-index:2;}
.industry-showcase .si-kicker{color:#E60028!important;background:#fff!important;border:1px solid #f5c3cd!important;box-shadow:0 1px 3px rgba(230,0,40,.08)!important;}
.industry-showcase .si-kicker::before{background:#E60028!important;box-shadow:0 0 0 5px rgba(230,0,40,.14)!important;}
.industry-showcase .si-hero h1{color:#0a0a23!important;}
.industry-showcase .si-hero h1 .hl,.industry-showcase .si-hero h1 .accent{color:#E60028!important;}
.industry-showcase .si-hero .lead,.industry-showcase .si-hero .lede{color:#45475f!important;}
.industry-showcase .si-hero .lead b,.industry-showcase .si-hero .lede b,.industry-showcase .si-hero .lead strong,.industry-showcase .si-hero .lede strong{color:#0a0a23!important;}
.industry-showcase .si-hero .venue,.industry-showcase .si-hero .authors{color:#6c6c82!important;}
.industry-showcase .si-hero .venue a{color:#E60028!important;border-bottom-color:rgba(230,0,40,.4)!important;}
.industry-showcase .si-hero .chip{color:#33333d!important;background:#fff!important;border:1px solid #ecdfe2!important;}
.industry-showcase .si-proof{max-width:none!important;background:#efe2e5!important;border:1px solid #eddfe2!important;box-shadow:0 2px 10px rgba(20,10,30,.05)!important;}
.industry-showcase .si-proof-item{background:#fff!important;}
.industry-showcase .si-proof-item b{color:#0a0a23!important;}
.industry-showcase .si-proof-item span{color:#8a8a9e!important;}
.industry-showcase .si-hero .stat{background:#fff!important;border:1px solid #efe2e5!important;box-shadow:0 2px 10px rgba(20,10,30,.05)!important;}
.industry-showcase .si-hero .stat .n{color:#0a0a23!important;}
.industry-showcase .si-hero .stat .n small,.industry-showcase .si-hero .stat .n .u{color:#E60028!important;}
.industry-showcase .si-hero .stat .l{color:#6c6c82!important;}
.industry-showcase .si-action{background:#E60028!important;color:#fff!important;box-shadow:0 8px 22px -12px rgba(230,0,40,.6)!important;}
.industry-showcase .si-action.secondary{background:#fff!important;color:#0a0a23!important;border:1px solid #d8c6ca!important;box-shadow:none!important;}
