.mile-hero{position:relative;display:flex;flex-direction:column;--mile-hero-overlay: 0}.mile-hero__frame{position:relative}.mile-hero__media{position:relative;overflow:hidden;aspect-ratio:4 / 3}.mile-hero--mobile-square .mile-hero__media{aspect-ratio:1 / 1}.mile-hero--mobile-portrait .mile-hero__media{aspect-ratio:4 / 5}.mile-hero__media img,.mile-hero__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mile-hero__media--mobile{display:none}.mile-hero--has-mobile-art .mile-hero__media--mobile{display:block}.mile-hero--has-mobile-art .mile-hero__media--desktop{display:none}.mile-hero{--mile-hero-cta-overlap: 2rem;--mile-hero-heading-lift: 5.6rem}.mile-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;pointer-events:none;padding-bottom:var(--mile-hero-heading-lift, 5.6rem)}.mile-hero__overlay-inner{width:100%}.mile-hero__heading{font-family:var(--mile-font-mono);font-weight:700;font-size:clamp(4rem,7vw,9rem);line-height:1;letter-spacing:.2em;text-indent:.2em;margin:0 0 0 -.2em;color:#f7f6ec;text-shadow:0 .1rem 3rem rgba(20,18,20,.28);overflow-wrap:break-word}.mile-hero__cta{position:relative;z-index:1;margin-top:calc(-1 * var(--mile-hero-cta-overlap, 2rem))}.mile-hero__cta-inner{display:flex}.mile-hero__button{display:inline-flex;align-items:center;justify-content:center;min-width:min(34rem,100%);padding:2rem 3rem;background-color:var(--mile-brick, #d05c45);color:#f7f5f1;font-family:var(--mile-font-mono);font-size:1.4rem;font-weight:700;letter-spacing:.25em;text-indent:.25em;text-transform:uppercase;text-decoration:none;border:0;border-radius:0;transition:background-color var(--duration-short, .15s) ease}.mile-hero__button:hover{background-color:var(--mile-brick-ink, #b84a35);color:#f7f5f1}.mile-hero__button:focus-visible{outline:.2rem solid var(--mile-brick-ink, #b84a35);outline-offset:.3rem}@media screen and (min-width:750px){.mile-hero{--mile-hero-cta-overlap: 2.7rem;--mile-hero-heading-lift: 7.7rem}.mile-hero__button{padding:2.6rem 4rem;font-size:1.6rem}.mile-hero .mile-hero__media{aspect-ratio:8 / 3}.mile-hero--has-mobile-art .mile-hero__media--desktop{display:block}.mile-hero--has-mobile-art .mile-hero__media--mobile{display:none}.mile-hero__media--desktop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(20,18,20,var(--mile-hero-overlay))}.mile-hero__heading{font-size:clamp(4.4rem,5vw,9rem)}.mile-hero__button{flex:0 0 auto;min-width:37.4rem}}.mile-usp__list{list-style:none;margin:0;padding:0;display:flex;gap:2.4rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mile-usp__list::-webkit-scrollbar{display:none}.mile-usp__item{display:flex;align-items:center;gap:1.2rem;flex:0 0 auto;scroll-snap-align:start}.mile-usp__link{display:flex;align-items:center;gap:1.2rem;text-decoration:none;color:inherit;min-height:4.4rem;padding:.4rem 0}.mile-usp__link:hover .mile-usp__text{text-decoration:underline;text-underline-offset:.3rem}.mile-usp__icon{display:flex;flex-shrink:0}.mile-usp__icon svg{width:2.4rem;height:2.4rem;display:block}.mile-usp__text{font-family:var(--font-heading-family);font-weight:700;font-size:1.3rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.mile-usp__list{justify-content:center;gap:clamp(2.4rem,5vw,6.4rem);overflow:visible}.mile-usp__text{font-size:1.4rem}}.mile-tiles__heading{margin:0 0 2rem;font-family:var(--font-heading-family);font-weight:900;font-size:calc(var(--font-heading-scale) * clamp(2.4rem,1.8rem + 1.8vw,3.4rem));line-height:1.15;letter-spacing:-.015em;color:rgb(var(--color-foreground))}.mile-tiles__grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.mile-tile{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;text-decoration:none;border-radius:var(--collection-card-corner-radius, 0)}@media screen and (max-width:749px){.mile-tile:nth-child(3):last-child{grid-column:1 / -1;aspect-ratio:16 / 9}}.mile-tile__media,.mile-tile__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mile-tile__media img{transition:transform .6s cubic-bezier(.2,.6,.2,1)}.mile-tile--photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#1614169e,#1614161a 45%,#16141600 70%)}.mile-tile__body{position:absolute;left:1.4rem;right:1.4rem;bottom:1.4rem;z-index:2;display:flex;flex-direction:column;gap:.3rem;transition:transform .35s ease}.mile-tile__title{display:block;font-family:var(--font-heading-family);font-weight:900;font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.05;letter-spacing:.02em;text-transform:uppercase;color:rgb(var(--color-foreground))}.mile-tile__subtitle{display:block;font-family:var(--font-heading-family);font-weight:500;font-size:1.3rem;letter-spacing:.04em;color:rgba(var(--color-foreground),.85)}.mile-tile--photo .mile-tile__title,.mile-tile--photo .mile-tile__subtitle{color:#fff}.mile-tile:hover .mile-tile__media img{transform:scale(1.05)}.mile-tile:hover .mile-tile__body{transform:translateY(-.3rem)}.mile-tile:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media screen and (min-width:750px){.mile-tiles__grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}.mile-tile__body{left:2rem;right:2rem;bottom:1.8rem}.mile-tile__title{font-size:clamp(2.4rem,2.6vw,3.4rem)}}.mile-chips{margin-top:2rem}.mile-chips__heading{margin:0 0 1rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.mile-chips__list{list-style:none;margin:0;padding:0 1.5rem .4rem;margin-inline:-1.5rem;display:flex;flex-wrap:nowrap;gap:.8rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mile-chips__list::-webkit-scrollbar{display:none}.mile-chips__item{flex:0 0 auto;scroll-snap-align:start}@media screen and (min-width:750px){.mile-chips__list{flex-wrap:wrap;overflow:visible;padding:0;margin-inline:0}}.mile-social__header{max-width:62rem;margin:0 0 2.4rem}.mile-social__heading{margin:0 0 .8rem;font-family:var(--font-heading-family);font-weight:900;font-size:calc(var(--font-heading-scale) * clamp(2.4rem,1.8rem + 1.8vw,3.4rem));line-height:1.15;letter-spacing:-.015em;color:rgb(var(--color-foreground))}.mile-social__subheading{margin:0;font-size:1.6rem;line-height:1.55;color:rgba(var(--color-foreground),.82)}.mile-social__grid{list-style:none;margin:0;padding:0 1.5rem .8rem;margin-inline:-1.5rem;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mile-social__grid::-webkit-scrollbar{display:none}.mile-social__item{scroll-snap-align:center}.mile-social__card{height:100%;margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--card-corner-radius, .8rem)}.mile-social__media{position:relative;aspect-ratio:4 / 5;overflow:hidden}.mile-social__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mile-social__body{flex:1 1 auto;padding:1.8rem 1.8rem 2rem}.mile-social__quote{margin:0;font-size:1.5rem;line-height:1.55;color:rgb(var(--color-foreground))}.mile-social__quote:before{content:"\201e"}.mile-social__quote:after{content:"\201c"}.mile-social__author{margin:1.2rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.mile-social__author-name{font-family:var(--font-heading-family);font-weight:700;letter-spacing:.02em;color:rgb(var(--color-foreground))}.mile-social__cta{margin-top:2.4rem}.mile-social__cta .button{width:100%}@media screen and (min-width:750px){.mile-social__grid{margin-inline:0;padding:0;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;gap:1.6rem;overflow:visible}.mile-social__cta{margin-top:3.2rem}.mile-social__cta .button{width:auto}}@media(prefers-reduced-motion:reduce){.mile-tile__media img,.mile-tile__body,.mile-chip{transition:none}.mile-tile:hover .mile-tile__media img,.mile-tile:hover .mile-tile__body{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mile-home.css.map */