/* DE.FATO — artwork-led, red and black. */
.defato-case { background:#080808; color:#f6f1eb; --defato-red:#c11c2c; }
.defato-case .case-intro { max-width:850px; margin-inline:auto; }
.defato-case .case-title { letter-spacing:.06em; }
.defato-case .case-intro__lead { color:#e85963; }
.defato-cover { background:var(--defato-red); padding:clamp(20px,5vw,80px); }
.defato-cover img { display:block; width:min(100%,860px); height:auto; margin:auto; box-shadow:0 18px 65px #54030a35; }
.defato-context { width:min(calc(100% - 48px),1100px); margin:clamp(64px,9vw,130px) auto; display:grid; grid-template-columns:1fr 2fr; gap:40px; }
.defato-label { display:block; color:#e85963; font-size:10px; letter-spacing:.14em; text-transform:uppercase; line-height:1.8; }
.defato-context h2, .defato-credit h2 { font-family:var(--text); font-size:clamp(24px,3vw,38px); font-weight:500; line-height:1.3; letter-spacing:-.02em; margin:0 0 24px; }
.defato-context p, .defato-credit p { color:#b8b3ae; font-size:15px; line-height:1.9; max-width:640px; }
.defato-details { display:grid; grid-template-columns:1fr 1fr; gap:clamp(22px,4vw,64px); width:min(calc(100% - 48px),1300px); margin:0 auto; align-items:start; }
.defato-details figure { margin:0; min-width:0; }
.defato-details figure:nth-child(2) { padding-top:80px; }
.defato-crop { position:relative; overflow:hidden; background:var(--defato-red); aspect-ratio:1; }
.defato-crop img { display:block; position:absolute; width:180%; max-width:none; height:auto; }
.defato-crop--type img { top:-5%; left:-20%; }
.defato-crop--portrait img { width:170%; top:-51%; left:-61%; }
.defato-details figcaption { font-size:11px; line-height:1.7; color:#b8b3ae; margin-top:15px; }
.defato-credit { width:min(calc(100% - 48px),700px); text-align:center; margin:clamp(70px,10vw,140px) auto; }
.defato-credit .defato-label { margin-bottom:24px; }
.defato-credit p { margin-inline:auto; }
.defato-credit .defato-signature { font-size:12px; color:#f6f1eb; margin-top:32px; }
.home-page .work-card--defato { min-height:70svh; display:grid; place-items:center; background:#c11c2c; padding:clamp(24px,5vw,80px); }
.home-page .work-card--defato > img { width:min(100%,80svh); height:auto; object-fit:contain; }
@media(max-width:700px) { .defato-context { grid-template-columns:1fr; gap:18px; } .defato-details { grid-template-columns:1fr; gap:36px; } .defato-details figure:nth-child(2) { padding:0; } .home-page .work-card--defato { min-height:0; } }