/* Approved source images, with native captions and no blur masks. */
.case-card{position:relative;min-height:255px;overflow:hidden;border:1px solid rgba(204,221,225,.28);border-radius:7px;background:#071a22;isolation:isolate}
.case-card:hover{border-color:var(--gold)}
.case-photo{position:absolute;right:0;top:0;bottom:0;width:73%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.case-photo>img{position:absolute;max-width:none;height:auto;top:50%;filter:none}
.cargo .case-photo{width:78%}
.cargo .case-photo>img{width:100%;left:0;transform:translateY(-55%)}
.nb .case-photo>img{width:256%;left:-113.75%;transform:translateY(-13.75%)}
.mera .case-photo{width:60%}
.mera .case-photo>img{width:243.81%;left:-103.571%;transform:translateY(-14.192%)}
.brick .case-photo{width:73%}
.brick .case-photo>img{width:235.402%;left:-94.713%;transform:translateY(-14.063%)}
.case-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#071a22 0%,#071a22f2 19%,#071a229c 35%,#071a2233 51%,transparent 65%),linear-gradient(0deg,#03121970,transparent 38%)}
.case-copy{position:absolute;z-index:1;left:20px;right:16px;bottom:13px;pointer-events:none;text-shadow:0 1px 3px #0009}
.case-copy::before,.case-photo::after{display:none;content:none;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.case-copy .tags{max-width:62%;margin-bottom:9px}
.case-copy h3{font-size:27px;line-height:1.08;font-weight:500;letter-spacing:-.015em}
.case-copy p{font-size:18px;line-height:1.3;color:var(--silver);margin:5px 0 7px}
.nb .case-copy p{font-size:16px;max-width:260px}
.cases .avatar-photo{left:28%;top:0;width:26%;height:100%;mask-image:none}
.cases .avatar-photo>img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;filter:none}
.cases .avatar-copy{background:none}
.cases .avatar-portraits{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:6px;overflow:hidden;border:0}
.cases .avatar-portraits>img{position:static;max-width:100%;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border:1px solid #9d825480;border-radius:5px}
.cases .portrait-front{grid-column:1;grid-row:1}
.cases .portrait-detail{grid-column:2;grid-row:1}
@media(min-width:1600px){.case-card{min-height:278px}}
@media(max-width:1250px){.case-card{min-height:224px}.case-copy{left:16px}.case-copy h3{font-size:25px}.case-copy p{font-size:16px}.case-copy .tags{margin-bottom:7px}}
@media(max-width:1000px) and (min-width:741px){.case-card{min-height:237px}.case-copy h3{font-size:23px}.case-copy p{font-size:15px}.cases .avatar-photo{left:34%;width:31%}}
@media(max-width:740px){
 .case-card{min-height:235px}
 .case-photo,.cargo .case-photo,.nb .case-photo,.mera .case-photo,.brick .case-photo{width:100%;height:100%;left:0;right:0;top:0;bottom:0;mask-image:none}
 .case-card::after{background:linear-gradient(0deg,#04141de0 0%,#04141d90 27%,#04141d24 51%,transparent 70%)}
 .nb .case-photo>img{width:256%;left:-113.75%;transform:translateY(-13.75%)}
 .mera .case-photo>img{width:243.81%;left:-103.571%;transform:translateY(-14.192%)}
 .case-copy{left:16px;right:12px;bottom:13px}
 .case-copy h3{font-size:25px}
 .case-copy p,.nb .case-copy p{font-size:15px;max-width:none;margin-top:5px;margin-bottom:5px}
 .case-copy .tags{max-width:100%}
 .cases .avatar-card{display:grid;grid-template-columns:65% 35%;min-height:0}
 .cases .avatar-photo{position:relative;grid-column:1;grid-row:1;left:auto;top:auto;width:100%;height:clamp(330px,105vw,440px);mask-image:none}
 .cases .avatar-portraits{position:relative;grid-column:2;grid-row:1;left:auto;right:auto;top:auto;width:100%;height:100%;aspect-ratio:auto;padding:10px 10px 10px 6px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);z-index:auto}
 .cases .portrait-front{grid-column:1;grid-row:1}
 .cases .portrait-detail{grid-column:1;grid-row:2}
 .cases .avatar-copy{grid-column:1/-1;grid-row:2;width:100%;padding:18px;background:none}
 .cases .avatar-copy p{max-width:100%}
}
@media(max-width:370px){.case-copy h3{font-size:23px}}