/* Summus Design case: architectural rhythm, real projects, client photography. */
.summus-case{--wine:#9e3436;--ink:#211f1d;--cream:#f1ede7;--gold:#ad9271}
.summus-case .case-presentation{background:#201d1c;padding:64px 4%}
.summus-case .case-presentation .case-shot{max-width:1640px;box-shadow:0 28px 90px #0006}
.summus-case .case-shot img{border-color:#d8d3cc}
.summus-case .summus-dark{background:var(--ink);color:#f5f0e9}
.summus-case .summus-cream{background:var(--cream)}
.summus-case .summus-dark .eyebrow,.summus-case .summus-dark figcaption{color:#c6bbb0}
.summus-case .summus-dark p{color:#e0d8ce}
.summus-case .summus-dark h2 em{color:#e9bbb4}
.summus-case .summus-cream h2 em,.summus-case .summus-photo-intro h2 em{color:var(--wine)}
.summus-case .summus-photo-intro{padding-bottom:30px}
.summus-case .summus-photo-intro .editorial p{max-width:700px}
.summus-case figure{margin:0;min-width:0}
.summus-case figcaption{font-size:13px;line-height:1.5;margin-top:13px;color:#77716c}
.summus-case .summus-dark figcaption{color:#c6bbb0}
.summus-case .summus-photo-stage{padding:0 4% 80px;background:var(--cream)}
.summus-case .summus-photo-stage figure{max-width:1600px;margin:auto}
.summus-case .summus-photo-stage img{display:block;width:100%;height:auto}
.summus-case .summus-photo-stage figcaption{display:flex;gap:20px;justify-content:space-between;text-transform:uppercase;letter-spacing:.09em;color:#655b53}
.summus-case .summus-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:52px}
.summus-case .summus-photo-grid figure:first-child{grid-column:1/-1}
.summus-case .summus-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.summus-case .summus-photo-grid figure:first-child img{aspect-ratio:2.05}
.summus-case .summus-photo-grid a{display:block;overflow:hidden}
.summus-case .summus-photo-grid a img{transition:transform .5s ease}
.summus-case .summus-photo-grid a:hover img{transform:scale(1.025)}
.summus-case .summus-interface{margin-top:54px}
.summus-case .summus-interface .case-shot{display:block}
.summus-case .summus-interface img{display:block;width:100%;height:auto}
.summus-case .summus-interface-pair{display:grid;grid-template-columns:minmax(0,2.7fr) minmax(0,.8fr);gap:4%;align-items:center;margin-top:54px}
.summus-case .summus-interface-pair .case-phone{max-width:300px;justify-self:center;width:100%}
.summus-case .summus-interface-pair figcaption{margin-top:13px}
.summus-case .summus-photo-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:52px}
.summus-case .summus-photo-series img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}
.summus-case .summus-photo-series figure:nth-child(1){grid-column:1/-1}
.summus-case .summus-photo-series figure:nth-child(1) img{aspect-ratio:2.1}
.summus-case .summus-mobile-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7%;max-width:720px;margin:54px auto 0}
.summus-case .summus-mobile-pair figure{max-width:300px;justify-self:center;width:100%}
.summus-case .summus-close{background:#e5ddd1}
.summus-case .summus-close h2 em{color:var(--wine)}
.summus-case .summus-close .text-link{display:inline-block;margin:12px 26px 0 0}
@media(max-width:800px){.summus-case .summus-interface-pair{grid-template-columns:minmax(0,1.8fr) minmax(0,.9fr);gap:25px}.summus-case .summus-photo-grid,.summus-case .summus-photo-series{gap:20px}}
@media(max-width:600px){.summus-case .case-presentation{padding:30px 4%}.summus-case .summus-photo-stage{padding-bottom:45px}.summus-case .summus-photo-stage figcaption{display:block}.summus-case .summus-photo-grid,.summus-case .summus-photo-series{grid-template-columns:1fr;gap:30px;margin-top:34px}.summus-case .summus-photo-grid figure:first-child,.summus-case .summus-photo-series figure:nth-child(1){grid-column:auto}.summus-case .summus-photo-grid img,.summus-case .summus-photo-grid figure:first-child img,.summus-case .summus-photo-series img,.summus-case .summus-photo-series figure:nth-child(1) img{aspect-ratio:auto}.summus-case .summus-interface-pair{grid-template-columns:1fr;gap:35px;margin-top:34px}.summus-case .summus-interface-pair .case-phone{max-width:285px}.summus-case .summus-mobile-pair{grid-template-columns:1fr;gap:36px;max-width:285px;margin-top:34px}.summus-case .summus-interface{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.summus-case .summus-photo-grid a img{transition:none}.summus-case .summus-photo-grid a:hover img{transform:none}}