.devon-hero{padding-top:1.2rem;padding-bottom:3.2rem}.devon-hero__media{position:relative;overflow:hidden;border-radius:calc(var(--media-radius, 20px) + 4px);background:#0f130d;aspect-ratio:4 / 5.4}.devon-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#0000 45%,#00000040);pointer-events:none}.devon-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:66% 100%}.devon-hero__copy{position:absolute;top:0;left:0;right:0;z-index:1;padding:2.6rem 2.2rem;color:#fff}.devon-hero__heading{margin:0 0 1.2rem;font-family:var(--devon-display-family);font-weight:var(--devon-display-weight);font-size:3.4rem;line-height:1;text-transform:uppercase;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.4)}.devon-hero__heading em{display:block;font-family:var(--devon-serif-family);font-style:italic;font-weight:400;text-transform:none;color:var(--devon-sand, #cdc5ba)}.devon-hero__text{margin:0 0 2rem;max-width:30rem;font-size:1.5rem;line-height:1.5;color:#ffffffeb;text-shadow:0 1px 10px rgba(0,0,0,.45)}.devon-hero__shop{position:relative;display:inline-flex;align-items:center;gap:1rem;min-height:5rem;padding:0 2.8rem;border-radius:var(--buttons-radius, 12px);background:#00000040;color:#fff;font-family:var(--devon-display-family);font-weight:var(--devon-display-weight);font-size:1.25rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.devon-hero__shop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;background:linear-gradient(45deg,#ff5a5f,#ff9f43,#ffd93d,#4ade80,#38bdf8,#c084fc);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.devon-hero__arrow{width:1.8rem;height:1.8rem;transition:transform .2s ease}.devon-hero__shop:hover .devon-hero__arrow,.devon-hero__more:hover .devon-hero__arrow{transform:translate(3px)}.devon-hero__card{position:relative;z-index:2;margin:-7rem 1.2rem 0;padding:2.8rem 2.2rem 2.6rem;border-radius:var(--media-radius, 20px);background:#fff;color:var(--devon-ink, #111);text-align:center;box-shadow:0 18px 44px #11111124}.devon-hero__card-heading{margin:0 0 1.4rem;font-family:var(--devon-display-family);font-weight:var(--devon-display-weight);font-size:3rem;line-height:1;text-transform:uppercase}.devon-hero__card-text{margin:0 auto 2.2rem;max-width:56rem;font-size:1.45rem;line-height:1.6}.devon-hero__card-text p{margin:0 0 1rem}.devon-hero__card-text p:last-child{margin-bottom:0}.devon-hero__more{display:inline-flex;align-items:center;gap:1rem;min-height:5rem;padding:0 2.8rem;border:1.5px solid currentColor;border-radius:var(--buttons-radius, 12px);background:transparent;color:var(--devon-ink, #111);font-family:var(--devon-display-family);font-weight:var(--devon-display-weight);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease}.devon-hero__more:hover{background:#1111110f}@media screen and (min-width:750px){.devon-hero{padding-top:1.6rem;padding-bottom:5.6rem}.devon-hero__media{aspect-ratio:1000 / 560}.devon-hero__img{object-position:70% 100%}.devon-hero__copy{max-width:52%;padding:4.4rem 4.8rem}.devon-hero__heading{font-size:4.8rem}.devon-hero__card{max-width:76rem;margin:-7rem auto 0;padding:3.8rem 6rem 3.6rem}.devon-hero__card-heading{font-size:3.8rem}.devon-hero__card-text{font-size:1.6rem}}.devon-hero__media--street{aspect-ratio:1 / 1}.devon-hero__media--street:after{display:none}.devon-hero__media--street .devon-hero__img{object-position:50% 30%}.devon-hero--sports{padding-top:0;padding-bottom:4rem}@media screen and (min-width:750px){.devon-hero__media--street{aspect-ratio:1717 / 916}.devon-hero__media--street .devon-hero__img{object-position:50% 50%}.devon-hero--sports .devon-hero__media{aspect-ratio:1000 / 600}}.devon-hero__card-heading{text-transform:uppercase}.devon-hero__card-heading em{font-family:var(--devon-serif-family);font-style:italic;font-weight:400;text-transform:none;color:var(--devon-blue, #496184)}.devon-hero__card-text{max-width:46rem}@media screen and (min-width:750px){.devon-hero__card{padding:3.2rem 6rem}}.devon-hero--sports .devon-hero__heading{font-size:3.2rem}.devon-hero--sports .devon-hero__text{margin-bottom:1.8rem;max-width:32rem}.devon-hero__chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2.2rem;padding:0;list-style:none}.devon-hero__chip{padding:1rem 1.8rem;border:1.5px solid rgba(255,255,255,.7);border-radius:var(--buttons-radius, 12px);background:#00000047;color:#fff;font-family:var(--devon-display-family);font-weight:var(--devon-display-weight);font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase}@media screen and (max-width:749px){.devon-hero--sports .devon-hero__media{display:flex;flex-direction:column;aspect-ratio:auto;background:#1e2217}.devon-hero--sports .devon-hero__media:after{display:none}.devon-hero--sports .devon-hero__copy{order:1;position:relative;z-index:1;padding:2.4rem 2rem 0}.devon-hero--sports .devon-hero__img{order:2;position:relative;inset:auto;width:124%;max-width:none;height:auto;aspect-ratio:3 / 2;margin:-4.8rem 0 0 -16%;object-position:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 38%);mask-image:linear-gradient(180deg,transparent 0%,#000 38%)}.devon-hero--sports .devon-hero__heading{font-size:3.1rem;margin-bottom:.8rem}.devon-hero--sports .devon-hero__text{max-width:none;margin-bottom:1.4rem;font-size:1.4rem}.devon-hero--sports .devon-hero__chips{margin-bottom:2.2rem}.devon-hero__chips{flex-wrap:nowrap;gap:.6rem}.devon-hero__chip{flex:1 1 0;padding:1rem .4rem;text-align:center;font-size:1rem;letter-spacing:.1em}.devon-hero--sports .devon-hero__shop{width:100%;justify-content:center}}@media screen and (min-width:750px){.devon-hero--sports .devon-hero__heading{font-size:4.8rem}}.devon-hero__card-text{max-width:none}.devon-hero__card-text p{text-wrap:balance}@media screen and (max-width:749px){.devon-hero__card-text{font-size:1.45rem;line-height:1.55}}@media screen and (min-width:750px){.devon-hero__card{max-width:80rem;padding:3.2rem 4rem}.devon-hero__card-text{font-size:1.55rem}}@media screen and (max-width:749px){.devon-hero__card{margin-left:1rem;margin-right:1rem;padding:2.6rem 1.2rem}.devon-hero__card-heading{font-size:2.8rem;line-height:1.05}.devon-hero__card-heading em{display:block}.devon-hero__card-text{font-size:1.3rem;line-height:1.6}.devon-hero__card-text p{text-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/devon-hero.css.map */