/* September 2026: approved identity and extensions of the existing editorial design. */
.header{height:118px;background:#000;color:#f6f4ef;border-color:#252923}
.header .identity .company-logo{width:156px;height:104px;object-fit:contain}
.header nav{font-size:12px}.header nav a:hover{border-color:#c4ae80}
.header .header-actions button{min-height:44px;min-width:36px}
#menu span{background:#f6f4ef}
.hero-image{background:#101817;min-width:0}
.sun-photo{position:relative;isolation:isolate;overflow:hidden;--sun-x:38%;--sun-y:30%}
.hero-image .sun-photo{flex:1;display:flex;align-items:center;justify-content:center}
.hero-image .sun-photo>img{width:100%;height:100%;max-height:670px;object-fit:contain}
.sunlight{position:absolute;pointer-events:none;inset:0;z-index:1;opacity:.95;mix-blend-mode:screen;background:radial-gradient(ellipse 30% 23% at var(--sun-x) var(--sun-y),rgba(255,232,177,.68),rgba(255,220,150,.25) 35%,transparent 75%),radial-gradient(ellipse 5% 4% at calc(var(--sun-x) + 15%) calc(var(--sun-y) + 18%),rgba(255,253,233,1),rgba(255,236,189,.5) 28%,transparent 80%),radial-gradient(ellipse 6% 4% at calc(var(--sun-x) + 24%) calc(var(--sun-y) + 30%),rgba(246,211,141,.26),transparent 80%)}
.sunlight::before{content:"";position:absolute;inset:-60%;background:linear-gradient(90deg,transparent 37%,rgba(255,236,180,.05) 42%,rgba(255,248,219,.32) 47%,rgba(255,254,243,.64) 49%,rgba(255,237,177,.16) 52%,transparent 58%);transform:translate3d(var(--ray-shift,0%),0,0) rotate(28deg);transform-origin:50% 0;will-change:transform}
.sunlight::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 4.5% .25% at var(--sun-x) var(--sun-y),rgba(255,255,244,.90),transparent),radial-gradient(ellipse .25% 4.5% at var(--sun-x) var(--sun-y),rgba(255,255,244,.80),transparent);opacity:1}
.hero-image figcaption{position:relative;z-index:2;gap:15px}
.brand-stories{display:block;overflow:hidden;background:#fff}
.belt-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 7%;font-size:12px;color:var(--muted)}
.belt-toolbar button{padding:10px 0 10px 20px;background:transparent;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:5px;font-size:11px;min-height:44px}
.belt-window{overflow:hidden}
.belt-track{display:flex;width:max-content;animation:brand-drift 210s linear infinite;will-change:transform}
.belt-group{display:flex;flex:none}
.belt-card{display:block;width:clamp(245px,31vw,470px);flex:none;padding-right:4px;background:white}
.belt-card .sun-photo{aspect-ratio:615/642;background:#f9f8f5}
.belt-card img{width:100%;height:100%;object-fit:contain}
.belt-caption{display:block;padding:18px 24px;font-size:11px;letter-spacing:.07em}
.belt-window:hover .belt-track{animation-play-state:paused}
@keyframes brand-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.motion-paused .belt-track,.belt-window:focus-within .belt-track{animation-play-state:paused}
.belt-manual .belt-group[data-clone]{display:none}
.belt-manual .belt-window{overflow-x:auto;scrollbar-width:thin}
.belt-manual .belt-track{animation:none;transform:none}
.belt-card:focus-visible{outline-offset:-5px}
.career-invitation{border-top:1px solid #bdc5b6;padding-top:28px}
.career-invitation>img{margin-bottom:24px}
.career-invitation h3{font:36px/1.1 var(--serif);margin-bottom:18px}
.career-invitation p{color:var(--muted);max-width:35ch}
.journal{background:#fff}
.journal-preview{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.journal-feature{position:relative;background:#f6f4ef;max-width:480px}
.journal-feature img{width:100%;max-height:450px;object-fit:contain}
.journal-feature>span{display:block;padding:14px 22px;font-size:12px;border-top:1px solid var(--line)}
.journal-copy h3{font:clamp(36px,4vw,60px)/1.05 var(--serif);letter-spacing:-.03em;margin-bottom:24px}
.journal-copy p{color:var(--muted);max-width:37ch}
.journal-copy .journal-channels{font-size:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:35px;word-spacing:5px}
footer{background:#000}
.footer-main{align-items:center}
.footer-main .identity .company-logo{width:220px;height:auto;object-fit:contain}
.group-signature a{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}
.group-signature img{width:auto;height:3em;height:3cap;max-width:none;background:transparent;padding:0}
.footer-bottom a:hover,.legal-copy a{text-decoration:underline;text-underline-offset:4px}
.subhero{padding-top:50px;padding-bottom:70px;max-width:1400px;margin:auto}
.back-link{display:inline-block;margin-bottom:42px;font-size:12px;border-bottom:1px solid var(--gold)}
.subhero h1{font-size:clamp(56px,6vw,90px);max-width:850px}
.subhero .lead{max-width:660px;margin-top:28px;color:var(--muted)}
.transport-story{background:#e4edf0;padding:50px 7% 25px;display:grid;grid-template-columns:1fr minmax(0,920px) 1fr}
.transport-story img{width:100%;height:auto;grid-column:2}
.transport-story figcaption{grid-column:2;padding-top:18px;color:#43545d;font-size:11px}
.service-detail,.logistics-model,.careers-world{display:grid;grid-template-columns:1fr 1.15fr;gap:12%}
.service-detail>div>p,.careers-world>div>p{color:var(--muted);margin-top:28px;max-width:40ch}
.logistics-model{background:#e9ece5}
.logistics-model h3{margin-bottom:22px}
.logistics-model p{color:#50574d}
.sector-list{border-top:1px solid #bdc5b6;padding-top:22px;margin-top:28px;font-size:12px}
.page-cta{background:#191d19;color:#f6f4ef}
.page-cta p{margin:25px 0 32px;max-width:58ch;color:#d1d4cb}
.legal-heading{border-bottom:1px solid var(--line)}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:8%;padding-top:60px}
.legal-nav{display:flex;flex-direction:column;align-items:flex-start;gap:20px;font-size:12px}
.legal-nav a{border-bottom:1px solid var(--line)}
.legal-copy>section{margin-bottom:55px;scroll-margin-top:30px}
.legal-copy h2{font-size:40px;margin-bottom:24px}
.legal-copy h3{font-size:17px;margin:30px 0 12px}
.legal-copy p{margin-top:14px;color:#50574d}
.identity-assets{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.identity-assets img{width:100%}
.facility-hero{margin:0 7%;background:#e5e8e3}
.facility-hero>img{width:100%;height:auto;filter:saturate(.9) contrast(1.025) brightness(1.025)}
.facility-hero figcaption,.team-story figcaption,.warehouse-story figcaption{padding:17px 0;font-size:11px;color:var(--muted);background:var(--paper)}
.team-story{margin:0 7%}
.team-story>img{width:100%;height:auto}
.warehouse-story{display:grid;grid-template-columns:.85fr 1fr;gap:9%;align-items:start;background:#eeeee8}
.warehouse-story-copy>p{margin-top:26px;color:var(--muted)}
.warehouse-collage img{width:100%;height:auto;filter:brightness(1.045) contrast(1.025) saturate(.92)}
.warehouse-story figcaption{background:transparent}
.transport-detail{margin-top:45px;max-width:480px}
.transport-detail img{width:100%;height:auto}
@media(min-width:1500px){.hero-image .sun-photo>img{max-height:760px}}
@media(max-width:1100px){.header{gap:16px;padding:0 4%}.header nav{gap:17px;font-size:11px}.header-actions{gap:12px}.header .identity .company-logo{width:138px;height:92px}}
@media(max-width:780px){
 .header{height:96px}.header .identity .company-logo{width:132px;height:88px}.header nav{top:96px;background:#000;color:#f6f4ef;font-size:15px}
 .hero-image .sun-photo{min-height:0}.hero-image .sun-photo>img{height:auto;max-height:520px}
 .hero-image figcaption{font-size:10px;flex-wrap:wrap}
 .journal-preview{grid-template-columns:1fr;gap:32px}.journal-feature{max-width:none}.journal-copy h3{font-size:42px}
 .journal-copy .journal-channels{margin-top:24px;word-spacing:1px}
 .subhero{padding-top:28px;padding-bottom:45px}.back-link{margin-bottom:32px}.subhero h1{font-size:56px}.subhero .lead{font-size:17px}
 .transport-story{padding:26px 0 18px;display:block}.transport-story figcaption{padding:16px 7% 0}
 .service-detail,.logistics-model,.careers-world{grid-template-columns:1fr;gap:35px}
 .legal-layout{grid-template-columns:1fr;gap:40px}.legal-nav{flex-direction:row;flex-wrap:wrap;gap:15px}.legal-copy h2{font-size:36px}
 .footer-main .identity .company-logo{width:180px;height:120px}.identity-assets{grid-template-columns:1fr}
 .email{overflow-wrap:anywhere}.form-note a{text-decoration:underline}
 .facility-hero,.team-story{margin:0}.facility-hero figcaption,.team-story figcaption{padding:15px 7%}
 .warehouse-story{grid-template-columns:1fr;gap:30px}.transport-detail{max-width:360px}
}
@media(prefers-reduced-motion:reduce){.belt-track{animation:none;transform:none}.belt-group[data-clone]{display:none}.belt-window{overflow-x:auto}.sunlight{opacity:.4}.sunlight::before{will-change:auto}}

.career-invitation>.company-logo{width:180px;height:120px;object-fit:contain;margin-bottom:24px}

.belt-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;padding:18px 7% 24px;border-top:1px solid var(--line)}
.belt-jump button{background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;min-height:44px;color:var(--muted);font-size:11px}
.belt-jump button:hover,.belt-jump button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--gold)}
.career-invitation>.company-logo{filter:url(#garant-remove-black)}
