.s974-league-matrix{--s974-league-accent: #ef6301;--s974-league-gap: 12px;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.s974-league-matrix__inner{max-width:144rem;margin-inline:auto}.s974-league-matrix__head{display:grid;grid-template-columns:auto minmax(4rem,1fr) auto;align-items:end;gap:2rem;margin-bottom:2.4rem}.s974-league-matrix__heading{min-width:0}.s974-league-matrix__eyebrow{margin:0 0 .55rem;color:var(--s974-league-accent);font-size:1.05rem;font-weight:500;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.s974-league-matrix__title{margin:0;font-size:clamp(2.8rem,3.2vw,4.8rem);font-weight:400;line-height:.98;letter-spacing:-.035em}.s974-league-matrix__rule{height:1px;margin-bottom:.6rem;background:rgba(var(--color-foreground),.18)}.s974-league-matrix__view-all{display:inline-flex;align-items:center;gap:.7rem;padding-bottom:.45rem;border-bottom:1px solid currentColor;color:currentColor;font-size:1.2rem;line-height:1.2;text-decoration:none}.s974-league-matrix__view-all svg{width:1.5rem;height:1.5rem;transition:transform .18s ease}.s974-league-matrix__view-all:hover{color:var(--s974-league-accent)}.s974-league-matrix__view-all:hover svg{transform:translate(.25rem)}.s974-league-matrix__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s974-league-gap)}.s974-league-tile{min-width:0}.s974-league-tile__link{position:relative;display:flex;flex-direction:column;min-height:27rem;overflow:hidden;border:1px solid rgba(var(--color-foreground),.14);background:rgb(var(--color-background));color:currentColor;text-decoration:none;isolation:isolate;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.s974-league-tile__link:before{content:"";position:absolute;z-index:3;inset-inline:0;top:0;height:3px;background:var(--s974-league-accent);transform:scaleX(.24);transform-origin:left center;transition:transform .25s ease}.s974-league-tile__index{position:absolute;z-index:4;top:1.2rem;inset-inline-start:1.2rem;color:var(--s974-league-accent);font-size:1rem;font-weight:500;line-height:1;letter-spacing:.1em}.s974-league-tile__watermark{position:absolute;z-index:0;inset-inline-end:-.5rem;top:2.2rem;color:rgba(var(--color-foreground),.045);font-size:clamp(6rem,5.2vw,9rem);font-weight:500;line-height:.8;letter-spacing:-.08em;pointer-events:none}.s974-league-tile__media{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:19rem;padding:3.5rem 1.6rem 1.8rem;background:rgba(var(--color-foreground),.025)}.s974-league-tile__image{display:block;width:100%;max-width:17rem;height:13rem;object-fit:contain;object-position:center;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.s974-league-tile__footer{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:6.8rem;padding:1.2rem 1.3rem;border-top:1px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background))}.s974-league-tile__title{margin:0;overflow:hidden;color:currentColor;font-size:1.45rem;font-weight:400;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.s974-league-tile__arrow{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:1px solid rgba(var(--color-foreground),.2);color:currentColor;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.s974-league-tile__arrow svg{width:1.6rem;height:1.6rem}@media(hover:hover){.s974-league-tile__link:hover{border-color:var(--s974-league-accent);box-shadow:0 14px 28px #00000012;transform:translateY(-.35rem)}.s974-league-tile__link:hover:before{transform:scaleX(1)}.s974-league-tile__link:hover .s974-league-tile__image{transform:scale(1.05)}.s974-league-tile__link:hover .s974-league-tile__arrow{border-color:var(--s974-league-accent);background:var(--s974-league-accent);color:#fff;transform:translate(.15rem)}}@media screen and (max-width:1199px){.s974-league-matrix__track{grid-template-columns:repeat(3,minmax(0,1fr))}.s974-league-tile__link{min-height:25rem}}@media screen and (max-width:749px){.s974-league-matrix__head{grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-bottom:1.7rem}.s974-league-matrix__rule{display:none}.s974-league-matrix__title{font-size:3rem}.s974-league-matrix__track{display:flex;gap:1rem;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline-end:calc(-1 * var(--page-width-margin))}.s974-league-matrix__track::-webkit-scrollbar{display:none}.s974-league-tile{flex:0 0 var(--s974-mobile-width, 68%);scroll-snap-align:start}.s974-league-tile__link{min-height:24rem}.s974-league-tile__media{min-height:17rem}.s974-league-tile__image{max-width:15rem;height:12rem}}html[dir=rtl] .s974-league-matrix__view-all:hover svg,html[dir=rtl] .s974-league-tile__link:hover .s974-league-tile__arrow{transform:translate(-.2rem)}@media(prefers-reduced-motion:reduce){.s974-league-tile__link,.s974-league-tile__link:before,.s974-league-tile__image,.s974-league-tile__arrow,.s974-league-matrix__view-all svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/974-league-matrix.css.map */