/* Real loading photos stay together as a single evidence gallery. */
.dispatch-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:32px}
.dispatch-intro h2{margin:0;max-width:16ch;font-size:clamp(2.3rem,4vw,3.5rem)}
.dispatch-intro p{margin:0;max-width:65ch}
.dispatch-gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
.dispatch-photo{display:block;overflow:hidden;background:var(--ink);min-width:0;position:relative;aspect-ratio:4/3}
.dispatch-photo:first-child{grid-row:span 2;aspect-ratio:auto}
.dispatch-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 70%}
.dispatch-photo:first-child img{aspect-ratio:auto;object-position:center}
.dispatch-photo:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.dispatch-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:24px}
.dispatch-bottom>p{max-width:52ch;font-size:14px;margin:0}
.dispatch-bottom .actions{margin:0;flex-shrink:0;align-items:center}
.dispatch-bottom .btn{font-size:11px;padding:16px 20px}
@media(max-width:1100px){.dispatch-bottom{align-items:flex-start;flex-direction:column}.dispatch-intro{gap:32px}}
@media(max-width:760px){.source-split,.video-split,.shipping-split,.dispatch-intro{grid-template-columns:1fr;gap:24px}.dispatch-gallery{grid-template-columns:1fr 1fr;gap:12px}.dispatch-photo:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}.dispatch-photo:first-child img{aspect-ratio:4/3;object-position:center 78%}.dispatch-bottom .actions{flex-shrink:1;flex-wrap:wrap}.dispatch-intro h2{font-size:2.3rem}}

/* Warehouse tour: full content width with copy below the video. */
.container.split:has(>.video-frame),.container.video-split{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.container.split>.video-frame,.video-split>.video-frame{width:100%;min-width:0}
.container.split>.video-frame video,.video-split>.video-frame video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain}
.container.split>.video-copy,.video-split>.video-copy{max-width:1000px}
.container.split>.video-copy h2,.video-split>.video-copy h2{font-size:clamp(2.1rem,4vw,3.5rem);max-width:26ch;margin:0 0 24px}
.container.split>.video-copy p,.video-split>.video-copy p{max-width:75ch}
@media(max-width:760px){.container.split:has(>.video-frame),.container.video-split{gap:24px}.container.split>.video-copy h2,.video-split>.video-copy h2{margin-bottom:16px}}