/* Unit Function case study. Uses the original container, section, split-intro,
   page-intro, typography, colours and closing component; all overrides are scoped. */
.uf-case .uf-case__intro { padding-bottom:38px; border-bottom:0; }
.uf-case__back { display:inline-flex; align-items:center; gap:10px; font-size:12px; color:var(--muted); margin-bottom:30px; }
.uf-case__back:hover { color:var(--teal); }
.uf-case__back .arrow { width:16px; height:16px; transform:rotate(180deg); }
.uf-case__intro .eyebrow { margin-bottom:24px; }
.uf-case__intro h1 { max-width:1200px; }
.uf-case__intro .intro-bottom { align-items:end; margin-top:32px; }
.uf-case__intro .large-copy { font-size:20px; max-width:610px; line-height:1.55; }
.uf-case__meta { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:17px 30px; justify-self:end; width:100%; max-width:390px; }
.uf-case__meta div:last-child { grid-column:1/-1; }
.uf-case__meta dt { font-size:9px; font-weight:600; color:var(--muted); letter-spacing:.15em; text-transform:uppercase; margin-bottom:6px; }
.uf-case__meta dd { margin:0; font-size:13px; line-height:1.65; }
.uf-case__hero { margin:0; }
.uf-case__hero picture,.uf-case__hero img { display:block; width:100%; }
.uf-case__hero img { aspect-ratio:12/5; height:auto; object-fit:cover; }
.uf-case figcaption { margin-top:11px; color:var(--muted); font-size:11px; line-height:1.6; }
.uf-case__metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:30px 0 0; padding:28px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.uf-case__metric { padding-inline:34px; border-left:1px solid var(--line); min-width:0; }
.uf-case__metric:first-child { padding-left:0; border-left:0; }
.uf-case__metric:last-child { padding-right:0; }
.uf-case__metric strong { display:block; font-size:48px; font-weight:500; letter-spacing:-.05em; line-height:1.12; color:var(--teal); margin-bottom:9px; }
.uf-case__metric span { display:block; font-size:13px; line-height:1.6; }
.uf-case__metric small { display:block; font-size:11px; line-height:1.6; color:var(--muted); margin-top:5px; }
.uf-case__copy { color:var(--slate); font-size:16px; line-height:1.75; }
.uf-case__copy strong { font-weight:600; }
.uf-case__copy p+p { margin-top:20px; }
.uf-case__chapter h2 { max-width:520px; }
.uf-case__approach { background:var(--white); }
.uf-case__research { margin-top:48px; padding-top:42px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:8.5%; align-items:center; }
.uf-case__research figure { margin:0; min-width:0; }
.uf-case__research img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.uf-case__research-copy { min-width:0; }
.uf-case__research-copy .eyebrow { margin-bottom:20px; }
.uf-case__finding { margin:0 0 22px; }
.uf-case__finding strong { font-size:52px; letter-spacing:-.05em; line-height:1.1; font-weight:500; color:var(--teal); display:block; margin-bottom:14px; }
.uf-case__finding p { font-size:24px; letter-spacing:-.025em; line-height:1.4; color:var(--ink); max-width:425px; }
.uf-case__research-copy>p:not(.eyebrow) { font-size:14px; color:var(--slate); line-height:1.7; }
.uf-case__research-copy .uf-case__source { font-size:11px!important; color:var(--muted)!important; margin-top:18px; }
.uf-case__coverage { margin-top:42px; padding-top:27px; border-top:1px solid var(--line); display:block; }
.uf-case__coverage .eyebrow { margin:0 0 18px; }
.uf-case__outlets { display:flex; flex-wrap:wrap; gap:10px 30px; list-style:none; padding:0; margin:0; font-size:15px; line-height:1.7; color:var(--ink); }
.uf-case__method { margin-top:24px; font-size:11px; line-height:1.7; color:var(--muted); max-width:660px; }
@media(max-width:1100px) {
  .uf-case__intro .large-copy { font-size:18px; }
  .uf-case__meta { max-width:340px; }
  .uf-case__metric { padding-inline:25px; }
  .uf-case__copy { font-size:15px; }
  .uf-case__finding p { font-size:22px; }
}
@media(max-width:800px) {
  .uf-case__intro .intro-bottom { grid-template-columns:1fr; gap:25px; align-items:start; }
  .uf-case__meta { max-width:none; justify-self:start; grid-template-columns:1fr 1fr 2fr; }
  .uf-case__meta div:last-child { grid-column:auto; }
  .uf-case__research { gap:30px; align-items:start; }
  .uf-case__finding strong { font-size:44px; }
  .uf-case__finding p { font-size:20px; }
}
@media(max-width:600px) {
  .uf-case .uf-case__intro { padding-top:26px; padding-bottom:27px; }
  .uf-case__back { margin-bottom:23px; font-size:11px; }
  .uf-case__intro .eyebrow { margin-bottom:20px; }
  .uf-case__intro h1 { font-size:clamp(39px,10.65vw,56px); }
  .uf-case__intro .intro-bottom { margin-top:24px; gap:24px; }
  .uf-case__intro .large-copy { font-size:16px; line-height:1.65; }
  .uf-case__meta { grid-template-columns:1fr 1fr; gap:16px 22px; }
  .uf-case__meta div:last-child { grid-column:1/-1; }
  .uf-case__meta dd { font-size:12px; }
  .uf-case__hero img { aspect-ratio:4/3; }
  .uf-case figcaption { font-size:10px; }
  .uf-case__metrics { margin-top:22px; padding-block:22px; gap:15px; grid-template-columns:1fr 1fr; }
  .uf-case__metric { padding:0 0 0 15px; }
  .uf-case__metric strong { font-size:38px; }
  .uf-case__metric span { font-size:12px; }
  .uf-case__metric small { font-size:10px; }
  .uf-case__metric:last-child { grid-column:1/-1; border-left:0; border-top:1px solid var(--line); padding:18px 0 0; display:grid; grid-template-columns:auto 1fr; column-gap:16px; align-items:center; }
  .uf-case__metric:last-child strong { margin:0; grid-row:1/3; font-size:34px; }
  .uf-case__metric:last-child small { margin-top:0; }
  .uf-case__chapter h2 { font-size:35px; }
  .uf-case__copy { font-size:15px; }
  .uf-case__research { margin-top:34px; padding-top:28px; grid-template-columns:1fr; gap:26px; }
  .uf-case__research-copy .eyebrow { margin-bottom:18px; }
  .uf-case__finding strong { font-size:44px; margin-bottom:12px; }
  .uf-case__finding p { font-size:23px; }
  .uf-case__coverage { margin-top:29px; grid-template-columns:1fr; gap:18px; padding-top:23px; }
  .uf-case__outlets { gap:8px 20px; font-size:14px; }
  .uf-case__method { font-size:10px; margin-top:20px; }
}
@media print {
  .uf-case__intro,.uf-case__chapter { break-inside:avoid; }
  .uf-case__metrics { break-inside:avoid; }
  .uf-case__back { display:none; }
}
