body.case-v2{
--cs-gold:#D2A66A;
--cs-ink:#fff;
--cs-muted:#dfe3e4;
--cs-line:#ffffff2b;
--cs-surface:#20292d;
--cs-band:#172125;
--cs-slot:#3a3a3b;
--case-muted:#d2d6d5;
background:var(--cs-surface);
}
body.case-v2 .case-page{color:var(--cs-ink)}
body.case-v2 .case-breadcrumb{color:var(--cs-muted)}
body.case-v2 main :is(h1,.t-h1):not(.t-h2):not(.t-h3):not(.t-p):not(.t-keep){
font-size:64px!important;line-height:1.08!important;font-weight:700!important;
text-transform:none!important;text-wrap:balance;overflow-wrap:break-word}
body.case-v2 main :is(h2,.t-h2):not(.t-h1):not(.t-h3):not(.t-p):not(.t-keep){
font-size:40px!important;line-height:1.15!important;font-weight:600!important;
text-transform:none!important;text-wrap:balance;overflow-wrap:break-word}
body.case-v2 main :is(h3,.t-h3):not(.t-h1):not(.t-h2):not(.t-p):not(.t-keep){
font-size:27px!important;line-height:1.25!important;font-weight:600!important;
text-transform:none!important;text-wrap:balance;overflow-wrap:break-word}
body.case-v2 main :is(p,li,.t-p):not(.t-h1):not(.t-h2):not(.t-h3):not(.t-keep){
font-size:19px!important;line-height:1.55!important;font-weight:400!important;
text-transform:none!important}
body.case-v2 .cs-row{display:grid;grid-template-columns:minmax(48px,1fr) minmax(0,1280px) minmax(48px,1fr)}
body.case-v2 .cs-row>*{grid-column:2}
body.case-v2 .cs-band{background:var(--cs-band);border-block:1px solid var(--cs-line)}
body.case-v2 .cs-hero{
display:grid;align-items:center;
grid-template-columns:minmax(48px,1fr) minmax(0,600px) minmax(0,680px) minmax(48px,1fr)}
body.case-v2 .cs-hero-copy{grid-column:2;padding:56px 56px 60px 0}
body.case-v2 .cs-identity{display:grid;gap:4px;margin:0 0 26px}
body.case-v2 .cs-identity strong{font-size:21px;font-weight:600;line-height:1.3;color:var(--cs-ink)}
body.case-v2 .cs-identity span{font-size:15px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-gold)}
body.case-v2 .cs-hero h1{margin:0 0 26px;max-width:14ch}
body.case-v2 .cs-hero-sub{margin:0;color:var(--cs-muted);max-width:46ch}
body.case-v2 .cs-hero-photo{grid-column:3/5;position:relative;align-self:stretch;min-height:440px;background:var(--cs-band);overflow:hidden}
body.case-v2 .cs-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%}
body.case-v2 .cs-hero-photo:after{content:'';position:absolute;inset:0;pointer-events:none;
background:linear-gradient(90deg,var(--cs-surface) 0%,#20292d9e 14%,#20292d00 46%)}
body.case-v2 .focal-frame{position:relative;overflow:hidden;container-type:size}
body.case-v2 .focal-frame>img.focal{
--w:max(100cqw,calc(100cqh * var(--ar)));
--h:max(calc(100cqw / var(--ar)),100cqh);
position:absolute;display:block;max-width:none;inset:auto;
width:var(--w);height:var(--h);
left:clamp(calc(100cqw - var(--w)),calc(50cqw - var(--w) * var(--fx)),0px);
top:clamp(calc(100cqh - var(--h)),calc(50cqh - var(--h) * var(--fy)),0px);
object-fit:fill}
@media(min-width:761px){
body.case-v2 .cs-step{grid-template-rows:minmax(180px,auto)}
body.case-v2 .case-photo-slot.focal-frame{min-height:0}}
@media(min-width:1500px){body.case-v2 .cs-step{grid-template-rows:minmax(220px,auto)}}
body.case-v2.page-story-chris-mclean .case-photo-slot[data-slot="step-04"]>img.focal{
inset:0;width:100%;height:100%;object-fit:cover;object-position:60.2% 52.15%}
body.case-v2 .cs-stats{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);align-items:center;padding-block:34px}
body.case-v2 .cs-stat{display:flex;align-items:center;gap:22px;padding-right:36px}
body.case-v2 .cs-stat+.cs-stat{border-left:1px solid var(--cs-line);padding-left:44px}
body.case-v2 .cs-stat-icon{width:40px;height:40px;flex:0 0 auto;color:var(--cs-gold)}
body.case-v2 .cs-stat-figure{font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-.03em;margin:0;color:var(--cs-ink)}
body.case-v2 .cs-stat-figure b{font-weight:700;color:var(--cs-gold)}
body.case-v2 .cs-stat-small .cs-stat-figure{font-size:34px}
body.case-v2 .cs-stat-caption{margin:6px 0 0;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-ink)}
body.case-v2 .cs-stat-note{margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--cs-muted);max-width:34ch}
body.case-v2 .cs-stats-word .cs-stat-figure{overflow-wrap:break-word}
@media(min-width:901px) and (max-width:1180px){
body.case-v2 .cs-stats-word .cs-stat-small .cs-stat-figure{font-size:28px}
}
body.case-v2 .cs-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:46px 0 50px}
body.case-v2 .cs-frame{padding-right:44px}
body.case-v2 .cs-frame+.cs-frame{border-left:1px solid var(--cs-line);padding-left:44px}
body.case-v2 .cs-label{margin:0 0 14px;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-gold)}
body.case-v2 .cs-frame h2{margin:0;max-width:18ch}
body.case-v2 .cs-steps{border-top:1px solid var(--cs-line)}
body.case-v2 .cs-step{display:grid;grid-template-columns:clamp(200px,28vw,420px) minmax(0,1fr);border-bottom:1px solid var(--cs-line)}
body.case-v2 .cs-step-body{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:30px;padding:34px 48px 36px 34px}
body.case-v2 .cs-step-number{font-size:44px;line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--cs-gold)}
body.case-v2 .cs-step-body h2{margin:0 0 14px;max-width:30ch}
body.case-v2 .cs-step-body p{margin:0;color:var(--cs-muted);max-width:68ch}
body.case-v2 .cs-step-body p+p{margin-top:14px}
body.case-v2 .case-photo-slot{background:var(--cs-slot);min-height:180px}
body.case-v2 .cs-outcome{padding:44px 0 48px}
body.case-v2 .cs-outcome h2{margin:0;max-width:34ch}
body.case-v2 .cs-cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,auto);align-items:start;padding:46px 0 44px}
body.case-v2 .cs-cta h2{margin:0;padding-right:46px;max-width:22ch}
body.case-v2 .cs-cta-copy{border-left:1px solid var(--cs-line);padding:0 46px;color:var(--cs-muted);margin:0;max-width:40ch}
body.case-v2 .cs-cta-action{text-align:center}
body.case-v2 .cs-cta-note{display:block;margin-top:14px;font-size:14px;line-height:1.5;color:var(--cs-muted)}
body.case-v2 main .cs-cta-action a.button{
background:var(--cs-gold)!important;border-color:var(--cs-gold)!important;color:#1b2327!important;
text-transform:uppercase;letter-spacing:.09em;gap:16px}
body.case-v2 main .cs-cta-action a.button:is(:hover,:focus-visible){background:#e1b981!important;border-color:#e1b981!important}
body.case-v2 .cs-next{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--cs-line);padding:28px 0 46px}
body.case-v2 .cs-next a{display:inline-grid;align-items:center;gap:4px 18px}
body.case-v2 .cs-back{grid-template-columns:auto minmax(0,1fr)}
body.case-v2 .cs-back .cs-label{margin:0}
body.case-v2 .cs-next-link{grid-template-columns:minmax(0,1fr) auto;text-align:right;justify-items:end}
body.case-v2 .cs-next-link .cs-label{margin:0}
body.case-v2 .cs-next-link strong{font-size:19px;line-height:1.35;font-weight:600}
body.case-v2 .cs-next-line{font-size:16px;line-height:1.5;color:var(--cs-muted);max-width:44ch}
body.case-v2 .cs-next-link>.cs-label{grid-column:1;grid-row:1}
body.case-v2 .cs-next-link>strong{grid-column:1;grid-row:2}
body.case-v2 .cs-next-link>.cs-next-line{grid-column:1;grid-row:3}
body.case-v2 .cs-next-link>svg{grid-column:2;grid-row:1/4;align-self:center}
body.case-v2 .cs-next .icon{width:28px;height:28px;color:var(--cs-gold)}
@media(min-width:1500px){
body.case-v2 .cs-hero-photo{min-height:510px}
body.case-v2 .case-photo-slot{min-height:220px}
}
@media(max-width:1100px){
body.case-v2 .cs-row{grid-template-columns:minmax(28px,1fr) minmax(0,1280px) minmax(28px,1fr)}
body.case-v2 .cs-hero{grid-template-columns:minmax(28px,1fr) minmax(0,600px) minmax(0,680px) minmax(28px,1fr)}
body.case-v2 .cs-hero-copy{padding-right:36px}
body.case-v2 .cs-stat{gap:16px;padding-right:22px}
body.case-v2 .cs-stat+.cs-stat{padding-left:26px}
body.case-v2 .cs-stat-figure{font-size:40px}
body.case-v2 .cs-frame{padding-right:26px}
body.case-v2 .cs-frame+.cs-frame{padding-left:26px}
body.case-v2 .cs-step-body{column-gap:22px;padding:28px 28px 30px 26px}
body.case-v2 .cs-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:30px}
body.case-v2 .cs-cta-copy{padding-inline:30px}
body.case-v2 .cs-cta-action{grid-column:1/-1;text-align:left}
}
@media(min-width:761px) and (max-width:900px){
body.case-v2 .cs-stats{grid-template-columns:1fr 1fr;padding-block:0}
body.case-v2 .cs-stat{padding:22px 24px 22px 0}
body.case-v2 .cs-stat:first-child{grid-column:1/-1;border-bottom:1px solid var(--cs-line)}
body.case-v2 .cs-stat+.cs-stat{border-left:0;padding-left:0}
body.case-v2 .cs-stat:last-child{border-left:1px solid var(--cs-line);padding-left:26px}
}
@media(max-width:760px){
body.case-v2 main :is(h1,.t-h1):not(.t-h2):not(.t-h3):not(.t-p):not(.t-keep){font-size:48px!important}
body.case-v2 main :is(h2,.t-h2):not(.t-h1):not(.t-h3):not(.t-p):not(.t-keep){font-size:32px!important}
body.case-v2 main :is(h3,.t-h3):not(.t-h1):not(.t-h2):not(.t-p):not(.t-keep){font-size:24px!important}
body.case-v2 main :is(p,li,.t-p):not(.t-h1):not(.t-h2):not(.t-h3):not(.t-keep){font-size:16px!important}
body.case-v2 .cs-row{grid-template-columns:minmax(20px,1fr) minmax(0,1280px) minmax(20px,1fr)}
body.case-v2 .cs-hero{grid-template-columns:minmax(20px,1fr) minmax(0,1280px) minmax(20px,1fr);row-gap:0}
body.case-v2 .cs-hero-copy{grid-column:2;grid-row:1;padding:26px 0 30px}
body.case-v2 .cs-hero h1{max-width:none}
body.case-v2 .cs-hero-photo{grid-column:1/-1;grid-row:2;min-height:0;aspect-ratio:3/2;width:100%;align-self:start}
body.case-v2 .cs-hero-photo:after{background:linear-gradient(0deg,#20292d8c,#20292d00 46%)}
body.case-v2 .cs-identity{margin-bottom:18px}
body.case-v2 .cs-stats{grid-template-columns:1fr;padding-block:0}
body.case-v2 .cs-stat{padding:22px 0;gap:18px}
body.case-v2 .cs-stat+.cs-stat{border-left:0;border-top:1px solid var(--cs-line);padding-left:0}
body.case-v2 .cs-stat-figure{font-size:38px}
body.case-v2 .cs-stat-small .cs-stat-figure{font-size:30px}
body.case-v2 .cs-stat-icon{width:34px;height:34px}
body.case-v2 .cs-frames{grid-template-columns:1fr;padding:30px 0 34px}
body.case-v2 .cs-frame{padding:0 0 22px}
body.case-v2 .cs-frame+.cs-frame{border-left:0;border-top:1px solid var(--cs-line);padding:22px 0}
body.case-v2 .cs-frame h2{max-width:none}
body.case-v2 .cs-step{grid-template-columns:1fr}
body.case-v2 .cs-step-body{grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:24px 20px 28px}
body.case-v2 .cs-step-number{font-size:34px}
body.case-v2 .cs-step-body h2,body.case-v2 .cs-step-body p{max-width:none}
body.case-v2 .case-photo-slot{min-height:0;aspect-ratio:16/9}
body.case-v2 .cs-outcome{padding:30px 0 34px}
body.case-v2 .cs-outcome h2{max-width:none}
body.case-v2 .cs-cta{grid-template-columns:1fr;row-gap:22px;padding:32px 0 34px}
body.case-v2 .cs-cta h2{padding-right:0;max-width:none}
body.case-v2 .cs-cta-copy{border-left:0;padding:0;max-width:none}
body.case-v2 .cs-cta-action{text-align:left}
body.case-v2 main .cs-cta-action a.button{width:100%;max-width:340px}
body.case-v2 .cs-next{flex-direction:column;align-items:flex-start;gap:26px;padding-bottom:40px}
body.case-v2 .cs-next-link{text-align:left;justify-items:start;grid-template-columns:minmax(0,1fr) auto}
body.case-v2 .cs-next-line{max-width:none}
body.case-v2 .cs-break{display:none}
}
@media(max-width:360px){
body.case-v2 .cs-row,body.case-v2 .cs-hero{grid-template-columns:minmax(16px,1fr) minmax(0,1280px) minmax(16px,1fr)}
body.case-v2 .cs-step-body{padding-inline:16px}
body.case-v2 .cs-stat-figure{font-size:34px}
}