.case-breadcrumb { display: flex; gap: 14px; margin-bottom: 38px; color: #979794; font-size: 13px; }
.case-breadcrumb a, .case-sections a { color: #d4d4d4; text-decoration: none; }
.case-breadcrumb a:hover, .case-sections a:hover { color: #EABD7C; }
.case-hero { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 60px; align-items: start; margin-bottom: 48px; }
.case-hero .work-heading { margin-bottom: 0; }
.case-hero .work-heading h1 { margin-bottom: 20px; }
.case-headline { font-size: clamp(24px, 2.8vw, 36px); font-weight: 400; line-height: 1.3; color: #eceae5; margin-bottom: 20px; letter-spacing: -.025em; }
.case-hero .work-heading > p:not(.home-eyebrow):not(.case-preview-note) { color: #ababaa; font-size: 16px; line-height: 1.8; }
.case-actions, .project-card-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.case-actions { margin-top: 28px; }
.case-hero .work-heading > .case-preview-note { font-size: 12px; line-height: 1.6; color: #979794; margin-top: 14px; }
.case-facts { padding: 28px; border: 1px solid #343536; border-radius: 5px; background: #1b1c1d; }
.case-facts dl > div { margin-bottom: 24px; }
.case-facts dt { font-size: 11px; color: #979794; letter-spacing: 1px; margin-bottom: 8px; }
.case-facts dd { font-size: 14px; line-height: 1.6; }
.case-facts .case-status { color: #EABD7C; }
.case-facts .project-tags { margin-bottom: 0; }
.case-image { margin: 0 0 36px; border: 1px solid #343536; background: #242526; border-radius: 6px; overflow: hidden; }
.case-image img { display: block; width: 100%; height: auto; }
.case-image figcaption { padding: 16px 22px; color: #b4b4b4; font-size: 12px; }
.case-visual-note { padding: 24px; border: 1px solid #343536; margin-bottom: 36px; background: #242526; }
.case-visual-note > p + p { margin-top: 10px; color: #ababaa; font-size: 14px; line-height: 1.7; }
.case-sections { display: flex; flex-wrap: wrap; gap: 16px 32px; padding: 22px 0; border-block: 1px solid #343536; font-size: 13px; }
.case-section { padding: 56px 0; scroll-margin-top: 100px; }
.case-section h2, .case-stage h2 { color: #eceae5; font-weight: 500; font-size: clamp(24px, 3vw, 34px); line-height: 1.25; letter-spacing: -.025em; margin: 12px 0 22px; }
.case-section p:not(.home-eyebrow), .case-stage p:not(.home-eyebrow) { color: #ababaa; font-size: 15px; line-height: 1.85; }
.case-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; border-bottom: 1px solid #343536; }
.case-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.case-feature-grid article { padding: 26px; border: 1px solid #343536; border-radius: 5px; }
.case-feature-number { font-size: 12px; color: #EABD7C; }
.case-feature-grid h3 { font-size: 18px; font-weight: 500; margin: 20px 0 12px; color: #eceae5; }
.case-feature-grid article p { font-size: 14px; }
.case-decisions > div { display: grid; grid-template-columns: 1fr 2fr; gap: 28px; padding: 22px 0; border-bottom: 1px solid #343536; }
.case-decisions dt { color: #EABD7C; font-size: 16px; line-height: 1.7; }
.case-decisions dd { color: #ababaa; font-size: 15px; line-height: 1.8; }
.case-stage { padding: 30px; background: #1b1c1d; border-left: 2px solid #EABD7C; }
.case-next-copy { max-width: 850px; }
.case-page .work-contact { border-top: 1px solid #343536; }
.case-related { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 18px; padding: 26px 0; border-top: 1px solid #343536; text-decoration: none; color: #d4d4d4; margin-bottom: 24px; }
.case-related > span { font-size: 11px; letter-spacing: 1px; color: #979794; }
.case-related strong { font-size: 22px; font-weight: 500; }
.case-related:hover strong { color: #EABD7C; }
@media (max-width: 900px) {
    .case-hero { gap: 30px; }
    .case-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .case-breadcrumb { margin-bottom: 28px; }
    .case-hero, .case-overview { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .case-hero .work-heading > p:not(.home-eyebrow):not(.case-preview-note) { font-size: 14px; }
    .case-facts { padding: 22px; }
    .case-section { padding: 36px 0; scroll-margin-top: 80px; }
    .case-feature-grid { grid-template-columns: minmax(0, 1fr); }
    .case-feature-grid article, .case-stage { padding: 22px; }
    .case-decisions > div { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .case-actions a { flex: 1 1 160px; }
}