/* Separate photo layer; no text/reveal transforms or image scaling. */
body[data-gat-page="logistics"] .log-depth-photo{padding-block:16px;background:#f0f2ed;overflow:hidden;line-height:0}
body[data-gat-page="logistics"] .log-depth-photo>img{display:block;width:100%;height:auto;object-fit:contain;transform:none}
body[data-gat-page="logistics"] .log-depth-hero{background:#152126}
body[data-gat-page="logistics"] .log-depth-ready>img{transform:translate3d(0,var(--log-depth-y,0px),0);will-change:transform}
@media(max-width:768px),(pointer:coarse){body[data-gat-page="logistics"] .log-depth-photo{padding-block:8px}}
@media(prefers-reduced-motion:reduce){body[data-gat-page="logistics"] .log-depth-ready>img{transform:none!important;will-change:auto}}

/* Independent background planes; foreground layout and transforms stay intact. */
body[data-gat-page="logistics"] .log-background{position:relative;isolation:isolate;overflow:hidden}
body[data-gat-page="logistics"] .log-backdrop{position:absolute;inset:-70px 0;width:100%;height:calc(100% + 140px);max-width:none;z-index:0;pointer-events:none;transform:none}
body[data-gat-page="logistics"] .log-background>:not(.log-backdrop){position:relative;z-index:1}
body[data-gat-page="logistics"] .log-back-plane{fill:#d4ddd7;opacity:.16}
body[data-gat-page="logistics"] .log-back-grid{stroke:#879b91;stroke-width:1;opacity:.18}
body[data-gat-page="logistics"] .log-back-route{stroke:#be1026;stroke-width:2;opacity:.22}
body[data-gat-page="logistics"] .log-back-nodes{fill:#be1026;opacity:.23}
body[data-gat-page="logistics"] .log-background-dark .log-back-plane{fill:#71968d;opacity:.08}
body[data-gat-page="logistics"] .log-background-dark .log-back-grid{stroke:#b4d0c7;opacity:.13}
body[data-gat-page="logistics"] .log-background-dark .log-back-route,body[data-gat-page="logistics"] .log-background-dark .log-back-nodes{opacity:.3}
body[data-gat-page="logistics"] .log-background.log-depth-ready>.log-backdrop{transform:translate3d(0,var(--log-depth-y,0px),0);will-change:transform}
@media(prefers-reduced-motion:reduce){body[data-gat-page="logistics"] .log-background.log-depth-ready>.log-backdrop{transform:none!important;will-change:auto}}

/* A continuous logistics backdrop, clipped inside the page, never a scroll lock. */
body[data-gat-page="logistics"] .log-depth-page{position:relative;isolation:isolate;background:#f5f6f2}
body[data-gat-page="logistics"] .log-page-background{position:absolute;inset:0;z-index:-1;pointer-events:none}
body[data-gat-page="logistics"] .log-page-window{position:sticky;top:0;height:100vh;overflow:hidden;pointer-events:none}
body[data-gat-page="logistics"] .log-page-art{position:absolute;left:0;top:-900px;width:100%;height:calc(100% + 1800px);transform:none;pointer-events:none;max-width:none}
body[data-gat-page="logistics"] .log-depth-page.log-depth-ready .log-page-art{transform:translate3d(0,var(--log-page-y,0px),0);will-change:transform}
body[data-gat-page="logistics"] .log-page-plane{fill:#cedbd4;opacity:.38}
body[data-gat-page="logistics"] .log-page-grid{stroke:#6e8980;stroke-width:2;opacity:.17}
body[data-gat-page="logistics"] .log-page-route{stroke:#c92032;stroke-width:3;opacity:.3}
body[data-gat-page="logistics"] .log-page-nodes{fill:#c92032;opacity:.3}
body[data-gat-page="logistics"] .log-depth-page>.v16-scenes,body[data-gat-page="logistics"] .log-depth-page>#consulting-fields,body[data-gat-page="logistics"] .log-depth-page>.v15-issues,body[data-gat-page="logistics"] .log-depth-page>#logistics-guide,body[data-gat-page="logistics"] .log-depth-page>.v15-process,body[data-gat-page="logistics"] .log-depth-page>.v3-cta{background:transparent}
body[data-gat-page="logistics"] .log-depth-page .v3-section-heading{max-width:900px}
body[data-gat-page="logistics"] .log-background .log-backdrop{inset:-220px 0;height:calc(100% + 440px)}
body[data-gat-page="logistics"] .log-back-plane{opacity:.28}
body[data-gat-page="logistics"] .log-back-grid{opacity:.24;stroke-width:1.5}
body[data-gat-page="logistics"] .log-back-route{opacity:.35;stroke-width:3}
body[data-gat-page="logistics"] .log-back-nodes{opacity:.35}
body[data-gat-page="logistics"] .log-hero-route{position:absolute;inset:-150px 0;width:100%;height:calc(100% + 300px);max-width:none;z-index:0;pointer-events:none;fill:none;stroke:#fa5267;stroke-width:2;opacity:.38;transform:none}
body[data-gat-page="logistics"] .log-hero-route circle{fill:#fa5267;stroke:none}
body[data-gat-page="logistics"] .log-hero-rail{stroke:#dbe9e5;opacity:.6}
body[data-gat-page="logistics"] .log-hero-route.log-depth-ready{transform:translate3d(0,var(--log-depth-y,0px),0);will-change:transform}
body[data-gat-page="logistics"] .v18-hero-copy,body[data-gat-page="logistics"] .v18-hero-domains,body[data-gat-page="logistics"] .v18-photo-note{z-index:1}
@media(max-width:768px){body[data-gat-page="logistics"] .log-hero-route{opacity:.22}}
@media(prefers-reduced-motion:reduce){body[data-gat-page="logistics"] .log-depth-page.log-depth-ready .log-page-art,body[data-gat-page="logistics"] .log-hero-route.log-depth-ready{transform:none!important;will-change:auto}}

/* Time animation is separate from scroll transforms and never flashes the whole backdrop. */
body[data-gat-page="logistics"] .log-flow-light{fill:none;stroke:#df122a;stroke-width:7;stroke-linecap:round;stroke-dasharray:8 442;stroke-dashoffset:0;opacity:.65;animation:log-flow-travel 10s linear infinite;animation-play-state:paused}
body[data-gat-page="logistics"] .log-flow-trace{fill:none;stroke:#df122a;stroke-width:3;stroke-linecap:round;stroke-dasharray:90 360;stroke-dashoffset:0;opacity:.24;animation:log-flow-travel 10s linear infinite;animation-play-state:paused}
body[data-gat-page="logistics"] .log-depth-page.log-flow-running .log-page-art .log-flow-light,body[data-gat-page="logistics"] .log-depth-page.log-flow-running .log-page-art .log-flow-trace,body[data-gat-page="logistics"] .log-hero-route.log-flow-running .log-flow-light{animation-play-state:running}
body[data-gat-page="logistics"] .log-hero-route .log-flow-light{stroke:#ff8896;stroke-width:6;opacity:.8}
@keyframes log-flow-travel{from{stroke-dashoffset:0}to{stroke-dashoffset:-900}}
@media(max-width:768px),(pointer:coarse){body[data-gat-page="logistics"] .log-flow-light{stroke-width:5;opacity:.48;animation-duration:14s}body[data-gat-page="logistics"] .log-flow-trace{opacity:.18;animation-duration:14s}}
@media(prefers-reduced-motion:reduce){body[data-gat-page="logistics"] .log-flow-light,body[data-gat-page="logistics"] .log-flow-trace{animation:none!important}}

/* Light continuous backdrop needs dark CTA copy; retain the red action button. */
body[data-gat-page="logistics"] .log-depth-page>.v3-cta{color:#17252a}
body[data-gat-page="logistics"] .log-depth-page>.v3-cta h2,body[data-gat-page="logistics"] .log-depth-page>.v3-cta>p,body[data-gat-page="logistics"] .log-depth-page>.v3-cta .v3-phone{color:#17252a}
body[data-gat-page="logistics"] .log-depth-page>.v3-cta>.v3-kicker{color:#950d1d}
body[data-gat-page="logistics"] .log-depth-page>.v3-cta .v3-phone small{color:#374743}
body[data-gat-page="logistics"] .log-depth-page>.v3-cta .v3-button{color:#fff}
body[data-gat-page="logistics"] .log-depth-page>.v3-cta{background:rgba(245,246,242,.6)}

/* Breadcrumb blends into the existing dark scene without its own band. */
body[data-gat-page="logistics"] .log-depth-page>.v18-scene{padding-top:12px}
body[data-gat-page="logistics"] .log-depth-page .v7-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:14px max(6vw,24px);min-height:0;font-size:13px;line-height:1.7;color:#d3dedc;background:transparent;border:0}
body[data-gat-page="logistics"] .log-depth-page .v7-breadcrumb a{color:#f2f5f4;text-decoration:none;white-space:nowrap}
body[data-gat-page="logistics"] .log-depth-page .v7-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
body[data-gat-page="logistics"] .log-depth-page .v7-breadcrumb a:focus-visible{outline:2px solid #f2f5f4;outline-offset:4px;border-radius:2px}
body[data-gat-page="logistics"] .log-depth-page .v7-breadcrumb [aria-hidden]{color:#9ab2ab}
body[data-gat-page="logistics"] .log-depth-page .v7-breadcrumb [aria-current]{min-width:0;overflow-wrap:anywhere}
body[data-gat-page="logistics"] .log-depth-page>.v18-scene .v18-scene-title{position:relative;inset:auto;margin:20px max(6vw,24px) 0;max-width:620px}
@media(max-width:768px){body[data-gat-page="logistics"] .log-depth-page .v7-breadcrumb{font-size:12px;gap:5px 9px;padding:14px 24px}body[data-gat-page="logistics"] .log-depth-page>.v18-scene .v18-scene-title{margin:18px 24px 0}}
