/* Shared presentation for Selected Work case studies. */
.case-study{font:18px/1.7 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.case-study .container{width:min(1280px,86%);margin-inline:auto}
.case-study nav[aria-label="Main navigation"]{padding:32px 0;border:0}
.case-study .hero{padding:36px 0 40px}
.case-study .hero>.eyebrow{margin:0 0 22px;font-size:13px;font-weight:400;letter-spacing:.045em}
.case-study h1{font-size:clamp(38px,5.2vw,72px);font-weight:700;line-height:1.08;letter-spacing:-.05em;margin:0;max-width:1100px;text-wrap:balance}
.case-study h2{font-size:clamp(30px,3.5vw,46px);font-weight:500;line-height:1.18;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance}
.case-study h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0 0 16px}
.case-study p{max-width:68ch;margin:0 0 20px}
.case-study .hero>.intro{font-size:clamp(21px,2.2vw,28px);line-height:1.5;letter-spacing:-.025em;max-width:850px;margin:24px 0}
.case-study .intro strong{font-weight:500}
.case-study .hero>.project-credit{font-size:15px;line-height:1.6;margin:22px 0 0}
.case-study .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:26px 0;margin:32px 0 0;border-block:1px solid #505050}
.case-study .facts>div{min-width:0}
.case-study .facts dt{font-size:13px;line-height:1.5;margin:0 0 9px}
.case-study .facts dd{font-size:17px;line-height:1.6;margin:0}
.case-study .cover{width:100%;max-width:1080px;margin:0 0 34px}
.case-study .cover .image-preview{border:0}
.case-study .image-preview{display:block;border-radius:16px;overflow:hidden}
.case-study figure{min-width:0}
.case-study figure img{display:block;width:100%;height:auto}
.case-study figcaption{font-size:14px;line-height:1.6;padding-top:12px;max-width:80ch}
.case-study .case-nav{display:flex;flex-wrap:wrap;gap:8px 30px;padding:8px 0 28px;margin:0}
.case-study .case-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:5px}
.case-study .section{padding:56px 0;border-top:1px solid #505050}
.case-study .section .eyebrow,.case-study .closing .eyebrow,.case-study .outcome .eyebrow{font-size:13px;letter-spacing:.045em;margin:0 0 18px;font-weight:400}
.case-study .story-grid,.case-study .feature,.case-study .production,.case-study .print-layout{gap:48px}
.case-study .brand{grid-template-columns:250px minmax(0,1fr);gap:40px}
.case-study .brand-images,.case-study .brand-images.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-study .brand.john{grid-template-columns:250px minmax(0,1fr)}
.case-study .gallery{gap:24px}
.case-study .closing,.case-study .outcome{padding:36px;border:1px solid #505050;border-radius:16px;margin:16px 0 0;background:#242424}
.case-study .closing p:last-child,.case-study .outcome p:last-child{margin-bottom:0}
.case-study .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:28px;font-size:14px;line-height:1.5;text-decoration:none}
.case-study footer{border-top:1px solid #505050;margin-top:64px;padding:30px 0 20px}
.case-study .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:14px}
.case-study .case-contact{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}
.case-study .case-contact a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-underline-offset:5px;overflow-wrap:anywhere}
.case-study .footer-signature{display:flex;justify-content:center;border-top:1px solid #505050;margin-top:30px;padding:28px 0 10px}
.case-study .signature-logo{width:76px;height:auto}
.case-study .image-lightbox{width:min(1500px,96vw);max-width:96vw;padding:64px 24px 24px;border-radius:16px;max-height:94dvh;overflow:auto}
.case-study .image-lightbox img{width:100%;height:auto;max-height:none;object-fit:contain}
.case-study .image-lightbox .lightbox-close{position:sticky;top:0;display:block;margin:-48px 0 12px auto;z-index:1;width:44px;height:44px;border:1px solid #777;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}
.case-study :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1000px){
.case-study .brand,.case-study .brand.john{grid-template-columns:1fr;gap:24px}
.case-study .brand-copy{max-width:68ch}
.case-study .email-comparison{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:850px){
.case-study .story-grid,.case-study .feature,.case-study .production,.case-study .print-layout{grid-template-columns:1fr;gap:30px}
.case-study .contribution-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
.case-study .container{width:90%}
.case-study nav[aria-label="Main navigation"]{padding:20px 0}
.case-study .hero{padding:24px 0 32px}
.case-study .facts{grid-template-columns:1fr;gap:22px}
.case-study .facts>div:last-child{grid-column:auto}
.case-study .section{padding:38px 0}
.case-study .brand-images,.case-study .brand-images.pair,.case-study .gallery{grid-template-columns:1fr}
.case-study .closing,.case-study .outcome{padding:24px}
.case-study .footer-bottom{align-items:flex-start;flex-direction:column}
.case-study footer{margin-top:44px}
.case-study .signature-logo{width:64px}
.case-study .case-nav{gap:4px 22px}
}