
.mission-poster{position:relative;isolation:isolate;display:block;overflow:hidden;background:#08254c;color:white;aspect-ratio:16/11;container-type:inline-size}
.mission-poster>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
a:hover .mission-poster>img,.mission-poster:hover>img{transform:scale(1.035)}
.mission-poster .poster-copy{position:absolute;inset:11% 5% auto;display:flex;align-items:center;flex-direction:column;text-align:center;color:#fff;z-index:2;text-shadow:0 2px 10px #00152c70}
.mission-poster .poster-eyebrow{position:static;background:none;padding:0;color:#e7ce96;font:9px Arial,sans-serif;font-size:2.35cqw;letter-spacing:.28em;line-height:1.5}
.mission-poster .poster-title{margin:12px 0 10px;color:#fff;font:normal 30px/1.03 Georgia,'Times New Roman',serif;font-size:7.4cqw;letter-spacing:-.025em;display:block}
.mission-poster .poster-title em{display:block;font-style:normal}
.mission-poster .poster-date{position:static;background:none;padding:0;color:#efd6a2;font:14px/1.35 Georgia,serif;font-size:3.7cqw;letter-spacing:.03em;border-top:1px solid #e8cc9350;padding-top:7px;min-width:45%}
.mission-poster .poster-city{position:static;background:none;padding:0;color:#f7ecce;font:11px/1.6 Georgia,serif;font-size:2.9cqw;letter-spacing:.05em}
.mission-poster .poster-arrow{position:absolute;bottom:14px;right:14px;left:auto;top:auto;display:grid;place-items:center;background:#edac59;color:#082d50;width:37px;height:37px;font:25px Arial;padding:0;transition:background .2s}
.mission-poster .poster-status{position:absolute;bottom:15px;left:15px;right:auto;top:auto;background:#ffffffed;color:#15334d;padding:6px 9px;font:8px Arial;letter-spacing:.12em}
.destination-photo.mission-poster{height:auto;aspect-ratio:16/11}
.destination-photo.mission-poster>a{display:block;height:100%;position:absolute;inset:0;text-decoration:none}
.destination-photo.mission-poster>a>img{width:100%;height:100%;object-fit:cover}
.tz-photo.mission-poster{height:auto;aspect-ratio:16/11}
.elite-visual{height:390px}
.elite-visual:after{inset:0;background:linear-gradient(90deg,#052747b0,transparent 70%)}
.elite-visual .image-caption{left:5%;bottom:auto;top:13%;max-width:45%;font-size:11px;line-height:1.6;letter-spacing:.15em}
.elite-visual .image-caption strong{display:block;font:normal 46px/1.05 Georgia,serif;letter-spacing:-.025em;margin:14px 0;color:white}
.elite-visual .image-caption small{font:14px Georgia,serif;color:#eed29d;letter-spacing:.07em}
@media(max-width:650px){.elite-visual{height:300px}.elite-visual .image-caption{max-width:60%;font-size:8px}.elite-visual .image-caption strong{font-size:31px}.elite-visual .image-caption small{font-size:12px}.mission-poster .poster-title{margin:10px 0 8px}}
@media(prefers-reduced-motion:reduce){.mission-poster>img{transition:none}}

/* Custom logo uploaded from the admin panel: show the whole image instead of cropping the default brand sheet */
.logo:has(img:not([src="/assets/brand.png"])){width:auto;height:66px;overflow:visible}
.logo img:not([src="/assets/brand.png"]){position:static;display:block;width:auto;height:100%;max-width:160px;object-fit:contain}
@media(max-width:700px){.logo:has(img:not([src="/assets/brand.png"])){height:52px}}

/* Space between the mission buttons and the illustration note under them */
.tz-hero .tz-small{margin-top:18px!important;line-height:1.7}
