/* The source photograph and its registered optical layer share a single cover crop. */
#cargo .cargo-take{
 position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;
 opacity:0;transform:scale(1.035);transition:opacity .65s,transform 1.6s;
 object-position:60% 50%;
}
#cargo:not([data-cargo]) .cargo-take:first-child,
#cargo[data-cargo="0"] .cargo-take[data-cargo="0"],
#cargo[data-cargo="1"] .cargo-take[data-cargo="1"],
#cargo[data-cargo="2"] .cargo-take[data-cargo="2"],
#cargo[data-cargo="3"] .cargo-take[data-cargo="3"]{opacity:1;transform:scale(1)}
#cargo .cargo-take>img,#cargo .cargo-life-layer{
 position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;
 object-fit:cover;object-position:inherit;opacity:1;transform:none;transition:none;pointer-events:none;
}
@media(max-width:830px){
 #cargo .cargo-take{height:76%;object-position:72% 17%}
}
@media(prefers-reduced-motion:reduce){
 #cargo .cargo-take{transition:none;transform:none}
 #cargo .cargo-life-layer{display:none}
}
@media(max-width:830px){
 #cargo .cargo-take:is([data-cargo="1"],[data-cargo="2"]){object-position:85% 17%}
 #cargo .cargo-take[data-cargo="3"]{object-position:41% 17%}
 #cargo .cargo-frames::after{background:linear-gradient(0deg,#0c1a20 0%,#0c1a20f2 39%,#0c1a208d 65%,transparent 85%),linear-gradient(90deg,#08151b40,transparent 72%)}
}

.scene-actions .cargo-entry,.cargo-next,.cargo-request {
 display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;
}
.scene-actions .cargo-entry {padding:10px 15px;background:#10212bd9;color:#f0e6d4;border:1px solid #718183}
.cargo-rental {
 --cargo-metal:#daa967;--cargo-line:#455057;position:relative;isolation:isolate;
 padding:clamp(46px,6vw,96px) var(--g,5vw);background:linear-gradient(120deg,#18262b,#101a1d 64%,#1c2729);
 color:#f6f1e8;scroll-margin-top:20px;
}
.cargo-heading {display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 auto 22px;max-width:1550px}
.cargo-kicker,.cargo-slate,.cargo-next,.cargo-play,.cargo-request,.cargo-choices small {
 font:600 11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.075em;
}
.cargo-rental .cargo-kicker {display:flex;align-items:center;gap:10px;color:#e3ba7e;margin:0 0 12px}
.cargo-kicker i {display:inline-block;width:19px;height:7px;background:repeating-linear-gradient(-62deg,#e6af6e 0 3px,transparent 3px 6px)}
.cargo-rental h2 {margin:0;color:#fbf6ed;font:500 clamp(46px,6.3vw,112px)/.95 Hangar,'Arial Narrow',sans-serif;letter-spacing:-.032em}
.cargo-rental h2 em {color:#dab381;font-style:normal}
.cargo-next {color:#e2ded4;border-bottom:1px solid var(--cargo-line);font-size:12px}
.cargo-console {display:grid;grid-template-columns:minmax(0,1.95fr) minmax(260px,.82fr);max-width:1550px;margin:auto;border:1px solid #59605d;background:#101b20;box-shadow:0 22px 47px #07101377}
.cargo-monitor {position:relative;isolation:isolate;min-width:0;aspect-ratio:3/2;background:#18262a;overflow:hidden}
#cargo.cargo-rental .cargo-frames {z-index:0}
#cargo.cargo-rental .cargo-frames::after {background:linear-gradient(0deg,#08131699,transparent 14%);pointer-events:none}
#cargo.cargo-rental .cargo-take {height:100%;object-position:50% 50%;transform:none}
.cargo-slate {position:absolute;bottom:14px;left:16px;right:16px;color:white;display:flex;align-items:center;justify-content:space-between;pointer-events:none;text-shadow:0 1px 4px black}
.cargo-slate span:first-child {padding:4px 7px;background:#142024cf;border-left:2px solid #f1bd72}
.cargo-slate b {color:#ffda9f}
.cargo-desk {display:flex;flex-direction:column;justify-content:center;padding:clamp(19px,2.3vw,42px);border-left:1px solid #5c6669;background:linear-gradient(145deg,#2b383a,#182327 32%,#101c20)}
.cargo-caption h3 {margin:0;font:500 clamp(30px,3.2vw,60px)/1.04 Hangar,'Arial Narrow',sans-serif;color:#f2eee6}
.cargo-caption p {margin:10px 0 18px;max-width:42ch;font:400 15px/1.45 system-ui;color:#d2dcdb}
.cargo-choices {display:grid;gap:4px}
.cargo-choices a {display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 10px;border:1px solid #435156;background:#17262a;color:#e1e4df;font:500 clamp(15px,1.3vw,21px)/1.2 system-ui;text-decoration:none}
.cargo-choices small {color:#b7c1bf;font-size:10px}
.cargo-choices i {width:6px;height:6px;border:1px solid #7d8d8b;border-radius:50%;margin-left:auto}
.cargo-choices a[aria-current=true] {border-color:#c8a26e;background:#40392e;color:#ffdfb3}
.cargo-choices a[aria-current=true] i {background:#f0bb6d;border-color:#f0bb6d}
.cargo-play {align-self:flex-start;margin-top:12px;padding:8px 12px;min-height:44px;background:#101c20;border:1px solid #6c797b;color:#e3e7e3;cursor:pointer}
.cargo-play[hidden]{display:none}
.cargo-request {align-self:flex-start;color:#f8cf94;font-size:12px}
.cargo-rental :is(a,button):focus-visible,.cargo-entry:focus-visible {outline:2px solid #ffe5b0;outline-offset:3px}
@media(max-width:830px){
 .cargo-rental {padding:40px var(--g,17px)}
 .cargo-heading {display:block;margin-bottom:15px}
 .cargo-heading .cargo-next {min-height:44px;margin-top:4px}
 .cargo-console {display:block}
 .cargo-monitor {aspect-ratio:3/2}
 .cargo-desk {padding:17px;border-left:0;border-top:1px solid var(--cargo-line)}
 .cargo-caption h3{font-size:34px}.cargo-caption p{font-size:14px;margin-bottom:14px}
 .cargo-choices {grid-template-columns:1fr 1fr}
 .cargo-choices a {padding:6px;gap:5px;font-size:14px}
 .cargo-play {margin-top:10px}.cargo-slate{left:8px;right:8px;bottom:8px;font-size:9px}
}
@media(max-width:345px){.cargo-choices a{font-size:12px}.cargo-choices i{display:none}}