.route-doors{--route-night:#061f5c;gap:.375rem;height:clamp(24rem,36vw,32rem);margin-block:0 clamp(1.25rem,2.5vw,2rem);padding:0 .75rem;list-style:none;display:flex}.route-door{background:linear-gradient(180deg, color-mix(in srgb, var(--route-colour) 45%, var(--route-night)), var(--route-night));border-radius:.75rem;flex:1 1 0;min-width:0;transition:flex-grow .45s;position:relative;overflow:hidden;transform:skew(-6deg);box-shadow:0 1.125rem 2.25rem #0a3daa38}.route-door__inner{position:absolute;inset:0 -2rem;transform:skew(6deg)}.route-door img{opacity:.85;filter:grayscale(.85)brightness(.9);transition:filter .45s,opacity .45s,left .45s}.route-door__info{z-index:1;width:min(62%,24rem);color:var(--color-white);opacity:0;justify-items:start;gap:.5rem;transition:opacity .3s;display:grid;position:absolute;bottom:clamp(1.5rem,3vw,2.5rem);left:calc(2rem + clamp(1.25rem,2.5vw,2.25rem))}.route-door__label{color:color-mix(in srgb, var(--route-colour) 55%, var(--color-white));font-family:var(--font-family-mono);letter-spacing:.15em;font-size:.75rem;font-weight:800}.route-door__title{font-family:var(--chapter-serif,var(--font-family-serif));font-size:clamp(1.3rem,2vw,1.8rem);font-weight:700;line-height:1.3}.route-door__link{margin-top:.5rem}.route-door :is(.route-door__label,.route-door__title){margin:0}.route-door .route-door__label{line-height:1.5}.route-door .route-door__title{line-height:1.3}.route-door:is(:hover,:focus-within),.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child{flex-grow:4.6}.route-door:is(:hover,:focus-within) img,.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child img{--standee-x:70%;opacity:1;filter:none}.route-door:is(:hover,:focus-within) .route-door__info,.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child .route-door__info,.route-door:is(:hover,:focus-within) .route-door__inner:after,.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child .route-door__inner:after{opacity:1}.route-door__inner:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#061f5ceb 25%,#061f5c00 72%);transition:opacity .45s;position:absolute;inset:0}@media not all and (min-width:64rem){.route-doors{flex-direction:column;gap:.5rem;height:auto;padding:0}.route-door,.route-door:is(:hover,:focus-within),.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child{flex:none;height:auto;transform:none}.route-door__inner{position:relative;inset:auto;transform:none}.route-door img{top:calc(var(--band-top) * 5rem);height:calc(var(--band-height) * 5rem);translate:calc(var(--band-axis) * -100%) 0;left:80%}.route-door img,.route-door:is(:hover,:focus-within) img,.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child img{opacity:1;filter:none}.route-door__inner:after,.route-door:is(:hover,:focus-within) .route-door__inner:after,.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child .route-door__inner:after{opacity:1;background:linear-gradient(90deg,#061f5cf0 45%,#061f5c00 85%)}.route-door__info,.route-door:is(:hover,:focus-within) .route-door__info,.route-doors:not(:has(.route-door:hover,.route-door:focus-within)) .route-door:first-child .route-door__info{opacity:1;align-content:center;gap:.15rem;width:auto;min-height:5rem;padding:.6rem 7rem .6rem 1rem;position:relative;inset:auto}.route-door__title{font-size:1.15rem}.route-door .route-door__link{background:0 0;border:0;height:0;min-height:0;margin:0;padding:0;font-size:0;position:static;overflow:hidden}.route-door .route-door__link:after{content:"";position:absolute;inset:0}.route-door .route-door__link :is(span[data-link-arrow]){display:none}}@media (prefers-reduced-motion:reduce){.route-door,.route-door img,.route-door__info,.route-door__inner:after{transition:none}}.route-door__status{color:var(--color-white);font-family:var(--font-family-sans);letter-spacing:.06em;vertical-align:.1em;border:1px solid #ffffffb3;margin-left:.6rem;padding:.05rem .45rem;font-size:.6875rem}
