/*
Theme Name: Pacoria Global Trade Pro HD
Version: 2.0
Author: Pacoria
Description: Premium photographic WordPress theme for Pacoria Global Trade.
*/
:root{--navy:#061936;--cyan:#12c7c7;--purple:#6332e8;--ink:#0b1c38;--muted:#64748a;--line:#e6ebf1;--soft:#f6f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}
.topbar{height:34px;background:var(--navy);color:#dbe6f2;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:11px}
.header{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:10}
.logo{width:190px;height:auto;display:block}.nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.nav a{padding:27px 0}.nav a:hover{color:var(--purple)}.nav .quote{background:var(--navy);color:#fff;padding:13px 20px;border-radius:25px}
.hero{display:grid;grid-template-columns:46% 54%;min-height:610px}.hero-copy{background:var(--navy);color:#fff;display:flex;align-items:center;padding:75px 10% 75px 12%}.hero-inner{max-width:610px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:var(--cyan);margin-bottom:17px}.hero h1{font-size:60px;line-height:1.02;letter-spacing:-1.3px;margin:0 0 20px}.hero p{font-size:18px;line-height:1.65;color:#d7e1ec;margin:0 0 24px}.hero-photo{background:url('assets/images/hero-cargo.jpg') center/cover no-repeat}
.btn{display:inline-block;padding:14px 22px;border-radius:3px;font-size:13px;font-weight:800}.btn.cyan{background:var(--cyan);color:var(--navy)}.btn.dark{background:var(--navy);color:#fff}.btn.light{background:#fff;color:var(--navy)}
.services{width:90%;max-width:1400px;margin:auto;padding:58px 0 30px}.services-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.services-head h2{font-size:34px;margin:0}.services-head p{color:var(--muted);margin:0}.kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--purple);margin-bottom:10px}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service{min-height:295px;background-size:cover;background-position:center;position:relative;color:#fff;padding:23px;display:flex;align-items:flex-end;overflow:hidden}.service:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(6,25,54,.94))}.service>div{position:relative;z-index:1}.service h3{font-size:18px;margin:0 0 8px}.service p{font-size:12px;line-height:1.5;color:#dce6f0;margin:0}.trading{background-image:url('assets/images/trading.jpg')}.logistics{background-image:url('assets/images/logistics.jpg')}.sourcing{background-image:url('assets/images/sourcing.jpg')}.markets{background-image:url('assets/images/markets.jpg')}.sustainability{background-image:url('assets/images/sustainability.jpg')}
.metrics{width:90%;max-width:1400px;margin:28px auto 0;background:var(--navy);color:#fff;display:grid;grid-template-columns:repeat(6,1fr)}.metric{text-align:center;padding:28px 10px;border-right:1px solid #ffffff1c}.metric:last-child{border:0}.metric b{display:block;font-size:31px;margin-bottom:5px}.metric span{font-size:11px;color:#b8c9dc}
.section{padding:88px 7%}.alt{background:var(--soft)}.split{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.section h2{font-size:42px;line-height:1.08;margin:0 0 16px}.section p{color:var(--muted);font-size:16px;line-height:1.75}.photo{min-height:420px;background-size:cover;background-position:center}.photo.handshake{background-image:url('assets/images/about.jpg')}.photo.port{background-image:url('assets/images/contact.jpg')}
.gallery{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.gallery-card{min-height:300px;background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:flex-end;padding:28px}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(6,25,54,.9))}.gallery-card>div{position:relative;z-index:1}.gallery-card h3{margin:0;font-size:23px}.gallery-one{background-image:url('assets/images/about.jpg')}.gallery-two{background-image:url('assets/images/contact.jpg')}
.cta{background:var(--navy);color:#fff;padding:58px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:35px;margin:0 0 8px}.cta p{color:#c6d2df;margin:0}
.footer{background:#04152e;color:#fff;padding:55px 7%}.footer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:42px}.footer h3{font-size:14px}.footer a{display:block;color:#c4d0df;font-size:13px;margin:9px 0}.footer p{color:#b8c6d7;line-height:1.7;font-size:13px}
.page-hero{display:grid;grid-template-columns:45% 55%;min-height:430px}.page-copy{background:var(--navy);color:#fff;padding:70px 11%;display:flex;align-items:center}.page-copy h1{font-size:51px;line-height:1.05;margin:0 0 14px}.page-copy p{font-size:18px;line-height:1.6;color:#d6e0eb}.page-photo{background-size:cover;background-position:center}.page-trading{background-image:url('assets/images/trading.jpg')}.page-logistics{background-image:url('assets/images/logistics.jpg')}.page-sourcing{background-image:url('assets/images/sourcing.jpg')}.page-markets{background-image:url('assets/images/markets.jpg')}.page-about{background-image:url('assets/images/about.jpg')}.page-contact{background-image:url('assets/images/contact.jpg')}
.form{max-width:620px;display:grid;gap:12px}.form input,.form textarea{font:inherit;border:1px solid #dbe2ea;padding:15px}.form textarea{min-height:150px}
@media(max-width:1050px){.nav{gap:13px}.service-grid{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:50px}}
@media(max-width:720px){.topbar{display:none}.header{height:auto;padding:18px;display:block}.nav{overflow:auto;margin-top:14px;gap:18px}.nav a{padding:8px 0;white-space:nowrap}.hero,.page-hero{grid-template-columns:1fr}.hero-copy,.page-copy{padding:62px 8%}.hero-photo{min-height:380px}.page-photo{min-height:330px}.service-grid,.metrics,.split,.gallery,.footer-grid{grid-template-columns:1fr}.metrics{width:92%}.section{padding:60px 6%}.section h2{font-size:34px}.cta{display:block}}