:root{--case-red:#c90606;--case-ink:#3e3131;--case-panel:#ebeff2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:1440px;background:#f6f6f6;color:var(--case-ink);font-family:Inter,Arial,sans-serif}
.case-study-page{position:relative;width:1440px;margin:0 auto;overflow:visible;background:#f6f6f6}
.case-study-page::before{content:"";position:absolute;top:0;left:50%;z-index:0;width:100vw;height:416px;transform:translateX(-50%);border-bottom:1px solid #ffddd5;background-color:#fffdfb;background-image:linear-gradient(#ffddd5 1px,transparent 1px),linear-gradient(90deg,#ffddd5 1px,transparent 1px);background-position:16px 1px;background-size:83px 83px}
.case-study-header{position:relative;z-index:100;height:137px}
.case-study-page main{position:relative;z-index:1}
.case-study-article{width:1162px;margin:34px auto 180px}
.case-study-article>*{max-width:100%}
.case-study-article h1{margin:0 0 175px;color:var(--case-red);font-size:50.7px;line-height:1.2;letter-spacing:-1px}
.case-study-article p,.case-study-article li{font-size:25px;line-height:1.55}
.case-study-article p{margin:0 0 31px}
.case-study-article ul{margin:0 0 31px;padding-left:42px}
.case-study-article h2{margin:72px 0 34px;color:var(--case-red);font-size:45.1px;line-height:1.2}
.case-study-article h3{margin:58px 0 28px;color:var(--case-red);font-size:40px;line-height:1.22}
.case-study-intro{margin:0 0 42px!important}
.byline{display:flex;align-items:center;gap:18px;margin:0 0 42px;font-size:22.22px}
.byline>img{width:103px;height:103px;border:1px solid #332a2a;border-radius:50%;object-fit:cover}
.byline-copy{display:grid;grid-template-columns:135px 125px;gap:8px 42px}
.byline-copy .author-jump{grid-column:1/-1;text-decoration:none}
.byline-copy .author-jump:hover,.byline-copy .author-jump:focus-visible{color:var(--case-red);text-decoration:underline;text-underline-offset:4px}
.byline-copy span{white-space:nowrap}
.case-hero{width:1067px;margin:0 auto 39px;overflow:hidden;border:1px solid #d9dee3;border-radius:20px;background:#fff;box-shadow:0 2px 8px rgba(51,42,42,.08)}
.case-hero img{display:block;width:100%;height:auto}
.results h2{margin-top:65px}
.results ul{display:grid;gap:20px;padding:0;list-style:none}
.results li{position:relative;width:max-content;max-width:100%;min-height:72px;padding:17px 34px 17px 54px;border-radius:15px;background:var(--case-panel);box-shadow:0 0 20px rgba(62,49,49,.16);transition:transform 180ms ease,box-shadow 180ms ease}
.results li:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 0 26px rgba(62,49,49,.24)}
.results li::before{content:"";position:absolute;top:0;bottom:0;left:0;width:29px;border-radius:15px 0 0 15px;background:var(--case-red)}
.results li::after{content:"✓";position:absolute;top:17px;left:7px;color:#fff;font-size:20px;font-weight:700}
.case-study-article a{text-decoration-thickness:2px;text-underline-offset:4px}
.evidence{margin:34px auto 72px;text-align:center}
.evidence img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;border:1px solid #d9dee3;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(51,42,42,.08)}
.evidence-tall{width:571px}
.evidence-wide{width:1001px}
.evidence-rating{width:720px}
.evidence-search{width:700px}
.evidence figcaption{max-width:760px;margin:22px auto 0;font-size:22.22px;line-height:1.4}
.data-note{margin-top:72px;padding:28px 34px 2px;border-radius:15px;background:var(--case-panel)}
.data-note strong{display:block;margin-bottom:22px;font-size:25px}
.footer{position:relative;width:100%;min-width:1440px;margin:0}
@media(prefers-reduced-motion:reduce){.results li{transition:none}.results li:hover{transform:none}}
@media(max-width:767px){body{min-width:0}.case-study-page{width:100%}.case-study-page::before{display:none}.case-study-header{height:96px}.case-study-header .top-logo{left:18px;top:18px}.case-study-header .nav-toggle{right:18px;top:25px}.case-study-header .top-nav{right:14px}.case-study-article{width:auto;margin:16px 14px 96px}.case-study-article h1{margin-bottom:50px;font-size:clamp(40px,12.9vw,50.7px);line-height:1.12}.case-study-article h2{margin:42px 0 30px;font-size:clamp(34px,10.18vw,40px)}.case-study-article h3{margin:38px 0 24px;font-size:clamp(28px,7.63vw,30px)}.case-study-article p,.case-study-article li{font-size:16px;line-height:1.3}.case-study-article p{margin-bottom:20px}.case-study-article ul{padding-left:28px}.byline{min-height:50px;gap:8px;margin-bottom:24px;font-size:13.33px;line-height:1.15}.byline>img{width:50px;height:50px}.byline-copy{grid-template-columns:auto auto;column-gap:26px;row-gap:3px}.case-hero{width:100%;border-radius:8px}.results li{width:100%;min-height:0;padding:14px 18px 14px 42px}.results li::before{width:24px}.results li::after{top:13px;left:5px}.evidence,.evidence-tall,.evidence-wide,.evidence-rating,.evidence-search{width:100%;margin:24px auto 46px}.evidence figcaption{font-size:12px}.data-note{padding:22px 20px 2px}.data-note strong{font-size:18px}.footer{width:100%;min-width:0}}
@media(max-width:767px){
  .case-study-article p{line-height:1.55}
  .case-study-article>ul li{line-height:1.55}
  .results ul{width:100%;margin-left:0;padding-left:0}
  .results li{text-align:left}
  .results li{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .results li:active{transform:translateY(-4px) scale(1.025);box-shadow:0 0 32px rgba(62,49,49,.32)}
  .case-study-article h1{position:relative;z-index:1;isolation:isolate}
  .case-study-article h1::before{content:"";position:absolute;top:-112px;bottom:-35px;left:50%;z-index:-1;width:100vw;transform:translateX(-50%);border-bottom:1px solid #ffddd5;background-color:#fffdfb;background-image:linear-gradient(#ffddd5 1px,transparent 1px),linear-gradient(90deg,#ffddd5 1px,transparent 1px);background-position:-1px -1px;background-size:42px 42px}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.results li:active{transform:none}}
