/* Approved UAD presentation, shared by the other Selected Work case studies. */
body.approved-case-template{--space:55px;--button-accent:#f2df55}
body.approved-case-template .case-intro-surface{background:radial-gradient(ellipse 130% 100% at 25% -22%,#e1e1e422,transparent 70%),linear-gradient(125deg,transparent 18%,#c3c3c80c 42%,transparent 66%),linear-gradient(130deg,#292a2c 0%,#323335 38%,#1d1e20 78%,#151618 100%)}
body.approved-case-template .case-intro-surface>.site-nav,body.approved-case-template .case-intro-surface>.case-hero{background:transparent;color:#eeeeef}
body.approved-case-template .site-nav{height:94px;padding-inline:4.5%}
body.approved-case-template .site-nav .site-brand{width:clamp(236px,21vw,295px)}
body.approved-case-template .site-nav .site-talk{border-color:#bcbcbf80;color:#eeeeef;background:#17171966}
body.approved-case-template .site-nav .site-all-work:hover{color:#d5d5d8}
body.approved-case-template .site-nav a:focus-visible{outline-color:#f2df55}
body.approved-case-template .site-nav .site-talk:hover,body.approved-case-template .site-nav .site-talk:focus-visible,
body.approved-case-template .hero-visual .design-toggle:hover,body.approved-case-template .hero-visual .design-toggle:focus-visible{background:#f2df550a;border-color:#f2df55;color:#f2df55;box-shadow:inset 0 0 0 1px #f2df55}
body.approved-case-template .hero-visual .design-toggle{--button-accent:#f2df55;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
body.approved-case-template .hero-visual .design-toggle:focus-visible{outline-color:#f2df55}
body.approved-case-template .hero-visual figcaption .design-toggle .design-toggle-icon{color:#f2df55}
body.approved-case-template .case-hero .eyebrow,body.approved-case-template .case-hero .project-meta dt{color:#bcbcbf}
body.approved-case-template .case-hero .hero-intro{color:#c9c9cb;margin-bottom:24px}
body.approved-case-template .project-meta{max-width:none;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:0 0 20px;text-align:center}
body.approved-case-template .project-meta>div{min-width:0;border:1px solid #d0d5d938;border-radius:6px;padding:14px 15px;background:#ffffff03}
body.approved-case-template .project-meta dt,body.approved-case-template .project-meta dd{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:.1em;line-height:1.6;text-transform:uppercase}
body.approved-case-template .project-meta dt{color:#bcbcbf;margin:0 0 4px}
body.approved-case-template .project-meta dd{color:#edf1f3;margin:0}
body.approved-case-template .case-section{padding-block:var(--space)}
body.approved-case-template .uad-overview-intro{margin-bottom:26px;max-width:none}
body.approved-case-template .uad-overview-intro h2{margin-bottom:14px}
body.approved-case-template .uad-overview-intro>p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted);margin:0}
body.approved-case-template .uad-overview-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
body.approved-case-template .uad-overview-module{position:relative;padding:25px 26px;border:1px solid #a8b4bc66;border-radius:6px;background:linear-gradient(135deg,#f8fafb99,#cbd2d755);min-width:0}
body.approved-case-template .uad-module-label{display:block;font-size:10px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:#347d83;margin-bottom:16px;padding-right:38px;min-height:21px}
body.approved-case-template .uad-overview-module h3{font-size:21px;line-height:1.25;margin:0 0 17px;letter-spacing:-.035em}
body.approved-case-template .uad-overview-module>p{font-size:13px;line-height:1.7;color:#586770;margin:0}
body.approved-case-template .uad-module-icon{position:absolute;top:23px;right:26px;width:23px;height:23px;color:#347d83;stroke-width:1.4;pointer-events:none}
/* Metric captions precede the figures; source/date notes remain attached. */
body.approved-case-template .case-stat-caption{font-size:12px;font-weight:600;line-height:1.6;color:#39474f;margin:20px 0 14px}
body.approved-case-template :is(.shortcut-metrics,.offers-home-success-metrics){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;border:0;background:none}
body.approved-case-template :is(.shortcut-metrics,.offers-home-success-metrics)>div{min-width:0;padding:0;border:0;background:none}
body.approved-case-template :is(.shortcut-metrics,.offers-home-success-metrics) strong{display:block;font:400 33px/1.2 'Manrope',Arial,sans-serif;color:#347d83;letter-spacing:-.06em}
body.approved-case-template :is(.shortcut-metrics,.offers-home-success-metrics) span{display:block;font-size:11px;line-height:1.6;margin-top:6px;color:#50636d}
body.approved-case-template .case-stat-source{font-size:10px;line-height:1.6;color:#60737c;margin:12px 0 0}
body.approved-case-template .campaign-results-grid .campaign-result-date{font-size:12px;font-weight:600;line-height:1.6;color:#39474f;margin:0 0 14px}
body.approved-case-template .campaign-results-grid .shortcut-metrics{margin-top:0}
body.approved-case-template .validation .section-intro>p:not(.eyebrow){color:#586770}
@media(min-width:801px){body.approved-case-template .site-nav .site-brand{width:clamp(236px,21vw,295px)}}
@media(max-width:1000px) and (min-width:751px){body.approved-case-template .uad-overview-module{padding:22px 19px}body.approved-case-template .uad-overview-module h3{font-size:19px}body.approved-case-template .uad-module-icon{top:20px;right:19px}}
@media(max-width:800px){body.approved-case-template .site-nav{height:72px;padding-inline:24px}body.approved-case-template .site-nav .site-brand{width:34.02px}}
@media(max-width:750px){
 body.approved-case-template{--space:44px}
 body.approved-case-template .project-meta{grid-template-columns:1fr;gap:9px}
 body.approved-case-template .project-meta>div{padding:13px 15px}
 body.approved-case-template .project-meta>div:last-child{grid-column:auto}
 body.approved-case-template .project-meta>div:last-child dt{display:block;margin-right:0}
 body.approved-case-template .project-meta dd{display:block;white-space:nowrap;letter-spacing:.06em}
 body.approved-case-template .uad-overview-modules{grid-template-columns:1fr;gap:15px}
 body.approved-case-template .uad-overview-module{padding:23px 24px}
 body.approved-case-template .uad-module-label{margin-bottom:12px}
 body.approved-case-template .uad-overview-module h3 br{display:none}
 body.approved-case-template .uad-overview-module h3{font-size:21px;margin-bottom:13px}
 body.approved-case-template .uad-module-icon{top:21px;right:24px}
}
@media(max-width:360px){body.approved-case-template .project-meta dt,body.approved-case-template .project-meta dd{font-size:9px}}
@media(prefers-reduced-motion:reduce){body.approved-case-template .hero-visual .design-toggle{transition:none}}
/* The app hero's display:contents shell is not an artwork surface. */
body.approved-case-template.mobile-first-case .mf-hero-disclosure>.mf-layered-hero{background:var(--case-graphite)!important}
@media(min-width:751px){
 body.approved-case-template.mobile-first-case .mf-layered-hero .option-phone-pair figcaption{color:#edf1f3;background:#30383e;padding:7px 10px;border-radius:4px;min-height:32px;height:auto;align-items:center}
}
@media(min-width:751px){body.approved-case-template.mobile-first-case .mf-layered-hero .option-map{top:24px}}

/* UAD's approved concise card-heading scale across the other client examples. */
body.approved-case-template .uad-overview-module h3{font-size:18px;line-height:1.3;letter-spacing:-.025em;margin-bottom:14px}
body.approved-case-template .uad-result-module .customer-quote p{font-size:18px}
@media(max-width:750px){
 body.approved-case-template :is(.uad-overview-module,.insight-grid,.offers-type-grid) h3{font-size:17px;line-height:1.3;letter-spacing:-.025em}
 body.approved-case-template .uad-overview-module h3{margin-bottom:12px}
 body.approved-case-template .process-strip strong{font-size:17px}
}
/* Compact type applies to cards, while feature titles retain their original scale. */
body.approved-case-template :is(.uad-overview-module,.insight-grid,.offers-type-grid) h3,body.approved-case-template .process-strip strong{font-size:18px;line-height:1.3;letter-spacing:-.025em}
@media(max-width:750px){body.approved-case-template :is(.uad-overview-module,.insight-grid,.offers-type-grid) h3,body.approved-case-template .process-strip strong{font-size:17px}}