@charset "UTF-8";
:root{--ink:#14232e;--muted:#6c7880;--orange:#e95e31;--cream:#f4f1eb;--blue:#123b57;--line:#d8d3ca}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;background:var(--cream)}
a{color:inherit;text-decoration:none}
.nav{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#f8f6f1;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}
.brand{display:flex;align-items:center;gap:11px;font:500 15px 'DM Mono';letter-spacing:.08em}
.brand img{width:38px;height:38px;object-fit:contain}
.nav nav{display:flex;gap:32px;color:#51616a;font-size:14px}
.nav-cta{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:5px}
.nav-cta span{color:var(--orange);margin-left:7px}
.hero{min-height:640px;background:var(--blue);color:#fff;padding:115px 12vw 95px;display:flex;justify-content:space-between}
.eyebrow,.kicker{font:500 12px 'DM Mono';letter-spacing:.16em;color:var(--orange)}
.hero .eyebrow{color:#f39a78}
.hero h1{font-size:clamp(52px,7vw,94px);line-height:1.09;letter-spacing:0;margin:24px 0 30px;font-weight:900}
.hero h1 em,.contact em,.values em{font-style:normal;color:#f18358}
.hero p{max-width:580px;color:#c5d1d7;font-size:18px;line-height:1.9}
.hero-actions{display:flex;gap:27px;align-items:center;margin-top:42px}
.btn{font-size:14px}
.btn.primary{background:var(--orange);padding:15px 22px}
.btn.primary span{margin-left:28px}
.btn.text{color:#d5e0e5}
.btn.text span{color:var(--orange);margin-left:15px}
.hero-side{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:17px;color:#8fa8b7;font:12px 'DM Mono';letter-spacing:.13em}
.hero-side b{font-size:52px;color:#fff;font-weight:400}
.side-line{height:1px;width:85px;background:#668497}
.intro,.business,.values,.history,.outlook,.contact{padding:115px 12vw}
.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}
.intro h2,.section-top h2,.values h2,.outlook h2,.contact h2{font-size:clamp(38px,5vw,64px);line-height:1.2;letter-spacing:-.01em;margin:0 0 28px}
.intro p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.95;margin:0 0 16px}
.business{background:#e8e4dc}
.section-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:68px}
.section-top h2{max-width:560px}
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.business-grid article{background:#f8f6f1;padding:30px 28px 34px;min-height:285px;border-top:3px solid var(--orange)}
.num{font:500 13px 'DM Mono';color:var(--orange)}
.business h3{font-size:28px;margin:50px 0 16px}
.business p{color:var(--muted);line-height:1.8;font-size:15px}
.business article span{font:12px 'DM Mono';color:#8a786d}
.values{background:var(--orange);color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}
.values .kicker{color:#ffd0bf}
.values h2 em{color:#fff}
.value-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}
.value-list div{border-top:1px solid rgba(255,255,255,.4);padding:20px 0 25px}
.value-list b{font-size:21px}
.value-list p{font-size:14px;line-height:1.7;color:#ffe3d9}
.history{background:#f8f6f1}
.history-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.history-item{padding:27px 20px 0 0;border-right:1px solid var(--line);min-height:170px}
.history-item:not(:first-child){padding-left:24px}
.history-item:last-child{border-right:0}
.history-item b{display:block;color:var(--orange);font:500 20px 'DM Mono';margin-bottom:27px}
.history-item strong{display:block;font-size:20px;margin-bottom:10px}
.history-item p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}
.outlook{background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.outlook .kicker{color:#f39a78}
.outlook-copy p{font-size:17px;line-height:1.9;color:#c5d1d7;margin:0 0 40px}
.target{border-top:1px solid #668497;padding-top:18px}
.target span{font:12px 'DM Mono';color:#9bb0bc;letter-spacing:.12em}
.target b{display:block;font:500 62px 'DM Mono';margin-top:10px;letter-spacing:0}
.contact{text-align:center;padding-top:130px;padding-bottom:140px}
.contact h2{margin:22px auto 20px}
.contact p{color:var(--muted);font-size:16px}
footer{padding:26px 6vw;background:#0d202d;color:#a5b6c0;display:flex;justify-content:space-between;font-size:12px}
footer span:first-child{color:#fff;font-family:'DM Mono'}
@media(max-width:760px){.nav{padding:0 5vw}
.nav nav{display:none}
.nav-cta{display:none}
.hero,.intro,.business,.values,.history,.outlook,.contact{padding-left:7vw;padding-right:7vw}
.hero{min-height:600px;padding-top:85px}
.hero-side{display:none}
.intro,.values,.outlook{grid-template-columns:1fr;gap:50px}
.section-top{display:block}
.section-top h2{margin-top:18px}
.business-grid{grid-template-columns:1fr}
.value-list{grid-template-columns:1fr}
.history-grid{grid-template-columns:1fr 1fr}
.history-item{border-bottom:1px solid var(--line);border-right:0!important;padding:22px 12px 22px 0!important;min-height:150px}
.history-item:nth-child(even){padding-left:18px!important;border-left:1px solid var(--line)!important}
.target b{font-size:48px}
footer{display:block;line-height:2}
}

.direction-list{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #668497;padding-top:18px}
.direction-list span{border:1px solid #668497;color:#c5d1d7;padding:8px 12px;font-size:13px}

.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 28%,rgba(69,142,181,.32),transparent 30%),linear-gradient(125deg,#0e2d44 0%,#123b57 48%,#0c2537 100%)}
.hero:after{content:'';position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(180,220,235,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(180,220,235,.35) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 0%,#000 54%,transparent 100%);pointer-events:none}
.hero-copy,.hero-side{position:relative;z-index:1}
.hero h1{max-width:780px}
.hero-meta strong{font-size:31px;letter-spacing:0}
.outlook{background:linear-gradient(120deg,#102f47,#123b57)}

.hero-visual{position:absolute;inset:0;z-index:0;opacity:.55;mix-blend-mode:screen}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.05)}
.hero:after{z-index:0;opacity:.08}
.card-mark{height:44px;width:44px;border:1px solid rgba(233,94,49,.55);border-radius:50%;position:relative;margin:0 0 18px auto}
.mark-warehouse:before{content:'';position:absolute;width:16px;height:16px;border:1px solid var(--orange);left:13px;top:13px}
.mark-fulfillment:before{content:'';position:absolute;width:20px;height:1px;background:var(--orange);left:11px;top:21px;box-shadow:0 -7px 0 rgba(233,94,49,.7),0 7px 0 rgba(233,94,49,.7)}
.mark-direct:before{content:'↗';position:absolute;color:var(--orange);font-size:23px;left:11px;top:6px}
.business-grid article{position:relative}
.business-grid article h3,.business-grid article p,.business-grid article span,.business-grid article .num{position:relative;z-index:1}
@media(max-width:760px){.hero-visual{opacity:.3}
.card-mark{margin:0 0 18px auto}
}



.section-image{display:block;width:100%;height:auto;object-fit:cover}.intro-image{aspect-ratio:16/10;object-fit:cover}.outlook-image{aspect-ratio:16/10;object-fit:cover}.business-image{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;margin:0}.contact-details{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;margin:36px auto 0;max-width:980px;text-align:left}.contact-details p{margin:0;font-size:14px;line-height:1.9}.contact-details a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.intro-image,.outlook-image{display:block}
.intro{grid-template-columns:1fr 1fr;gap:6vw}
.intro-copy,.intro-media{min-width:0}
.intro-media .intro-image{width:100%}
.business-grid article{padding:0;overflow:hidden;min-height:0}
.business-content{padding:28px}
.business-grid article h3{margin:18px 0 16px}
.business-grid article:nth-child(2) .business-image{object-position:68% center}
.business-grid article:nth-child(3) .business-image{object-position:92% center}
.outlook{background:var(--blue);background-image:none}
.outlook-image{width:100%}
footer{display:flex;align-items:center;gap:12px}
footer img{width:30px;height:30px;object-fit:contain}
@media(max-width:760px){.intro{grid-template-columns:1fr}.business-grid article{padding:0}.business-content{padding:24px}.card-mark{margin:0 0 18px auto}.outlook-image{width:100%}footer{display:block}footer img{vertical-align:middle;margin-right:8px}}

/* final visual system: clear image-led rhythm */
body{overflow-x:hidden}
.hero{min-height:700px;align-items:center}
.hero-copy{max-width:720px}
.hero-visual{opacity:.48}
.intro{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:7vw;align-items:center;background-image:none}
.intro-copy{max-width:620px}
.intro-media,.values-visual{border-radius:22px;overflow:hidden;background:#d7dbe0}
.intro-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.business{padding-top:105px;padding-bottom:120px}
.section-top{align-items:end;margin-bottom:48px}
.section-top h2{margin:0}
.business-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.business-grid article{display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0;border:1px solid rgba(20,35,46,.08);border-top:3px solid var(--orange);border-radius:18px;background:#f8f6f1}
.business-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;display:block}
.business-content{display:flex;flex-direction:column;flex:1;padding:26px 28px 30px}
.business-grid article h3{margin:10px 0 12px}
.business-grid article p{margin:0 0 18px}
.business-grid article span{margin-top:auto}
.card-mark{margin:0 0 12px auto}
.values{grid-template-columns:minmax(0,.78fr) minmax(0,1.05fr) minmax(0,1fr);gap:5vw;align-items:start}
.values-intro h2{margin-bottom:22px}
.values-lead{color:#ffe3d9;line-height:1.8;max-width:260px}
.values-visual{min-height:320px}
.values-visual img{display:block;width:100%;height:320px;object-fit:cover}
.value-list{grid-template-columns:1fr;gap:0}
.value-list div{padding:18px 0 20px}
.outlook{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7vw;background:var(--blue);background-image:none;align-items:center}
.outlook>div:first-child{min-width:0}
.outlook-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin:0 0 28px;border-radius:22px}
.outlook h2{margin:0}
.contact-details{align-items:flex-start}
footer{min-height:78px}
@media(max-width:900px){.business-grid{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr 1fr}.values-intro{grid-column:1/-1}.values-visual{min-height:0}.values-visual img{height:260px}}
@media(max-width:760px){.hero{min-height:620px}.hero-visual{opacity:.28}.intro{grid-template-columns:1fr;gap:38px}.intro-media{order:2}.business-grid{grid-template-columns:1fr;gap:18px}.business-image{aspect-ratio:16/10}.values{grid-template-columns:1fr;gap:34px}.values-intro{grid-column:auto}.values-visual img{height:240px}.outlook{grid-template-columns:1fr;gap:38px}.outlook-image{margin-bottom:24px}.contact-details{display:grid;grid-template-columns:1fr;gap:18px;text-align:left}}