/* Figma success cases: 1920px desktop and 402px mobile. */
body:not(.home) main.case-study-directory{max-width:none;margin:0;padding:0;min-height:0}
.case-study-directory{background:#fff;color:#3b3b3b;overflow-x:clip}
.case-study-hero{position:relative;height:692px;color:#fff;background:#16120e}
.case-study-hero-art{position:absolute;inset:0;overflow:hidden}
.case-study-hero-art img{display:block;position:absolute;left:-1.53%;top:-19.55%;width:103.17%;height:140.94%;max-width:none}
.case-study-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000)}
.case-study-hero-copy{position:relative;width:min(1266px,calc(100% - 50px));margin:auto;padding-top:233px;text-align:center}
.case-study-eyebrow{font-size:20px;line-height:1.8;font-weight:600;margin:0 0 26px}
.case-study-hero h1{font-size:36px;line-height:1.4;font-weight:400;margin:0 0 16px}
.case-study-hero-description{font-size:18px;line-height:1.8;margin:0}
.case-study-results{background:#f8f8f8;padding:43.11px 0 206px;scroll-margin-top:110px}
.case-study-wrap{width:min(1267px,calc(100% - 50px));margin:auto}
.case-study-search{display:flex;align-items:center;height:39px;background:#fff;border-radius:10px;overflow:hidden}
.case-study-search input{min-width:0;width:100%;height:100%;padding:0 20px;border:0;background:transparent;font-family:inherit;font-weight:400;font-size:15px;line-height:1.4;color:#3b3b3b}
.case-study-search input:focus-visible{outline:none}
.case-study-search:has(input:focus-visible){outline:2px solid #946a45;outline-offset:4px}
.case-study-search input::placeholder{color:#3b3b3b;opacity:1}
.case-study-search button{display:grid;place-items:center;width:58px;height:39px;flex:none;border:0;background:transparent;cursor:pointer}
.case-study-search button img{width:17px;height:17px}
.case-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 40px}
.case-study-pagination{margin-top:101px}
.case-study-empty{text-align:center;padding:90px 0;min-height:337px;margin:0}
.case-study-directory a:focus-visible,.case-study-directory button:focus-visible{outline:2px solid #946a45;outline-offset:4px}
/* Intermediate widths keep the two-column directory readable without clipping authored copy. */
@media (min-width:768px) and (max-width:1199px){
 .case-study-hero{height:600px}
 .case-study-hero-copy{width:calc(100% - 48px);padding-top:190px}
 .case-study-results{padding:43.11px 0 140px}
 .case-study-wrap{width:calc(100% - 48px)}
 .case-study-grid{gap:28px 24px}
 .case-study-pagination{margin-top:72px}
}
@media(max-width:767px), (pointer: coarse) and (min-width: 768px) and (max-width: 1199px){
 .case-study-hero{height:523.332px}
 .case-study-hero-art img{left:50%;top:-.47%;width:255.68%;height:100.94%;transform:translateX(-50%)}
 .case-study-hero-copy{width:calc(100% - 50px);padding-top:200.31px;text-align:center}
 .case-study-eyebrow{font-size:14px;margin-bottom:10.31px}
 .case-study-hero h1{font-size:20px;line-height:1.4;margin-bottom:16.39px}
 .case-study-hero-description{font-size:14px;line-height:1.8;letter-spacing:-.025em}
 .case-study-results{padding:19.70px 0 110px}.case-study-search{border-radius:50px}
 .case-study-search input{font-size:12px;font-weight:500;padding-left:12px}.case-study-search button{width:42px}
 .case-study-grid{grid-template-columns:minmax(0,1fr);gap:15.4px}
 /* The approved mobile card body must win over shared 7.2em sizing and the generic paragraph font floor. */
  .case-study-pagination{gap:0;margin-top:53px}
}

/* BEGIN FIGMA TYPOGRAPHY */
@media(min-width:1200px){
/* 67:11565 */
.iel-copy-case-study-directory-description{width:100%;max-width:579.727px;font-size:18px;font-weight:400;line-height:1.8;letter-spacing:0em}
}
@media(max-width:767px), (pointer: coarse) and (min-width: 768px) and (max-width: 1199px){
/* 67:14193 */
.iel-copy-case-study-directory-description{width:100%;max-width:351.814px;font-size:14px;font-weight:400;line-height:1.8;letter-spacing:0em;margin-inline:auto}
}
/* END FIGMA TYPOGRAPHY */
/* Layout overrides stay outside the generated typography block. */
@media(min-width:1200px){
.case-study-eyebrow{width:93.816px;margin:0 auto 25.59px}
.case-study-hero h1{width:503.187px;max-width:100%;margin:0 auto 16.54px}
.iel-copy-case-study-directory-description{width:579.727px;max-width:100%;margin-inline:auto}
}
