.c-banner{aspect-ratio:var(--banner-ar);overflow:hidden;width:100%}.c-banner--fixed{aspect-ratio:auto;height:var(--banner-h)}.c-banner__img{display:block;height:100%;object-fit:cover;width:100%}.c-banner__note{align-items:center;background-color:var(--c-surface-placeholder);border:1px dashed var(--c-line-hairline-strong);display:flex;flex-direction:column;gap:var(--c-space-4);height:100%;justify-content:center;padding:0 var(--c-space-24);text-align:center}.c-banner__label{color:var(--c-text-secondary);font-family:var(--c-font-heading);font-size:var(--c-size-label-sm);font-weight:var(--c-weight-label);letter-spacing:var(--c-ls-label-sm);line-height:var(--c-lh-label);margin:0;text-transform:uppercase}.c-banner__caption{color:var(--c-text-muted);font-family:var(--c-font-body);font-size:var(--c-size-caption);line-height:var(--c-lh-caption);margin:0}@media (max-width:767px){.c-banner--fixed{height:auto;min-height:160px}}