/* Coat And Seal brand layer on top of the shared redesign kit (redesign.css). Accent: muted Coating Teal. */
:root{--accent:#6E9C95;--accent-text:#2F6A64;--accent-hover:#234F4A;--tint:#E9EFEC;--tint-text:#2F6A64}
.num-list{display:flex;flex-direction:column;gap:18px;margin-top:6px}
.num-list>div{display:flex;gap:16px;align-items:flex-start}
.num-list .num{font-size:24px;line-height:1.1;flex-shrink:0;width:30px}
.num-list strong{display:block;color:var(--ink);font-size:16px;font-weight:600;margin-bottom:2px}
.photo-band.tall{height:640px}
.photo-band.left .band-card{right:auto;left:var(--pad)}
.mosaic.trio{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:300px 300px}
.mosaic.trio>*:first-child{grid-column:span 1}
.net-card{min-height:170px}
.net-card.is-us{border:1.5px solid var(--accent)}
@media (max-width:760px){
.photo-band.tall{height:700px}
.photo-band.left .band-card{left:16px}
.net-card{min-height:0}
.mosaic.trio{grid-template-rows:none;grid-auto-rows:220px 180px}
.mosaic.trio>*:first-child{grid-column:span 2;height:100%}
}