/* Page-specific styles adapted from the supplied What We Do page. */
.wwd-hero{min-height:76dvh;display:flex;align-items:end;padding:150px 0 92px;background:var(--charcoal);color:var(--bone)}
.wwd-hero h1{max-width:1050px;margin-bottom:28px}
.wwd-hero-copy{max-width:850px;color:rgba(243,239,231,.73);font-size:clamp(16px,1.6vw,20px);line-height:1.7}
.wwd-hero .button{margin-top:20px}
.wwd-section{padding:clamp(88px,10vw,140px) 0}
.wwd-section-head{max-width:980px;margin-bottom:60px}
.wwd-section-head .intro{max-width:760px;margin:24px 0 0;color:#625d55;line-height:1.7}
.wwd-core{background:var(--bone)}
.function{padding:54px 0 64px;border-top:1px solid var(--rule-dark)}
.function:first-of-type{border-top:0}
.function-title{display:grid;grid-template-columns:58px 1fr;gap:24px;align-items:start}
.function-title>span{color:var(--copper);font-size:13px;font-weight:800;padding-top:10px}
.function-title h3{font-size:clamp(35px,4vw,54px);letter-spacing:-.04em;margin:0}
.function-lead{max-width:950px;margin:18px 0 38px 82px;color:#625d55;font-size:16px;line-height:1.7}
.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 46px;margin-left:82px}
.cap{padding:20px 0;border-top:1px solid var(--rule-dark)}
.cap h4{margin:0 0 9px;font-size:16px}
.cap p{margin:0;color:#625d55;font-size:14px;line-height:1.65}
.outcome{margin:24px 0 0 82px;padding:24px 28px;background:var(--limestone);display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:start}
.outcome span{color:var(--copper);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.outcome strong{font-size:20px;line-height:1.4}
.wwd-sequence{background:var(--limestone)}
.sequence-line{margin:28px 0 54px;color:#625d55;font-size:13px;letter-spacing:.02em}
.sequence-list{border-top:1px solid var(--rule-dark)}
.seq{display:grid;grid-template-columns:52px 210px 1fr;gap:26px;padding:22px 0;border-bottom:1px solid var(--rule-dark);align-items:start}
.seq>span{color:var(--copper);font-size:10px;font-weight:800}
.seq h3{margin:0;font-size:20px}
.seq p{margin:0;color:#625d55;line-height:1.65}
.wwd-difference{background:var(--bone)}
.diff-head,.diff-row{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:34px}
.diff-head{padding:0 0 14px;border-bottom:1px solid var(--rule-dark);color:var(--copper);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.diff-row{padding:24px 0;border-bottom:1px solid var(--rule-dark)}
.diff-row strong{font-size:16px}
.diff-row p{margin:0;color:#625d55;font-size:14px;line-height:1.6}
.diff-row .fin{color:var(--ink)}
.wwd-mandates{background:var(--limestone)}
.mandate-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.mandate{padding:30px;background:rgba(243,239,231,.72);border-top:2px solid var(--copper)}
.mandate:nth-child(3),.mandate:nth-child(4){border-top-color:var(--olive)}
.mandate h3{font-size:21px;margin-bottom:12px}
.mandate p{margin:0;color:#625d55;font-size:14px;line-height:1.65}
.wwd-closing{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:var(--obsidian);color:var(--bone)}
.wwd-closing-photo{min-height:380px;background:
 linear-gradient(rgba(17,17,15,.24),rgba(17,17,15,.24)),
 url("assets/fin-mining-illustrative.webp") center/cover no-repeat}
.wwd-closing-copy{display:flex;align-items:center;padding:clamp(56px,7vw,100px)}
.wwd-closing-copy>div{max-width:610px}
.wwd-closing-copy h2{font-size:clamp(44px,5vw,70px)}
.wwd-closing-copy p:not(.eyebrow){margin:25px 0 32px;color:rgba(243,239,231,.67);line-height:1.7}


@media (max-width: 1100px) {
  .cap-grid, .mandate-grid, .wwd-closing { grid-template-columns: 1fr; }
  .diff-head { display: none; }
  .diff-row { grid-template-columns: 1fr; gap: 12px; }
  .diff-row p::before { display: block; margin-bottom: 5px; color: var(--copper); font-size: 10px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
  .diff-row p:first-of-type::before { content: "Structural weakness"; }
  .diff-row p.fin::before { content: "The FIN difference"; }
  .seq { grid-template-columns: 40px 1fr; }
  .seq p { grid-column: 2; }
  .wwd-closing-photo { min-height: 360px; }
}
@media (max-width: 600px) {
  .wwd-hero { min-height: 72dvh; padding: 132px 0 72px; }
  .wwd-hero h1 { font-size: clamp(43px, 12vw, 58px); }
  .wwd-hero-copy { font-size: 15px; }
  .wwd-section { padding-block: 86px; }
  .function { padding: 44px 0 52px; }
  .function-title { grid-template-columns: 38px 1fr; gap: 12px; }
  .function-title h3 { font-size: clamp(30px, 8vw, 42px); }
  .function-lead, .cap-grid, .outcome { margin-left: 50px; }
  .outcome { grid-template-columns: 1fr; gap: 12px; padding: 22px; }
  .wwd-closing-copy { padding: 72px 18px; }
}