/* The US Detour: uncropped imagery on every viewport (Image Fit Release). */
/* Prefer letterboxing to hiding geographic features, labels, photo subjects or the edges of artwork. */
:root{--detour-photo-matte:#eaf0eb}
img{max-width:100%;height:auto}
/* Cards which use backgrounds instead of img elements. Both layers have independent sizing. */
.hero, .state-hero{background-color:#112e2a!important;background-size:100% 100%,contain!important;background-repeat:no-repeat!important;background-position:center,center!important}
.state-card:not(.has-card-image):not(.state-card-lazy){background-size:100% 100%,contain!important;background-repeat:no-repeat!important;background-position:center,center!important;background-color:#16372f!important}
.state-card.has-card-image .state-card-photo{background-image:var(--thumb)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:var(--detour-photo-matte)!important;min-height:0!important;aspect-ratio:16 / 10}
.state-card.has-card-image{background-image:none!important}
.state-card.state-card-lazy{color:#17221f!important;background:#fffdf8!important;isolation:auto!important;justify-content:flex-start!important}
.state-card-lazy .state-card-bg{position:relative!important;inset:auto!important;z-index:auto!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16 / 10;object-fit:contain!important;transform:none!important;transition:none!important;background:var(--detour-photo-matte)}
.state-card-lazy::after{content:none!important;display:none!important}
.state-card-lazy .state-card-copy{min-height:0!important;justify-content:flex-start!important;padding:15px!important;background:#fffdf8!important;color:#17221f!important}
.state-card-lazy .state-card-copy p,.state-card-lazy p{color:#4e5f59!important}
/* Actual images: never crop or zoom the original, including thumbnail-like cards. */
.travel-photo,.state-related-photo img,.state-editorial-photo img,.trip-visual-link img,.seo-city-image img,.discovery-region-card img,.real-stop-photo img,.r3-result-image img,.gm-result-photo img,.stop-thumb,.state-card-photo img,.route-card img,.starter-route-card img,.card.card-link img:not(.brand img){object-fit:contain!important;object-position:center center!important;transform:none!important;background:var(--detour-photo-matte)!important}
.travel-photo,.state-related-photo img,.state-editorial-photo img,.seo-city-image img{height:auto!important;max-height:none!important;aspect-ratio:auto!important}
.trip-visual-link img{height:auto!important;max-height:135px!important;align-self:center!important}
.real-stop-photo{aspect-ratio:auto!important;min-height:0!important}
.real-stop-photo img{height:auto!important;max-height:420px!important;width:100%!important}
.r3-result-image{display:grid!important;place-items:center!important;min-height:0!important;aspect-ratio:4 / 3!important;background:var(--detour-photo-matte)!important}
.r3-result-image img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
.r3-result-image small{position:absolute;z-index:1}
/* A stop photo is only published when the matching destination and reuse rights have been recorded. */
.detour-stop-photo{display:block;width:100%;margin:0 0 14px;padding:0;background:var(--detour-photo-matte);border:1px solid #d5e3d9;border-radius:14px;overflow:hidden;grid-column:1/-1}
.detour-stop-photo img{display:block;width:100%;max-height:520px;height:auto;object-fit:contain;background:var(--detour-photo-matte)}
.detour-stop-photo figcaption{padding:8px 12px;background:#fff;color:#24473b;font-size:.82rem;overflow-wrap:anywhere}
.detour-stop-photo a{color:#164c3a;text-decoration:underline}
.detour-stop-photo.is-unavailable{display:none}
@media(max-width:650px){.r3-result{grid-template-columns:1fr!important}.r3-result-image{width:100%!important;aspect-ratio:16/10!important}.hero,.state-hero{min-height:0!important}.hero-inner{padding-top:clamp(145px,34vw,240px)!important}.state-card-lazy .state-card-copy{padding:14px!important}}