/* Official CitiZoomWash image presentation */
.brand-lockup{display:flex;flex-direction:column;gap:1px;min-width:156px}
.brand-logo{display:block;width:156px;height:auto;max-height:31px;object-fit:contain;object-position:left center}
.brand-lockup small{display:block;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.footer-brand{padding:7px 10px;background:#fff;border-radius:8px;width:max-content}
.footer-brand img{display:block;width:170px;height:auto;max-height:34px;object-fit:contain}

.home-hero{grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,75px)}
.hero-poster{width:100%;max-width:720px;justify-self:center;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(7,27,48,.25);background:#0d2943;line-height:0}
.hero-poster img{display:block;width:100%;height:auto;max-height:535px;object-fit:cover;object-position:center}

.media-image{position:relative;width:100%;border:0;background:#f6fbfb;border-radius:10px;padding:0;overflow:hidden;cursor:zoom-in;display:block;text-align:left;line-height:0}
.media-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.media-image:hover img{transform:scale(1.025)}
.media-image span{position:absolute;right:9px;bottom:9px;border-radius:999px;background:rgba(7,27,48,.80);color:#fff;padding:7px 9px;font-size:9px;line-height:1;font-weight:700;letter-spacing:.04em;opacity:0;transition:opacity .2s ease}
.media-image:hover span,.media-image:focus-visible span{opacity:1}
.machine-image{height:220px;margin:-10px -10px 20px;width:calc(100% + 20px);border-radius:8px;background:linear-gradient(145deg,#edf8f7,#fff)}
.machine-image img{padding:12px}
.table-top-image img{object-position:center}.standalone-image img{object-position:center}
.license-image{justify-self:center;width:210px;height:160px;background:#f1f3ee;border:1px solid #dce6e9}
.license-image img{object-fit:cover;object-position:center 22%;filter:brightness(1.08) contrast(1.09) saturate(.88)}

.image-lightbox{position:fixed;inset:0;z-index:100;background:rgba(2,12,22,.88);padding:clamp(20px,5vw,60px);display:grid;place-items:center}
.image-lightbox[hidden]{display:none}
.image-lightbox img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.image-lightbox button{position:absolute;right:clamp(16px,3vw,34px);top:clamp(12px,2vw,26px);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#071b30;font-size:31px;line-height:1;cursor:pointer}
.lightbox-open{overflow:hidden}

@media(max-width:900px){
  .home-hero{grid-template-columns:1fr}.hero-poster{max-width:650px}
  .license-image{width:100%;height:240px}.license-image img{object-position:center 20%}
}
@media(max-width:580px){
  .brand-lockup{min-width:132px}.brand-logo{width:132px;max-height:27px}.brand-lockup small{font-size:6px}
  .hero-poster{border-radius:14px;max-width:100%}.hero-poster img{max-height:none}
  .machine-image{height:205px;margin:-10px -10px 18px;width:calc(100% + 20px)}
  .license-image{height:205px}.media-image span{opacity:1;font-size:8px;padding:6px 8px}
  .image-lightbox{padding:18px}.image-lightbox button{right:12px;top:12px}
}