.mk-srail{background:var(--color-bg);color:var(--color-text);padding-top:var(--section-padding-block)}.mk-srail__head{margin-bottom:0}mk-season-rail{display:block}.mk-srail__stage{padding-block:var(--spacing-48) var(--section-padding-block)}.mk-srail__rail{display:flex;flex-direction:column;gap:var(--spacing-64);margin:0;padding:0 var(--section-padding-inline);list-style:none;max-width:var(--content-width);margin-inline:auto}.mk-srail__panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gutter);row-gap:var(--spacing-24);align-items:center}.mk-srail__copy{grid-column:1 / span 5;display:flex;flex-direction:column;gap:var(--spacing-12);min-width:0}.mk-srail__season{margin:0;color:var(--color-text-muted)}.mk-srail__num{color:var(--color-accent);font-variant-numeric:tabular-nums}.mk-srail__name{margin:0;font-size:var(--text-display-sm);line-height:var(--leading-display-sm);letter-spacing:var(--tracking-display-sm);font-weight:var(--font-weight-medium);overflow-wrap:break-word}.mk-srail__jp{margin:0;color:var(--color-text-muted);font-size:var(--text-lead)}.mk-srail__body{margin:var(--spacing-8) 0 0;max-width:34ch;color:var(--color-text-secondary);text-wrap:pretty}.mk-srail__media{grid-column:7 / -1;margin:0;overflow:hidden;aspect-ratio:4 / 3;background:var(--color-surface-well)}.mk-srail__media img{display:block;width:100%;height:100%;object-fit:cover}.mk-srail__index,.mk-srail__bar{display:none}mk-season-rail.is-live{height:calc(110vh * var(--mk-sr-count))}mk-season-rail.is-live .mk-srail__stage{position:sticky;top:0;height:100vh;overflow:hidden;padding:0}mk-season-rail.is-live .mk-srail__rail{flex-direction:row;gap:4vw;height:100%;max-width:none;margin:0;padding-inline:8vw;will-change:transform}mk-season-rail.is-live .mk-srail__panel{position:relative;flex:0 0 84vw;height:100%;display:grid;grid-template-columns:1fr;align-items:center}mk-season-rail.is-live .mk-srail__copy{grid-area:1 / 1;justify-self:start;z-index:2;max-width:38%;margin-left:5%;will-change:transform,opacity}mk-season-rail.is-live .mk-srail__name{font-size:clamp(2.5rem,5.6vw,6.5rem);line-height:1;text-shadow:0 2px 40px rgb(14 20 12 / .55)}mk-season-rail.is-live .mk-srail__media{grid-area:1 / 1;justify-self:end;width:56%;height:min(72vh,86%);margin-right:4%;aspect-ratio:auto}mk-season-rail.is-live .mk-srail__media img{width:112%;max-width:none;will-change:transform}mk-season-rail.is-live .mk-srail__index{display:block;position:absolute;left:clamp(1.25rem,3vw,2.5rem);bottom:1.9rem;z-index:3;font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);font-variant-numeric:tabular-nums;overflow:hidden}.mk-srail__current{display:inline-block;width:2ch;will-change:transform,opacity}.mk-srail__total{color:var(--color-text-muted)}mk-season-rail.is-live .mk-srail__bar{display:block;position:absolute;inset:auto 0 0 0;z-index:3;height:2px;background:var(--color-border)}.mk-srail__fill{display:block;height:100%;background:var(--color-accent);transform:scaleX(0);transform-origin:left center;will-change:transform}@media screen and (max-width:767px){.mk-srail__copy,.mk-srail__media{grid-column:1 / -1}.mk-srail__media{order:-1}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-season-rail.css.map */