/* A shared depth system: real freight models, quiet motion, and solid surfaces. */
:root{--depth-line:#d7e3ee;--depth-shadow:0 18px 44px #153a5910,0 3px 0 #d9e4ed;--depth-radius:14px}
.hero{background:radial-gradient(ellipse at 78% 40%,#153850 0%,#0b1b2d 40%,#07101e 72%)}
.hero-visual{position:relative;perspective:1100px}
.hero-visual:after{content:"";position:absolute;inset:auto 20% 8%;height:5%;border-radius:50%;background:#0a1629;box-shadow:0 0 40px 10px #07101e;filter:blur(13px);z-index:-1;pointer-events:none}
.globe-stage:before{inset:10%;box-shadow:0 0 80px #70b6ef25;opacity:.22}
.transport-rail{position:relative;background:linear-gradient(130deg,#203c544d,#10233780);border:1px solid #a9c6e62b;border-radius:12px;padding:24px 18px;margin-bottom:32px;box-shadow:0 12px 30px #02091435,0 4px 0 #0a1725}
.transport-rail>a{padding-inline:20px}
.transport-rail>a>.icon:first-child{filter:drop-shadow(0 4px 2px #0004)}
.button{border-radius:7px;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.button-white{box-shadow:0 4px 0 #a4b9cc,0 10px 20px #010a1724}
.button-navy{box-shadow:0 4px 0 #071d35,0 10px 18px #153a591a}
.button-white:hover,.button-navy:hover{box-shadow:0 6px 0 #7c98b4,0 14px 24px #153a5926}
.button-navy:hover{box-shadow:0 6px 0 #071d35,0 14px 24px #153a5926}
.button:active{transform:translateY(1px);box-shadow:0 1px 0 #153a5950}
.freight-visual{position:relative;isolation:isolate;aspect-ratio:760/500;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#fff 0%,#edf4fa 72%);border-radius:var(--depth-radius)}
.freight-visual:before{content:"";position:absolute;inset:58% -20% -50%;background-image:linear-gradient(#b6cad82e 1px,transparent 1px),linear-gradient(90deg,#b6cad82e 1px,transparent 1px);background-size:35px 35px;transform:perspective(400px) rotateX(57deg);transform-origin:50% 0;mask-image:linear-gradient(transparent,#000 22%,transparent 72%);pointer-events:none;z-index:-1}
.freight-poster,.freight-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.service-model{border-radius:13px 13px 0 0;border-bottom:1px solid #dce7f0;flex-shrink:0}
.service-model .photo-number{top:20px;left:23px;color:#315b7d;font-weight:600}
.service-model .photo-icon{bottom:15px;right:18px;color:#315f84;background:#fff9;border:1px solid #ccdce9;box-shadow:0 3px 0 #c8d8e5}
.services-grid{gap:25px;perspective:1200px}
.service-card{overflow:visible;border-radius:var(--depth-radius);border-color:var(--depth-line);box-shadow:var(--depth-shadow);transform-style:preserve-3d}
.service-card:hover{border-color:#96b3cb;box-shadow:0 24px 50px #153a591a,0 4px 0 #c1d3e1}
.service-body{background:#fff;border-radius:0 0 13px 13px;padding:30px}
.service-body h3{letter-spacing:-.75px}
.service-body .text-link{min-height:44px;padding-bottom:8px}
.additional-services{padding-top:60px;margin-top:60px}
.service-accordions details{background:#fff;border:1px solid #d9e4ee;border-radius:10px;margin-bottom:10px;padding-inline:23px;box-shadow:0 3px 0 #e6edf4}
.service-accordions details[open]{box-shadow:0 10px 26px #153a590c,0 3px 0 #d9e4ed}
.service-accordions details p{padding-bottom:0}
.service-accordions details a{margin-bottom:18px}
.cargo-section{background:linear-gradient(145deg,#eaf2f9,#f4f8fc)}
.cargo-layout{grid-template-columns:.8fr 1.3fr;gap:70px}
.cargo-stack-visual{margin-top:26px;background:transparent;max-width:370px;border-radius:0}
.cargo-grid{background:transparent;border:0;gap:14px;overflow:visible;perspective:1000px}
.cargo-item{border:1px solid #d4e1ed;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 5px 0 #d6e2ed,0 12px 25px #153a5909;border-radius:11px;min-height:150px;transition:transform .22s,box-shadow .22s,background .22s;transform-style:preserve-3d}
.cargo-item:hover{background:#fff;box-shadow:0 7px 0 #c0d3e3,0 18px 30px #153a5914}
.cargo-item>.icon:first-child{width:33px;height:33px;filter:drop-shadow(2px 4px 0 #d2e1ed)}
.cargo-item span{line-height:1.6}
.advantage-layout{grid-template-columns:.85fr 1.45fr;gap:75px;align-items:center}
.advantage-mark{margin-top:18px}
.benefits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;perspective:1100px}
.benefit{position:relative;display:block;padding:25px 24px;background:linear-gradient(135deg,#1d3b527d,#102234);border:1px solid #6f91aa42;border-radius:12px;box-shadow:0 5px 0 #040e1d,0 16px 30px #02091333;transition:transform .22s,box-shadow .22s;transform-style:preserve-3d}
.benefit-number{display:block;margin-bottom:22px;font-size:10px;letter-spacing:1.5px;color:#9dbbd3}
.benefit h3{font-size:15px;line-height:1.5;margin-bottom:9px}
.benefit p{font-size:12px;line-height:1.8;margin:0;color:#b6c9da}
.benefit>.icon{position:absolute;top:25px;right:24px;width:15px;height:15px;color:#a2bed4}
.brand-cube-stage{--cube:96px;--half-cube:48px;position:relative;width:180px;height:170px;display:grid;place-items:center;perspective:650px;margin:10px 0 0}
.brand-cube-stage:after{content:"";position:absolute;width:125px;height:24px;background:#020914;filter:blur(12px);border-radius:50%;bottom:9px;z-index:-1}
.brand-cube{position:relative;width:var(--cube);height:var(--cube);transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(34deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.cube-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #8faec558;backface-visibility:hidden;background:linear-gradient(140deg,#315977,#173650);box-shadow:inset 0 0 20px #10273b70;border-radius:3px}
.cube-face .icon{width:40px;height:40px;color:#d0e3f2;filter:drop-shadow(0 3px 1px #020d1d50)}
.cube-front{transform:translateZ(var(--half-cube))}
.cube-back{transform:rotateY(180deg) translateZ(var(--half-cube))}
.cube-right{transform:rotateY(90deg) translateZ(var(--half-cube));background:#244963}
.cube-left{transform:rotateY(-90deg) translateZ(var(--half-cube))}
.cube-top{transform:rotateX(90deg) translateZ(var(--half-cube));background:#527c9c}
.cube-bottom{transform:rotateX(-90deg) translateZ(var(--half-cube))}
.industries-grid{gap:18px;perspective:1000px}
.industry-item{padding:23px;border:1px solid #d9e4ee;border-radius:10px;background:linear-gradient(145deg,#fff,#f5f9fc);box-shadow:0 4px 0 #e0e9f1;min-height:88px;transition:transform .22s,box-shadow .22s;transform-style:preserve-3d}
.industry-item:hover{box-shadow:0 6px 0 #d0dfea,0 14px 26px #153a5910}
.industry-dot{width:9px;height:9px;box-shadow:0 0 0 5px #e0ecf5,0 4px 7px #153a5933;flex-shrink:0}
.process-strip{padding:0;border:0;gap:24px;perspective:1100px}
.process-strip>div,.process-strip>div:first-child,.process-strip>div:last-child{position:relative;padding:30px;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #d6e2ed;border-radius:12px;box-shadow:var(--depth-shadow);transition:transform .22s;transform-style:preserve-3d}
.process-strip>div>span{display:grid;place-items:center;width:38px;height:38px;background:#e9f1f8;border:1px solid #c9dbe9;border-radius:9px;box-shadow:0 3px 0 #c9dbe9;float:none;font-size:10px;margin-bottom:24px}
.process-strip h3{margin:0 0 12px;font-size:17px;line-height:1.4}
.quote-section{background:radial-gradient(ellipse at 0 10%,#fff,#e9f1f8 70%)}
.quote-panel,.contact-form-panel{position:relative;border-radius:14px;border-color:#cddde9;box-shadow:0 6px 0 #d2e0eb,0 25px 60px #153a5910;background:#fff}
.quote-cargo-visual{margin-top:30px;background:transparent;max-width:330px}
.shipment-choice label{box-shadow:0 3px 0 #e0e8f0;transition:background .2s,border-color .2s,box-shadow .2s}
.shipment-choice input:checked+label{box-shadow:0 3px 0 #90afcb,0 5px 15px #153a5910}
.contact-detail{border-radius:10px;padding-inline:17px;background:linear-gradient(110deg,#fff,#f5f9fc);border:1px solid #d7e3ed;margin-bottom:12px;box-shadow:0 3px 0 #e1eaf2}
.contact-detail>.icon{filter:drop-shadow(2px 3px 0 #d3e3ef)}
.contact-band{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#15344f,#0b1c2e)}
.contact-band:before{content:"";position:absolute;width:330px;height:330px;right:8%;top:-180px;border:35px solid #9cbed815;transform:rotateX(28deg) rotateZ(37deg);border-radius:38px;z-index:-1;box-shadow:24px 24px 0 #91b6d00a}
.intro-layout{display:grid;grid-template-columns:1.35fr .85fr;align-items:center;gap:50px}
.intro-layout>div{min-width:0}
.intro-layout h1{font-size:clamp(35px,4.3vw,60px);letter-spacing:-1.7px;line-height:1.18}
.intro-layout .breadcrumb{margin-bottom:27px}
.intro-layout p{color:#b7c9da;font-size:14px;line-height:1.9;max-width:520px}
.intro-freight{background:radial-gradient(ellipse at 50% 50%,#2d527047,transparent 70%);border-radius:0;filter:drop-shadow(0 15px 22px #030d1a3d)}
.intro-freight:before{opacity:.4}
.page-intro{padding-bottom:55px}
.not-found .button{margin-top:26px}
.page-privacy .prose{padding:45px;background:#fff;border:1px solid #d7e4ee;border-radius:14px;box-shadow:var(--depth-shadow)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .service-card:hover,.cargo-item:hover,.industry-item:hover,.benefit:hover,.process-strip>div:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}
  .brand-cube-stage:hover .brand-cube{transform:rotateX(-28deg) rotateY(62deg)}
}
@media(max-width:1120px){
  .cargo-layout{gap:45px}
  .advantage-layout{gap:40px;grid-template-columns:.8fr 1.4fr}
  .benefit{padding:22px 20px}
  .benefit h3{font-size:14px}
  .service-body{padding:26px 23px}
  .intro-layout{gap:25px}
}
@media(max-width:900px){
  .transport-rail{padding:20px 8px}
  .transport-rail>a{padding-inline:13px}
  .services-grid{gap:17px}
  .service-model .photo-icon{width:32px;height:32px;right:12px;bottom:12px}
  .service-model .photo-number{left:17px;top:16px;font-size:9px}
  .service-body{padding:25px 18px}
  .service-body h3{font-size:22px}
  .cargo-layout{gap:32px}
  .cargo-grid{gap:13px}
  .cargo-item{min-height:135px;padding:20px 17px}
  .advantage-layout{grid-template-columns:1fr;gap:35px}
  .advantage-intro{display:grid;grid-template-columns:1fr 180px;column-gap:30px}
  .advantage-intro>.eyebrow,.advantage-intro>h2,.advantage-intro>p{grid-column:1}
  .advantage-intro>.brand-cube-stage{grid-column:2;grid-row:1/5;align-self:center;margin:0}
  .advantage-mark{display:none}
  .benefit{padding:26px}
  .benefit h3{font-size:16px}
  .quote-cargo-visual{display:none}
  .process-strip>div,.process-strip>div:first-child,.process-strip>div:last-child{padding:25px}
  .intro-layout{grid-template-columns:1.25fr .85fr;gap:20px}
  .intro-layout h1{font-size:clamp(30px,4.2vw,42px);letter-spacing:-1px}
}
@media(max-width:720px){
  .transport-rail{padding:24px;margin-bottom:25px;gap:25px 18px}
  .transport-rail>a,.transport-rail>a:nth-child(even){padding-inline:0}
  .service-model{aspect-ratio:1.65}
  .service-model .photo-number{top:23px;left:26px;font-size:10px}
  .service-model .photo-icon{width:38px;height:38px;right:23px;bottom:18px}
  .service-body{padding:29px}
  .service-body h3{font-size:26px}
  .additional-services{padding-top:40px;margin-top:45px}
  .service-accordions details{padding-inline:19px}
  .cargo-layout{grid-template-columns:1fr}
  .cargo-stack-visual{max-width:315px;margin:10px auto -5px}
  .cargo-grid{gap:14px}
  .cargo-item{min-height:135px}
  .cargo-item:last-child{min-height:135px}
  .benefits-list{gap:16px}
  .benefit{padding:24px 20px}
  .benefit h3{font-size:14px}
  .benefit>.icon{right:20px}
  .brand-cube-stage{--cube:76px;--half-cube:38px;width:135px;height:150px}
  .advantage-intro{grid-template-columns:1fr 135px;gap:0 18px}
  .advantage-intro>p{grid-column:1/-1}
  .advantage-intro>.brand-cube-stage{grid-row:1/3}
  .industries-grid{gap:15px}
  .industry-item{padding:21px 18px;min-height:87px;font-size:12px}
  .process-strip{gap:20px}
  .process-strip>div,.process-strip>div:first-child,.process-strip>div:last-child{padding:27px}
  .process-strip>div>span{float:left;margin:0 22px 14px 0}
  .process-strip h3{margin:0 0 11px}
  .process-strip p{clear:both}
  .intro-layout{grid-template-columns:1fr;gap:15px}
  .intro-layout h1{font-size:clamp(33px,7vw,46px);letter-spacing:-1.2px}
  .intro-layout .intro-freight{width:min(350px,100%);justify-self:center;margin-top:0}
  .intro-layout p{max-width:420px;font-size:13px}
  .page-intro{padding-bottom:32px}
  .page-privacy .prose{padding:29px 25px}
}
@media(max-width:420px){
  .transport-rail{padding:22px 19px;gap:24px 16px}
  .transport-rail>a{gap:10px}
  .transport-rail strong{font-size:8px}
  .cargo-grid{gap:13px}
  .cargo-item:last-child{min-height:93px}
  .advantage-intro{grid-template-columns:1fr 100px;gap:0 8px}
  .advantage-intro h2{font-size:32px;letter-spacing:-1px}
  .brand-cube-stage{--cube:63px;--half-cube:31.5px;width:100px;height:135px}
  .cube-face .icon{width:30px;height:30px}
  .benefits-list{grid-template-columns:1fr}
  .benefit{padding:24px}
  .benefit-number{margin-bottom:16px}
  .benefit h3{font-size:16px}
  .industry-item{min-height:76px}
  .intro-layout h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .service-card:hover,.cargo-item:hover,.industry-item:hover,.benefit:hover,.process-strip>div:hover,.button:hover,.button:active{transform:none}
  .brand-cube{transition:none}
  .hero-visual:after{filter:none;opacity:.25}
}