.band-card{--band-h:clamp(220px, 30vw, 420px);--band-pad:40px;--h2-size:clamp(2.25rem, 4.4vw, 4rem);--h2-weight:400;--h2-leading:1.05;--h2-mobile-max:2.25rem;--h3-size:clamp(1.5rem, 2.6vw, 2.25rem);--h3-weight:400;--h3-mobile-factor:1;--h3-mobile-max:1.625rem;isolation:isolate;background:var(--band-card-bg,#f1ede8);padding-bottom:clamp(48px,7vw,96px);position:relative}.band-card__band{inset-inline:0;z-index:-1;height:var(--band-h);background:var(--band-card-band,#1d1d1d);position:absolute;top:0;overflow:hidden}.band-card__band img{object-fit:cover;filter:grayscale();opacity:.5;width:100%;height:100%;display:block}.band-card__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--band-h) - var(--band-pad)) auto auto auto;padding-top:var(--band-pad);display:grid}.band-card__label{--heading-color:#fff;grid-row:1;align-self:end;padding-bottom:72px}.band-card__label h3,.band-card__label p{margin:0}.band-card__label p{color:#ffffffd9;margin-top:8px;font-size:clamp(1.125rem,1.8vw,1.5rem)}.band-card__photo{aspect-ratio:3/4;object-fit:cover;border-radius:var(--uk-global-border-radius);grid-row:2;width:72%;margin-top:-56px;display:block}.band-card__title{grid-row:3;margin:32px 0 0}.band-card__cols{grid-row:4;align-content:start;gap:16px;padding-top:24px;display:grid}.band-card__cols p{margin:0;line-height:1.75}.band-card__cta{padding-top:8px}@media (min-width:60rem){.band-card{--band-pad:64px}.band-card__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:calc(var(--band-h) - var(--band-pad)) auto auto;column-gap:64px}.band-card__photo{grid-area:1/1/3;width:100%;margin-top:0}.band-card__label{grid-area:1/2;padding-bottom:48px}.band-card__title{grid-area:3/1;margin-top:40px}.band-card__cols{grid-area:2/2/4;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;padding-top:48px}.band-card__cta{grid-column:1/-1}.band-card--flip .band-card__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.band-card--flip .band-card__photo,.band-card--flip .band-card__title{grid-column:2}.band-card--flip .band-card__label,.band-card--flip .band-card__cols{grid-column:1}}.band-card--centred{--band-h:clamp(320px, 34vw, 500px);--band-overlap:clamp(110px, 13vw, 200px)}.band-card--centred .band-card__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--band-h) - var(--band-pad)) auto auto auto;text-align:center;justify-items:center}.band-card--centred .band-card__label{padding-bottom:calc(var(--band-overlap) + 32px);grid-area:1/1}.band-card--centred .band-card__photo{width:clamp(220px,26vw,360px);margin-top:calc(-1 * var(--band-overlap));grid-area:2/1}.band-card--centred .band-card__title{grid-area:3/1;margin-top:40px}.band-card--centred .band-card__cols{grid-area:4/1;grid-template-columns:minmax(0,1fr);max-width:40rem;padding-top:24px}.band-card--teal{--band-card-band:#1f3b4d;--band-card-bg:#eef1f3}
