.track-hero{position:relative;width:100%;height:100svh;overflow:hidden}.track-hero .track-hero-img{position:absolute;top:0;left:0;width:100%;height:100svh;overflow:hidden}.track-hero .track-hero-img img{width:100%;height:100%;object-fit:cover}.track-hero .track-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#07090c8c,#07090c00 40% 60%,#07090cb3)}.track-hero-copy{position:relative;padding-top:6rem;height:100%;margin:0 auto;color:var(--fg)}.track-hero-copy .container{height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.track-hero-copy .track-hero-header{display:flex;flex-direction:column;gap:1rem;text-shadow:0 0 2rem rgba(7,9,12,.8)}.track-hero-copy .track-hero-meta{display:flex;justify-content:space-between;align-items:flex-end}.track-hero-copy .track-hero-meta .track-hero-meta-col:nth-child(2){display:flex;flex-direction:column;gap:.25rem}.track-hero-copy .track-hero-meta p.type-mono{color:var(--fg);width:max-content;padding:0}.track-info{position:relative;width:100%;padding:8rem 0}.track-info .container{display:flex;gap:8rem;width:75%}.track-info .container .track-info-col:nth-child(1){flex:3}.track-info .container .track-info-col:nth-child(2){flex:2;display:flex}.track-info .container .track-info-col:nth-child(2) .track-info-sub-col{flex:1}.track-info .container .track-info-col:nth-child(2) .track-info-sub-col p{padding:0;width:85%}.track-info .container .track-info-col:nth-child(2) .track-info-sub-col p.type-mono{margin-bottom:.5rem}.track-images{position:relative;width:100%;height:100%}.track-images .container{display:flex;flex-direction:column;gap:8rem}.track-images .container .track-img{width:75%;height:100%;aspect-ratio:7/5;margin:0 auto}.track-images .container .track-img img{width:100%;height:100%;object-fit:cover}.track-outro{padding-bottom:12rem}.track-outro .track-next{display:inline-block;margin-top:3rem;padding-bottom:.25rem;border-bottom:1px solid currentColor}.track-outro .track-next:hover{opacity:.6}@media(max-width:1000px){.track-hero-copy .track-hero-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:2rem;display:flex;justify-content:center;align-items:center;text-align:center}.track-hero-copy .track-hero-meta{display:none}.track-info{padding:4rem 0}.track-info .container{width:100%;flex-direction:column-reverse}.track-images .container{gap:4rem}.track-images .container .track-img{width:100%}.track-outro{padding-bottom:8rem}}
