/* Reference: Cargo Community / Graphic Design, measured at 1440 × 1000.
   97.5vh opening stage; centered 65vw book window; offset 50/50 imagery;
   four columns with 15px gutters and a 105vh stage. */
body:has(.cargo-index){background:#111;color:#b7b7b7;font-family:Arial,'PingFang SC',sans-serif}
body:has(.cargo-index) header{position:fixed;inset:0 0 auto;height:auto;padding:15px 16px;z-index:20;pointer-events:none;background:none;mix-blend-mode:exclusion;color:#ccc}
body:has(.cargo-index) header a{pointer-events:auto}
body:has(.cargo-index) .identity{font-size:16px;letter-spacing:0;line-height:1.25}
body:has(.cargo-index) .identity span{font-size:12px;color:inherit}
body:has(.cargo-index) nav{gap:22px;font-size:16px;color:inherit}
.cargo-menu{position:fixed;top:65px;left:16px;z-index:19;font-size:16px;line-height:1.25;mix-blend-mode:exclusion;color:#aaa;pointer-events:none}
.cargo-menu a{display:block;padding-left:16px;pointer-events:auto;color:#888}
.cargo-menu a:hover{color:#eee}.cargo-menu a:first-of-type{color:#ccc}
.cargo-menu .menu-extra{padding-left:0;margin-top:22px}
.cargo-index{width:100%;overflow:hidden}
.cargo-hero{position:relative;height:97.5vh;min-height:680px;display:flex;align-items:center;justify-content:center}
.browser-object{width:65vw;max-width:1450px;border:1px solid #555;border-radius:7px;overflow:hidden;background:#adadad;transform:translateY(-1vh)}
.browser-bar{height:38px;background:#333;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:0 16px;font-size:14px;color:#777}
.browser-bar>span:first-child{font-size:12px;letter-spacing:3px;color:#242424}
.browser-bar>span:nth-child(2){text-align:center;background:#262626;border-radius:5px;padding:2px 10px}
.book-window{aspect-ratio:1.6;overflow:hidden}
.book-window .volume{margin:0;max-width:none}
.book-window .open-book{aspect-ratio:1.5;background-size:100% 100%;}
.book-window .printed-caption{font-size:9px;min-height:38px;padding-top:10px}
.book-window .printed-caption>span:last-child{font-size:9px}
.hero-label{position:absolute;left:16px;bottom:16px}
.cargo-label{font-size:14px;line-height:1.25;display:flex;flex-direction:column;gap:2px}
.cargo-label span+span{color:#777}
.cargo-piece{min-width:0;display:flex;flex-direction:column;position:relative}
.cargo-art img{display:block;width:100%;height:100%;object-fit:contain}
.cargo-pair{display:grid;grid-template-columns:1fr 1fr;background:#fafafa;color:#666;position:relative}
.cargo-pair:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;box-shadow:-5px 0 14px 5px #0005;pointer-events:none}
.cargo-pair .pair-high .cargo-art{height:62.5vw;overflow:hidden}
.cargo-pair .pair-high img{object-fit:cover}
.cargo-pair .pair-high img[src$="fox-concept-poster-v2.png"]{object-fit:contain;background:#102d36}
.cargo-pair .pair-low{padding-top:50vw;align-self:end}
.cargo-pair .pair-low .cargo-art{height:33.333vw;overflow:hidden}
.cargo-pair .pair-low img{object-fit:cover}
.cargo-pair .cannes-poster .cargo-art{height:auto;aspect-ratio:auto;background:transparent;overflow:visible}
.cargo-pair .cannes-poster img{display:block;width:100%;height:auto;object-fit:contain}
.cargo-pair .cargo-label{min-height:54.5px;padding:12px 16px}
.cargo-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:105vh;padding:15px 0;background:#111}
.cargo-four .cargo-piece{margin:0 15px;justify-content:center}
.cargo-four .cargo-art{width:100%;height:28.65vw;display:flex;align-items:center;justify-content:center}
.cargo-four .cargo-label{position:absolute;left:0;bottom:0}
.cargo-four .ticket-set{gap:12px;padding:0;transform:rotate(-4deg);width:100%;flex:none}
.cargo-four .screening-ticket{padding:6px}
.cargo-four .ticket-stub{font-size:6px}.cargo-four .ticket-stub strong{font-size:8px}
.cargo-four .deck-object img{transform:rotate(0);filter:drop-shadow(3px 5px 0 #aaa)}
.cargo-four .map-object img{background:#e9e6df;box-shadow:2px 3px 0 #aaa}
.cargo-finale{min-height:100vh;position:relative;background:#e8e4dd;color:#333;display:grid;place-items:center}
.cargo-finale .cargo-piece{width:100%;min-height:100vh;align-items:center;justify-content:center}
.cargo-finale .cargo-art{height:76vh;width:80vw}.cargo-finale .cargo-label{position:absolute;bottom:18px;left:16px}
body:has(.cargo-index) footer{font-size:12px}
@media(max-width:800px){body:has(.cargo-index) header{padding:15px;font-size:14px}body:has(.cargo-index) nav{font-size:13px;gap:16px}.cargo-menu{display:none}.cargo-hero{height:97.5vh;min-height:600px}.browser-object{width:calc(100vw - 30px)}.browser-bar{height:25px;font-size:10px;padding:0 10px}.browser-bar>span:first-child{font-size:9px}.book-window .printed-caption{font-size:7px;min-height:29px;padding-top:6px}.book-window .printed-caption>span:last-child{font-size:7px}.cargo-four{min-height:90vh}.cargo-four .cargo-piece{margin:0 7px}.cargo-four .cargo-label{font-size:10px}.cargo-four .ticket-set{gap:6px}.cargo-four .screening-ticket{padding:3px}.cargo-four .ticket-stub{font-size:3px}.cargo-four .ticket-stub strong{font-size:4px}.cargo-four .ticket-stub small{font-size:3px}.cargo-label{font-size:12px}.cargo-pair .cargo-label{padding:10px;min-height:50px}.cargo-four .cargo-art{height:35vw}}
@media(prefers-reduced-motion:reduce){.cargo-index *{transition:none!important}}