/* Portfolio collection: symbol-led identities on photographic applications. */
.collection-madar{display:block;background:#102739;position:relative}
.madar-banner{position:absolute;inset:0 0 auto;height:29%;padding:3% 7%;display:flex;align-items:center;justify-content:space-between;color:#edf1f2}
.madar-banner>.project-logo{width:57%;height:100%;object-fit:contain}
.madar-banner>span{font-size:3.4cqw;line-height:1.65;border-right:2px solid #f0753c;padding-right:6%}
.madar-scene{position:absolute;inset:29% 0 0}
.madar-scene>.project-photo{width:100%;height:100%;object-fit:cover;object-position:center}
.madar-scene>.truck-brand{position:absolute;left:50%;top:29%;width:34%;display:flex;direction:ltr;align-items:center;justify-content:center;gap:1.5cqw;color:#edf1f2;transform:skewY(9deg);transform-origin:left center;text-shadow:0 1px 2px #07162599}
.truck-brand>.project-logo{width:8cqw;height:auto;flex:none}
.truck-brand>span{font:700 3.2cqw/1.1 Arial,sans-serif;letter-spacing:.12em;white-space:nowrap}
.madar-photo-note{position:absolute;bottom:4%;left:5%;color:#102739;font:1.4cqw Arial;letter-spacing:.16em}
.case-cover .collection-madar{aspect-ratio:1.45}
.case-cover .collection-madar .madar-scene>.project-photo{object-position:center 57%}
.art-athar>.project-photo{height:100%;object-fit:cover;object-position:center}
.art-athar .coffee-print{top:29%;left:38%;width:31%;height:auto;transform:none;opacity:1}
.art-athar .coffee-print>.project-logo{width:78%}
.demo-athar .art-athar .coffee-print{top:29%}
.demo-athar .demo-header .project-logo,.demo-madar .demo-header .project-logo{min-width:160px}
@media(max-width:600px){.case-cover .collection-madar{aspect-ratio:1.17}.demo-athar .demo-header .project-logo,.demo-madar .demo-header .project-logo{min-width:115px}.madar-scene>.truck-brand{left:49%;width:38%;top:29%}}