.aa-route-cards,.aa-route-cards *{box-sizing:border-box}.aa-route-cards{--aa-navy: #132232;--aa-cream: #faf6ef;--aa-ink: #2a2620;--aa-muted: #6b6255;--aa-border: #e4dccb;--aa-gold: #c8a45d;padding:clamp(2rem,1.25rem + 3vw,3.25rem) 1rem}.aa-route-cards__inner{max-width:1040px;margin:0 auto}.aa-route-cards__heading{margin:0 0 1.25rem;text-align:center;color:var(--aa-navy);font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem)}.aa-route-cards__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.aa-route-card{display:block;position:relative;border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--aa-border);background:var(--aa-navy)}.aa-route-card__media{display:block;aspect-ratio:5 / 2;overflow:hidden}.aa-route-card__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.aa-route-card__body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.15rem;padding:1rem 1.15rem;background:linear-gradient(to top,#132232e6,#13223259 70%,#13223200)}.aa-route-card__eyebrow{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#e4dccb}.aa-route-card__title{font-size:1.05rem;font-weight:600}.aa-route-card:hover .aa-route-card__body,.aa-route-card:focus-visible .aa-route-card__body{background:linear-gradient(to top,#c8a45deb,#c8a45d66 70%,#c8a45d00)}.aa-route-card:hover .aa-route-card__title,.aa-route-card:hover .aa-route-card__eyebrow,.aa-route-card:focus-visible .aa-route-card__title,.aa-route-card:focus-visible .aa-route-card__eyebrow{color:var(--aa-navy)}.aa-route-card:focus-visible{outline:2px solid var(--aa-navy);outline-offset:3px}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.aa-route-card__img{transition:transform .3s ease}.aa-route-card:hover .aa-route-card__img{transform:scale(1.03)}}@media(min-width:720px){.aa-route-cards--closing .aa-route-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aa-route-cards--family .aa-route-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aa-route-card__media{aspect-ratio:4 / 3}}@media(max-width:719.98px){.aa-route-card__img{object-position:50% 28%}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/aa-route-cards.css.map */