.f-tiles{background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:6.4rem 0}@media screen and (min-width:990px){.f-tiles{padding:9.6rem 0}}.f-tiles__head{padding:0 var(--f-bleed) 3.2rem}.f-tiles__heading{margin:0;color:inherit;font-variation-settings:"wght" 900,"wdth" 112;font-size:clamp(2.8rem,5vw,6.4rem);letter-spacing:-.03em;line-height:.9}.f-tiles__grid{display:grid;grid-template-columns:1fr;gap:.8rem;padding:0 var(--f-bleed)}.f-tiles__grid--flush{gap:0;padding:0}@media screen and (min-width:750px){.f-tiles__grid--2{grid-template-columns:repeat(2,1fr)}.f-tiles__grid--3{grid-template-columns:repeat(3,1fr)}.f-tiles__grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1100px){.f-tiles__grid--4{grid-template-columns:repeat(4,1fr)}}.f-tile{position:relative;display:flex;align-items:flex-end;overflow:hidden;text-decoration:none;color:#fff;background:var(--f-ink);isolation:isolate}.f-tile:hover{text-decoration:none}.f-tile--short{min-height:34vh}.f-tile--tall{min-height:52vh}.f-tile--xtall{min-height:72vh}@media screen and (max-width:749px){.f-tile--short{min-height:30vh}.f-tile--tall{min-height:42vh}.f-tile--xtall{min-height:56vh}}.f-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.f-tile__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--f-ease)}.f-tile:hover .f-tile__img{transform:scale(1.05)}.f-tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--f-tile-overlay, .3) + .35)),rgba(0,0,0,var(--f-tile-overlay, .3)) 55%,rgba(0,0,0,calc(var(--f-tile-overlay, .3) * .4)))}.f-tile__body{position:relative;z-index:1;padding:2.4rem;display:flex;flex-direction:column;gap:.8rem;width:100%}@media screen and (min-width:990px){.f-tile__body{padding:3.2rem}}.f-tile__eyebrow{opacity:.75}.f-tile__title{font-variation-settings:"wght" 900,"wdth" 112;text-transform:uppercase;font-size:clamp(2.4rem,3.4vw,4.8rem);line-height:.9;letter-spacing:-.03em}.f-tile__cta{display:inline-flex;align-items:center;gap:.8rem;font-variation-settings:"wght" 800,"wdth" 92;text-transform:uppercase;letter-spacing:.14em;font-size:1.15rem;margin-top:.6rem;transition:gap var(--f-fast) var(--f-ease)}.f-tile:hover .f-tile__cta{gap:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/27/assets/faithful-tiles.css.map */
