.coast-goal-nav{padding-top:var(--coast-goal-nav-padding-top, 56px);padding-bottom:var(--coast-goal-nav-padding-bottom, 56px)}.coast-goal-nav__header{text-align:center;max-width:60ch;margin:0 auto var(--coast-space-lg)}.coast-goal-nav__heading{margin:0 0 8px;font-family:var(--coast-font-heading);font-weight:700;font-size:clamp(2.2rem,3vw,2.8rem);text-transform:uppercase;letter-spacing:.02em}.coast-goal-nav__subheading{margin:0;font-family:var(--coast-font-body);color:var(--coast-charcoal-60);font-size:1.5rem}.coast-goal-nav__grid{display:grid;grid-template-columns:1fr;gap:var(--coast-space-sm);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.coast-goal-nav__grid{grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:repeat(2,220px)}.coast-goal-nav__card--featured{grid-row:span 2}}@media screen and (min-width:1200px){.coast-goal-nav__grid{grid-template-rows:repeat(2,260px)}}.coast-goal-nav__card{height:100%}.coast-goal-nav__card-link{position:relative;display:flex;height:100%;min-height:220px;text-decoration:none;border-radius:var(--coast-radius-md);overflow:hidden}.coast-goal-nav__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--coast-ocean-depth-10)}.coast-goal-nav__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.coast-goal-nav__card-link:hover .coast-goal-nav__media img{transform:scale(1.04)}.coast-goal-nav__icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--coast-clean-white)}.coast-goal-nav__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b1f2e00 40%,#0b1f2ebf)}.coast-goal-nav__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;padding:var(--coast-space-md);width:100%}.coast-goal-nav__title{font-family:var(--coast-font-heading);font-weight:700;font-size:1.9rem;color:#fff}.coast-goal-nav__card--featured .coast-goal-nav__title{font-size:2.4rem}.coast-goal-nav__text{font-family:var(--coast-font-body);font-size:1.3rem;color:#ffffffd9;line-height:1.4}.coast-goal-nav__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:8px 18px;min-height:36px;border-radius:999px;background:#fff;color:var(--coast-ocean-depth);font-family:var(--coast-font-heading);font-weight:600;font-size:1.25rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/coast-goal-navigation.css.map */