.calm-case .concept-hero{background:#e5e8db;padding:20px}.calm-case .concept-hero img{height:auto;object-fit:contain}.calm-case-palette{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0 22px;font-size:13px}.calm-case-palette span{min-height:85px;padding:14px 10px;display:flex;align-items:end;background:#f5f3ec;color:#303b31}.calm-case-palette span:nth-child(2){background:#eceee4}.calm-case-palette span:nth-child(3){background:#505d46;color:#fff}.calm-case-palette span:nth-child(4){background:#303b31;color:#fff}.calm-case .concept-device-images{align-items:start}.calm-case .device-desktop img{aspect-ratio:auto;object-fit:contain}.calm-case .device-mobile img{max-height:760px;object-fit:cover;object-position:top}.calm-case .concept-tags span{line-height:1.6}.calm-case .concept-device h2{max-width:22ch}@media(max-width:600px){.calm-case .concept-hero{padding:8px}.calm-case-palette{grid-template-columns:repeat(2,1fr)}.calm-case .concept-tags{flex-wrap:wrap}.calm-case .device-mobile img{max-height:650px}.calm-case h1{overflow-wrap:break-word}}
.calm-case .concept-device-images{grid-template-columns:minmax(0,1fr) minmax(200px,.32fr);gap:28px;align-items:start}.calm-case .concept-device-images figure{position:static;min-width:0;height:auto;transform:none;margin:0}.calm-case .concept-device-images img{height:auto;content-visibility:visible}.calm-case .device-mobile{max-width:280px}.calm-case .concept-device figcaption{line-height:1.6}@media(max-width:800px){.calm-case .concept-device-images{grid-template-columns:minmax(0,1fr);gap:32px}.calm-case .device-mobile{width:100%;margin-inline:auto}.calm-case .device-mobile img{max-height:none;object-fit:contain}}