@layer sections{.routes{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.route{border-radius:var(--radius-xl);background:var(--color-surface-raised);transition:box-shadow var(--dur-basis) var(--ease-out);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.route--vlak{background:var(--section-bg)}.route:hover,.route:focus-within{box-shadow:var(--shadow-md)}.route__media{aspect-ratio:16/9;overflow:hidden}.route__media img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--dur-entree) var(--ease-out)}.route:hover .route__media img{transform:scale(1.03)}.route__body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.route__title{font-size:var(--text-h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1.05}.route__title a{color:inherit;text-decoration:none}.route__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.route__title a:focus-visible{outline:none}.route__title a:focus-visible:after{box-shadow:inset 0 0 0 3px var(--color-focus)}.route__text{color:var(--color-text-muted);max-inline-size:34rem}.route__cta{font-weight:var(--weight-ui);align-items:center;gap:.5rem;margin-block-start:auto;padding-block-start:var(--space-2);display:inline-flex}.route__cta .icon{transition:transform var(--dur-basis) var(--ease-out)}.route:hover .route__cta .icon{transform:translate(3px,-3px)}@media not (min-width:56rem){.routes{grid-template-columns:minmax(0,1fr)}}}
