/* Verapath marketing — industry pages + shared closing CTA (design_handoff_v8 v8-industries.css). */
/* ===================================================================
   VERAPATH — Industry landing pages + nav "Industries" dropdown
   Depends on: verapath.css, vp-site.css, vp-luxe.css
   =================================================================== */

/* (nav Industries dropdown lives in vp-luxe.css, shared across all pages) */

/* ---------- industry hero (split) ---------- */
.B .ind-hero{position:relative;padding:184px 0 70px;overflow:hidden}
.B .ind-hero .grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}
@media(max-width:940px){.B .ind-hero .grid{grid-template-columns:1fr;gap:40px}}
.B .ind-hero .eyebrow{color:var(--green)}
.B .ind-hero h1{font-family:var(--serif);font-size:clamp(2.6rem,1.5rem + 3.4vw,4.6rem);color:var(--forest);line-height:1.0;margin:1rem 0 0;letter-spacing:-.02em;max-width:15ch}
.B .ind-hero h1 em{font-style:italic;color:var(--green)}
.B .ind-hero p.sub{font-size:var(--t-lead);max-width:46ch;margin:1.5rem 0 0;color:color-mix(in srgb,var(--ink) 74%,transparent)}
.B .ind-hero .ph{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/4.2;box-shadow:0 40px 90px -50px rgba(34,48,41,.55)}
.B .ind-hero .ph img{width:100%;height:100%;object-fit:cover}
.B .ind-hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,22,18,.55))}
.B .ind-hero .ph .tag{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;color:#fff;font-family:var(--serif);font-size:1.25rem;line-height:1.15}

/* ---------- why it matters ---------- */
.B .why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
@media(max-width:860px){.B .why{grid-template-columns:1fr}}
.B .whycard{background:rgba(255,255,255,.72);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.7);
  border-radius:22px;padding:30px;box-shadow:0 24px 60px -44px rgba(34,48,41,.45);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.B .whycard:hover{transform:translateY(-5px);box-shadow:0 34px 76px -46px rgba(34,48,41,.5)}
.B .whycard .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--green);
  border:1px solid color-mix(in srgb,var(--green) 28%,transparent);margin-bottom:16px;font-size:1.15rem}
.B .whycard h3{font-family:var(--serif);font-size:1.45rem;color:var(--forest);line-height:1.1}
.B .whycard p{color:color-mix(in srgb,var(--ink) 70%,transparent);font-size:.97rem;margin-top:.6rem}

/* ---------- value rows (alternating copy/visual) ---------- */
.B .vrow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:70px}
.B .vrow:first-of-type{margin-top:54px}
@media(max-width:860px){.B .vrow{grid-template-columns:1fr;gap:28px}.B .vrow .vvis{order:-1}}
.B .vrow.flip .vtext{order:2}
.B .vrow .vtext .eyebrow{color:var(--green)}
.B .vrow .vtext h3{font-family:var(--serif);font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);color:var(--forest);margin:.6rem 0 0;line-height:1.06}
.B .vrow .vtext p{color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:var(--t-lead);margin-top:1rem}
.B .vrow .vtext ul{list-style:none;padding:0;margin:1.3rem 0 0;display:flex;flex-direction:column;gap:.7rem}
.B .vrow .vtext li{display:flex;gap:.7rem;align-items:flex-start;color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:1rem}
.B .vrow .vtext li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--mint);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230ea665' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:13px;background-repeat:no-repeat;background-position:center}
.B .vrow .vvis{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3.2;box-shadow:0 34px 80px -50px rgba(34,48,41,.5)}
.B .vrow .vvis img{width:100%;height:100%;object-fit:cover}
.B .vrow .vvis.stat{aspect-ratio:auto;background:var(--forest);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:46px}
.B .vrow .vvis.stat .s .n{font-family:var(--serif);font-size:clamp(2.4rem,1.6rem + 2vw,3.4rem);color:var(--lime);line-height:1}
.B .vrow .vvis.stat .s .l{color:rgba(255,255,255,.72);font-size:.95rem;margin-top:.3rem}

/* ---------- resources / thought leadership ---------- */
.B .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
@media(max-width:860px){.B .res-grid{grid-template-columns:1fr}}
.B .res-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.7);
  backdrop-filter:blur(6px);box-shadow:0 22px 56px -44px rgba(34,48,41,.42);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.B .res-card:hover{transform:translateY(-5px);box-shadow:0 32px 72px -46px rgba(34,48,41,.5)}
.B .res-card .ph{height:158px;position:relative}
.B .res-card .ph image-slot{position:absolute;inset:0;width:100%;height:100%}
.B .res-card .bd{padding:22px;display:flex;flex-direction:column;flex:1}
.B .res-card .pillrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.B .res-card .rpill{font-size:.7rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--green);
  border:1px solid color-mix(in srgb,var(--green) 40%,transparent);border-radius:999px;padding:.3rem .7rem}
.B .res-card .rdate{font-size:.8rem;color:var(--mute)}
.B .res-card h4{font-family:var(--serif);font-size:1.2rem;color:var(--forest);line-height:1.16;margin-top:.8rem}
.B .res-card p{color:var(--mute);font-size:.9rem;margin-top:.5rem;flex:1}
.B .res-note{margin-top:34px;border:1px dashed color-mix(in srgb,var(--green) 35%,transparent);border-radius:14px;
  padding:16px 20px;color:var(--mute);font-size:.9rem;display:flex;gap:12px;align-items:center}
.B .res-note .ic{color:var(--green)}

/* ---------- closing CTA (light, V-wing watermark) ---------- */
.B .icta{position:relative;text-align:center;padding:clamp(110px,9vw,170px) 0 clamp(70px,6vw,110px);overflow:hidden}
.B .icta .cta-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}
.B .icta .cta-mark{width:min(108vw,1240px);color:var(--green);opacity:.06;transform:translateY(8%)}
.B .icta .cta-mark svg{width:100%;height:auto;display:block}
.B .icta .shell{position:relative;z-index:1}
.B .icta .eyebrow{color:var(--green);display:block;letter-spacing:.2em}
.B .icta h2{font-family:var(--serif);font-size:var(--t-h1);color:var(--forest);max-width:20ch;margin:1.1rem auto 0;line-height:1.03}
.B .icta h2 em{font-style:italic;color:var(--green)}
.B .icta p{color:var(--mute);margin:1.2rem auto 0;max-width:46ch;font-size:var(--t-lead)}
.B .icta .cta-row{justify-content:center;margin-top:2.2rem}