.cooler-board{display:block;width:100%;overflow:hidden;background:#dad7d2;line-height:0}
.cooler-board svg{display:block;width:100%;height:auto}
.dm-showcase--cooler{width:100%;margin:0 0 var(--s10,80px)}
.dm-showcase--cooler figcaption{margin-top:20px;color:var(--ink);line-height:var(--lh-u,24px)}
.postid-6733 .cooler-board--result{max-width:880px;margin-inline:auto}
.dm-project-cover.dm-showcase--cooler{margin:0;height:auto;aspect-ratio:1122/1402}
.cooler-board--cover,.cooler-board--cover svg{aspect-ratio:1122/1402;height:auto}
.prj-card-img[href*="/webdesign-1coolermove/"]{height:auto;min-height:0;aspect-ratio:auto;flex:none;align-self:stretch}
.prj-card-img[href*="/webdesign-1coolermove/"]>.dm-project-cover{height:auto;min-height:0;aspect-ratio:auto}
.prj-card:has(a.prj-card-img[href*="/webdesign-1coolermove/"]){align-self:start}
@media(max-width:767px){.dm-showcase--cooler{margin-bottom:48px}.dm-showcase--cooler figcaption{margin-top:12px}}

.cooler-board--cover img{display:block;width:100%;height:auto;aspect-ratio:1122/1402}
.cooler-illustration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter,20px)}
.cooler-illustration-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;padding:12%;box-sizing:border-box;overflow:hidden}
.cooler-illustration-tile img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:767px){.cooler-illustration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cooler-illustration-grid--outcomes{grid-template-columns:1fr}.cooler-illustration-grid--outcomes .cooler-illustration-tile{max-width:460px;width:100%;margin-inline:auto}}