/* Shared article design for all revised case studies. */
.case-study{--case-line:#deded9;--case-muted:#5b5b57;--case-bg:#f4f4f0}
.case-study .case-wrap{width:min(1100px,calc(100% - 80px));margin:auto}
.case-study .case-hero{padding:36px 0 0}.case-study .crumb{margin-bottom:35px}
.case-study .case-eyebrow{font-size:12px;letter-spacing:.16em;color:var(--case-muted);margin:0 0 12px}
.case-study .case-title{font-size:clamp(28px,3.6vw,46px);line-height:1.5;letter-spacing:.025em;margin:0 0 12px;font-weight:500}
.case-study .case-subtitle{font-size:16px;line-height:1.85;margin:0 0 28px;color:var(--case-muted)}
.case-study figure{margin:0}.case-study .case-cover{background:var(--case-bg);padding:36px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:32px;align-items:center}
.case-study .case-cover img{display:block;width:100%;height:340px;object-fit:cover;object-position:top;border:1px solid var(--case-line)}
.case-study .case-cover .case-phone{height:310px;object-fit:cover;object-position:top;border:7px solid #252525;border-radius:18px}
.case-study .case-cover.case-print{grid-template-columns:1fr 1fr 1.3fr;gap:24px}
.case-study .case-print img{height:270px;object-fit:contain;background:white;border:0}
.case-study figcaption{font-size:12px;line-height:1.8;color:var(--case-muted);margin-top:12px}
.case-study .case-nav{display:flex;flex-wrap:wrap;gap:12px 26px;border-bottom:1px solid var(--case-line);padding:23px 0;margin:0;font-size:13px}
.case-study .case-nav a{text-decoration:none}.case-study .case-nav a:hover{text-decoration:underline}
.case-study .case-section{display:grid;grid-template-columns:200px minmax(0,1fr);gap:45px;padding:64px 0;border-bottom:1px solid var(--case-line);scroll-margin-top:100px}
.case-study .case-section h2{font-size:21px;line-height:1.6;margin:0;font-weight:500;letter-spacing:.025em}
.case-study .case-section h2 span{display:block;font-size:11px;letter-spacing:.13em;color:var(--case-muted);margin-bottom:9px}
.case-study .case-content{min-width:0;font-size:16px;line-height:1.95;letter-spacing:.025em}
.case-study .case-content p{margin:0 0 18px}.case-study .case-content p:last-child{margin-bottom:0}
.case-study .case-meta{display:grid;grid-template-columns:105px 1fr;font-size:13px;gap:12px 20px;border-top:1px solid var(--case-line);padding-top:22px;margin:25px 0 0;line-height:1.8}
.case-study .case-meta dt{color:var(--case-muted)}.case-study .case-meta dd{margin:0}
.case-study .case-point+.case-point{margin-top:42px;padding-top:35px;border-top:1px solid var(--case-line)}
.case-study .case-point h3{font-size:21px;font-weight:500;line-height:1.65;margin:0 0 15px}
.case-study .case-num{font-size:13px;color:var(--accent);display:block;letter-spacing:.12em;margin-bottom:6px}
.case-study .case-flow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 0}
.case-study .case-flow div{background:var(--case-bg);padding:20px;font-size:14px;line-height:1.8}
.case-study .case-flow strong{display:block;margin-bottom:8px;font-size:15px}
.case-study .case-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.85;margin:24px 0}
.case-study .case-table th,.case-study .case-table td{text-align:left;vertical-align:top;padding:15px 12px;border-bottom:1px solid var(--case-line);font-weight:400}
.case-study .case-table thead{background:var(--case-bg)}.case-study .case-table th[scope=row]{width:23%}
.case-study .case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:24px 0}
.case-study .case-gallery img{width:100%;display:block;height:auto}.case-study .case-scroll{max-height:460px;overflow:auto;border:1px solid var(--case-line);background:var(--case-bg)}
.case-study .case-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.case-study .case-shot{margin:22px 0}.case-study .case-shot img{display:block;width:100%;height:auto;border:1px solid var(--case-line)}
.case-study .case-link{display:inline-block;margin-top:13px;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.case-study .case-status{padding:22px;background:var(--case-bg);font-size:14px;line-height:1.85}
.case-study .case-intro{max-width:855px;margin:30px 0 0}
.case-study .case-intro .note-eyecatch,.case-study .case-intro .article-work-visual{max-width:100%;margin-bottom:36px}
.case-study .case-before-after{max-width:855px;margin:0 0 38px}
.case-study .case-before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-study .case-before-after-item{min-width:0}
.case-study .case-before-after-label{font-size:11px;letter-spacing:.13em;color:var(--case-muted);margin:0 0 9px}
.case-study .case-before-after img{display:block;width:100%;height:auto}
.case-study .case-before-after figcaption{margin-top:12px}
.case-study .case-intro .page-lead,.case-study .case-intro-copy{max-width:720px}
.case-study .case-intro .page-lead{margin:0 0 42px;font-size:16px;line-height:2;letter-spacing:.04em}
.case-study .case-intro-copy{font-size:16px;line-height:1.95;letter-spacing:.025em;margin-bottom:42px}
.case-study .case-intro-copy p{margin:0 0 18px}
.case-study .case-intro-copy p:last-child{margin-bottom:0}
.case-study .case-content blockquote{margin:28px 0;padding:24px 28px;background:var(--case-bg);border-left:3px solid var(--case-line);font-size:16px;line-height:2}
.case-study .case-content blockquote p{margin-bottom:14px}
.case-study .case-content blockquote p:last-child{margin-bottom:0}
.case-study .case-footer{padding:55px 0 70px}.case-study .case-footer h2{font-size:26px;line-height:1.6;margin:0 0 15px;font-weight:500}
.case-study .case-footer p{font-size:15px;line-height:1.9;margin:0 0 24px}.case-study .case-related{margin-top:38px;padding-top:25px;border-top:1px solid var(--case-line);display:flex;flex-wrap:wrap;gap:16px 32px;font-size:14px}
.case-study .case-related-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.case-study .case-related-detail a{display:block;text-decoration:none;line-height:1.7}
.case-study .case-related-detail a:hover{text-decoration:underline;text-underline-offset:4px}
.case-study .case-related-detail span,.case-study .case-related-detail small{display:block}
.case-study .case-related-detail span{color:var(--accent);font-size:11px;letter-spacing:.13em;margin-bottom:3px}
.case-study .case-related-detail small{color:var(--case-muted);font-size:12px;line-height:1.7;margin-top:4px}
@media(max-width:760px){.case-study .case-wrap{width:calc(100% - 40px)}.case-study .case-hero{padding-top:22px}.case-study .crumb{font-size:11px;margin-bottom:24px}.case-study .case-cover{padding:18px;gap:14px;grid-template-columns:minmax(0,1fr) 85px}.case-study .case-cover img{height:205px}.case-study .case-cover .case-phone{height:185px;border-width:4px;border-radius:10px}.case-study .case-cover.case-print{grid-template-columns:1fr 1fr;gap:15px}.case-study .case-print img{height:190px}.case-study .case-print img:last-child{grid-column:1/-1;height:auto;max-height:190px}.case-study .case-section{grid-template-columns:1fr;gap:22px;padding:38px 0}.case-study .case-section h2 span{display:inline;margin-right:12px}.case-study .case-content{font-size:15px;line-height:1.9}.case-study .case-point h3{font-size:19px}.case-study .case-meta{grid-template-columns:80px 1fr;gap:10px 14px}.case-study .case-flow{grid-template-columns:1fr}.case-study .case-gallery{grid-template-columns:1fr;gap:27px}.case-study .case-scroll{max-height:390px}.case-study .case-table{font-size:12px}.case-study .case-table td,.case-study .case-table th{padding:12px 7px;overflow-wrap:anywhere}.case-study .case-footer h2{font-size:23px}.case-study .case-nav{font-size:12px;gap:12px 20px}.case-study .case-intro{max-width:none;margin-top:24px}.case-study .case-intro .note-eyecatch,.case-study .case-intro .article-work-visual{margin-bottom:28px}.case-study .case-before-after{margin-bottom:30px}.case-study .case-before-after-grid{grid-template-columns:1fr;gap:24px}.case-study .case-intro .page-lead,.case-study .case-intro-copy{max-width:none;font-size:15px;line-height:1.9}.case-study .case-intro .page-lead{margin-bottom:34px}.case-study .case-intro-copy{margin-bottom:34px}.case-study .case-content blockquote{padding:22px 20px;font-size:15px}.case-study .case-related-detail{grid-template-columns:1fr;gap:20px}}

@media(max-width:760px){.case-study .case-cover:not(.case-print)>img:first-child{height:auto;max-height:205px;object-fit:contain;align-self:center}}

/* Carry the site's bronze rule into the shared case-study heading hierarchy. */
.case-study .case-section>h2{align-self:start;border-left:3px solid var(--accent);padding-left:20px}
.case-study .case-section>h2 span{display:block;margin:0 0 9px;line-height:1.5}
.case-study .case-num{color:var(--accent)}
.case-study .case-footer h2{border-left:3px solid var(--accent);padding-left:20px}
@media(max-width:760px){.case-study .case-section>h2,.case-study .case-footer h2{padding-left:16px}}

.case-study .case-section h2 span{color:var(--accent)}