:root{--ink:#152f3d;--blue:#4dadd5;--orange:#efa51c;--paper:#f8f8f3;--line:#d8dedc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans JP','Yu Gothic','Meiryo',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b97000;outline-offset:6px}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0ed}.brand{display:flex;align-items:center;gap:16px;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:2px}.brand img{width:118px;height:65px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}nav a:hover,.text-link:hover{color:#1685b2}.nav-contact{background:var(--ink);color:white;padding:18px 23px}.nav-contact span{margin-left:24px}.nav-contact:hover{color:white;background:#267391}.menu{display:none}.skip{position:absolute;left:15px;top:-100px;z-index:20;padding:10px;background:white}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:660px;max-width:1700px;margin:auto}.hero-copy{padding:70px 4vw 25px 6vw;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;margin:0 0 29px;line-height:1.5}h1{font-size:clamp(32px,3.55vw,59px);line-height:1.7;letter-spacing:.025em;margin:0;font-weight:800}.orange{color:#ba7600}.hero-lead{font-size:15px;line-height:2.1;margin:24px 0 30px}.button{padding:18px 25px;font-size:13px;display:inline-flex;gap:55px;align-items:center;font-weight:700}.dark{background:var(--ink);color:white}.dark:hover{background:#276b87}.hero-bottom{margin-top:auto;padding-top:42px;display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:1px}.hero-bottom span:last-child{font-size:9px}.hero-art{position:relative;overflow:hidden;background:#cfe5ea;min-height:620px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff40 1px,transparent 1px),linear-gradient(90deg,#ffffff40 1px,transparent 1px);background-size:55px 55px}.sun{height:270px;width:270px;border-radius:50%;background:var(--orange);position:absolute;top:40px;right:-40px}.road{position:absolute;width:900px;height:230px;border:65px solid #307c9b;border-radius:50%;transform:rotate(-36deg);left:-140px;top:300px;box-shadow:0 0 0 12px #f5f8ec80}.road-two{top:420px;left:-390px;border-color:#83becf;z-index:0}.truck{position:absolute;top:265px;left:20%;width:300px;height:125px;transform:rotate(-9deg);z-index:2;filter:drop-shadow(8px 22px 10px #16466335)}.trailer{position:absolute;left:0;top:0;width:215px;height:102px;background:#fff;border-bottom:7px solid #dddeda;border-radius:4px;display:grid;place-items:center}.trailer img{width:105px}.cab{position:absolute;right:0;top:32px;height:70px;width:79px;background:var(--ink);border-radius:4px 24px 3px 2px}.cab i{display:block;width:35px;height:27px;background:#b9dfec;margin:8px 0 0 30px;border-radius:2px 15px 0 0}.wheel{position:absolute;top:91px;width:30px;height:30px;border:8px solid #142a38;background:#cbd5d6;border-radius:50%}.w1{left:22px}.w2{left:61px}.w3{right:13px}.art-label{position:absolute;top:55px;left:40px}.art-label span{font-size:10px;letter-spacing:2px}.art-label strong{display:block;font-size:30px;line-height:1.6;margin-top:12px}.art-caption{position:absolute;bottom:28px;right:26px;font-size:9px;letter-spacing:2px}.intro-strip{background:var(--ink);color:white;display:flex;align-items:center;gap:50px;padding:27px 6%;font-size:14px;letter-spacing:2px}.intro-strip span:nth-child(2){font-size:11px;color:#add3df}.intro-strip i{height:1px;flex:1;background:#6b818a}.section{padding:104px 7%;scroll-margin-top:0}h2{font-size:clamp(28px,3.1vw,44px);line-height:1.65;letter-spacing:.04em;margin:0;font-weight:750}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1450px;margin:auto}.about-text{padding-top:10px}.about-text .big{font-size:24px;font-weight:700;line-height:1.8;margin-top:0}.about-text p{font-size:14px;line-height:2.3;margin:22px 0 0}.service{background:#edf1ef}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head>p{font-size:14px;line-height:2.1;margin:0 0 8px}.service-detail{margin-top:50px;border-top:1px solid #aab9bc;border-bottom:1px solid #aab9bc;padding:43px 0;display:grid;grid-template-columns:70px 1.4fr 1fr;gap:25px;align-items:start}.service-num{font-size:32px;font-weight:300;color:#528d9f}.small-label{font-size:10px;letter-spacing:2px}h3{font-size:23px;line-height:1.6;margin:13px 0 20px}.service-detail p{font-size:14px;line-height:2.2}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:15px 0;font-weight:700;font-size:13px;margin-top:22px;max-width:290px}.route-graphic{display:flex;position:relative;align-items:center;justify-content:center;gap:12px;min-height:200px;padding-bottom:40px;font-size:12px}.route-line{width:90px;display:flex;align-items:center;justify-content:space-between;height:3px;background:var(--blue)}.route-line i{width:12px;height:12px;border-radius:50%;background:var(--orange)}.route-line b{background:#edf1ef;font-size:25px}.route-graphic small{position:absolute;bottom:40px;font-size:11px;letter-spacing:3px}.offices{background:white}.office-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:58px}.office{border-top:3px solid var(--blue);padding-top:19px;display:flex;flex-direction:column}.office:nth-child(2){border-color:var(--orange)}.office-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}.office-top b{font-size:35px;font-weight:300;color:#9bb7c1}.office-region{font-size:11px;margin:24px 0 0;color:#536e79}.office h3{margin:8px 0 20px;font-size:26px}address{font-style:normal;font-size:13px;line-height:1.9;min-height:83px}.office-phone{display:flex;flex-direction:column;gap:8px;font-size:14px;letter-spacing:.6px;margin-top:24px}.office-phone span{font-size:12px;color:#536873}.office .text-link{max-width:none}.company{display:grid;grid-template-columns:1fr 1.65fr;gap:9%;max-width:1450px;margin:auto}.company-note{font-size:14px;margin-top:28px}dl{margin:0}dl>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--line);padding:19px 0;font-size:14px;line-height:1.8}dl>div:first-child{border-top:1px solid var(--line)}dt{font-weight:700}dd{margin:0}.contact{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact .eyebrow{color:#90cde3}.contact p{font-size:14px;line-height:2}.contact-call{padding-top:20px}.contact-call>span{font-size:12px}.contact-call>a:first-of-type{display:block;font-size:clamp(24px,3.5vw,48px);font-weight:500;letter-spacing:1px;padding:18px 0;border-bottom:1px solid #62808e;white-space:nowrap}.contact-call b{font-size:26px;color:var(--orange);margin-left:12px}.contact-call p{font-size:12px;color:#b5c9d1}.contact-locations{display:block;font-size:12px;padding:20px 0}footer{background:white;padding:40px 7% 25px}footer>.brand{display:inline-flex}footer>p{font-size:12px;margin:20px 0 35px}footer>div{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px}footer small{font-size:10px}@media(min-width:1600px){.hero-copy{padding-left:90px}}@media(max-width:1100px){header{padding:0 4%;height:82px}nav{gap:18px;font-size:11px}.brand{gap:8px;font-size:13px}.brand img{width:95px}.nav-contact{padding:15px}.hero-copy{padding-left:5vw;padding-top:50px}.hero-art{min-height:580px}.truck{left:8%;transform:rotate(-9deg) scale(.85);transform-origin:left}.section{padding:80px 6%}.office-grid{gap:24px}.service-detail{grid-template-columns:45px 1.6fr 1fr}.contact{gap:5%}.contact-call>a:first-of-type{font-size:32px}}@media(max-width:780px){html{scroll-padding-top:76px}header{height:76px}.brand img{width:88px;height:52px}.brand{font-size:12px}.menu{display:block;border:1px solid #c7d1d2;padding:10px 12px;background:white;color:var(--ink);font-family:inherit;font-size:11px}.menu span{margin-left:14px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:24px 7%;box-shadow:0 10px 20px #142f3d15}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:16px;font-size:14px}.nav-contact{margin-top:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 22px}h1{font-size:clamp(30px,6.8vw,48px);line-height:1.65}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:20px}.hero-lead{font-size:13px;margin:22px 0}.button{padding:16px 22px}.hero-bottom{padding-top:32px}.hero-art{min-height:360px}.art-label{top:25px;left:7%}.art-label strong{font-size:23px;margin-top:6px}.sun{width:210px;height:210px;top:0}.road{top:170px;left:-90px}.road-two{top:280px;left:-300px}.truck{top:175px;left:28%;transform:rotate(-9deg) scale(.75)}.intro-strip{padding:23px 7%;gap:20px;font-size:12px}.intro-strip span:nth-child(2){display:none}.section{padding:65px 7%}.eyebrow{font-size:10px;margin-bottom:20px}h2{font-size:29px}.about,.company,.contact{grid-template-columns:1fr;gap:30px}.about-text .big{font-size:21px}.about-text p{font-size:13px}.section-head{display:block}.section-head>p{margin-top:20px;font-size:13px}.service-detail{grid-template-columns:30px 1fr;gap:16px;margin-top:30px;padding:28px 0}.service-num{font-size:25px}.service-detail h3{font-size:20px}.service-detail p{font-size:13px}.route-graphic{grid-column:2;min-height:120px;padding-bottom:20px}.route-graphic small{bottom:0}.office-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.office{padding-top:12px}.office h3{margin-bottom:14px}.office-region{margin-top:10px}address{min-height:0}.office-phone{margin-top:18px}.office .text-link{margin-top:12px}.company-note{margin-top:14px}dl>div{grid-template-columns:95px 1fr;font-size:12px;gap:10px;padding:17px 0}.contact h2{font-size:30px}.contact-call{padding-top:0}.contact-call>a:first-of-type{font-size:clamp(25px,7.3vw,42px)}footer{padding:30px 7% 24px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Photo-led design, November 2026 */
.hero-photo{position:relative;min-height:650px;height:min(760px,78vw);isolation:isolate;background:#18353e;overflow:hidden;color:white}.hero-photo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,42,.8),rgba(8,28,42,.33) 48%,rgba(8,28,42,.03) 78%),linear-gradient(0deg,rgba(7,24,36,.48),transparent 35%);z-index:-2}.hero-photo-copy{position:relative;padding:100px 7% 105px;max-width:1450px;margin:auto}.hero-photo-copy .eyebrow{color:#d3eaf4;letter-spacing:3px;font-size:11px;margin-bottom:27px}.hero-photo h1{font-size:clamp(52px,6.3vw,90px);line-height:1.42;letter-spacing:.09em;font-weight:800;text-shadow:0 2px 20px #0b263d40}.hero-photo-copy>p:not(.eyebrow){font-size:16px;line-height:2.1;margin:26px 0 30px;letter-spacing:1.5px}.photo-button{color:var(--ink);background:white;border-left:5px solid var(--orange);padding:20px 24px;gap:60px}.photo-button:hover{background:#e2f3f9}.hero-photo-foot{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.3px}.hero-photo-foot>span{display:flex;gap:20px;align-items:center}.hero-photo-foot i{height:1px;width:35px;background:#eab454}.hero-photo-foot a{font-size:9px}.photo-credit{position:absolute;bottom:7px;right:15px;font-size:9px;color:#e5e9eb;background:#112b3a90;padding:3px 6px}.intro-strip{padding-top:25px;padding-bottom:25px}.photo-about{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-top:125px;padding-bottom:125px}.about-photo{margin:0;position:relative;height:530px}.about-photo:before{content:'';position:absolute;top:24px;left:-22px;bottom:-24px;right:25px;border:1px solid #a6c9d4;z-index:-1}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:54% center}.about-photo figcaption,.service-photo figcaption{position:absolute;bottom:9px;right:10px;font-size:9px;color:white;background:#18323cba;padding:4px 7px}.photo-tag{position:absolute;left:20px;bottom:35px;color:white;font-size:12px;letter-spacing:3px;background:#112e3dcc;padding:14px 18px}.about-story .eyebrow{color:#477e94}.about-story h2{font-size:clamp(34px,3.7vw,52px);line-height:1.5}.about-story p{font-size:14px;line-height:2.25}.about-story .story-emphasis{font-weight:700;font-size:18px;margin-top:28px}.about-story .text-link{margin-top:25px}.service{background:#edf2f3}.service-detail{grid-template-columns:55px 1fr 1.1fr;gap:30px;align-items:center}.service-detail h3{font-size:25px}.service-photo{margin:0;position:relative;min-height:280px;height:100%}.service-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:78% center}.consultation{margin-top:44px}.consultation>.small-label{color:#537789;font-weight:700}.consultation>h3{font-size:21px;margin-top:8px}.consultation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:25px}.consultation-grid>div{border-top:1px solid #b0c4ca;padding-top:18px;position:relative}.consultation-grid span{color:#5087a0;font-size:12px;font-weight:700;letter-spacing:2px}.consultation-grid h4{font-size:17px;margin:13px 0}.consultation-grid p{font-size:13px;line-height:1.9;margin-bottom:0}.offices .section-head{align-items:center}.location-band{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8;padding:26px 5%;margin-top:40px;gap:20px}.location-band>span{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:#496f81}.location-band b{font-size:20px;color:var(--ink);letter-spacing:3px}.location-band i{height:1px;flex:1;background:linear-gradient(90deg,#62b4d0,#e0a738);position:relative}.location-band i:after{content:'';width:7px;height:7px;background:#e0a738;border-radius:50%;position:absolute;right:0;top:-3px}.office-grid{margin-top:40px}.office{padding:20px 22px 0;background:#f6f8f7}.office:first-child{border-color:#276c8b}.office .office-top b{color:#86a3af}.office .text-link{margin-bottom:12px}.company{padding-top:110px;padding-bottom:110px}.company h2{font-size:38px}.contact-photo{position:relative;isolation:isolate;overflow:hidden;background:#132e3b}.contact-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#112c3bef,#112c3bdc),url('assets/transport-hero-v2.jpg') center 60%/cover;z-index:-1}.contact-call>a:first-of-type:hover{color:#a5d9ed}.imagery-note{color:#657b85;font-size:10px!important;margin-bottom:24px!important}header{height:90px}nav a{transition:background .2s,color .2s}.nav-contact{border-left:3px solid var(--orange)}
@media(min-width:1600px){.hero-photo-copy{padding-left:105px}}@media(max-width:1100px){.hero-photo{height:680px;min-height:580px}.hero-photo-copy{padding-top:100px}.hero-photo h1{font-size:64px}.photo-about{gap:7%;padding-top:90px;padding-bottom:90px}.about-photo{height:480px}.service-detail{grid-template-columns:35px 1fr 1fr;gap:20px}.service-detail h3{font-size:22px}.location-band{padding-left:2%;padding-right:2%}.location-band>span{gap:6px;font-size:8px}.office{padding-left:15px;padding-right:15px}}
@media(max-width:780px){header{height:76px}.hero-photo{min-height:640px;height:calc(90svh - 76px);max-height:780px}.hero-photo-image{object-position:66% center}.hero-shade{background:linear-gradient(90deg,#092239b8,#09223945 80%),linear-gradient(0deg,#092239b0,transparent 60%)}.hero-photo-copy{padding:63px 7% 115px}.hero-photo-copy .eyebrow{font-size:9px;letter-spacing:2px;max-width:260px;line-height:1.8;margin-bottom:29px}.hero-photo h1{font-size:clamp(43px,11vw,68px);line-height:1.5;letter-spacing:.055em}.hero-photo-copy>p:not(.eyebrow){font-size:13px;margin:25px 0 26px;line-height:2.2;letter-spacing:.6px}.photo-button{padding:17px 21px;gap:45px;font-size:12px}.hero-photo-foot{bottom:31px;left:7%;right:7%;font-size:10px}.hero-photo-foot>span{gap:9px}.hero-photo-foot i{width:17px}.hero-photo-foot a{font-size:8px;letter-spacing:.5px}.photo-credit{font-size:8px;bottom:4px}.intro-strip{padding-top:21px;padding-bottom:21px}.photo-about{grid-template-columns:1fr;padding-top:60px;padding-bottom:62px;gap:44px}.about-photo{height:330px;order:2;margin-left:12px}.about-photo:before{left:-12px;top:14px;bottom:-14px;right:18px}.about-story{order:1}.about-story h2{font-size:36px;line-height:1.5}.about-story p{font-size:13px}.about-story .story-emphasis{font-size:17px;margin-top:22px}.photo-tag{font-size:10px;bottom:34px;left:16px;padding:12px}.service-detail{grid-template-columns:28px 1fr;gap:15px;padding-bottom:26px}.service-photo{grid-column:1/-1;height:240px;min-height:0;margin-top:12px}.service-detail h3{font-size:21px}.consultation{margin-top:30px}.consultation>h3{font-size:18px;line-height:1.7}.consultation-grid{grid-template-columns:1fr;gap:0;margin-top:15px}.consultation-grid>div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;padding:17px 0}.consultation-grid span{padding-top:3px}.consultation-grid h4{font-size:15px;margin:0}.consultation-grid p{grid-column:2;font-size:12px;margin-top:9px}.consultation-grid p br{display:none}.location-band{gap:9px;padding:20px 0;margin-top:28px}.location-band>span{flex-direction:column;gap:6px;font-size:7px;letter-spacing:1px}.location-band b{font-size:18px;letter-spacing:2px}.office-grid{margin-top:30px;gap:25px}.office{padding:18px 20px 6px}.company{padding-top:65px;padding-bottom:65px}.company h2{font-size:30px}.contact-photo{padding-top:65px;padding-bottom:60px}}
