.project-collage{container-type:inline-size;position:relative;aspect-ratio:1.55;overflow:hidden;isolation:isolate;background:var(--board);color:var(--ink)}
.collage-piece{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);max-width:var(--cap);height:auto;transform:rotate(var(--r));z-index:var(--z);box-shadow:9px 16px 22px #00000028;object-fit:contain}
.collage-type{position:absolute;top:5%;left:5%;right:3%;font-family:Proxima,sans-serif;font-weight:900;font-size:clamp(24px,8.4cqw,92px);line-height:.92;letter-spacing:-.03em;opacity:.25;z-index:0;pointer-events:none}
.collage-field{position:absolute;width:55%;height:120%;left:47%;top:-10%;background:var(--ink);opacity:.07;transform:rotate(13deg);z-index:0}
.collage-note{position:absolute;bottom:4%;left:5%;right:5%;font-size:clamp(10px,1.25cqw,13px);letter-spacing:.01em;z-index:7}
.collage-brand .collage-type{font-size:9.2cqw;top:4%;opacity:.14}
.collage-japas .collage-type{top:auto;bottom:5%;left:54%;font-size:10cqw;opacity:.2}
.collage-japas .collage-field{opacity:.1;left:40%;transform:rotate(-11deg)}
.collage-lasso .collage-type{left:50%;top:6%;opacity:.22;font-size:9cqw}
.collage-lasso .collage-field{left:46%;opacity:.06;transform:rotate(-12deg)}
.collage-campaign .collage-type{top:7%;font-size:7cqw;opacity:.17;line-height:1}
.collage-campaign .collage-field{left:44%;width:24%;opacity:.07;transform:rotate(-18deg)}
.collage-campaign .collage-piece{box-shadow:9px 13px 22px #70202a30}
.collage-social .collage-type{top:12%;left:5%;font-size:7.3cqw;line-height:1.05;opacity:.32;max-width:37%;overflow-wrap:normal}
.collage-social .collage-field{left:50%;opacity:.08;transform:rotate(-12deg)}
.collage-social .collage-piece{box-shadow:6px 12px 20px #173d4333}
.collage-meson .collage-type{font-size:6.4cqw;opacity:.22;top:8%;line-height:1.08}
.collage-meson .collage-field{opacity:.06}
.project{flex-basis:min(76vw,960px)}
.project-meta{margin-top:22px}
@media(max-width:1050px){.project{flex-basis:86vw}}
@media(max-width:700px){
  .project{flex-basis:88vw}
  .project-collage{aspect-ratio:4/5}
  .collage-piece{left:calc(var(--mx)*1%);top:calc(var(--my)*1%);width:calc(var(--mw)*1%);box-shadow:5px 9px 16px #00000026}
  .collage-type,.collage-brand .collage-type{top:5%;left:6%;font-size:12cqw;opacity:.2}
  .collage-social .collage-type{max-width:none;font-size:11cqw;line-height:1;top:5%;opacity:.3}
  .collage-campaign .collage-type{font-size:10cqw;line-height:1;top:6%}
  .collage-japas .collage-type{top:6%;bottom:auto;font-size:16cqw}
  .collage-lasso .collage-type{left:5%;font-size:16cqw;top:5%}
  .collage-meson .collage-type{font-size:10cqw;top:5%}
  .collage-note{bottom:4%;left:6%;right:6%;font-size:10px;line-height:1.3}
  .project-meta{margin-top:18px}
}

.project-award{display:flex;align-items:center;gap:14px;padding-top:17px;margin-top:17px;border-top:1px solid var(--rule)}
.award-logo{display:grid;place-items:center;width:66px;height:68px;background:var(--fg);padding:7px;flex:none}.award-logo img{max-width:100%;max-height:54px;width:auto;height:auto;object-fit:contain}
.project-award p{font-size:13px;line-height:1.5;margin:0}.project-award strong{font-weight:400;color:var(--green);display:block}.project-award p>span{display:block;color:var(--fg)}
@media(max-width:700px){.project-award{gap:12px;padding-top:14px;margin-top:14px}.award-logo{width:56px;height:60px}.award-logo img{max-height:46px}.project-award p{font-size:12px}}