/* Shared case study opening, based on the Toll layout. Page colors remain inherited. */
@font-face{font-family:CaseInter;src:url('../fonts/Inter-VariableFont_opszwght.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.case-hero,.case-hero *{box-sizing:border-box}
.case-hero{width:100%;padding:96px max(80px,calc((100% - 1440px)/2)) 80px;color:inherit;background:inherit;font-family:CaseInter,Inter,Arial,sans-serif}
.case-hero__inner{width:100%;max-width:1440px;margin:0 auto}
.case-hero__copy{max-width:900px}
.case-hero__tag{margin:0 0 22px!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important}
.case-hero h1,.pt-page .case-hero h1{max-width:900px;margin:0 0 28px!important;color:inherit;font-family:inherit;font-size:clamp(44px,4.3vw,68px);font-weight:650;line-height:1.1;letter-spacing:-.035em}
.case-hero__intro,.case-hero__lead{max-width:700px;margin:0!important;color:inherit;font-size:20px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:-.02em!important}
.case-hero__lead{margin-bottom:22px!important}
.case-hero__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:56px 0 72px;padding:0}
.case-hero__facts div{min-width:0}
.case-hero__facts dt{margin:0 0 12px;font-size:13px;font-weight:400;line-height:1.4;opacity:.72}
.case-hero__facts dd{margin:0;font-size:14px;font-weight:500;line-height:1.4}
.case-hero__media{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;border-radius:32px}
.case-hero__media img{display:block;width:100%;height:auto;max-height:900px;object-fit:contain}
.case-hero+.project-section{padding-top:0}
.pt-page .case-hero{background:#393168;color:#efefef}
.pt-page .case-hero h1{color:#efefef}
@media(max-width:1000px){.case-hero{padding:64px 32px}.case-hero__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:48px 0 56px}}
@media(max-width:700px){.case-hero{padding:52px 20px}.case-hero h1,.pt-page .case-hero h1{font-size:43px}.case-hero__intro,.case-hero__lead{font-size:17px!important}.case-hero__facts{gap:24px;margin:40px 0 48px}.case-hero__media{border-radius:20px}}

.hugger-page .case-hero__intro + .case-hero__intro{margin-top:20px!important}