.noir-case{padding-top:124px;padding-bottom:132px;background:#0c0d0f;border-top:1px solid var(--line)}
.noir-case-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:start;margin-bottom:54px}
.noir-case-head h2{margin:0;color:#f0efec;font-size:clamp(3rem,6.2vw,6.7rem);font-weight:500;letter-spacing:-.08em;line-height:.85}
.noir-case-head h2 em{font-family:var(--serif);font-weight:500;color:#c6a668}
.noir-case-head div>p{max-width:450px;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.noir-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.3vw,34px)}
.noir-shot{position:relative;margin:0;overflow:hidden;border:1px solid rgba(234,231,223,.16);border-radius:6px;background:#141519}
.noir-shot img{display:block;width:100%;aspect-ratio:1.7/1;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.04);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s}
.noir-shot:hover img{transform:scale(1.025);filter:grayscale(.25) contrast(1.04)}
.noir-shot figcaption{position:absolute;right:0;bottom:0;padding:10px 13px;background:#0c0d0f;color:rgba(234,231,223,.8);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:720px){.noir-case{padding-top:88px;padding-bottom:89px}.noir-case-head{display:block;margin-bottom:34px}.noir-case-head h2{margin-top:21px;font-size:clamp(3rem,14vw,4.8rem)}.noir-case-head div>p{margin-top:19px;font-size:13px}.noir-shot-grid{display:block}.noir-shot+.noir-shot{margin-top:16px}.noir-shot img{aspect-ratio:1.15/1}}