/* PAGE FAMILY: brand homepages (B20) - SKIN tier - from site-wikioo-V2.0.css, original order. Migrated 2026-07-06. */

.homepage-site-widgets {
    background: var(--g150);
    padding: var(--sp-8) var(--sp-8);
    gap: var(--sp-4);
}

.homepage-site-widgets .rounded-3 {
    border-radius: 0 !important;
}

.mfp-section-head--raised { position: relative; z-index: 1; }

.bpa-spotlight__art-link { overflow: hidden; display: block; }

.bpa-spotlight__art-img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; }

.bpa-text-muted { color: var(--pewter); }

.bpa-cc__grid { min-height: 16rem; }

.bpa-cc__grid-hero { width: 50%; min-width: 0; border-right: 2px solid var(--ink); }

@media (max-width: 991.98px) {
  .bpa-cc__grid-hero { width: 100%; border-right: none; border-bottom: 2px solid var(--ink); }

  .bpa-cc__grid { flex-direction: column; min-height: 0; }

}
@media (max-width: 767.98px) {
  .homepage-site-widgets,.mfp-hp { padding-left: clamp(12px, 3vw, 24px); padding-right: clamp(12px, 3vw, 24px); }

}
.homepage-site-widgets .form-check-input {
    accent-color: var(--g1500);
    border-color: var(--g700);
    border-radius: 0;
    background-color: var(--g0);
}

.homepage-site-widgets .form-check-input:checked {
    background-color: var(--g1500);
    border-color: var(--g1500);
}

.homepage-site-widgets .form-check-input:focus {
    border-color: var(--g1500);
    box-shadow: 0 0 0 2px var(--g200);
}

.bpa-stf__label {
  font-family: var(--font-title, inherit) !important;
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

/* -- B20 second pass (2026-07-06): site leftovers - classes hidden from the census by
   no-space template conditionals (class="base{% if %}base--mod{% endif %}")
   or JS injection -- */

.bpa-cc__grid-tile { min-height: 8rem; border-bottom: 1px solid var(--smoke); }

.bpa-cc__grid-tile--border-r { border-right: 1px solid var(--smoke); }

/* -- HOMEPAGE WIDGET SHELL SCOPE (2026-07-06): .homepage-artsdot-widgets wrapper rules - verbatim, original order -- */

@media (max-width: 767.98px) {
  .homepage-artsdot-widgets { padding-left: clamp(12px, 3vw, 24px); padding-right: clamp(12px, 3vw, 24px); }

}