.tt-brand-tiles__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}.tt-brand-tile{position:relative;display:block;height:24rem;overflow:hidden;border-radius:12px;background:#121f45;color:#fff;text-decoration:none;isolation:isolate}.tt-brand-tile:focus-visible{outline:3px solid var(--tt-bt-button);outline-offset:3px}.tt-brand-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;z-index:-2}.tt-brand-tile__placeholder{background:#223971;fill:#ffffff40}.tt-brand-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(10,16,36,calc(var(--tt-bt-overlay) * .45)),rgba(10,16,36,calc(var(--tt-bt-overlay) * .25)) 35%,rgba(10,16,36,var(--tt-bt-overlay)))}.tt-brand-tile__logo{position:absolute;top:1.6rem;left:1.8rem;width:auto;max-width:55%;height:auto;max-height:5.2rem;object-fit:contain;object-position:left top}.tt-brand-tile__content{position:absolute;left:1.8rem;right:1.8rem;bottom:1.8rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem}.tt-brand-tile__text{display:flex;flex-direction:column;gap:.4rem;min-width:0}.tt-brand-tile__title{font-family:var(--font-heading-family);font-size:2rem;font-weight:800;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:#fff}.tt-brand-tile__meta{font-size:1.3rem;line-height:1.4;color:#ffffffe0}.tt-brand-tile__tagline,.tt-brand-tile__sep{display:none}.tt-brand-tile__count{white-space:nowrap}.tt-brand-tile__button{flex-shrink:0;display:inline-flex;align-items:center;min-height:4.4rem;padding:0 1.6rem;border-radius:6px;background:var(--tt-bt-button);color:#fff;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:600;transition:background-color .2s ease}.tt-brand-tile:hover .tt-brand-tile__button{background:var(--tt-bt-button-hover)}@media(prefers-reduced-motion:no-preference){.tt-brand-tile:hover .tt-brand-tile__image{transform:scale(1.04)}}@media screen and (min-width:750px){.tt-brand-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.tt-brand-tile{height:30rem}.tt-brand-tile__tagline,.tt-brand-tile__sep{display:inline}.tt-brand-tile__logo{top:2.2rem;left:2.8rem;max-height:6.4rem}.tt-brand-tile__content{left:2.8rem;right:2.8rem;bottom:2.4rem}.tt-brand-tile__title{font-size:2.8rem}.tt-brand-tile__meta{font-size:1.4rem}}@media screen and (min-width:990px){.tt-brand-tiles__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2.4rem}.tt-brand-tile{grid-column:span 2;height:34rem}.tt-brand-tiles__grid--featured-2 .tt-brand-tile--featured{grid-column:span 3;height:42rem}.tt-brand-tile--featured .tt-brand-tile__logo{top:2.8rem;left:3.6rem;max-width:50%;max-height:8.4rem}.tt-brand-tile--featured .tt-brand-tile__content{left:3.6rem;right:3.6rem;bottom:3.2rem}.tt-brand-tile--featured .tt-brand-tile__title{font-size:4rem}.tt-brand-tile--featured .tt-brand-tile__meta{font-size:1.5rem}.tt-brand-tile--featured .tt-brand-tile__button{min-height:4.6rem;padding:0 2.2rem;font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-brand-tiles.css.map */