@font-face{font-family:"Pretendard Variable";src:url("/assets/fonts/PretendardVariable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#171918;--muted:#6c706c;--paper:#fafaf7;--line:#d9ddd6;--accent:#2457D6;--process-accent:#FFD37C;--accent-soft:#EEF3FF;--accent-hover:#1C45AD}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid #e8e9e2}.wordmark{font-size:28px;font-weight:700;letter-spacing:3px;white-space:nowrap}.wordmark span{display:block;font-size:12px;letter-spacing:2.3px;margin-top:1px}nav{display:flex;align-items:center;gap:34px;font-size:15px}nav a:hover{opacity:.55}.nav-contact{border-bottom:0;padding:10px 0}.menu{display:none}.hero{min-height:740px;height:calc(100svh - 90px);max-height:1000px;position:relative;color:white;background:#26332d;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('assets/architecture.jpg') center 45%/cover no-repeat;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,rgba(8,20,17,.8),rgba(8,20,17,.18)),linear-gradient(0deg,rgba(0,0,0,.32),transparent 40%)}.hero-content{position:relative;padding:85px 8% 93.5px;max-width:1100px}.eyebrow{font-size:13px;font-weight:500;letter-spacing:2px;line-height:1.7}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.35;letter-spacing:-3px;font-weight:400;margin:38.25px 0 21.25px}.hero-desc{font-size:17px;line-height:1.9;color:#e2e6df;font-weight:300}.light-link{display:flex;width:210px;justify-content:space-between;border-bottom:1px solid #ffffff66;margin-top:38.25px;padding-bottom:15px;font-size:15px}.hero-bottom{position:absolute;bottom:35px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.8px}.section{padding:114.75px 8%}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55.25px}.small{font-size:14px;color:var(--muted)}.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:76.5px;margin-bottom:72.25px;align-items:center}h2{font-size:clamp(33px,3.5vw,54px);line-height:1.4;letter-spacing:-2px;font-weight:400;margin:0}.intro p{font-size:16px;line-height:2;color:var(--muted);margin:0}.companies{display:grid;grid-template-columns:1fr 1fr;gap:68px}.company{border-top:1px solid var(--ink);padding-top:29.75px;display:grid;grid-template-columns:100px 1fr;gap:25.5px}.company-logo{width:90px;height:90px;object-fit:contain;mix-blend-mode:multiply}.company .eyebrow{font-size:12px;letter-spacing:1.2px}h3{font-weight:500}.company h3{font-size:28px;letter-spacing:-1px;margin:12px 0 22.1px}.company p{font-size:15px;line-height:2;color:var(--muted)}dl{font-size:13px;margin:25.5px 0}dl div{display:flex;gap:17px;margin:12px 0}dt{color:var(--muted);min-width:50px}dd{margin:0}.text-link{font-size:14px;display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.business{background:#ededE7}.business-list{border-top:1px solid #92968f}details{border-bottom:1px solid #c7cbc3}summary{cursor:pointer;display:grid;grid-template-columns:70px 1fr 150px 25px;align-items:center;gap:17px;padding:25.5px 0;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:13px;color:var(--muted)}summary h3{font-size:30px;margin:0;font-weight:400;letter-spacing:-1px}summary em{font-size:14px;font-style:normal;color:var(--muted)}summary b{font-size:25px;font-weight:300}details[open] summary b{transform:rotate(45deg)}.detail{margin-left:76.5px;display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:0 0 29.75px;font-size:15px;line-height:2;color:var(--muted)}.detail ul{margin:0;padding-left:17px}.works{display:grid;grid-template-columns:1.2fr 1fr;gap:63.75px}.offset{padding-top:93.5px}.work-image{height:390px;background:#ddd;overflow:hidden}.offset .work-image{height:310px}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work:hover img{transform:scale(1.045)}.work-meta{display:flex;justify-content:space-between;margin-top:18.7px;font-size:12px;letter-spacing:1px;color:var(--muted)}.work h3{font-size:23px;display:flex;justify-content:space-between;margin:14px 0}.work p{font-size:14px;color:var(--muted)}.more-work{display:grid;grid-template-columns:1fr 1fr;gap:63.75px;margin-top:55.25px}.more-work>div{border-top:1px solid var(--line);padding-top:21.25px}.more-work span,.more-work p{font-size:13px;color:var(--muted)}.more-work h3{font-size:19px}.logistics{background:#202923;color:#f3f4ed}.logistics .small,.logistics .intro p{color:#b8c2b8}.log-stats{display:grid;grid-template-columns:1fr 1fr;gap:68px;margin:59.5px 0 72.25px}.log-stats>div{border-top:1px solid #ffffff44;padding-top:27.2px}.log-stats strong{font-weight:300;font-size:58px;letter-spacing:-2px;color:var(--accent)}.log-stats strong span{font-size:20px;margin-left:12px}.log-stats p{font-size:14px;color:#bac4b9;margin-top:18px}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:21.25px}.process article{border-top:1px solid #ffffff40;padding-top:21.25px}.process span{font-size:12px;color:var(--accent)}.process h3{font-size:19px;margin:18.7px 0 14px}.process p{font-size:14px;line-height:1.8;color:#b8c2b8}.controls{display:grid;grid-template-columns:1fr 1.2fr;gap:68px;margin-top:68px;padding-top:38.25px;border-top:1px solid #ffffff40}.controls h3{margin:0;font-size:26px;line-height:1.7;font-weight:400}.controls p{font-size:14px;line-height:1.9;color:#b8c2b8;margin:0 0 14px}.controls b{display:inline-block;color:#fff;font-weight:400;min-width:105px}.contact{padding-top:123.25px;padding-bottom:85px}.contact h2{font-size:clamp(45px,5.5vw,80px);margin-top:29.75px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:38.25px}.contact-bottom p{font-size:16px;color:var(--muted);line-height:2}.contact-button{background:var(--ink);color:#fff;padding:21.25px 23.8px;display:flex;justify-content:space-between;width:260px;font-size:16px}.contact-button:hover{background:#38483b}.hiring{display:flex;justify-content:space-between;margin-top:72.25px;padding-top:25.5px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.hiring b{font-weight:400;color:var(--ink)}footer{background:#141715;color:#fff;padding:55.25px 8% 25.5px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:34px}.footer-main p{font-size:13px;line-height:1.9;color:#a6aaa5;margin:0}.footer-main>a:last-child{font-size:12px;letter-spacing:1px}.footer-bottom{display:flex;justify-content:space-between;gap:21.25px;border-top:1px solid #ffffff25;padding-top:21.25px;margin-top:55.25px;font-size:12px;color:#9ba198}.footer-bottom div{display:flex;gap:21.25px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #719964;outline-offset:6px}
@media(min-width:1600px){.section{padding-left:calc((100% - 1344px)/2);padding-right:calc((100% - 1344px)/2)}}@media(max-width:1000px){.companies{gap:34px}.company{display:block}.company-logo{margin-bottom:17px}.intro{gap:38.25px}.works{gap:29.75px}.section{padding:85px 6%}summary{grid-template-columns:40px 1fr 120px 20px}summary h3{font-size:25px}.detail{margin-left:51px}.work-image{height:310px}.offset .work-image{height:260px}.log-stats strong{font-size:44px}}
@media(max-width:680px){header{height:74px;padding:0 6%}.wordmark{font-size:25px}.menu{display:block;background:none;border:0;font-size:23px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:25.5px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:21.25px}nav.open{display:flex}.hero{min-height:640px;height:calc(90svh - 74px);max-height:850px}.hero-content{padding:59.5px 7%}.hero h1{font-size:44px;letter-spacing:-2px;margin-top:34px}.hero-desc{font-size:16px}.hero-bottom{left:7%;right:7%;font-size:12px}.hero-bottom span{max-width:120px;line-height:1.8}.section{padding:68px 7%}.section-top{margin-bottom:34px}.section-top .small{font-size:12px}.eyebrow{font-size:12px}.intro{grid-template-columns:1fr;gap:23.8px;margin-bottom:42.5px}h2{font-size:34px;letter-spacing:-1.5px}.intro p{font-size:16px}.companies{grid-template-columns:1fr;gap:46.75px}.company{display:grid;grid-template-columns:65px 1fr;gap:18.7px}.company-logo{width:65px;height:65px}.company h3{font-size:24px}.company p{font-size:14px}summary{grid-template-columns:25px 1fr 20px;gap:10px;padding:21.25px 0}summary h3{font-size:23px}summary em{display:none}.detail{margin-left:29.75px;grid-template-columns:1fr;gap:12px;font-size:14px}.works{grid-template-columns:1fr;gap:38.25px}.offset{padding-top:0}.work-image,.offset .work-image{height:300px}.more-work{grid-template-columns:1fr;gap:21.25px;margin-top:38.25px}.log-stats{grid-template-columns:1fr;gap:25.5px;margin:34px 0 46.75px}.log-stats strong{font-size:48px}.process{grid-template-columns:1fr 1fr;gap:21.25px}.process article:last-child{grid-column:1/-1}.controls{grid-template-columns:1fr;gap:21.25px;margin-top:38.25px}.controls h3{font-size:24px}.controls b{display:block}.contact h2{font-size:44px}.contact-bottom{align-items:start;flex-direction:column;margin-top:21.25px}.contact-button{width:100%}.hiring{gap:17px;font-size:12px}.footer-main{flex-wrap:wrap;gap:25.5px}.footer-main p{font-size:12px}.footer-bottom{flex-direction:column;line-height:1.7;margin-top:34px}.footer-bottom div{gap:15px}html{scroll-padding-top:74px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Preserve the supplied logo proportions, clipping only its white margins. */
.main-logo{display:flex;align-items:center;justify-content:center;width:160px;height:48px;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.main-logo img{display:block;width:160px;height:160px;max-width:none;flex-shrink:0}@media(max-width:680px){.main-logo{width:140px;height:42px}.main-logo img{width:140px;height:140px}}
/* Portfolio slider and internal pages */
.footer-logo{mix-blend-mode:screen;filter:invert(1)}.portfolio-track{display:flex;gap:34px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.portfolio-track::-webkit-scrollbar{display:none}.portfolio-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.portfolio-image{height:480px;background:#e7e9e3;overflow:hidden;display:flex;justify-content:center}.portfolio-image img{height:100%;width:100%;object-fit:contain}.portfolio-slide h3{font-size:27px;margin:18px 0 10px}.portfolio-slide>p{font-size:16px;color:var(--muted)}.portfolio-controls{display:flex;align-items:center;justify-content:space-between;margin-top:29.75px;gap:17px}.portfolio-count{font-size:14px;letter-spacing:2px}.portfolio-dots{display:flex;gap:14px}.portfolio-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#c9cec5;cursor:pointer}.portfolio-dots button[aria-current=true]{background:#202923}.portfolio-arrows{display:flex;gap:12px}.portfolio-arrows button{width:50px;height:50px;border:1px solid #aaa;background:transparent;font-size:24px;cursor:pointer}.portfolio-arrows button:disabled{opacity:.25;cursor:default}.portfolio-arrows button:not(:disabled):hover{background:#202923;color:#fff}details[open] summary b{transform:none}.subpage-hero{background:#e9ece4;padding-top:59.5px;padding-bottom:80.75px}.breadcrumb-link{display:inline-block;font-size:12px;letter-spacing:1.5px;color:var(--muted);margin-bottom:63.75px}.subpage-hero h1{font-size:clamp(42px,5.4vw,76px);line-height:1.35;letter-spacing:-2.5px;font-weight:400;margin:25.5px 0}.subpage-lead{line-height:2;color:var(--muted);font-size:16px}.contact-info{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.contact-info h2{margin:21.25px 0}.contact-info p{line-height:2;font-size:16px;color:var(--muted)}.contact-rows>div{border-top:1px solid var(--line);padding:25.5px 0}.contact-rows span{display:block;font-size:12px;letter-spacing:2px;margin-bottom:17px;color:var(--muted)}.contact-rows a{font-size:clamp(22px,2.5vw,36px)}.contact-rows .office-address{font-size:20px;color:var(--ink)}.next-section{background:#eeeee8}.next-section h2{margin-top:21.25px}.inquiry-topics{display:grid;grid-template-columns:1fr 1fr;gap:42.5px;margin:42.5px 0}.inquiry-topics p{font-size:16px;line-height:2;color:var(--muted)}.culture-list{display:grid;grid-template-columns:repeat(3,1fr);gap:38.25px}.culture-list>div{border-top:1px solid var(--line);padding-top:21.25px}.culture-list span{font-size:13px;color:var(--muted)}.culture-list h3{font-size:20px}.culture-list p{font-size:15px;color:var(--muted)}.roles-note{font-size:15px;color:var(--muted);margin:21.25px 0 42.5px}.role-row{display:grid;grid-template-columns:50px 1fr 1.3fr;gap:25.5px;padding:29.75px 0;border-top:1px solid var(--line)}.role-row>span{font-size:13px;color:var(--muted)}.role-row h3{font-size:24px;margin:0}.role-row ul{margin:0;padding-left:18px;font-size:16px;line-height:2;color:var(--muted)}.hiring-cta{background:#202923;color:white}.hiring-cta h2{margin:21.25px 0}.hiring-cta p{font-size:16px;line-height:1.8;color:#bac4b9}.hiring-cta .contact-button{margin-top:34px;background:var(--accent);color:#202923;width:290px}.policy-page{max-width:1200px;margin:auto;line-height:1.9;font-size:16px}.policy-page h1,.policy-page h2{font-size:30px;margin:25.5px 0}.policy-page h3,.policy-page h4{font-size:20px;margin:29.75px 0 15px}.policy-page table{display:block;overflow:auto;border-collapse:collapse;width:100%;margin:21.25px 0;font-size:14px}.policy-page td,.policy-page th{border:1px solid #ccd0c7;padding:12px;min-width:80px}.policy-page a{text-decoration:underline}.policy-page .breadcrumb-link{margin-bottom:29.75px}
@media(max-width:680px){.portfolio-image{height:350px}.portfolio-slide h3{font-size:22px}.portfolio-slide>p{font-size:14px}.portfolio-controls{margin-top:21.25px}.portfolio-arrows button{width:42px;height:42px}.subpage-hero{padding-top:29.75px}.breadcrumb-link{margin-bottom:38.25px}.subpage-hero h1{font-size:44px}.subpage-lead{font-size:16px}.contact-info{grid-template-columns:1fr;gap:34px}.culture-list{grid-template-columns:1fr 1fr;gap:25.5px}.role-row{grid-template-columns:25px 1fr;gap:15px}.role-row ul{grid-column:2}.role-row h3{font-size:21px}.inquiry-topics{grid-template-columns:1fr;gap:17px}.policy-page{font-size:15px}.policy-page h1,.policy-page h2{font-size:24px}}
/* Editorial motion system */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}header{transition:background .35s,box-shadow .35s}header.is-scrolled{background:rgba(250,250,247,.94);backdrop-filter:blur(14px);box-shadow:0 4px 24px #19251b0a}nav a{position:relative;transition:color .25s,opacity .25s}nav a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:-7px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--motion-ease)}nav a:hover:after,nav a.is-active:after{transform:scaleX(1)}.main-logo{transition:opacity .3s}.main-logo:hover{opacity:.65}.hero-photo{will-change:transform}.hero-content>*{animation:heroEnter 1.1s var(--motion-ease) both}.hero-content .eyebrow{animation-delay:.08s}.hero-content h1{animation-delay:.18s}.hero-content .hero-desc{animation-delay:.3s}.hero-content .light-link{animation-delay:.4s}@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.text-link,.light-link,.contact-button,.hiring{transition:color .3s,background .3s,border-color .3s}.text-link span,.light-link span,.contact-button span{display:inline-block;transition:transform .4s var(--motion-ease)}.text-link:hover span,.light-link:hover span,.contact-button:hover span{transform:translate(4px,-4px)}.text-link:hover{border-color:#263a28}.hiring b{transition:transform .35s}.hiring:hover b{transform:translateX(5px)}summary{transition:color .3s,background .3s}summary:hover{color:#62764c}summary b{transition:color .3s}.company-logo{transition:transform .6s var(--motion-ease)}.company:hover .company-logo{transform:translateY(-4px)}.process article{transition:border-color .4s}.process article:hover{border-color:var(--accent)}.process article h3{transition:color .3s}.process article:hover h3{color:var(--accent)}.contact-button:hover{background:#40523d}.role-row{transition:background .3s}.role-row:hover{background:#e9ece455}
/* Two-card desktop carousel with a visible next-card preview. */
.carousel-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20.4px;font-size:12px;letter-spacing:1.6px;color:var(--muted)}.carousel-topline b{font-size:13px;margin-left:10px;color:var(--ink);font-weight:500}.swipe-hint>span{display:inline-block;font-size:21px;vertical-align:middle;margin-left:12px}.portfolio-viewport{position:relative;margin-right:-5vw}.portfolio-track{gap:25.5px;cursor:grab;padding-right:5vw;padding-bottom:8px;scroll-padding-left:0}.portfolio-track.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.portfolio-slide{flex-basis:44%;scroll-snap-align:start}.portfolio-image{height:400px;background:#eceee8;border:1px solid #e3e7df;padding:17px;transition:background .45s}.portfolio-image img{transition:transform .65s var(--motion-ease);pointer-events:none;user-select:none}.portfolio-slide:hover .portfolio-image{background:#e0e5d9}.portfolio-slide:hover img{transform:scale(1.035)}.portfolio-slide h3{font-size:23px;line-height:1.5;margin-top:18px}.portfolio-slide>p{font-size:13px;line-height:1.9;max-width:95%;color:var(--muted)}.portfolio-slide .work-meta{font-size:12px}.carousel-edge{position:absolute;top:0;bottom:0;right:0;width:24px;background:linear-gradient(90deg,transparent,var(--paper));pointer-events:none}.portfolio-controls{margin-top:25.5px}.portfolio-arrows button{border-radius:50%;width:56px;height:56px;transition:background .3s,color .3s,transform .3s,border-color .3s}.portfolio-arrows button:not(:disabled):hover{transform:translateY(-3px)}.portfolio-dots{gap:10px}.portfolio-dots button{width:16px;height:24px;background:transparent;position:relative;border-radius:0}.portfolio-dots button:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#bac2b3;left:5px;top:9px;transition:background .3s,transform .3s}.portfolio-dots button[aria-current=true]{background:transparent}.portfolio-dots button[aria-current=true]:after{background:#253c29;transform:scale(1.45)}.clients-block{margin-top:97.75px;padding-top:51px;border-top:1px solid var(--line)}.clients-heading h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin:18px 0}.clients-heading p{font-size:15px;color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:34px;align-items:center;margin-top:51px}.client-logo{height:85px;display:flex;align-items:center;justify-content:center}.client-logo img{width:100%;height:65px;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--motion-ease),opacity .5s;opacity:.75}.client-logo:hover img{transform:translateY(-5px);opacity:1}
@media(max-width:1000px){.portfolio-image{height:320px;padding:14px}.portfolio-slide h3{font-size:20px}.client-grid{grid-template-columns:repeat(3,1fr);gap:29.75px 51px}.client-logo img{max-width:160px}.portfolio-viewport{margin-right:-4vw}}
@media(max-width:680px){.portfolio-slide{flex-basis:90%}.portfolio-track{gap:17px;padding-right:6vw}.portfolio-viewport{margin-right:-7.5vw}.portfolio-image{height:350px;padding:14px}.portfolio-slide h3{font-size:21px}.portfolio-controls{flex-wrap:wrap}.portfolio-count{font-size:12px}.portfolio-dots{order:3;flex-basis:100%;justify-content:center;gap:4px}.portfolio-arrows button{width:46px;height:46px}.clients-block{margin-top:63.75px;padding-top:34px}.clients-heading h3{font-size:25px}.client-grid{grid-template-columns:repeat(2,1fr);gap:17px 38.25px;margin-top:29.75px}.client-logo img{max-width:125px;height:55px}.swipe-hint{font-size:12px}.hero-photo{will-change:auto}.hero-content h1{animation-duration:.85s}nav.open{animation:menuEnter .3s var(--motion-ease)}@keyframes menuEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero-photo{transform:none!important}.portfolio-slide:hover img,.client-logo:hover img,.company:hover .company-logo{transform:none}}
/* Compact information hierarchy and bounded effects. */
main{overflow-x:clip}.section{min-width:0}.hero{isolation:isolate;overflow:clip}.hero-photo{inset:0;transform-origin:center}.portfolio-viewport{margin-right:0;max-width:100%;min-width:0;overflow:hidden}.portfolio-track{padding-right:0;max-width:100%;min-width:0}.portfolio-slide{flex-basis:44%;min-width:0}.carousel-edge{width:18px}.portfolio-slide h3,.portfolio-slide p{overflow-wrap:anywhere}.client-logo:hover img{transform:scale(1.08);opacity:1}.client-logo img{transform-origin:center;transition:transform .35s var(--motion-ease),opacity .35s}.logistics .section-top{margin-bottom:26px}.logistics-heading h2{font-size:clamp(30px,3.2vw,47px);line-height:1.4;letter-spacing:-1.6px}.logistics-subtitle{font-size:20px;line-height:1.5;color:#d7e0d2;margin:16px 0 10px}.logistics-description{font-size:15px;line-height:1.85;color:#b8c2b8;margin:0}.logistics .log-stats{grid-template-columns:1fr 1.2fr 1fr;gap:30px;margin:32px 0}.logistics .log-stats>div{padding-top:18px}.logistics .log-stats .eyebrow{display:block;color:#a7b6a2;font-size:12px;letter-spacing:1.5px}.logistics .log-stats strong{display:block;font-size:clamp(28px,3vw,44px);margin-top:10px;line-height:1.25;letter-spacing:-1px}.logistics .log-stats strong span{font-size:18px}.logistics .log-stats p{font-size:13px;margin:10px 0 0;line-height:1.7}.process-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 15px}.process-heading h3{font-size:16px;margin:0;font-weight:500}.process-heading>span{font-size:12px;color:#aebca9}.logistics .process{gap:20px}.logistics .process article{padding-top:16px}.logistics .process h3{font-size:17px;margin:12px 0 8px}.logistics .process p{font-size:13px;margin:0;line-height:1.8}.logistics .controls{display:block;margin-top:28px;padding-top:20px}.logistics .controls h3{font-size:15px;margin-bottom:12px}.control-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.logistics .controls p{font-size:12px;margin:0;line-height:1.85}.logistics .controls b{display:block;font-size:14px;margin-bottom:4px;min-width:0}.contact-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.contact-panel{min-width:0;padding:0 40px 0 0;display:flex;flex-direction:column;align-items:flex-start}.contact-panel+.contact-panel{padding:0 0 0 40px;border-left:1px solid var(--line)}.contact-panel>.eyebrow{font-size:12px;color:var(--muted)}.contact .contact-panel h2{font-size:clamp(30px,3.3vw,48px);line-height:1.4;margin:20px 0 18px}.contact-panel>p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 26px;min-height:50px}.contact-panel .contact-button{width:100%;max-width:320px;margin-top:auto;min-height:64px;align-items:center}.contact-split .contact-button{font-size:15px}
@media(max-width:1000px){.contact-panel{padding-right:28px}.contact-panel+.contact-panel{padding-left:28px}.logistics .log-stats{gap:20px}.portfolio-viewport{margin-right:0}.control-items{gap:16px}}
@media(max-width:680px){.portfolio-viewport{margin-right:0}.portfolio-slide{flex-basis:90%}.portfolio-track{padding-right:0}.logistics-heading h2{font-size:30px;letter-spacing:-1px}.logistics-subtitle{font-size:17px;margin-top:14px}.logistics-description{font-size:14px}.logistics-description br{display:none}.logistics .log-stats{grid-template-columns:1fr 1fr;gap:22px 16px;margin:26px 0}.logistics .log-scope{grid-column:1/-1}.logistics .log-stats strong{font-size:29px}.logistics .log-scope strong{font-size:24px}.process-heading{align-items:flex-start}.process-heading>span{max-width:100px;text-align:right;line-height:1.6}.logistics .process{gap:22px 18px}.control-items{grid-template-columns:1fr;gap:14px}.logistics .controls p{font-size:13px}.logistics .controls b{display:inline-block;margin:0 12px 0 0;min-width:75px}.contact-split{grid-template-columns:1fr;gap:36px}.contact-panel{padding:0}.contact-panel+.contact-panel{padding:32px 0 0;border-left:0;border-top:1px solid var(--line)}.contact .contact-panel h2{font-size:35px;margin:16px 0}.contact-panel .contact-button{max-width:none}.contact-panel>p{min-height:0;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.client-logo:hover img{transform:none}}
/* Three editorial hero stories. */
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-slide .hero-photo{background-position:center;background-size:cover;transform:scale(1.04);transition:transform 7s linear;will-change:transform}.hero-slide.is-active .hero-photo{transform:scale(1.1)}.hero-slide .hero-shade{background:linear-gradient(90deg,rgba(7,15,14,.82),rgba(7,15,14,.15)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 50%)}.hero-slide .hero-content{padding-top:80px;padding-bottom:150px;max-width:1100px}.hero .hero-title{font-size:clamp(42px,5.2vw,78px);line-height:1.35;letter-spacing:-3px;font-weight:400;margin:36px 0 24px}.hero-slide .hero-content>*{animation:none;opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .85s var(--motion-ease)}.hero-slide.is-active .hero-content>*{opacity:1;transform:none;transition-delay:.2s}.hero-slide.is-active .hero-content .hero-desc{transition-delay:.3s}.hero-slide.is-active .hero-content .light-link{transition-delay:.4s}.hero-navigation{position:absolute;z-index:3;left:8%;right:8%;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:35px}.hero-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;width:min(740px,78%)}.hero-tabs button{padding:16px 0;background:none;color:#fff9;border:0;text-align:left;position:relative;cursor:pointer;font:inherit;min-width:0}.hero-tabs button>span{font-size:12px;letter-spacing:1px;margin-right:10px}.hero-tabs b{font-size:13px;font-weight:400}.hero-tabs i{position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff45}.hero-tabs i:after{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s}.hero-tabs button[aria-current=true]{color:white}.hero-tabs button[aria-current=true] i:after{transform:scaleX(1)}.hero-nav-actions{display:flex;gap:6px}.hero-nav-actions button{width:38px;height:38px;border:1px solid #ffffff55;background:#0001;color:white;font-size:20px;cursor:pointer;transition:background .3s}.hero-nav-actions button:hover{background:#ffffff25}.hero-nav-actions .hero-toggle{font-size:15px}
/* A connected sequence rather than disconnected content blocks. */
.logistics .process-progress{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.process-progress li{position:relative;padding:0 18px 0 0;min-width:0}.process-progress li:before,.process-progress li:after{content:'';position:absolute;left:20px;top:19px;width:100%;height:2px;background:#ffffff25;z-index:0}.process-progress li:after{background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .65s ease;transition-delay:calc(var(--step,0)*.17s)}.process-progress li:last-child:before,.process-progress li:last-child:after{display:none}.process-progress li>span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #7e8e75;border-radius:50%;background:#202923;color:var(--accent);font-size:13px;transition:background .4s,color .4s;transition-delay:calc(var(--step,0)*.17s)}.process-progress.progress-visible li:after{transform:scaleX(1)}.process-progress.progress-visible li>span{background:var(--accent);color:#202923}.logistics .process-progress h3{margin:18px 0 8px}.logistics .process-progress p{line-height:1.9}.process-progress li:nth-child(2){--step:1}.process-progress li:nth-child(3){--step:2}.process-progress li:nth-child(4){--step:3}.process-progress li:nth-child(5){--step:4}.process-heading{margin-bottom:24px}
/* Angled browser mockups use the actual project screenshots. */
.portfolio-image.showcase-scene{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;perspective:1000px;padding:30px 36px 38px;background:#dce2dd;border:0}.showcase-scene.theme-1{background:#dbe2e7}.showcase-scene.theme-2{background:#e3ded4}.showcase-scene.theme-3{background:#dce2cc}.showcase-number{position:absolute;left:12px;top:-15px;font-size:150px;line-height:1.1;font-weight:600;letter-spacing:-10px;color:#ffffff75;z-index:-1}.showcase-window{width:100%;height:100%;border-radius:7px;overflow:hidden;background:#fff;box-shadow:10px 25px 35px #17251b28;transform:rotate(-3deg) rotateY(6deg) scale(.94);transition:transform .7s var(--motion-ease),box-shadow .7s}.portfolio-slide:nth-child(even) .showcase-window{transform:rotate(3deg) rotateY(-6deg) scale(.94)}.window-chrome{height:25px;background:#f7f8f6;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #dce0d7}.window-chrome>span{font-size:12px;color:#a0aa9c;letter-spacing:2px}.window-chrome>b{font-size:12px;font-weight:400;letter-spacing:1px;color:#788173}.showcase-screen{height:calc(100% - 25px);overflow:hidden}.showcase-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transition:object-position 5s ease,transform .7s;transform:none!important}.showcase-caption{position:absolute;bottom:14px;left:25px;font-size:12px;letter-spacing:1.6px;color:#5f6b60}.portfolio-slide:hover .showcase-window{transform:rotate(0) rotateY(0) scale(1);box-shadow:6px 18px 28px #17251b25}.portfolio-slide:hover .showcase-screen img{object-position:bottom}.portfolio-slide:hover .showcase-scene{background:#d6ddce}
@media(max-width:1000px){.hero-tabs{gap:16px}.hero-tabs b{font-size:12px}.hero-slide .hero-content{padding-top:65px}.portfolio-image.showcase-scene{padding:25px 25px 35px}.showcase-number{font-size:120px}}
@media(max-width:680px){.hero-slide .hero-content{padding:55px 7% 150px}.hero .hero-title{font-size:40px;letter-spacing:-2px;margin-top:28px}.hero-slide .hero-desc{font-size:15px;line-height:1.9}.hero-slide .light-link{margin-top:28px}.hero-navigation{left:7%;right:7%;bottom:25px;flex-wrap:wrap;gap:16px}.hero-tabs{width:100%;gap:14px}.hero-tabs button{padding:12px 0}.hero-tabs b{display:block;font-size:12px;line-height:1.6;margin-top:5px}.hero-tabs button>span{font-size:12px}.hero-nav-actions{margin-left:auto}.hero-nav-actions button{width:32px;height:32px;font-size:17px}.logistics .process-progress{grid-template-columns:1fr;gap:0}.process-progress li{padding:0 0 26px 58px;min-height:100px}.process-progress li:last-child{padding-bottom:0;min-height:75px}.process-progress li>span{position:absolute;left:0;top:0}.process-progress li:before,.process-progress li:after{left:19px;top:20px;width:2px;height:100%}.process-progress li:after{transform:scaleY(0);transform-origin:top}.process-progress.progress-visible li:after{transform:scaleY(1)}.logistics .process-progress h3{margin:0 0 5px;font-size:17px;padding-top:2px}.logistics .process-progress p{font-size:14px}.logistics .process-progress p br{display:none}.portfolio-image.showcase-scene{padding:28px 25px 35px}.showcase-number{font-size:140px}.hero-slide .hero-photo{will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero-slide .hero-content>*{transform:none}.hero-slide .hero-photo{transform:none!important}.process-progress li:after{transform:scaleX(1)}.process-progress li>span{background:var(--accent);color:#202923}.portfolio-slide:hover .showcase-window{transform:none}.portfolio-slide:hover .showcase-screen img{object-position:top}@media(max-width:680px){.process-progress li:after{transform:scaleY(1)}}}
/* Corporate typography and direct manipulation. */
body{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}button,input,textarea,select{font-family:inherit}h1,h2,h3{font-feature-settings:'ss01' on}.hero-carousel{cursor:grab;touch-action:pan-y}.hero-carousel.is-dragging{cursor:grabbing;user-select:none}.hero-slide{transition:opacity .85s ease,visibility .85s,transform .5s var(--motion-ease)}.hero-carousel.is-dragging .hero-slide{transition:none}.hero-carousel a,.hero-carousel button{cursor:pointer}.portfolio-viewport{--showcase-height:400px}.portfolio-viewport .portfolio-arrows{position:absolute;inset:calc(var(--showcase-height)/2 - 26px) 14px auto;display:flex;justify-content:space-between;gap:0;z-index:4;pointer-events:none}.portfolio-viewport .portfolio-arrows button{pointer-events:auto;width:52px;height:52px;background:rgba(250,250,247,.94);backdrop-filter:blur(8px);color:#18251d;border:1px solid #ffffffc9;box-shadow:0 4px 18px #18251d20;transform:none}.portfolio-viewport .portfolio-arrows button:not(:disabled):hover{background:#202923;color:white;transform:scale(1.06)}.portfolio-viewport .portfolio-arrows button:disabled{opacity:.3;background:#fafaf7;box-shadow:none}.portfolio-controls{justify-content:space-between}.client-logo img{opacity:1;mix-blend-mode:normal;filter:none;max-width:150px}.client-logo{padding:8px;background:transparent}.client-logo:nth-child(2) img{max-width:160px}.client-logo:nth-child(5) img{max-width:100px;height:62px}
@media(max-width:1000px){.portfolio-viewport{--showcase-height:320px}.client-logo img{max-width:145px}}
@media(max-width:680px){.portfolio-viewport{--showcase-height:350px}.portfolio-viewport .portfolio-arrows{inset:calc(var(--showcase-height)/2 - 21px) 8px auto}.portfolio-viewport .portfolio-arrows button{width:42px;height:42px;font-size:20px}.portfolio-dots{flex-basis:auto;order:0;gap:2px;flex-wrap:wrap;max-width:75%}.client-logo img{max-width:125px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.portfolio-viewport .portfolio-arrows button:not(:disabled):hover{transform:none}}
.client-sm{background:transparent;border-radius:0}
.client-logo.client-sm img{filter:brightness(0)}.client-logo .ci-lg{display:block;width:112px;height:50px;background-image:url('/assets/lg-official-sprite.png');background-position:-304px -402px;background-size:758px 680px;flex-shrink:0;transition:transform .35s var(--motion-ease)}.client-logo:hover .ci-lg{transform:scale(1.08)}.client-logo:nth-child(2) img{height:45px}.client-logo:nth-child(5) img{max-width:68px;height:48px}
@media(prefers-reduced-motion:reduce){.client-logo:hover .ci-lg{transform:none}}

/* Official transparent EEPPII logo assets, shown without cropping or color filters. */
.main-logo,.footer-logo{width:160px;height:auto;min-height:40px;overflow:visible;mix-blend-mode:normal;filter:none}.main-logo img,.footer-logo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;mix-blend-mode:normal}.company-logo[src$="eeppii-logo-black.png"]{width:100%;max-width:100px;height:auto;aspect-ratio:1200/291;object-fit:contain;mix-blend-mode:normal;align-self:start;margin-top:20px}
@media(max-width:680px){.main-logo,.footer-logo{width:140px;min-height:34px}.main-logo img,.footer-logo img{width:100%;height:auto}.company-logo[src$="eeppii-logo-black.png"]{max-width:65px;margin-top:14px}}

/* Process state is driven by viewport entry and direct step selection. */
.process-progress li:after{transition-delay:0s}
.process-progress li.is-complete:after{transform:scaleX(1)}
.process-progress .process-step{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #7e8e75;border-radius:50%;background:#202923;color:var(--accent);font:inherit;font-size:13px;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.process-progress li.is-current .process-step,.process-progress li.is-complete .process-step{background:var(--accent);color:#202923}
.process-progress li.is-current .process-step{box-shadow:0 0 0 5px #ffd37c33}
.process-progress .process-step:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:680px){.process-progress .process-step{position:absolute;left:0;top:0}.process-progress li.is-complete:after{transform:scaleY(1)}}
/* Contact: concise introduction, clear enquiry channels and detailed scope. */
.contact-page .subpage-hero{padding-top:40px;padding-bottom:50px}
.contact-page .breadcrumb-link{margin-bottom:30px}
.contact-page .subpage-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.25;margin:18px 0}
.contact-page .subpage-lead{margin:16px 0 0}
.contact-page .section:not(.subpage-hero){padding-top:72px;padding-bottom:72px}
.inquiry-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}
.contact-page h2{font-size:clamp(28px,3vw,42px);font-weight:450;line-height:1.35;letter-spacing:-1.4px;margin:20px 0}
.inquiry-heading>p,.scope-heading>p{font-size:15px;color:var(--muted);line-height:1.9}
.inquiry-channels{display:grid;gap:20px}
.channel-card{padding:28px 30px;background:#edf0e8;border:1px solid var(--line)}
.channel-card h3{font-size:20px;font-weight:500;margin:18px 0 10px}.channel-card p{font-size:16px;color:var(--muted);line-height:1.8}
.channel-email,.channel-phone{display:block;font-size:clamp(24px,2.5vw,34px);letter-spacing:-.7px;margin:22px 0}
.copy-button,.map-link{display:inline-flex;gap:18px;align-items:center;justify-content:space-between;min-height:44px;padding:10px 16px;border:1px solid #b7beb1;background:transparent;color:var(--ink);font:inherit;font-size:15px;cursor:pointer;transition:background .2s,border-color .2s}
.copy-button:hover,.map-link:hover{background:#dce4d1;border-color:#5d6a51}.copy-button:focus-visible,.map-link:focus-visible{outline:2px solid #34452e;outline-offset:4px}.copy-button:disabled{cursor:wait}
.phone-card{background:transparent}.phone-card .channel-phone{margin:14px 0}
.scope-section{background:#f0f2ec}.scope-heading{margin-bottom:36px}.scope-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;padding:32px 0;border-top:1px solid #cbd1c4}
.scope-row h3{font-size:24px;font-weight:500;margin:14px 0}.scope-row p{font-size:15px;line-height:1.9;margin:0 0 18px;max-width:620px}.scope-row ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding-left:18px;margin:0;color:#545d4e;font-size:16px;line-height:1.8}
.inquiry-brief{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;margin-top:24px;background:#202923;color:#fff;padding:32px}.inquiry-brief h3{font-size:20px;line-height:1.6;font-weight:500;margin:0}.inquiry-brief ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}.inquiry-brief b{display:block;font-size:16px;font-weight:500;margin-bottom:5px}.inquiry-brief span{font-size:15px;color:#cbd3c5;line-height:1.7}
.office-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.office-details{border-top:1px solid var(--line);padding-top:24px}.office-details .office-address{font-size:clamp(20px,2vw,28px);line-height:1.6;margin:0 0 16px}.office-english{font-size:15px;line-height:1.8;color:var(--muted)}.office-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.copy-status{position:fixed;bottom:28px;left:50%;transform:translate(-50%,10px);background:#202923;color:#fff;padding:14px 22px;box-shadow:0 4px 18px #0002;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;font-size:16px}.copy-status.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:680px){.contact-page .subpage-hero{padding-top:24px;padding-bottom:36px}.contact-page .breadcrumb-link{margin-bottom:24px}.contact-page .subpage-hero h1{font-size:38px}.contact-page .section:not(.subpage-hero){padding-top:46px;padding-bottom:46px}.inquiry-contact,.scope-row,.inquiry-brief,.office-section{grid-template-columns:1fr;gap:24px}.channel-card{padding:24px}.scope-row{padding:26px 0;gap:16px}.scope-row ul{grid-template-columns:1fr;gap:8px}.scope-row h3{font-size:22px;margin-bottom:0}.inquiry-brief{padding:24px}.office-section{gap:18px}.copy-status{font-size:15px}}
/* Contact visual and company-specific service explorer. */
.contact-page .subpage-hero{background:linear-gradient(90deg,rgba(11,18,15,.85),rgba(11,18,15,.56) 46%,rgba(11,18,15,.12)),url('/assets/contact-brainstorm.png') center/cover no-repeat;color:#fff}
.contact-page .subpage-hero .breadcrumb-link,.contact-page .subpage-hero .eyebrow,.contact-page .subpage-hero .subpage-lead{color:#edf1e9}
.unified-channel{background:#edf0e8;padding:32px}.unified-channel .channel-email{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 20px;font-size:clamp(26px,2.8vw,38px)}
.phone-inline{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #cbd1c4;padding-top:20px;margin-top:28px;font-size:16px}.phone-inline>span{color:#66705e}.phone-inline a{font-size:18px}
.entity-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 0}.entity-tabs button{font:inherit;text-align:left;padding:24px 28px;background:transparent;color:#60665d;border:1px solid #b8c0af;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.entity-tabs button[aria-selected="true"]{background:#202923;color:#fff;border-color:#202923}.entity-tabs button:hover{border-color:#202923}.entity-tabs button>span{display:block;font-size:15px;line-height:1.7}.entity-tabs button .entity-name{font-size:25px;font-weight:600;margin-bottom:6px}.entity-tabs button:focus-visible,.entity-panel:focus-visible{outline:2px solid #687d48;outline-offset:4px}
.entity-panel{padding-top:28px}.entity-panel[hidden]{display:none}.entity-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.entity-intro>span{font-size:13px;letter-spacing:1.5px;font-weight:600}.entity-intro p{font-size:16px;color:#60665d;margin:0;line-height:1.7}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{background:#fafbf8;border:1px solid #d4dacd;padding:28px;min-width:0;transition:border-color .25s,box-shadow .25s}.service-card:hover{border-color:#9eaf8b;box-shadow:0 8px 28px #2029230a}.service-card h3{font-size:24px;line-height:1.4;margin:16px 0}.service-card-top>p{font-size:16px;line-height:1.85;color:#60665d;min-height:78px;margin:0}
.service-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:28px 0;gap:0}.service-flow li{position:relative;min-width:0}.service-flow li:not(:last-child):after{content:'';position:absolute;top:17px;left:36px;right:0;height:1px;background:#bdc9ae}.service-flow span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #acbd99;border-radius:50%;background:#e4ecd9;font-size:13px;margin-bottom:12px;transition:background .2s,color .2s}.service-flow b{font-weight:500;font-size:14px;line-height:1.6;display:block}.service-flow li:hover span{background:#202923;color:#fff}
.service-details{border-top:1px solid #d9dfd1;padding-top:16px}.service-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;list-style:none;min-height:32px}.service-details summary::-webkit-details-marker{display:none}.service-details summary span:after{content:'+';font-size:20px}.service-details[open] summary span:after{content:'−'}.service-details ul{padding-left:18px;font-size:15px;color:#505a48;line-height:1.9;margin:16px 0 0}.service-details li+li{margin-top:6px}.international-panel .service-grid{grid-template-columns:1fr}.international-panel .service-card{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.international-panel .service-flow{grid-column:1/-1;margin:26px 0 8px;grid-row:2}.international-panel .service-details{border-top:0;padding:0}.international-panel .service-card-top>p{min-height:0}
.entity-panel.panel-enter{animation:service-enter .32s ease both}@keyframes service-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:680px){.contact-page .subpage-hero{background-position:62% center;background-image:linear-gradient(90deg,rgba(11,18,15,.88),rgba(11,18,15,.55)),url('/assets/contact-brainstorm.png')}.unified-channel{padding:24px}.entity-tabs{gap:8px}.entity-tabs button{padding:18px 14px}.entity-tabs button .entity-name{font-size:19px}.entity-tabs button>span{font-size:13px}.entity-intro{align-items:flex-start;flex-direction:column;gap:8px}.service-grid,.international-panel .service-card{grid-template-columns:1fr}.service-card{padding:22px}.service-card h3{font-size:22px}.service-card-top>p{min-height:0}.international-panel .service-flow{grid-column:auto;margin:24px 0}.international-panel .service-details{border-top:1px solid #d9dfd1;padding-top:16px}.service-flow b{font-size:13px}.phone-inline{gap:12px}}
@media(prefers-reduced-motion:reduce){.entity-panel.panel-enter{animation:none}.service-card,.entity-tabs button,.service-flow span{transition:none}}
/* First banner: a muted city timelapse with a still-image fallback. */
.hero-slide .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero-slide .city-night-poster{transform:none!important}
.hero-video-toggle{position:absolute;right:6%;top:26px;z-index:3;min-height:40px;padding:10px 15px;border:1px solid #ffffff70;border-radius:2px;background:#0b141755;color:#fff;font:inherit;font-size:13px;cursor:pointer;backdrop-filter:blur(8px)}
.hero-video-toggle:hover{background:#0b1417aa}.hero-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}.hero-video[hidden],.hero-video-toggle[hidden]{display:none}
@media(max-width:680px){.hero-video-toggle{right:6%;top:18px;font-size:12px;padding:8px 12px}}

/* Small type readability across desktop and mobile. */
.section-top,.carousel-topline{flex-wrap:wrap;gap:12px}
.footer-bottom>div{display:flex;flex-wrap:wrap;gap:12px 20px}
.hero-tabs button{min-width:0}.hero-tabs b{overflow-wrap:break-word}
.service-flow b{word-break:keep-all;overflow-wrap:break-word;padding-right:8px}
@media(max-width:680px){.section-top .small{line-height:1.7}.hero-tabs{gap:12px}.hero-tabs b{letter-spacing:0}.footer-main{flex-wrap:wrap;gap:22px}.footer-bottom{flex-wrap:wrap;line-height:1.8}.entity-tabs button>span{word-break:keep-all;overflow-wrap:break-word}.carousel-topline{align-items:flex-start}.showcase-caption{letter-spacing:.5px;left:16px;right:16px}}

/* Always-visible task lists on the EEPPII contact panel. */
#panel-eeppii .service-details{border-bottom:0}
.service-details-heading{margin:0;min-height:32px;display:flex;align-items:center;font-size:16px;font-weight:500;line-height:1.5}

/* Separate domestic and export logistics with balanced, centered process tracks. */
.international-panel .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.international-panel .service-card{display:flex;flex-direction:column;gap:0}
.international-panel .service-card-top{flex:1}
.international-panel .service-card-top>p{min-height:0}
.international-panel .service-flow{width:100%;margin:28px 0;grid-column:auto;grid-row:auto}
.international-panel .service-flow li{text-align:center}
.international-panel .service-flow span{position:relative;z-index:1;margin:0 auto 12px}
.international-panel .service-flow b{padding:0 4px}
.international-panel .service-flow li:not(:last-child):after{left:calc(50% + 17px);right:calc(-50% + 17px)}
.international-panel .service-details{border-top:1px solid #d9dfd1;border-bottom:0;padding-top:16px}
.international-panel .service-details ul{margin-top:12px}
@media(max-width:960px){.international-panel .service-grid{grid-template-columns:1fr}.international-panel .service-card-top{flex:initial}}
@media(max-width:480px){.international-panel .service-flow b{font-size:13px;padding:0 2px}.international-panel .service-flow{margin:24px 0}}

/* Balance the IT and OEM process steps within each card. */
#panel-eeppii .service-flow{width:100%}
#panel-eeppii .service-flow li{text-align:center}
#panel-eeppii .service-flow span{position:relative;z-index:1;margin:0 auto 12px}
#panel-eeppii .service-flow b{padding:0 4px}
#panel-eeppii .service-flow li:not(:last-child):after{left:calc(50% + 17px);right:calc(-50% + 17px)}

/* GNB logo: ten percent smaller across all pages. */
header .main-logo{width:144px}
@media(max-width:680px){header .main-logo{width:126px}}

/* Careers hero follows the contact hero spacing and typography. */
.hiring-page .subpage-hero{padding-top:40px;padding-bottom:50px;background:linear-gradient(90deg,rgba(11,18,15,.85),rgba(11,18,15,.56) 46%,rgba(11,18,15,.12)),url('/assets/careers-team.png') center/cover no-repeat;color:#fff}
.hiring-page .breadcrumb-link{margin-bottom:30px}
.hiring-page .subpage-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.25;margin:18px 0}
.hiring-page .subpage-lead{margin:16px 0 0}
.hiring-page .subpage-hero .breadcrumb-link,.hiring-page .subpage-hero .eyebrow,.hiring-page .subpage-hero .subpage-lead{color:#edf1e9}
.hiring-cta .hiring-email{font-size:clamp(24px,3vw,36px);color:#fff;margin:26px 0 0;overflow-wrap:anywhere}
.hiring-cta button.contact-button{font:inherit;cursor:pointer;border:0;text-align:left;margin-top:20px;max-width:100%}
@media(max-width:680px){.hiring-page .subpage-hero{padding-top:24px;padding-bottom:36px;background-position:62% center;background-image:linear-gradient(90deg,rgba(11,18,15,.88),rgba(11,18,15,.55)),url('/assets/careers-team.png')}.hiring-page .breadcrumb-link{margin-bottom:24px}.hiring-page .subpage-hero h1{font-size:38px}}

/* Company-specific policy navigation; works without JavaScript. */
.policy-page .policy-eyebrow{font-size:15px;color:var(--muted);margin:0 0 18px;letter-spacing:.02em}
.policy-page .policy-company-nav{display:grid;position:static;grid-template-columns:1fr 1fr;gap:0;margin:0 0 36px;padding:0;border-bottom:1px solid #c8cec5;background:transparent}
.policy-page .policy-company-nav a{display:flex;align-items:center;justify-content:center;min-height:62px;padding:14px 18px;text-decoration:none;font-size:18px;color:#596157;border-bottom:3px solid transparent;transition:background .2s,color .2s}
.policy-page .policy-company-nav a[aria-current="page"]{background:#202923;color:#fff;border-bottom-color:#202923}
.policy-page .policy-company-nav a:hover{background:#e2e7dc;color:#202923}
.policy-page .policy-company-nav a:focus-visible{outline:3px solid #63824a;outline-offset:4px}
.policy-page h1{font-size:clamp(25px,3.2vw,40px);line-height:1.45;letter-spacing:-.04em;word-break:keep-all;margin:0 0 16px}
.policy-owner{font-size:15px;color:#475044;margin-bottom:12px}
.policy-scope{font-size:15px;color:#62695f;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid #c8cec5}
.policy-document{overflow-wrap:anywhere}.policy-document table{max-width:100%}
.policy-unavailable{margin-top:30px;padding:32px;background:#edf0e8;border:1px solid #d6dbd0}
.policy-status{display:inline-block;border:1px solid #899381;border-radius:3px;padding:3px 10px;font-size:14px}
.policy-unavailable h2{font-size:24px;margin:18px 0 14px}.policy-unavailable p{font-size:16px;color:#515a4e;line-height:1.9}
@media(max-width:680px){.policy-page .policy-company-nav{margin-bottom:28px}.policy-page .policy-company-nav a{font-size:16px;padding:12px 8px;min-height:56px}.policy-unavailable{padding:24px 20px}.policy-unavailable h2{font-size:21px}.policy-unavailable br{display:none}}

/* Policy titles and compact company selector, isolated from global nav effects. */
.policy-page h1.policy-heading{font-size:clamp(28px,3.2vw,40px);font-weight:400;line-height:1.4;letter-spacing:-.04em;margin:0 0 30px}
.policy-page .policy-company-nav{display:flex;flex-direction:row;flex-wrap:nowrap;gap:26px;width:100%;border:0;box-shadow:inset 0 -1px #d9ddd6;margin:0 0 28px;align-items:stretch}
.policy-page .policy-company-nav a{display:flex;flex:0 0 auto;min-height:54px;padding:12px 2px 16px;font-size:18px;color:#767c73;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;transition:color .2s,box-shadow .2s}
.policy-page .policy-company-nav a::before,.policy-page .policy-company-nav a::after{content:none;display:none}
.policy-page .policy-company-nav a[aria-current="page"]{background:transparent;color:#202923;font-weight:600;border:0;box-shadow:inset 0 -2px #202923}
.policy-page .policy-company-nav a:hover{background:transparent;color:#202923;opacity:1}
.policy-page .policy-company-nav a:focus-visible{outline:2px solid #63824a;outline-offset:4px}
@media(max-width:680px){.policy-page h1.policy-heading{font-size:28px;margin-bottom:22px}.policy-page .policy-company-nav{gap:24px;margin-bottom:24px}.policy-page .policy-company-nav a{font-size:16px;min-height:50px;padding:10px 2px 14px}}

/* Compact mobile navigation and stacked section introductions. */
header{transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
header .main-logo img{transition:filter .35s}
header.is-scrolled{background:#171c18;color:#fafaf7;border-bottom-color:#ffffff18;box-shadow:0 4px 24px #00000014}
header.is-scrolled .main-logo img{filter:brightness(0) invert(1)}
header .menu{color:inherit;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0;cursor:pointer}
header.is-scrolled nav{color:#fafaf7}
@media(max-width:680px){
 html{scroll-padding-top:60px}
 header{height:60px;min-height:60px}
 header .main-logo{width:100.8px}
 header .menu{display:flex}
 header nav{top:60px;max-height:calc(100svh - 60px);overflow-y:auto;transition:background .35s,color .35s}
 header.is-scrolled nav{background:#171c18;border-bottom-color:#ffffff18}
 .hero{height:calc(90svh - 60px)}
 body .section-top{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;text-align:left}
 body .section-top .small{max-width:100%;text-align:left;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){header,header .main-logo img,header nav{transition:none}}

/* International policy drafts: readable sections and explicit review fields. */
.policy-draft-notice{padding:22px 24px;background:#eef1e8;border-left:3px solid #71845b;margin:0 0 24px;line-height:1.8}
.policy-draft-notice strong{font-size:16px}.policy-draft-notice p{margin:8px 0 0;font-size:15px;color:#596157}
.policy-draft h2{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.03em;margin:42px 0 16px}
.policy-draft p,.policy-draft li{font-size:16px;line-height:1.9}.policy-draft ul{padding-left:22px}.policy-draft li{margin:8px 0}
.policy-draft .policy-check{font-weight:600;color:#586a42;margin-right:6px}.policy-draft a{text-decoration:underline;text-underline-offset:3px}
.policy-table-scroll{overflow-x:auto;margin:20px 0;max-width:100%}.policy-draft table{width:100%;min-width:580px;border-collapse:collapse;table-layout:fixed}.policy-draft th,.policy-draft td{padding:16px;border:1px solid #d9ddd6;text-align:left;vertical-align:top;font-size:15px;line-height:1.8}.policy-draft th{background:#eef0e9;font-weight:600}
@media(max-width:680px){.policy-draft-notice{padding:18px}.policy-draft h2{font-size:20px;margin-top:32px}.policy-draft th,.policy-draft td{padding:12px}}

/* Highlight pending policy review items, including complete notes and table cells. */
.policy-page .policy-review-highlight{background:#fff1a8;color:#332b10}
.policy-draft p.policy-review-highlight{padding:14px 18px;border-radius:6px}
.policy-draft .policy-review-highlight .policy-check{color:#594400}
.policy-owner mark.policy-review-highlight{padding:3px 7px;border-radius:3px}
@media(max-width:680px){.policy-draft p.policy-review-highlight{padding:12px 14px}}

/* Company profiles and shared company navigation. */
header{z-index:40}header #global-nav{gap:26px}.company-menu{position:relative}.company-menu-toggle{display:flex;align-items:center;gap:8px;border:0;padding:10px 0;background:transparent;color:inherit;cursor:pointer;font-size:15px}.company-menu-toggle span{transition:transform .2s}.company-menu-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.company-submenu{position:absolute;top:calc(100% + 14px);left:-24px;width:300px;padding:10px;background:#fafaf7;color:#171918;box-shadow:0 12px 32px #0002;border:1px solid #d9ddd6}.company-submenu[hidden]{display:none}.company-submenu a{display:block;padding:15px 14px;font-size:17px;line-height:1.6}.company-submenu a span{display:block;font-size:14px;color:#6c706c}.company-submenu a:hover,.company-submenu a[aria-current=page]{background:#e9eddf;opacity:1}.company-submenu a::after,.company-submenu a::before{content:none!important}.footer-company-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px;color:#d8ded2;font-size:15px}.footer-company-links a:hover{color:white}
.profile-inline-link{display:inline-flex;gap:20px;align-items:center;font-size:16px;margin-top:32px;padding:12px 0;border-bottom:1px solid currentColor}.profile-contact-links{display:flex;flex-wrap:wrap;gap:20px 36px;margin-top:28px;font-size:16px}.profile-contact-links a{border-bottom:1px solid #a5afa0;padding:10px 0}
.company-profile .profile-hero{padding-top:40px;padding-bottom:50px;color:white;background:linear-gradient(90deg,#0b120fe6,#0b120f88 55%,#0b120f33),var(--profile-visual) center/cover no-repeat}.profile-eeppii{--profile-visual:url('/assets/hero-technology.jpg')}.profile-international{--profile-visual:url('/assets/hero-logistics.jpg')}.company-profile .profile-hero .breadcrumb-link{margin-bottom:30px}.company-profile .profile-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.25;margin:18px 0;font-weight:400;letter-spacing:-2px}.company-profile .profile-hero .breadcrumb-link,.company-profile .profile-hero .eyebrow,.company-profile .profile-hero .subpage-lead{color:#edf1e9}.company-profile .profile-hero .subpage-lead{margin:16px 0 0}
.profile-company-switch{display:flex;gap:32px;margin:0;padding:24px 8% 0;background:var(--paper)}.profile-company-switch a{font-size:18px;color:#6c706c;padding:8px 0 18px;border-bottom:2px solid transparent}.profile-company-switch a[aria-current=page]{color:#171918;border-color:#171918;font-weight:600}.profile-section-nav{display:flex;gap:28px;padding:16px 8%;overflow:auto;white-space:nowrap;background:#fafaf7f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:90px;z-index:20;scrollbar-width:thin}.profile-section-nav a{font-size:15px;padding:5px 0}.profile-section-nav a:hover{color:#56713b}.profile-section-nav a[aria-current=location]{font-weight:650;text-decoration:underline;text-underline-offset:7px}.company-profile [id]{scroll-margin-top:72px}
.company-profile .profile-section{padding-top:76px;padding-bottom:76px}.profile-section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:44px}.profile-section-head>.eyebrow{margin-top:8px}.profile-section-head h2,.profile-cta h2{font-size:clamp(30px,3.4vw,48px);font-weight:400;line-height:1.4;letter-spacing:-1.6px;margin:0}.profile-section-head p{max-width:660px;font-size:17px;line-height:1.9;color:var(--muted);margin:20px 0 0}.profile-tint{background:#edeee8}.profile-dark{background:#202923;color:#fafaf7}.profile-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #b7bdb1;padding-top:28px;margin-bottom:44px}.profile-facts>div>span{display:block;font-size:14px;letter-spacing:1px;color:#6c706c}.profile-facts strong{display:block;font-size:clamp(25px,3.1vw,44px);font-weight:400;letter-spacing:-1px;margin:20px 0 12px}.profile-facts strong span{font-size:22px;margin-left:8px}.profile-facts p{font-size:15px;line-height:1.8;margin:0;color:#6c706c}.profile-strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.profile-strengths article{border-top:1px solid var(--line);padding-top:20px}.profile-strengths h3{font-size:23px;font-weight:500;margin:0 0 16px}.profile-strengths p{font-size:16px;line-height:1.9;color:#6c706c;margin:0}.capability-row{display:grid;grid-template-columns:60px 1fr 1.1fr;gap:24px;padding:30px 0;border-top:1px solid #c7ccc1;align-items:start}.capability-number{font-size:15px;color:#6c706c;padding-top:5px}.capability-row h3{font-size:28px;margin:0 0 14px;letter-spacing:-.7px}.capability-row p{font-size:16px;line-height:1.9;color:#6c706c;margin:0;max-width:380px}.capability-row ul{font-size:16px;line-height:2;margin:0;padding-left:20px}.profile-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-bottom:54px}.profile-feature>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e7e9e3;padding:18px}.profile-feature h3{font-size:30px;letter-spacing:-1px;margin:14px 0 18px}.profile-feature p,.profile-feature li{font-size:16px;line-height:1.9;color:#6c706c}.profile-feature ul{padding-left:20px}.profile-group-title{font-size:25px;margin:44px 0 24px}.profile-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.profile-case-image{background:#edeee8;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.profile-case-image img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s}.profile-case:hover img{transform:scale(1.035)}.profile-case>.eyebrow{font-size:14px;margin:20px 0 12px;letter-spacing:1px;color:#6c706c}.profile-case h3{font-size:21px;margin:0 0 12px;line-height:1.5}.profile-case>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#6c706c;margin:0}.profile-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-case .profile-case-image{aspect-ratio:1}.product-case img{padding:26px}.company-timeline{list-style:none;padding:0;margin:0 0 0 calc(33.333% + 14px);border-left:1px solid #bcc5b1}.company-timeline li{position:relative;display:grid;grid-template-columns:135px 1fr;gap:24px;padding:0 0 35px 30px}.company-timeline li:last-child{padding-bottom:0}.company-timeline li::before{content:'';width:9px;height:9px;position:absolute;background:#3a5031;border:4px solid #edeee8;border-radius:50%;left:-9px;top:4px}.company-timeline li>span{font-size:18px;line-height:1.7}.company-timeline h3{font-size:21px;line-height:1.6;margin:0 0 8px}.company-timeline p{font-size:16px;line-height:1.9;margin:0;color:#6c706c}.certification-list article{display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.cert-index{font-size:15px;color:#6c706c}.certification-list h3{font-size:32px;font-weight:400;margin:0 0 8px}.certification-list p{margin:0;font-size:17px;color:#6c706c}.cert-label{font-size:14px;letter-spacing:1px;color:#6c706c}.profile-standard-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:24px}.profile-standard-notes p{font-size:16px;line-height:1.9;color:#6c706c;margin:0}.profile-standard-notes strong{display:block;margin-bottom:8px;color:#171918}.profile-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:24px}.profile-cta p{font-size:16px;line-height:1.9;color:#c2ccbc}.profile-cta .contact-button{background:var(--accent);color:#202923;flex-shrink:0}.warehouse-gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.warehouse-gallery figure{margin:0}.warehouse-gallery img{width:100%;height:360px;object-fit:cover}.warehouse-gallery figcaption{font-size:15px;color:#6c706c;margin-top:12px}.profile-operation-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:42px 0}.profile-operation-cases article{border-top:1px solid var(--line);padding-top:24px}.profile-operation-cases .eyebrow{font-size:14px;letter-spacing:1px}.profile-operation-cases h3{font-size:23px;line-height:1.5;margin:18px 0}.profile-operation-cases p{font-size:16px;line-height:1.9;color:#6c706c}.network-note{background:#edeee8;padding:32px}.network-note h3{font-size:26px;margin:18px 0}.network-note p{font-size:21px;line-height:1.9}.network-note>span:last-child{display:block;color:#6c706c;font-size:15px;line-height:1.9;max-width:740px}.profile-flow-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:25px}.profile-flow-pair>div{background:#fafaf7;padding:24px}.profile-flow-pair h3{font-size:21px;margin:0 0 22px}.profile-flow-pair ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;counter-reset:flow;gap:8px;text-align:center}.profile-flow-pair li{font-size:14px;line-height:1.7;position:relative;counter-increment:flow}.profile-flow-pair li::before{content:counter(flow,decimal-leading-zero);display:block;border-top:2px solid #a5b397;padding-top:12px;color:#536943;font-size:17px;margin-bottom:10px}
@media(max-width:1000px){header #global-nav{gap:17px}.company-menu-toggle{font-size:14px}.profile-section-head{grid-template-columns:1fr;gap:18px}.company-timeline{margin-left:8px}.profile-product-grid{grid-template-columns:repeat(2,1fr)}.profile-feature{gap:28px}.profile-flow-pair{grid-template-columns:1fr}.warehouse-gallery img{height:290px}}
@media(max-width:680px){header #global-nav{align-items:stretch;gap:10px}.company-menu-toggle{font-size:17px;justify-content:space-between;width:100%;min-height:44px}.company-submenu{position:static;width:100%;border:0;box-shadow:none;background:#e9eddf;padding:6px;margin:4px 0 10px}.company-submenu a{padding:12px 14px}.company-submenu a span{font-size:14px}header.is-scrolled .company-submenu{background:#29332a;color:#fafaf7}header.is-scrolled .company-submenu a span{color:#c2ccbc}header.is-scrolled .company-submenu a:hover,header.is-scrolled .company-submenu a[aria-current=page]{background:#384636}header #global-nav>a{padding:10px 0;font-size:17px}.company-profile .profile-hero{padding-top:24px;padding-bottom:36px;background-position:62% center}.company-profile .profile-hero .breadcrumb-link{margin-bottom:24px}.company-profile .profile-hero h1{font-size:38px;letter-spacing:-1.5px}.profile-company-switch{padding:18px 7% 0;gap:26px}.profile-company-switch a{font-size:17px}.profile-section-nav{top:60px;padding:12px 7%;gap:24px}.profile-section-nav a{font-size:14px}.company-profile [id]{scroll-margin-top:70px}.company-profile .profile-section{padding:46px 7%}.profile-section-head{margin-bottom:30px}.profile-section-head h2,.profile-cta h2{font-size:31px;letter-spacing:-1px}.profile-section-head p{font-size:16px;margin-top:16px}.profile-facts{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.profile-facts>div{display:grid;grid-template-columns:1fr 1.25fr;gap:8px 16px;align-items:center}.profile-facts strong{font-size:26px;margin:0;grid-column:2;grid-row:1/3}.profile-facts p{font-size:14px;grid-column:1}.profile-facts>div>span{font-size:13px}.profile-strengths,.profile-case-grid,.profile-feature,.profile-standard-notes,.profile-operation-cases{grid-template-columns:1fr;gap:24px}.profile-strengths h3{font-size:22px}.capability-row{grid-template-columns:26px 1fr;gap:12px;padding:26px 0}.capability-row h3{font-size:24px}.capability-row ul{grid-column:2}.profile-feature{margin-bottom:35px}.profile-feature h3{font-size:27px}.profile-case-grid .profile-case-image{aspect-ratio:16/10}.profile-product-grid{gap:24px 16px}.product-case .profile-case-image img{padding:16px}.profile-case h3{font-size:19px}.profile-case>.eyebrow{font-size:14px;letter-spacing:.5px;line-height:1.8}.profile-case>p:not(.eyebrow){font-size:15px}.company-timeline li{grid-template-columns:1fr;gap:8px;padding-left:22px}.company-timeline h3{font-size:20px}.certification-list article{grid-template-columns:30px 1fr;gap:14px}.certification-list h3{font-size:29px}.cert-label{grid-column:2;font-size:13px}.profile-cta{align-items:flex-start;flex-direction:column;gap:16px}.profile-cta .contact-button{width:100%;max-width:360px}.warehouse-gallery{grid-template-columns:1fr;gap:24px}.warehouse-gallery img{height:260px;object-fit:cover}.profile-flow-pair>div{padding:20px 12px}.profile-flow-pair li{font-size:14px}.network-note{padding:24px}.network-note p{font-size:19px}.footer-company-links{gap:18px;font-size:14px}.profile-contact-links{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.profile-case-image img,.company-menu-toggle span{transition:none}}

/* Company navigation: icon-free desktop hover, roomier mobile rows. */
@media(min-width:681px){.company-menu-toggle>span{display:none}.company-submenu::before{content:'';position:absolute;left:0;right:0;top:-15px;height:15px}}
@media(max-width:680px){header #global-nav{gap:12px}header .company-menu-toggle{min-height:52.8px;padding:12px 0}header .company-menu-toggle>span{display:inline-flex;align-items:center;justify-content:center;width:24px;font-size:23px;font-weight:300;line-height:1;transform:none}header .company-menu-toggle[aria-expanded=true]>span{transform:none}header #global-nav>a{padding:12px 0;min-height:48px}header .company-submenu a{padding:14.4px 14px}}

/* Full-image home navigation and aligned company overview. */
html{scroll-padding-top:80px}
header{height:80px;min-height:80px;background:#fff;color:var(--ink)}
header .main-logo{width:120px;min-height:0;display:flex;align-items:center}
header.is-scrolled{background:#fff;color:var(--ink);border-bottom-color:#e8e9e2;box-shadow:0 4px 24px #0000000a}
header.is-scrolled .main-logo img{filter:none}
header.is-scrolled nav{color:var(--ink)}
.home-page>header{position:fixed;left:0;right:0;background:transparent;color:#fff;border-bottom-color:transparent;backdrop-filter:none}
.home-page>header .main-logo img{filter:brightness(0) invert(1)}
.home-page>header:is(.is-scrolled,.menu-is-open){background:#fff;color:var(--ink);border-bottom-color:#e8e9e2}
.home-page>header:is(.is-scrolled,.menu-is-open) .main-logo img{filter:none}
.home-page #home{height:100svh;min-height:740px;max-height:1100px}
.home-page #home .hero-content{padding-top:160px}
.profile-section-nav{top:80px}
#companies{background:#fff}
#companies .intro{grid-template-columns:1fr 1fr;gap:68px}
#companies .company{column-gap:40px;align-items:center}
#companies .company-logo{align-self:center;justify-self:start;margin-top:0;object-fit:contain}
#business{background:#f8f8f8}
.clients-heading h3{font-size:40px;line-height:1.3}
.portfolio-dots button[hidden]{display:none}
@media(max-width:680px){
 header nav,header.is-scrolled nav{top:80px;max-height:calc(100svh - 80px);background:#fff;color:var(--ink);border-bottom-color:var(--line)}
 header.is-scrolled .company-submenu{background:#e9eddf;color:var(--ink)}
 header.is-scrolled .company-submenu a span{color:var(--muted)}
 header.is-scrolled .company-submenu a:hover,header.is-scrolled .company-submenu a[aria-current=page]{background:#dfe6d6}
 .home-page #home{height:100svh;min-height:700px}
 .home-page #home .hero-content{padding-top:135px}
 #companies .intro{grid-template-columns:1fr;gap:24px}
 #companies .company{grid-template-columns:65px minmax(0,1fr)}
 .portfolio-dots{flex-wrap:nowrap}
 .profile-section-nav{top:80px}
}
.home-page .hero-video-toggle{top:100px}

/* Brand accents, navy logistics, and the supplied International mark. */
#logistics{background:#113056}
#logistics .process-step,#logistics .process-progress li>span{background:#113056;border-color:#8093aa;color:var(--accent)}
#logistics .process-progress li.is-current .process-step,#logistics .process-progress li.is-complete .process-step{background:var(--accent);border-color:var(--accent);color:#113056}
#logistics p,#logistics .logistics-subtitle{color:#d5dfeb}
#contact .contact-panel+.contact-panel{border-left:0}
#companies .company-logo[src$="international-logo.png"]{width:100%;height:auto;max-width:100px;object-fit:contain;mix-blend-mode:normal}
.contact-button:hover,.hiring-cta .contact-button,.profile-cta .contact-button{background:var(--accent);color:#171918}
.portfolio-dots button[aria-current=true]:after,.company-timeline li::before{background:var(--accent)}
.portfolio-arrows button:not(:disabled):hover,.portfolio-viewport .portfolio-arrows button:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:#171918}
.service-flow span{background:#fff4df;border-color:var(--accent);color:#171918}
.service-flow li:hover span,.entity-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#171918}
.service-flow li:not(:last-child):after{background:var(--accent)}
.entity-tabs button:hover{border-color:var(--accent)}
.company-submenu a:hover,.company-submenu a[aria-current=page],header.is-scrolled .company-submenu a:hover,header.is-scrolled .company-submenu a[aria-current=page]{background:var(--accent-soft)}
.profile-company-switch a[aria-current=page],.profile-flow-pair li::before{border-color:var(--accent)}
.policy-page .policy-company-nav a[aria-current="page"]{box-shadow:inset 0 -3px var(--accent)}
summary:hover,.profile-section-nav a:hover{color:var(--accent)}
.text-link:hover{border-color:var(--accent)}
a:focus-visible,button:focus-visible,summary:focus-visible,.copy-button:focus-visible,.map-link:focus-visible,.entity-tabs button:focus-visible,.entity-panel:focus-visible,.policy-page .policy-company-nav a:focus-visible{outline-color:var(--accent)}
@media(max-width:680px){header .company-submenu,header.is-scrolled .company-submenu{background:var(--accent-soft)}#companies .company-logo[src$="international-logo.png"]{max-width:65px}}

@media(max-width:680px){.hero-slide .city-night-poster{background-image:url('assets/city-night-mobile-poster.jpg')!important}}

.hero-slide .studio-poster{transform:none!important}
@media(max-width:680px){.hero-slide .studio-poster{background-image:url('assets/studio-mobile-poster.jpg')!important}}
@media(max-width:680px){.hero-slide:has(.studio-poster) .hero-shade{background:linear-gradient(180deg,rgba(7,15,25,.86) 0%,rgba(7,15,25,.74) 40%,rgba(7,15,25,.28) 67%,rgba(7,15,25,.7) 100%)}}

.hero-slide .logistics-poster{transform:none!important}
@media(max-width:680px){.hero-slide .logistics-poster{background-image:url('assets/logistics-process-mobile-v3.jpg')!important}.hero-slide:has(.logistics-poster) .hero-shade{background:linear-gradient(180deg,rgba(7,15,25,.82) 0%,rgba(7,15,25,.65) 40%,rgba(7,15,25,.18) 67%,rgba(7,15,25,.65) 100%)}}

/* Profile refinements and digital case carousel */
.profile-section-head.profile-head-stacked{grid-template-columns:1fr;gap:20px;text-align:left}
.profile-head-stacked>.eyebrow{margin-top:0}
.company-profile #collaboration,.hiring-cta{background:#113056;color:#fff}
.company-profile #collaboration .profile-cta p,.hiring-cta>p{color:#fff}
.company-profile #collaboration .contact-button,.hiring-cta .contact-button{background:#fff;color:#113056;border-color:#fff}
.company-profile #collaboration .contact-button:hover,.hiring-cta .contact-button:hover{background:#fff;color:#113056;box-shadow:0 0 0 3px #ffffff40}
.product-case h3{margin-top:20px}
.digital-case-viewport{position:relative}
.digital-case-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:8px}
.digital-case-track::-webkit-scrollbar{display:none}
.digital-case-track>.profile-case{flex:0 0 calc((100% - 26px)/2);min-width:0;scroll-snap-align:start;opacity:1;transform:none}
.digital-case-prev,.digital-case-next{position:absolute;top:38%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid #d9ddd6;background:#fff;color:#113056;font-size:23px;cursor:pointer;box-shadow:0 3px 15px #00000012;z-index:2}
.digital-case-prev{left:-24px}.digital-case-next{right:-24px}
.digital-case-prev:disabled,.digital-case-next:disabled{opacity:.35;cursor:default}
.digital-case-track:focus-visible,.digital-case-prev:focus-visible,.digital-case-next:focus-visible{outline:2px solid #113056;outline-offset:4px}
.digital-case-count{font-size:15px;color:var(--muted);margin:18px 0 0;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:680px){.digital-case-track{gap:18px}.digital-case-track>.profile-case{flex-basis:100%}.digital-case-prev,.digital-case-next{width:40px;height:40px}.digital-case-prev{left:-15px}.digital-case-next{right:-15px}}

/* Consistent footer contrast and uninterrupted mouse dragging. */
footer,footer .footer-main p,footer span,footer a,.footer-bottom,.footer-company-links{color:#fff}
.portfolio-track.dragging,.portfolio-track.is-settling{scroll-snap-type:none;scroll-behavior:auto!important;overflow-anchor:none}
.portfolio-track.dragging *{user-select:none;-webkit-user-select:none}
.portfolio-track img{-webkit-user-drag:none}

/* Semantic palette: blue for navigation/actions, gold exclusively for process diagrams. */
.process,.process-progress,.service-flow,.profile-flow-pair{--accent:var(--process-accent)}
#logistics .log-stats strong{color:#fff}
.hero-tabs i:after{background:#fff}
.hero :is(a,button):focus-visible,#logistics :is(a,button):focus-visible,.profile-dark :is(a,button):focus-visible,.hiring-cta :is(a,button):focus-visible,footer a:focus-visible{outline-color:#fff}
.contact .contact-button{background:var(--accent);color:#fff}
.contact .contact-button:hover{background:var(--accent-hover);color:#fff}
.contact-button:hover{color:#fff}
.portfolio-arrows button:not(:disabled):hover,.portfolio-viewport .portfolio-arrows button:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:#fff}
.entity-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.service-flow li:hover span{background:var(--process-accent);border-color:var(--process-accent);color:#171918}
.profile-flow-pair li::before{border-color:var(--process-accent);color:#735015}
.profile-company-switch a[aria-current=page],.profile-section-nav a[aria-current=location],.policy-page .policy-company-nav a[aria-current="page"]{color:var(--accent)}
.policy-page .policy-company-nav a:hover{color:var(--accent);background:var(--accent-soft)}
.copy-button:hover,.map-link:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.text-link:hover,.profile-inline-link:hover{color:var(--accent);border-color:var(--accent)}
header:not(.is-scrolled) .company-submenu a[aria-current=page],header.is-scrolled .company-submenu a[aria-current=page]{color:var(--accent)}
.digital-case-prev:not(:disabled):hover,.digital-case-next:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:#fff}
.digital-case-track:focus-visible,.digital-case-prev:focus-visible,.digital-case-next:focus-visible{outline-color:var(--accent)}
.company-profile #collaboration .contact-button,.company-profile #collaboration .contact-button:hover,.hiring-cta .contact-button,.hiring-cta .contact-button:hover{background:#fff;color:#113056}
footer,footer .footer-main p,footer span,footer a,.footer-bottom,.footer-company-links{color:#fff}
/* Latest company capabilities and evidence, within existing sections. */
.offline-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.offline-case-grid .profile-case-image{aspect-ratio:4/3;height:auto}.offline-case-grid .profile-case-image img{width:100%;height:100%;object-fit:cover}.offline-case-grid h3{font-size:23px;line-height:1.4}.offline-case-grid p:not(.eyebrow){font-size:16px;line-height:1.8}.award-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:36px;padding:28px;background:#f8f8f8}.award-feature img{width:100%;height:auto}.award-feature h3{font-size:32px;margin:14px 0}.award-feature p{line-height:1.8}.award-feature div>span:last-child{display:block;font-size:15px;color:#555;margin-top:12px}.case-type-art{width:100%;height:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:linear-gradient(135deg,#113056,#2457d6);color:#fff}.case-type-art span{font-size:clamp(24px,4vw,48px);letter-spacing:.08em}.case-type-art b{font-weight:400;font-size:18px}.facility-strengths{margin-top:32px}.digital-case-track .profile-case-image img{object-fit:contain}.offline-case-grid .eyebrow{margin-top:18px}@media(max-width:760px){.offline-case-grid{grid-template-columns:1fr;gap:32px}.award-feature{grid-template-columns:1fr;gap:24px;padding:22px}.award-feature h3{font-size:26px}}

/* Shared footer: balanced company marks and a distinct privacy link. */
footer .footer-main{align-items:center;flex-wrap:nowrap;gap:24px}
.footer-brand-pair{display:flex;align-items:center;gap:40px;flex-shrink:0}
.footer-brand-pair .footer-logo{width:120px;min-height:0}
.footer-international-logo{display:block;width:110px;line-height:0}
.footer-international-logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
footer .footer-bottom .footer-privacy-link{font-weight:700}
@media(max-width:600px){footer .footer-main{align-items:flex-start;flex-direction:column;gap:24px}.footer-brand-pair{gap:32px}.footer-brand-pair .footer-logo{width:108px}.footer-international-logo{width:100px}}

#companies .company-logo[src$="international-symbol.png"]{width:100%;max-width:100px;height:auto;aspect-ratio:1200/291;mix-blend-mode:normal;align-self:center;margin-top:0}
.footer-international-logo{width:120px}
@media(max-width:760px){#companies .company-logo[src$="international-symbol.png"]{max-width:65px}}
@media(max-width:600px){.footer-international-logo{width:108px}}

.footer-company-links{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:40px}
.footer-company-links>a:nth-child(2){padding-left:21.9px}
@media(max-width:600px){.footer-company-links{grid-template-columns:108px minmax(0,1fr);column-gap:32px}.footer-company-links>a:nth-child(2){padding-left:19.71px}}

.product-case .profile-case-image.product-original-photo{background:#eee}
.product-case .profile-case-image.product-original-photo img{padding:0;object-fit:contain}

/* Spacing between content groups and within reusable cards. */
:root{--content-group-gap:40px;--card-row-gap:36px}
.profile-section>.network-note{margin-top:var(--content-group-gap)}
.network-note{display:flow-root}
.network-note h3{margin:0 0 20px;line-height:1.5}
.network-note>.eyebrow+h3{margin-top:16px}
.network-note p{margin:0 0 24px}
.network-note>:last-child{margin-bottom:0}
.profile-case-image+h3{margin-top:20px}
.profile-product-grid,.profile-case-grid,.offline-case-grid{row-gap:var(--card-row-gap)}
.profile-case h3{margin-bottom:16px}
.profile-product-grid+.profile-group-title{margin-top:52px}
.profile-strengths,.profile-operation-cases{row-gap:var(--card-row-gap)}
.profile-flow-pair{margin-top:var(--content-group-gap)}
.facility-strengths{margin-top:var(--content-group-gap)}
.capability-row li+li,.role-row li+li{margin-top:6px}
.service-grid{row-gap:28px}
.service-details{padding-top:20px}
.service-details ul{margin-top:16px}
.inquiry-brief{margin-top:36px}
.culture-list{row-gap:36px}
.culture-list h3{margin:18px 0 14px;line-height:1.5}
.culture-list p{margin:0;line-height:1.8}
.profile-cta p{margin:20px 0 0}
@media(max-width:680px){
 :root{--content-group-gap:32px;--card-row-gap:32px}
 .profile-product-grid{column-gap:20px}
 .profile-case-image+h3{margin-top:18px}
 .profile-case h3{margin-bottom:14px}
 .profile-product-grid+.profile-group-title{margin-top:40px}
 .profile-standard-notes{row-gap:28px}
 .capability-row{row-gap:18px}
 .service-grid{row-gap:28px}
 .inquiry-brief{margin-top:32px;row-gap:28px}
 .office-section{row-gap:28px}
 .profile-cta{gap:28px}
 .culture-list{row-gap:32px}
 .contact-panel>p{margin-bottom:28px}
}

.policy-page .policy-effective{margin:40px 0 0;padding-top:24px;border-top:1px solid var(--line);line-height:1.9}
@media(max-width:680px){.policy-page .policy-effective{margin-top:32px;padding-top:20px}}