/* Transformation case studies */
.case-hero{padding:105px 10vw 110px;background:#111;color:#f5f4f0}
.case-hero .eyebrow{color:#f17b62}
.case-hero h1{font-size:clamp(55px,8.3vw,126px);line-height:.99;letter-spacing:-.077em;font-weight:700;max-width:1200px;margin:40px 0 38px;overflow-wrap:break-word}
.case-hero h1 em{font-style:normal;color:#f17b62}
.case-deck{font-size:clamp(21px,2.25vw,31px);line-height:1.4;max-width:860px;color:#e6e2dd}
.case-metrics{display:flex;gap:75px;margin-top:65px;flex-wrap:wrap}
.case-metrics div{display:flex;flex-direction:column;gap:8px}
.case-metrics strong{font-size:clamp(38px,5vw,70px);letter-spacing:-.06em}
.case-metrics span{font-size:14px;color:#bbb}
.case-index{padding:70px 10vw 120px}
.case-tile{display:block;padding:55px 0 65px;border-bottom:1px solid #bbb}
.case-number{font:700 14px Manrope,Arial,sans-serif;letter-spacing:.08em;color:#a63f2b}
.case-tile h2{font-size:clamp(35px,5.5vw,78px);line-height:1.06;letter-spacing:-.065em;max-width:1100px;margin:23px 0}
.case-tile p{font-size:clamp(17px,1.65vw,23px);max-width:820px;line-height:1.55;color:#555}
.case-arrow{display:inline-block;margin-top:16px;font-weight:800;font-size:17px}
.case-tile:hover .case-arrow,.case-sources a:hover{color:#c54a33}
.case-story>section{padding:85px 10vw;border-bottom:1px solid #d7d4ce}
.case-story>section>*{max-width:930px}
.case-story h2,.case-next h2{font-size:clamp(37px,5.5vw,75px);line-height:1.08;letter-spacing:-.065em;font-weight:650;margin:25px 0 32px}
.case-story p:not(.eyebrow){font-size:clamp(18px,1.6vw,23px);line-height:1.7;color:#45433f}
.case-story strong{color:#111}
.case-story .case-emphasis{background:#eae5dc}
.case-sources{display:flex;flex-direction:column;gap:18px;margin-top:35px}
.case-sources a{font-size:clamp(17px,1.7vw,23px);font-weight:800;text-decoration:underline;text-underline-offset:7px}
.case-next{padding:100px 10vw;background:#111;color:#fff}
.case-next .eyebrow{color:#f17b62}
.case-button{display:inline-block;padding:18px 26px;background:#f17b62;color:#111;font-weight:800;font-size:16px}
@media(max-width:700px){.case-hero{padding:75px 7vw 85px}.case-hero h1{font-size:clamp(43px,11vw,72px)}.case-index{padding:35px 7vw 80px}.case-tile{padding:40px 0}.case-story>section{padding:65px 7vw}.case-next{padding:75px 7vw}.case-metrics{gap:30px}}
.case-home-feature{padding:100px 10vw;background:#f5f4f0}.case-home-feature h2{font-size:clamp(45px,6vw,85px);letter-spacing:-.07em;line-height:1.05;margin:30px 0}.case-home-feature>p:not(.eyebrow){font-size:clamp(19px,1.8vw,25px);line-height:1.55;max-width:800px}.case-home-links{margin-top:55px;border-top:1px solid #aaa}.case-home-links a{display:grid;grid-template-columns:180px 1fr 35px;gap:25px;align-items:center;padding:30px 0;border-bottom:1px solid #aaa}.case-home-links span{font-size:13px;font-weight:800;color:#a63f2b}.case-home-links strong{font-size:clamp(21px,2.7vw,39px);line-height:1.16;letter-spacing:-.04em}.case-home-links b{font-size:25px}.case-home-feature .text-link{margin-top:40px}@media(max-width:700px){.case-home-feature{padding:75px 7vw}.case-home-links a{grid-template-columns:1fr 25px;gap:12px}.case-home-links span{grid-column:1/-1}}
.case-gallery{padding:65px 10vw;background:#fff}.case-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.case-gallery figure{margin:0;background:#f1f0ec}.case-gallery img{display:block;width:100%;height:auto;object-fit:contain}.case-gallery-single{max-width:780px;margin:30px auto!important}.case-image-note{font-size:14px;color:#666;margin-top:20px}@media(max-width:700px){.case-gallery{padding:45px 7vw}.case-gallery-grid{grid-template-columns:1fr;gap:22px}}
/* Original KEY creative presented on the new site */
.key-original-work h2{font-size:clamp(38px,5.5vw,75px);line-height:1.08;letter-spacing:-.065em;margin:25px 0}.key-original-work>p:not(.eyebrow){font-size:clamp(18px,1.6vw,23px);line-height:1.6}.key-original-work .case-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.key-original-work figure{display:flex;align-items:center;justify-content:center;padding:16px;min-height:260px}.key-original-work img{max-height:650px;object-fit:contain}@media(max-width:700px){.key-original-work .case-gallery-grid{grid-template-columns:1fr}.key-original-work figure{min-height:0;padding:10px}}

.key-original-work .key-image-link{display:block;width:100%;touch-action:manipulation}.key-original-work .key-image-link img{width:100%;height:auto}.key-original-work .key-image-link:focus-visible{outline:3px solid #f17b62;outline-offset:5px}

/* KEY long-form film, responsive and mobile-friendly */
.key-film{padding:90px 10vw 105px;background:#171717;color:#fff}.key-film .eyebrow{color:#f17b62}.key-film h2{font-size:clamp(37px,5.5vw,75px);line-height:1.08;letter-spacing:-.065em;max-width:1050px;margin:25px 0}.key-film p:not(.eyebrow){font-size:clamp(18px,1.6vw,23px);color:#ddd}.key-film video{display:block;width:100%;max-width:1250px;aspect-ratio:16/9;height:auto;background:#000;margin-top:40px}@media(max-width:700px){.key-film{padding:65px 7vw 75px}.key-film video{margin-top:30px}}

/* Case-study headlines, decks and body copy: balanced endings on desktop and mobile. */
.case-hero h1,.case-story h2,.case-next h2,.case-gallery h2,.key-film h2,.case-tile h2{ text-wrap:balance; }
.case-hero .case-deck,.case-story p:not(.eyebrow),.case-gallery p:not(.eyebrow),.key-film p:not(.eyebrow){text-wrap:pretty;}

/* HEDO original work belongs with its case-study work section. */
.hedo-work .hedo-gallery{padding:35px 0 0;background:transparent}.hedo-work .hedo-gallery>*{max-width:none}.hedo-work .hedo-gallery .case-gallery-grid{margin-top:0}.hedo-work .hedo-gallery a{display:block;touch-action:manipulation}.hedo-work .hedo-gallery img{width:100%;height:auto}.hedo-work .hedo-gallery figure{margin:0}

/* Original transformation archive: editorial presentation, direct mobile-accessible work */
.archive-gallery{padding:90px 10vw 110px;background:#f4f2ee}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.archive-grid figure{margin:0;background:#e8e6e1;display:flex;align-items:center;justify-content:center;min-width:0}.archive-grid a{display:block;width:100%;touch-action:manipulation}.archive-grid img{display:block;width:100%;height:auto;max-height:850px;object-fit:contain}.archive-status{background:#f0eee9}.archive-status p:not(.eyebrow){font-size:clamp(17px,1.4vw,21px);line-height:1.6}.archive-document{padding:85px 10vw;background:#fff}.archive-document h2{font-size:clamp(37px,5vw,70px);line-height:1.08;letter-spacing:-.06em}.archive-document a{display:inline-block;font-weight:800;font-size:clamp(19px,1.8vw,25px);text-decoration:underline;text-underline-offset:7px}.archive-tile h2{font-size:clamp(32px,4.2vw,60px)}@media(max-width:700px){.archive-gallery{padding:60px 7vw 75px}.archive-grid{grid-template-columns:1fr;gap:18px}.archive-document{padding:65px 7vw}}

/* Keep the key editorial thought together on desktop and mobile. */
.case-home-feature h2 .one-line-seeing{white-space:nowrap;display:inline-block;font-size:clamp(29px,4.9vw,76px);letter-spacing:-.07em}
@media(max-width:700px){.case-home-feature h2 .one-line-seeing{font-size:clamp(24px,6.1vw,43px);letter-spacing:-.065em}}

/* Original smart concept sheet shown full-width after the presentation boxes. */
.smart-concept-sheet{margin:clamp(32px,5vw,80px) 0 0}.smart-concept-sheet img{display:block;width:100%;height:auto}.smart-concept-sheet figcaption{margin-top:12px;font-size:13px;line-height:1.5;opacity:.7}
