@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  --red:#d21c27;
  --ink:#17191b;
  --muted:#666b70;
  --line:#e7e7e7;
  --cream:#f6f6f4;
  --panel:#f2f3f3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.shell{max-width:1240px;margin:auto;padding:0 32px}
header{height:94px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee}
.head{display:flex;align-items:center;justify-content:space-between;height:100%;gap:30px}
.brand img{width:195px;height:75px;object-fit:contain;object-position:left center}
nav{display:flex;align-items:center;gap:27px}
nav a{font-size:13px;font-weight:700;color:#343434;white-space:nowrap}
nav a:hover,.active{color:var(--red)}
.btn{display:inline-flex;justify-content:center;align-items:center;padding:16px 24px;background:var(--red);color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.025em;gap:14px;border:1px solid var(--red);transition:.2s}
.btn:hover{background:#ad1520}
.btn.outline{color:var(--ink)!important;background:transparent;border-color:#c7c7c7}
.btn.outline:hover{border-color:var(--red);color:var(--red)!important}
.menu{display:none;border:0;background:#fff;font-size:25px}
.eyebrow{text-transform:uppercase;color:var(--red);font-size:11px;letter-spacing:.19em;font-weight:800;margin:0 0 24px}
.hero{min-height:640px;background:linear-gradient(90deg,rgba(11,15,19,.94) 0%,rgba(14,19,25,.82) 42%,rgba(14,19,25,.30) 100%),url('hero-warehouse.jpg') center/cover;display:flex;align-items:center;color:#fff}
.hero .content{padding:105px 0;max-width:760px}
.hero .eyebrow{color:#ff5962}
.hero h1{font-size:clamp(45px,6vw,83px);line-height:1.07;margin:0 0 26px;font-weight:800}
.hero p{font-size:18px;line-height:1.8;color:#e4e5e5;max-width:640px;margin:0 0 36px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.hero .outline{border-color:#ffffffaa;color:#fff!important}
.hero .outline:hover{color:#fff!important}
.trust{border-bottom:1px solid var(--line);background:#fff}
.trust .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px}
.trust span{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.095em;color:#555}
.trust b{color:var(--red);font-size:16px;margin-right:7px}
.section{padding:100px 0}
.section.soft{background:var(--cream)}
.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:45px}
.section h2,.pagehead h1{font-size:clamp(35px,4.4vw,59px);line-height:1.14;margin:0}
.section-heading p{max-width:475px;color:var(--muted);line-height:1.75}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service{background:#fff;border:1px solid #e8e8e8;padding:35px 30px;min-height:305px;display:flex;flex-direction:column}
.service .num{font-size:12px;font-weight:800;color:var(--red);letter-spacing:.2em}
.service h3{font-size:24px;line-height:1.3;margin:32px 0 13px}
.service p{line-height:1.75;color:var(--muted);font-size:15px;margin:0 0 25px}
.service a{color:var(--red);font-size:13px;font-weight:800;margin-top:auto}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:510px}
.split .picture{background:url('warehouse-team.jpg') center/cover;min-height:400px}
.split .copy{padding:75px max(40px,calc((100vw - 1180px)/2));background:#202328;color:#fff}
.split .copy h2{font-size:clamp(36px,4vw,56px);line-height:1.16;margin:0 0 24px}
.split .copy p{line-height:1.8;color:#d0d1d3;margin-bottom:30px}
.split .copy .eyebrow{color:#ff6570}
.costco{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.costco .visual{background:#e7e8e8;min-height:460px;background-image:linear-gradient(135deg,#353b40be,#10131590),url('strategy-meeting.jpg');background-size:cover;background-position:center;display:flex;align-items:end;padding:34px;color:#fff}
.visual strong{font-size:24px;letter-spacing:-.03em}
.costco h2{font-size:clamp(34px,4vw,56px);margin:0 0 22px;line-height:1.16}
.costco p{color:var(--muted);line-height:1.8}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px}
.step{border-top:3px solid var(--red);padding-top:25px}
.step b{color:var(--red);font-size:12px}
.step h3{font-size:18px}
.step p{color:var(--muted);font-size:14px;line-height:1.7}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.photo-card{background:#fff;border:1px solid var(--line)}
.photo-card img{width:100%;height:285px;object-fit:cover}
.photo-card .caption{padding:22px 22px 24px}
.photo-card h3{font-size:22px;margin:0 0 10px}
.photo-card p{margin:0;color:var(--muted);line-height:1.75;font-size:15px}
.clientspotlight,.feature-split,.two,.contactgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center}
.client-visual img,.feature-image img{width:100%;border:1px solid var(--line);min-height:430px;object-fit:cover}
.client-copy p,.prose p,.feature-copy p,.contactgrid p{line-height:1.8;color:var(--muted)}
.client-badge{display:inline-block;border:1px solid #d4d4d4;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3e4144;margin-bottom:20px;background:#fff}
.client-name{font-size:clamp(36px,4vw,54px);margin:0 0 18px}
.bullets{padding:0;margin:24px 0 0;list-style:none;display:grid;gap:14px}
.bullets li{position:relative;padding-left:22px;color:var(--ink);line-height:1.7}
.bullets li:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--red);position:absolute;left:0;top:11px}
.metricband{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.metric{border:1px solid var(--line);padding:28px;background:#fff}
.metric strong{display:block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.metric span{display:block;font-size:28px;font-family:Manrope,Arial,sans-serif;font-weight:800;margin-bottom:10px}
.metric p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}
.pagehead{padding:95px 0;background:linear-gradient(180deg,#fafafa,#f4f4f4)}
.pagehead h1{margin-bottom:18px}
.pagehead p{font-size:18px;color:var(--muted);max-width:720px;line-height:1.8}
.note{margin-top:28px;color:var(--muted);font-size:14px;line-height:1.8;background:#fafafa;border-left:3px solid var(--red);padding:18px 18px 18px 20px}
.prose p{margin-top:0;margin-bottom:20px}
.image-panel img{width:100%;border:1px solid var(--line);object-fit:cover;min-height:430px}
.feature{padding:28px 30px;background:#fafafa;border:1px solid var(--line);margin-bottom:18px}
.feature h3{margin:0 0 12px;font-size:22px}
.feature p{margin:0;color:var(--muted)}
.contactgrid{align-items:start}
.cta{background:var(--red);color:#fff;padding:75px 0}
.cta .shell{display:flex;justify-content:space-between;gap:40px;align-items:center}
.cta h2{font-size:clamp(32px,4vw,52px);margin:0 0 12px}.cta p{margin:0;color:#ffd6d6;font-size:17px;line-height:1.8}.cta .btn{background:#fff;color:var(--red)!important;border-color:#fff}.cta .btn:hover{background:#f3f3f3}
footer{background:#141618;color:#fff;padding:52px 0 0}.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:40px}.foot .logo img{width:190px;height:70px;object-fit:contain;object-position:left center;margin-bottom:18px}.foot p{margin:0;color:#b8bdc1;line-height:1.8;font-size:15px}.foot h4{margin:0 0 17px;font-size:15px;text-transform:uppercase;letter-spacing:.11em;color:#fff}.foot a{display:block;margin:0 0 13px;color:#d0d4d8;font-size:14px}.fine{border-top:1px solid #25282a;padding:22px 0;font-size:12px;color:#9fa4a9;line-height:1.8}
@media(max-width:1080px){
  nav{display:none;position:absolute;top:94px;left:0;right:0;background:#fff;padding:25px;box-shadow:0 12px 25px #0002;flex-direction:column;align-items:flex-start}
  nav.open{display:flex}
  .menu{display:block}
  .hero{min-height:600px}
  .cards,.steps,.gallery,.metricband{grid-template-columns:1fr 1fr}
  .split,.costco,.two,.contactgrid,.clientspotlight,.feature-split{grid-template-columns:1fr}
  .split .copy{padding:65px 32px}
  .section{padding:75px 0}
  .costco{gap:35px}
  .costco .visual{min-height:300px}
  .foot{grid-template-columns:1fr 1fr}
  .section-heading{display:block}
  .cta .shell{display:block}
  .cta .btn{margin-top:22px}
}
@media(max-width:560px){
  .shell{padding:0 22px}
  .hero h1{font-size:45px}
  .hero p,.pagehead p{font-size:16px}
  .cards,.steps,.foot,.gallery,.metricband{grid-template-columns:1fr}
  .section{padding:65px 0}
  .section h2,.pagehead h1,.client-name{font-size:37px}
  .service{min-height:0}
  .pagehead{padding:75px 0}
  .trust .shell{display:grid;grid-template-columns:1fr 1fr}
  .contactgrid{gap:30px}
  .photo-card img,.client-visual img,.feature-image img,.image-panel img{min-height:0;height:auto}
}

.language-switch{display:flex;gap:0;align-items:center;flex-shrink:0;border:1px solid #d4d4d4;border-radius:2px;margin-left:2px}.language-switch a{font-size:12px;font-weight:800;color:#515458;padding:10px 11px;line-height:1;text-decoration:none}.language-switch a.selected{background:#17191b;color:#fff}.language-switch a:hover:not(.selected){color:var(--red)}@media(max-width:1080px){.language-switch{margin-left:auto;margin-right:14px}.head{gap:12px}}

.borbone-logo-visual{display:flex;align-items:center;justify-content:center;background:#fff;min-height:350px;padding:44px;border:1px solid var(--line)}
.borbone-logo-visual img{width:100%;height:auto;max-height:260px;min-height:0;object-fit:contain;border:0}
@media(max-width:560px){.borbone-logo-visual{min-height:220px;padding:20px}}

/* Persistent top-right language control */
header .head{position:relative;gap:18px}
header nav{margin-left:auto;gap:20px}
.language-switch{display:flex;flex:0 0 auto;align-items:center;gap:0;border:1px solid #d9dde1;border-radius:4px;background:#fff;padding:3px;white-space:nowrap;z-index:2;margin-left:4px}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;padding:3px 7px;color:#555; font-size:12px;font-weight:800;letter-spacing:.035em;border-radius:2px}
.language-switch a.selected{background:#d21c27;color:white}
.language-switch a:hover:not(.selected){background:#f2f2f2;color:#c71924}
@media(max-width:1080px){header .brand{margin-right:auto}header .language-switch{order:2;margin-left:0}header .menu{order:3}header nav{order:4;margin-left:0}}
@media(max-width:560px){header .brand img{width:154px;height:66px}header .head{gap:10px}.language-switch a{min-width:30px;min-height:31px;padding:3px 5px}}

/* Location, inquiry forms and business contact */
.port-location{border-left:4px solid var(--red);padding:15px 20px!important;background:white;margin-top:22px;max-width:820px!important;font-weight:600;color:var(--ink)!important;font-size:17px!important}
.inquiry-area{padding:28px;margin:0 0 25px;border:1px solid var(--line);background:#fff}
.inquiry-area h3{font-size:26px;margin:0 0 10px}.inquiry-area>p{font-size:15px;margin:0 0 18px}
.afg-inquiry-form{display:flex;flex-direction:column;gap:14px}.afg-form-field{display:flex;flex-direction:column;gap:7px}.afg-form-field label{font-weight:700;font-size:13px}.afg-form-field input,.afg-form-field textarea{font:inherit;font-size:15px;border:1px solid #d4d7d9;border-radius:2px;background:#fff;padding:13px 14px;width:100%;color:var(--ink)}.afg-form-field input:focus,.afg-form-field textarea:focus{outline:2px solid var(--red);outline-offset:1px}.afg-inquiry-form button{cursor:pointer;align-self:start}.afg-inquiry-form button:disabled{opacity:.65;cursor:wait}.form-status{font-size:14px;line-height:1.5;margin:0!important}.foot{grid-template-columns:1.3fr 1fr 1fr 1.2fr}.foot a[href^="tel:"],.foot a[href^="mailto:"]{overflow-wrap:anywhere}@media(max-width:1080px){.foot{grid-template-columns:1fr 1fr}}@media(max-width:560px){.foot{grid-template-columns:1fr}.inquiry-area{padding:20px}}
