/* V7 - cinematic application panels, illustrated client impact, grid-aligned EPIF decisions */
.epif-app-grid{align-items:stretch;grid-auto-rows:1fr;gap:18px}
.epif-app-card{display:grid;grid-template-rows:auto 198px minmax(116px,auto) 1fr auto;min-height:585px;padding:24px 25px 27px;gap:0;align-items:stretch;background:#f7f7f2;isolation:isolate}
.epif-app-card::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid transparent;transition:border-color .25s}
.epif-app-card:hover::after{border-color:#447e85}
.epif-app-index{align-self:start;padding:0 0 15px;font-size:11px;color:#476e7a}
.epif-app-visual{width:100%;height:198px;margin:0;position:relative;overflow:hidden;background:#091e31;border:1px solid #26495b}
.epif-app-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#06142316);pointer-events:none}
.epif-app-visual img{height:100%;width:100%;object-fit:cover;display:block;max-width:none;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}
.epif-app-card:hover .epif-app-visual img{transform:scale(1.07);filter:saturate(1.15)}
.epif-app-card h3{margin:26px 0 16px;font-size:clamp(37px,3.15vw,52px);line-height:1.03;align-self:start;min-height:0}
.epif-app-card>p{margin:0 0 29px;line-height:1.73;color:#506b74;font-size:14px}
.epif-app-arrow{margin-top:0;align-self:end;padding-top:15px;line-height:1.4;font-size:12px}
/* Stretch seven left navigation rows to the full height of the evidence panel. */
@media(min-width:991px){
  .epif4-explorer-layout{align-items:stretch;grid-template-rows:minmax(0,auto)}
  .epif4-step-list{display:grid;grid-template-rows:repeat(7,minmax(0,1fr));gap:7px;min-height:0;height:100%;align-self:stretch}
  .epif4-step{height:100%;min-height:0;box-sizing:border-box}
  .epif4-stage-display{min-height:656px;height:100%;align-self:stretch}
}
/* Detail display texture follows the EPIF narrative and keeps content above artwork. */
.epif4-stage-display{isolation:isolate}
.epif4-stage-display::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 96% 25%,#90cad01c,transparent 50%),linear-gradient(transparent 94%,#b1d9d909 95%),linear-gradient(90deg,transparent 94%,#b1d9d909 95%);background-size:auto,36px 36px,36px 36px;pointer-events:none;z-index:0}
.epif4-stage-display::after{content:"";position:absolute;top:75px;right:-99px;width:315px;height:315px;border:1px solid #93cdd22b;border-radius:50%;box-shadow:0 0 0 36px #90c3ca08,0 0 0 82px #a4d4d406;pointer-events:none;z-index:0}
.epif4-stage-display-top,.epif4-stage-actions{position:relative;z-index:2}
/* Client Impact - complete-bleed editorial illustrations, no repeated small icon */
.cs-card-art{height:207px;background:#091f33;isolation:isolate}
.cs-card-art::before{background-image:linear-gradient(90deg,#03132140,transparent 47%,#091e2a0c);background-size:auto;z-index:1;pointer-events:none}
.cs-card-art img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;opacity:1;filter:none;transform:scale(1);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s}
.cs-card:hover .cs-card-art img{transform:scale(1.075);opacity:1;filter:saturate(1.15)}
.cs-art-number{z-index:2;top:16px;left:20px;background:#071c2ea8;border:1px solid #b1d9d940;padding:7px 9px;letter-spacing:.12em}
.cs-art-arrow{z-index:2;top:13px;right:16px;background:#0d2d40bc;backdrop-filter:blur(5px)}
.cs-card-content{padding:27px 26px 25px}
.cs-card h3{font-size:clamp(26px,2.3vw,33px)}
.cs-card{height:100%}
.cs-detail-hero{isolation:isolate}
.cs-detail-graphic{position:absolute;right:0;top:0;width:57%;height:100%;object-fit:cover;opacity:.54;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent,#000 45%);-webkit-mask-image:linear-gradient(to right,transparent,#000 45%);pointer-events:none;z-index:0}
.cs-detail-hero .shell{z-index:1}
.cs-detail-hero h1{max-width:890px;text-shadow:0 2px 18px #07182988}
@media(max-width:1050px){.epif-app-card{grid-template-rows:auto 165px minmax(120px,auto) 1fr auto;min-height:555px;padding:21px}.epif-app-visual{height:165px}.epif-app-card h3{font-size:clamp(34px,3.6vw,45px)}}
@media(max-width:720px){.epif-app-grid{grid-auto-rows:auto}.epif-app-card{grid-template-rows:auto 183px auto 1fr auto;min-height:0;gap:0;padding:22px}.epif-app-visual{height:183px}.epif-app-card h3{font-size:clamp(38px,10vw,50px);margin-top:22px;min-height:0}.epif-app-card>p{margin:0 0 23px}.cs-card-art{height:184px}.cs-detail-graphic{width:95%;opacity:.21}.epif4-stage-display::after{right:-185px}}
@media(prefers-reduced-motion:reduce){.epif-app-visual img,.cs-card-art img{transition:none!important}}