@import url("/column-layout.css");
.case-page{background:var(--page)}
.case-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding-block:48px 64px}
.case-intro>h1{grid-column:1/-1;font-size:clamp(54px,6.2vw,96px);margin:0 0 22px}
.case-summary{grid-column:1/span 5}
.case-subtitle{font-size:clamp(18px,1.65vw,23px);line-height:1.4;max-width:29ch;margin:0}
.case-overview{grid-column:7/-1;max-width:57ch}
.case-overview p{font-size:clamp(16px,1.35vw,20px);line-height:1.6;margin:0 0 16px}
.case-overview h2{font:500 clamp(20px,1.8vw,26px)/1.3 Quincy,Georgia,serif;margin:0 0 12px}
.case-content-band{background:#fff}
.case-story{--case-media-gap:24px;padding-top:0}
.case-copy{padding-block:clamp(48px,6vw,90px)}
.case-prose{max-width:60ch}
.case-prose p{font-size:clamp(16px,1.35vw,20px);line-height:1.65;margin:0 0 20px}
.case-prose p:last-child{margin-bottom:0}
.case-prose h2,.case-prose h3{font-family:Quincy,Georgia,serif;font-weight:500;line-height:1.12;margin:1.5em 0 .55em}
.case-prose h2{font-size:clamp(23px,2vw,32px)}.case-prose h3{font-size:clamp(20px,1.6vw,26px)}
.case-prose ul,.case-prose ol{padding-left:1.7em;line-height:1.65;margin:0 0 20px}.case-prose li+li{margin-top:.35em}
.case-prose figure{margin:0 0 1.5em}.case-prose figure img{width:100%;height:auto;display:block}.case-prose figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:10px}
.case-prose .learn-rich-columns{--column-gap:var(--gutter);margin:2em 0}
.case-story>.case-media-row+.case-media-row{margin-top:var(--case-media-gap)}
.case-media-row .case-copy{padding-block:0}
.case-media-row .case-prose{max-width:none}
.case-media-row .case-prose>:is(figure,.learn-rich-columns){margin:0}
.case-media-row .learn-rich-columns{--column-gap:var(--case-media-gap)}
.case-media-row .learn-rich-column>figure{margin:0}
.case-story [data-case-image="w-image-07"] img,.case-story [data-case-image="w-image-08"] img{aspect-ratio:1.28;object-fit:cover;object-position:center 75%}
.case-return{padding-block:46px}
.case-return a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px}
.case-return svg{display:block;flex:none;width:16px;height:16px}
.case-return a:hover{text-decoration:underline;text-underline-offset:var(--underline-offset)}
.case-related{padding-block:36px clamp(90px,9vw,140px)}
.case-related h2{font:500 clamp(30px,3vw,44px)/1.15 Quincy,Georgia,serif;letter-spacing:-.025em;margin:0 0 32px}
.case-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--edge)}
.case-related-card{min-width:0}
.case-related-card a{display:block}
.case-related-image{aspect-ratio:1;position:relative;overflow:hidden;background:#f2f2f2}
.case-related-image img{width:100%;height:100%;object-fit:cover}
.case-page .contact{margin-top:0}
.case-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:22px 0 0;padding:0;max-width:42ch}
@media(max-width:1000px){.case-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}
@media(max-width:900px){.case-summary{grid-column:1/span 5}.case-overview{grid-column:6/-1}}
@media(max-width:640px){
 .case-intro{display:block;padding-block:42px 36px}
 .case-intro>h1{font-size:48px;margin-bottom:20px}
 .case-subtitle{font-size:18px;max-width:30ch}
 .case-overview{margin-top:26px;max-width:none}
 .case-overview p{font-size:16px;line-height:1.55;margin-bottom:14px}
 .case-tags{margin-top:20px;gap:6px}
 .case-copy{display:block;padding-block:42px}
 .case-prose h2{font-size:30px;max-width:22ch}
 .case-prose p{font-size:16px;line-height:1.6}
 .case-prose .learn-rich-columns{margin:1.5em 0}
 .case-story{--case-media-gap:16px}
 .case-return{padding-block:28px}
 .case-related{padding-block:34px 75px}
 .case-related h2{font-size:30px;margin-bottom:22px}
 .case-related-grid{gap:24px 16px}
 .case-related-card a{-webkit-tap-highlight-color:transparent}
 .case-related-image .scrub-preview{display:none}
}

.case-copy.no-heading .case-prose:has(>.learn-rich-columns[data-two-columns]){max-width:none}
.case-copy.no-heading .case-prose:has(>figure>.video-player){max-width:none}
.case-prose:has(>figure>iframe){max-width:none}
.case-prose>.learn-rich-columns[data-two-columns]{grid-column:1/-1;max-width:none}
.case-prose>.learn-rich-columns[data-two-columns]{margin:0}
.case-prose .learn-rich-columns[data-two-columns] h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.02em;margin:0 0 20px}