.coastd-gateway{overflow:hidden}.coastd-gateway__head{max-width:82rem;margin:0 auto 3.8rem;text-align:center}.coastd-gateway .coastd-display{font-size:clamp(4.8rem,7vw,8.8rem)}.coastd-gateway .coastd-copy{max-width:56rem;margin:2rem auto}.coastd-gateway__viewport{margin-top:4rem}.coastd-gateway__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gateway-gap)}.coastd-gateway__card{position:relative;min-width:0;min-height:var(--gateway-desktop-card-height);overflow:hidden;border-radius:var(--gateway-radius);color:#fff;text-decoration:none;isolation:isolate;background:rgba(23,61,50,.08);box-shadow:0 1.4rem 4.5rem rgba(23,61,50,.08);transform:translateZ(0)}.coastd-gateway__media{position:absolute;inset:0}.coastd-gateway__card .coastd-image,.coastd-gateway__card .coastd-placeholder{width:100%;height:100%;display:block;object-fit:cover}.coastd-gateway__card .coastd-image{transition:transform 720ms cubic-bezier(.22,1,.36,1)}.coastd-gateway__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.18) 54%,rgba(0,0,0,.78) 100%);transition:background 260ms ease}.coastd-gateway__content{position:absolute;inset:auto 2.6rem 2.8rem;z-index:2;color:#fff;text-shadow:0 .1rem .8rem rgba(0,0,0,.28);transition:transform 260ms ease}.coastd-gateway__content small{display:block;margin-bottom:1rem;color:rgba(255,255,255,.84);font-size:1rem;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.coastd-gateway__card h3{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,3.2vw,5rem);font-weight:400;letter-spacing:-.045em;line-height:.96}.coastd-gateway__card p{max-width:32rem;margin:1.3rem 0 0;color:rgba(255,255,255,.9);font-size:1.45rem;line-height:1.45}.coastd-gateway__link{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.7rem;font-size:1.05rem;line-height:1;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.coastd-gateway__link span{display:inline-block;transition:transform 200ms ease}.coastd-gateway__card:hover .coastd-image,.coastd-gateway__card:focus-visible .coastd-image{transform:scale(1.045)}.coastd-gateway__card:hover .coastd-gateway__content,.coastd-gateway__card:focus-visible .coastd-gateway__content{transform:translateY(-.5rem)}.coastd-gateway__card:hover .coastd-gateway__link span,.coastd-gateway__card:focus-visible .coastd-gateway__link span{transform:translateX(.4rem)}.coastd-gateway__card:focus-visible{outline:.2rem solid var(--c-accent);outline-offset:.4rem}.coastd-gateway__progress{display:none}
@media(max-width:749px){.coastd-gateway__head{margin-bottom:2.6rem;text-align:left}.coastd-gateway .coastd-display{max-width:8.5ch;font-size:clamp(4.5rem,14vw,6.4rem)}.coastd-gateway .coastd-copy{max-width:34rem;margin:1.8rem 0 0}.coastd-gateway .coastd-btn{margin-top:2rem}.coastd-gateway__viewport{width:100vw;margin-top:3rem;margin-left:calc(50% - 50vw);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:1.6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.coastd-gateway__viewport::-webkit-scrollbar{display:none}.coastd-gateway__grid{display:flex;width:max-content;gap:var(--gateway-gap);padding:0 1.6rem .8rem}.coastd-gateway__card{flex:0 0 var(--gateway-mobile-card-width);width:var(--gateway-mobile-card-width);min-height:var(--gateway-mobile-card-height);scroll-snap-align:start;scroll-snap-stop:always;border-radius:min(var(--gateway-radius),24px);box-shadow:0 1.2rem 3.2rem rgba(23,61,50,.09)}.coastd-gateway__content{inset:auto 2.2rem 2.4rem}.coastd-gateway__card h3{font-size:clamp(4.2rem,13vw,5.6rem)}.coastd-gateway__card p{max-width:29rem;font-size:1.5rem}.coastd-gateway__progress{display:flex;justify-content:center;align-items:center;gap:.7rem;min-height:2.4rem;margin-top:1.8rem}.coastd-gateway__dot{width:.7rem;height:.7rem;padding:0;border:0;border-radius:999px;background:rgba(23,61,50,.25);cursor:pointer;transition:width 220ms ease,background-color 220ms ease,transform 220ms ease}.coastd-gateway__dot.is-active{width:2.3rem;background:var(--c-accent)}.coastd-gateway__dot:focus-visible{outline:.2rem solid var(--c-accent);outline-offset:.3rem}}
@media(prefers-reduced-motion:reduce){.coastd-gateway__card .coastd-image,.coastd-gateway__content,.coastd-gateway__link span,.coastd-gateway__dot{transition:none}.coastd-gateway__viewport{scroll-behavior:auto}}