.brand-tiles{padding-top:var(--brand-tiles-padding-top, 3.6rem);padding-bottom:var(--brand-tiles-padding-bottom, 3.6rem)}.brand-tiles__title{color:#1a1a1a;margin:0 0 1.2rem}.brand-tiles__grid{display:grid;grid-template-columns:repeat(var(--brand-tiles-columns, 6),1fr);gap:1.4rem;list-style:none;padding:0;margin:0}.brand-tiles__grid>li{list-style:none}.brand-tile{position:relative;display:flex;flex-direction:column;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--product-card-corner-radius, 1.8rem);box-shadow:var(--product-card-shadow-horizontal-offset, .6rem) var(--product-card-shadow-vertical-offset, .6rem) var(--product-card-shadow-blur-radius, .5rem) rgba(0,0,0,calc(var(--product-card-shadow-opacity, .65) * .18));background-color:var(--brand-bg, #2a2a2a);color:var(--brand-text, #ffffff);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;isolation:isolate}.brand-tile:hover{transform:translateY(-.4rem);box-shadow:var(--product-card-shadow-horizontal-offset, .6rem) calc(var(--product-card-shadow-vertical-offset, .6rem) + .6rem) calc(var(--product-card-shadow-blur-radius, .5rem) + 1rem) rgba(0,0,0,calc(var(--product-card-shadow-opacity, .65) * .3))}.brand-tile:focus-visible{outline:.3rem solid #ffbf00;outline-offset:.3rem}.brand-tile__glow{position:absolute;top:-30%;right:-20%;width:80%;height:80%;background:radial-gradient(ellipse at center,var(--brand-accent, #d4af37) 0%,transparent 65%);opacity:.18;pointer-events:none;z-index:1;transition:opacity .4s ease}.brand-tile:hover .brand-tile__glow{opacity:.3}.brand-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:1}.brand-tile__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:1.8rem 1.6rem 2rem}.brand-tile__eyebrow{display:block;font-size:1rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-accent, #d4af37);opacity:.9;margin-bottom:.6rem}.brand-tile__name{font-family:Playfair Display,Libre Caslon Text,Georgia,Times New Roman,serif;font-size:clamp(2rem,2.4vw,2.8rem);font-weight:700;line-height:1.1;color:var(--brand-text, #ffffff);margin:0;letter-spacing:.005em;word-break:break-word}.brand-tile__divider{width:2.4rem;height:.1rem;background-color:var(--brand-accent, #d4af37);opacity:.7;margin:1.1rem 0}.brand-tile__year{font-size:1.1rem;font-weight:500;letter-spacing:.12em;color:var(--brand-accent, #d4af37);opacity:.8;font-variant-numeric:tabular-nums;margin:0 0 .8rem}.brand-tile__cta{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;color:var(--brand-text, #ffffff);opacity:.95;letter-spacing:.01em}.brand-tile__cta-arrow{display:inline-block;transition:transform .3s ease}.brand-tile:hover .brand-tile__cta-arrow{transform:translate(.4rem)}.brand-tile--porsche{--brand-bg: #1c1c1c;--brand-accent: #d4af37;--brand-text: #f2ead7}.brand-tile--mercedes{--brand-bg: #c8ccd0;--brand-accent: #8b1a1a;--brand-text: #1a1a1a}.brand-tile--bmw{--brand-bg: #1c2f4a;--brand-accent: #e8e8e8;--brand-text: #ffffff}.brand-tile--jaguar{--brand-bg: #0d3927;--brand-accent: #d4c094;--brand-text: #f4e4bc}.brand-tile--audi{--brand-bg: #1a1a1a;--brand-accent: #c9b037;--brand-text: #ede8dc}.brand-tile--vw{--brand-bg: #003366;--brand-accent: #f0f0f0;--brand-text: #ffffff}.brand-tile--ford{--brand-bg: #003478;--brand-accent: #f0f0f0;--brand-text: #ffffff}.brand-tile--jeep{--brand-bg: #2d4a2b;--brand-accent: #d4c094;--brand-text: #f5f5dc}.brand-tile--land-rover{--brand-bg: #264d33;--brand-accent: #d4c094;--brand-text: #e8e4d9}.brand-tile--chevrolet{--brand-bg: #8b0000;--brand-accent: #f0f0f0;--brand-text: #ffffff}.brand-tile--fiat{--brand-bg: #6b0f1a;--brand-accent: #d4af37;--brand-text: #f0f0f0}.brand-tile--alfa-romeo{--brand-bg: #4a0d18;--brand-accent: #d4af37;--brand-text: #f0f0f0}.brand-tile--other{--brand-bg: #3a3a3a;--brand-accent: #b8b8b8;--brand-text: #e8e8e8}@media screen and (max-width:1199px){.brand-tiles__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:989px){.brand-tiles__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.brand-tiles__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.brand-tile__content{padding:1.4rem 1.2rem 1.6rem}.brand-tile__eyebrow{font-size:.9rem;letter-spacing:.18em}.brand-tile__name{font-size:clamp(1.8rem,4vw,2.4rem)}.brand-tile__divider{margin:.8rem 0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-tiles.css.map */