/* Approved destination hover and entry. */

.destination-opening{position:absolute;z-index:2;top:var(--header-height);left:0;width:100%;height:520px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 5vw;pointer-events:none;background:linear-gradient(transparent 15%,#10251bc9)}
.destination-opening a{pointer-events:auto}.destination-opening p{max-width:620px;color:#fff}.destination-opening h1{font-size:64px;margin:12px 0}.destination-opening .breadcrumbs{margin-bottom:auto}.destination-opening+.dest-hero{margin:0;width:100%;height:520px}.destination-opening+.dest-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 59%}

.entry-image{position:fixed;z-index:49;overflow:hidden;pointer-events:none;will-change:top,left,width,height,border-radius}.entry-image img{width:100%;height:100%;object-fit:cover;display:block}.entry-running .destination-opening{opacity:0}.entry-running .dest-hero~section{opacity:0}.destination-opening,.dest-hero~section{transition:opacity .25s ease}
@media(max-width:700px){.destination-opening,.destination-opening+.dest-hero{height:490px}.destination-opening{padding:25px 6vw}.destination-opening h1{font-size:48px}.destination-opening p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.destination-opening,.dest-hero~section{transition:none}}

.destination-opening .breadcrumbs,.destination-opening .breadcrumbs a{color:#fff;text-shadow:0 1px 5px #10251b}

.entry-running #main{background:#1e392c}.entry-running .dest-hero{visibility:hidden}

/* Full viewport arrival retains the exact final photographic projection. */
.destination-opening,.destination-opening+.dest-hero{height:calc(100svh - var(--header-height));min-height:490px}.destination-opening+.dest-hero{position:relative;overflow:hidden}.entry-image{will-change:transform}.destination-opening{padding-bottom:48px}
@media(max-width:700px){.destination-opening{padding-bottom:32px}}


/* Combine the approved resting silhouette with an opening hover mask. */
.destination-card .picture,.destination-card:hover .picture,.destination-card:focus-visible .picture{transition:border-radius .65s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (pointer:fine){.destination-card:hover .picture{border-radius:0}}
.destination-card:focus-visible .picture{border-radius:0}
@media(hover:none){.destination-card:hover .picture{border-radius:220px 220px 0 0}}
@media(prefers-reduced-motion:reduce){.destination-card .picture,.destination-card:hover .picture,.destination-card:focus-visible .picture{transition:none}}

/* Owner-requested destination label refinement. */
.destination-label h3{font-size:36px}
@media(max-width:700px){.destination-label h3{font-size:30px}}