.destination-gallery{margin-top:34px}
.destination-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.destination-search{grid-column:2/5;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px 26px;border-radius:8px;background:#fff;border:2px solid #0c7778;box-shadow:0 10px 30px rgba(10,50,60,.14)}
.destination-search-label{display:block;color:#123642;font-size:1.9rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.destination-search-field{position:relative}
.destination-search input{display:block;width:100%;height:72px;border:1px solid #9fbdb6;border-radius:8px;padding:0 20px;font:inherit;font-size:1.4rem;font-weight:400;color:#123642;background:#fff}
.destination-search input:focus{outline:3px solid #ffae19;outline-offset:1px}
.destination-search-note{min-height:1.2em;color:#9b2c1d;font-size:.95rem}
.destination-tile{position:relative;border-radius:8px;aspect-ratio:4/3;perspective:900px}
.tile-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1)}
.destination-tile.is-flipped .tile-flip{transform:rotateY(180deg)}
.tile-face{position:absolute;inset:0;border-radius:8px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tile-front{background:#0c5e63}
.destination-art{position:absolute;inset:0;background:linear-gradient(135deg,#0c5e63,#1f8f7c);background-size:cover;background-position:center;transition:transform .25s ease}
.destination-label{position:absolute;left:14px;right:14px;bottom:28px;display:flex;flex-direction:column;gap:2px;color:#fff;text-shadow:0 2px 8px rgba(3,36,43,.7)}
.destination-label strong{font-size:1.6rem;font-weight:800;line-height:1.1}.destination-label span{font-size:.9rem;opacity:.95}
.tile-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;text-align:center;background:linear-gradient(135deg,#0b555c,#148c76);background-size:cover;background-position:center}
.back-name{background:linear-gradient(135deg,#123642,#0c7778)}
.back-icon{background:linear-gradient(135deg,#e07824,#f0a94a)}
.tile-back-name{font-size:2.1rem;line-height:1.1;font-weight:800;padding:0 12px;text-shadow:0 2px 10px rgba(3,36,43,.6)}
.back-photo .tile-back-name{position:absolute;left:14px;bottom:28px;font-size:1.6rem;text-align:left;padding:0}
.tile-icon{width:52px;height:52px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tile-back-small{font-size:1.25rem;font-weight:700}
.destination-link{position:absolute;inset:0;z-index:2;border-radius:8px}
.destination-tile:hover .destination-art{transform:scale(1.03)}
.destination-link:focus-visible{outline:3px solid #ffae19;outline-offset:-3px}
.destination-credit{position:absolute;right:10px;bottom:8px;z-index:3;color:#fff;font-size:.66rem;text-decoration:underline;text-shadow:0 1px 4px #03242b}.destination-credit[hidden]{display:none}
#destination-gallery[hidden]{display:none}
[hidden]{display:none!important}
@media(max-width:1000px){.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.destination-search{grid-column:1/-1;grid-row:1}}
@media(max-width:560px){.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-search-label{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.tile-flip,.destination-art{transition:none}}
@media(max-width:560px){.destination-label strong{font-size:1.25rem}.tile-back-name{font-size:1.6rem}.back-photo .tile-back-name{font-size:1.25rem}}

.tile-back.tint-orange{background-image:linear-gradient(135deg,#e07824,#f0a94a)}
.tile-back.tint-green{background-image:linear-gradient(135deg,#2f9e44,#4cc65d)}
.tile-back.tint-deep{background-image:linear-gradient(135deg,#123642,#0c7778)}
.tile-back.back-photo{background-image:none}