/**
 * DJ Event Planner logo display sizes.
 * High-res 524px PNG sources are downscaled in CSS (sharp). Do not upscale 124px files.
 */

.header__logo a,
.landing-logo-link,
.landing-footer__logo,
.sign__logo a,
.offcanvas__logo a {
   display: inline-block;
   line-height: 0;
}

/* Marketing header, footer, funnel nav — main: .header__logo img { width: 200px; } */
.header__logo img,
.landing-logo-link img,
.landing-footer__logo img {
   width: 200px;
   max-width: min(200px, 50vw);
   height: auto;
   object-fit: contain;
   display: block;
}

body.landing-body .header__area.sticky .header__logo img.logo__dark {
   width: 180px;
   max-width: min(180px, 45vw);
   height: auto;
}

/* Main: .offcanvas__logo a img { width: 180px; } */
.offcanvas__logo a img {
   width: 180px;
   max-width: min(180px, 70vw);
   height: auto;
   object-fit: contain;
   display: block;
}

/* Main: sign-in/sign-up used 124×124 PNG at natural size */
.sign__logo img,
.brand-logo-mark {
   width: 124px;
   height: 124px;
   max-width: 124px;
   object-fit: contain;
   display: block;
}

.brand-logo-mark--panel {
   width: 124px;
   height: 124px;
   max-width: 124px;
   margin-left: auto;
   margin-right: auto;
}

.footer__logo img {
   width: 48px;
   height: 48px;
   object-fit: contain;
   display: block;
}