/* Land inside a city's scenery, with readable RPG windows floating above it. */
.mh-dialog.airship-landed{
 width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;
 background-color:#183a43;background-size:cover;background-position:center;background-attachment:fixed;image-rendering:pixelated;
 box-shadow:none;scrollbar-color:#afb59c #15253b;
}
.mh-dialog.airship-landed::backdrop{background:#0d2437;backdrop-filter:none}
.airship-landed .mh-bar{
 width:min(1040px,calc(100% - 72px));margin:20px auto 0;padding:10px 16px;top:16px;
 background:#10213dea;border:2px solid #b3b8a2;box-shadow:inset 0 0 0 3px #192f4a,4px 4px #07162380;
}
.airship-landed .mh-bar h2{font:19px var(--pixel);color:#e4dfba;letter-spacing:1px}
.airship-landed .mh-close{min-height:42px;padding:6px 15px;background:#243961;border:1px solid #b3b9a9;box-shadow:inset 0 0 0 2px #14243b;color:#f8ebc1}
.airship-landed .mh-content{max-width:1040px;margin:auto;padding:76px 0 60px;background:none}
.arrival-scene,.arrival-introduction,.arrival-chapter,.airship-landed .mh-content>.mh-media-grid,.airship-landed .mh-content>.mh-image-group,.airship-landed .mh-credits{
 background:#10213deb;border:2px solid #b6b89e;box-shadow:inset 0 0 0 3px #213851,5px 5px #07172580;
}
.arrival-scene{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;padding:18px;position:relative;align-items:center}
.project-thumbnail{display:grid;place-items:center;overflow:hidden;background:#12253a;aspect-ratio:3/2;flex:none;image-rendering:pixelated}
.project-thumbnail>canvas{width:56px;height:56px;image-rendering:pixelated;object-fit:contain}
.project-thumbnail.cover-ready>canvas{width:100%;height:100%;object-fit:cover}
.project-thumbnail>img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}
.arrival-cover{width:100%;border:2px solid #d3cba0;box-shadow:3px 3px #091a2e}
.arrival-cover.cover-ready{animation:unfurl-cover .4s steps(8,end) both}
.arrival-plaque{padding:12px 15px 15px 0;min-width:0}
.arrival-insignia{display:block;width:58px;height:58px;margin-bottom:12px}
.arrival-insignia canvas{width:58px;height:58px;image-rendering:pixelated}
.arrival-region{display:block;font:10px/1.5 var(--small);letter-spacing:1px;color:#c5d2bc;margin-bottom:13px}
.arrival-plaque .mh-project-title{margin:0 0 20px!important;font:clamp(39px,4.8vw,62px)/.95 var(--pixel);color:#fff0c7;text-wrap:balance;letter-spacing:0}
.arrival-plaque .mh-client{font:12px/1.5 var(--small);color:#e2ce91;letter-spacing:1px}
.arrival-introduction{padding:28px 32px;margin:24px 0 40px}
.arrival-introduction .mh-description{margin:0!important;max-width:900px;font:19px/1.65 system-ui,sans-serif;color:#eef0df}
.arrival-chapter{padding:28px 30px;margin:40px 0}
.arrival-chapter h3{font:30px/1.13 var(--pixel);font-weight:400;color:#f2ddb1;display:flex;align-items:baseline;gap:12px;margin-bottom:17px}
.arrival-chapter h3::before{content:"◆";font-size:13px;color:#bba46d;align-self:center}
.arrival-chapter p{font-size:17px;line-height:1.65;color:#d5ddd1}
.airship-landed .mh-media-grid{gap:22px}
.airship-landed .mh-image-group{gap:18px}
.airship-landed .mh-content>.mh-media-grid,.airship-landed .mh-content>.mh-image-group{padding:22px;margin:40px 0}
.airship-landed .mh-image-group>a{display:block;border:1px solid #849893;padding:4px;background:#0b192b;box-shadow:3px 3px #09162b;line-height:0}
.airship-landed .mh-image-group img{background:#132841;image-rendering:auto}
.airship-landed .mh-video-slot{border:2px solid #afb39e;box-shadow:3px 3px #071329;border-radius:0;background:#0d1b30}
.airship-landed .mh-video-slot iframe{image-rendering:auto}
.airship-landed .mh-video-title{font:18px/1.3 var(--pixel);color:#c4d1c4;margin-top:11px}
.airship-landed .mh-video-title a{font:inherit}
.airship-landed .mh-credits{padding:26px 30px;margin-top:40px;color:#c3d0c9;font-size:14px}
.airship-landed .mh-project-nav{padding:0;gap:20px;margin:40px 0 0}
.airship-landed .mh-project-nav button{display:flex;align-items:center;gap:16px;max-width:50%;border:2px solid #a3af9e;background:#11263bea;padding:14px;text-align:left;box-shadow:inset 0 0 0 3px #213851,4px 4px #07172580;border-radius:0}
.airship-landed .mh-project-nav button:last-child{flex-direction:row-reverse;text-align:right}
.airship-landed .mh-project-nav .project-thumbnail{width:96px;border:1px solid #899d97}
.next-stop-copy small{display:block;font:14px/1.3 var(--pixel);color:#b4c1b4;letter-spacing:1px;margin-bottom:3px}
.next-stop-copy strong{display:block;font:25px/1.03 var(--pixel);font-weight:400;color:#eee3b5}
.arrival-retry{grid-column:1/-1;justify-self:center;background:#1a2c48;border:1px solid #bcc5a8;font:22px var(--pixel);padding:9px 15px}
.destination .project-thumbnail{width:78px;border:1px solid #9da990}
@keyframes unfurl-cover{from{clip-path:inset(0 50%)}to{clip-path:inset(0)}}
@media(max-width:1120px){.airship-landed .mh-content{margin:0 36px}}
@media(max-width:650px){
 .airship-landed .mh-bar{width:calc(100% - 24px);margin:12px auto 0;top:10px;padding:8px 12px;gap:10px}
 .airship-landed .mh-bar h2{font-size:17px;line-height:1.1}.airship-landed .mh-close{padding:5px 10px;white-space:nowrap;font-size:20px!important}
 .airship-landed .mh-content{margin:0 14px;padding:46px 0 30px}
 .arrival-scene{grid-template-columns:1fr;gap:19px;padding:12px}
 .arrival-cover{max-height:285px;aspect-ratio:3/2}
 .arrival-plaque{padding:0 8px 10px;position:relative}.arrival-insignia{position:absolute;right:4px;bottom:0;width:48px;height:48px;margin:0}
 .arrival-insignia canvas{width:48px;height:48px}.arrival-region{font-size:9px;letter-spacing:0;margin-bottom:8px}
 .arrival-plaque .mh-project-title{font-size:43px;margin-bottom:14px!important}.arrival-plaque .mh-client{font:16px var(--pixel);padding-right:48px}
 .arrival-introduction{padding:22px;margin:22px 0 32px}.arrival-introduction .mh-description{font-size:16px;line-height:1.6}
 .arrival-chapter{padding:22px 18px;margin:32px 0}.arrival-chapter h3{font-size:28px;gap:8px}.arrival-chapter p{font-size:16px}
 .airship-landed .mh-content>.mh-media-grid,.airship-landed .mh-content>.mh-image-group{padding:14px;margin:32px 0}
 .airship-landed .mh-media-grid,.airship-landed .mh-media-grid.mh-vertical{grid-template-columns:1fr}
 .airship-landed .mh-credits{padding:22px 18px}
 .airship-landed .mh-project-nav{gap:12px}.airship-landed .mh-project-nav button{padding:12px;gap:12px;align-items:flex-start;flex-direction:column}
 .airship-landed .mh-project-nav button:last-child{flex-direction:column;align-items:flex-end}
 .airship-landed .mh-project-nav .project-thumbnail{width:100%;max-width:150px}.next-stop-copy strong{font-size:23px}
 .destination .project-thumbnail{width:65px}
}
@media(prefers-reduced-motion:reduce){.arrival-cover.cover-ready{animation:none}}