:root{--navy:#071524;--navy-2:#0b2135;--ink:#14202b;--paper:#f4f3ef;--white:#fff;--copper:#d78943;--muted:#74808a;--line:rgba(12,30,45,.14);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}.skip{position:fixed;left:1rem;top:-4rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:100}.skip:focus{top:1rem}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:94px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brand-mark{width:40px;height:40px;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;color:var(--copper)}.brand b{display:block;font-family:Manrope,sans-serif;font-size:16px;letter-spacing:.16em}.brand small{display:block;margin-top:6px;font-size:11px;letter-spacing:.08em;opacity:.7}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--copper);transition:.25s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:14px}.lang{display:flex;border:0;background:transparent;color:#fff;padding:8px;gap:8px;font-size:12px;cursor:pointer}.lang span{opacity:.45}.lang .active{opacity:1;color:var(--copper)}.header-cta{border:1px solid rgba(255,255,255,.6);padding:10px 18px;font-size:13px}.menu-toggle,.mobile-nav{display:none}.hero{min-height:780px;height:100svh;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(2,14,25,.93) 0%,rgba(5,20,32,.75) 43%,rgba(4,15,25,.12) 72%),linear-gradient(0deg,rgba(4,16,27,.62),transparent 45%)}.hero-content{position:relative;z-index:1;width:var(--max);max-width:calc(100% - 56px);margin:92px auto 0}.eyebrow,.section-no{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:600}.eyebrow span:first-child{width:40px;height:1px;background:var(--copper)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:1.05}h1{max-width:900px;margin:28px 0;font-size:clamp(3.2rem,6.5vw,6.4rem);letter-spacing:-.055em}.hero-copy{max-width:620px;font-size:18px;color:rgba(255,255,255,.78)}.hero-actions{display:flex;gap:14px;margin-top:38px}.btn{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:42px;font-weight:600;font-size:14px;transition:.25s}.btn.primary{background:var(--copper);color:#08131e}.btn.primary:hover{background:#ec9e57;transform:translateY(-2px)}.btn.ghost{border:1px solid rgba(255,255,255,.4)}.hero-foot{position:absolute;z-index:2;bottom:0;left:50%;width:var(--max);max-width:calc(100% - 56px);transform:translateX(-50%);display:grid;grid-template-columns:220px 1fr auto;align-items:center;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.2)}.hero-foot small,.contact-list small{display:block;color:rgba(255,255,255,.55);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hero-foot strong{font-size:14px}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.scroll-cue i{display:block;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;position:relative}.scroll-cue i:after{content:"↓";position:absolute;inset:0;display:grid;place-items:center;font-style:normal}.statement,.services,.contact{max-width:var(--max);margin:auto;padding:120px 28px}.statement{display:grid;grid-template-columns:1fr 2.1fr;gap:70px}.section-no{color:var(--muted);align-items:flex-start}.statement h2,.section-head h2,.contact h2{font-size:clamp(2.3rem,4.2vw,4.6rem);letter-spacing:-.045em}.statement>div p{max-width:710px;margin:34px 0 0;font-size:20px;color:#53616c}.section-head{display:grid;grid-template-columns:1fr 2.1fr;gap:70px;margin-bottom:62px}.services{padding-top:50px}.service{background:var(--navy);color:white;padding:70px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px}.service-index{color:var(--copper);font-size:13px;letter-spacing:.15em}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--copper);margin:30px 0 18px}.service h3,.service-card h3{font-size:clamp(2rem,3vw,3.5rem);letter-spacing:-.04em}.service-copy>p:not(.kicker){color:rgba(255,255,255,.65);max-width:590px}.service ul{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:10px}.service li:before{content:"—";color:var(--copper);margin-right:12px}.route-card{align-self:end;border:1px solid rgba(255,255,255,.18);padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent)}.route-card>p{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.5)}.route{display:flex;align-items:center;gap:8px;margin:32px 0}.route b{font-size:12px}.route i{height:1px;flex:1;background:rgba(255,255,255,.25);position:relative}.route i:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--copper);position:absolute;right:0;top:-2px}.route-note{display:flex;gap:10px;color:rgba(255,255,255,.55);font-size:12px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.service-card{background:#fff}.service-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.83)}.card-body{padding:46px}.card-body>p:last-child{color:#65717a;max-width:560px}.principles{background:var(--navy);color:white;padding:120px max(28px,calc((100vw - var(--max))/2))}.section-head.light .section-no{color:rgba(255,255,255,.5)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}.principle-grid article{padding:46px 40px 30px 0;border-right:1px solid rgba(255,255,255,.18)}.principle-grid article+article{padding-left:40px}.principle-grid article:last-child{border:0}.principle-grid span{color:var(--copper);font-size:12px}.principle-grid h3{font-size:26px;margin:40px 0 14px}.principle-grid p{color:rgba(255,255,255,.6);margin:0}.contact{display:grid;grid-template-columns:1.25fr .75fr;gap:100px}.contact-panel{border-top:3px solid var(--copper);padding-top:28px}.contact-panel>p{font-size:18px;color:#5b6872}.contact-list{display:grid;gap:18px;margin:34px 0}.contact-list div{padding-bottom:16px;border-bottom:1px solid var(--line)}.contact-list small{color:var(--muted);margin-bottom:4px}.contact-list strong{font-size:15px}.btn.wide{width:100%}footer{background:#030c14;color:#fff;padding:50px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:40px}.footer-brand .brand-mark{border-color:rgba(255,255,255,.25)}footer p{font-size:12px;color:rgba(255,255,255,.5)}
@media(max-width:960px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:transparent;place-content:center;gap:6px}.menu-toggle span{width:18px;height:1px;background:#fff}.mobile-nav{position:absolute;display:none;top:94px;left:0;right:0;background:var(--navy);padding:28px;gap:20px;border-top:1px solid rgba(255,255,255,.12)}.mobile-nav.open{display:grid}.statement,.section-head{grid-template-columns:1fr;gap:24px}.service{grid-template-columns:1fr;padding:48px}.contact{grid-template-columns:1fr;gap:50px}.service-grid{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}footer{grid-template-columns:1fr}}
@media(max-width:640px){.site-header{height:78px;padding:0 18px}.brand-mark{width:36px;height:36px}.brand b{font-size:14px}.brand small{font-size:10px}.lang{padding:4px}.mobile-nav{top:78px}.hero{min-height:720px}.hero-content{max-width:calc(100% - 36px);margin-top:70px}.hero-image{object-position:66% center}.hero-overlay{background:linear-gradient(90deg,rgba(2,14,25,.94),rgba(4,16,26,.7)),linear-gradient(0deg,rgba(4,16,27,.65),transparent)}h1{font-size:clamp(2.7rem,13vw,4.1rem)}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-foot{max-width:calc(100% - 36px);grid-template-columns:1fr 1fr}.scroll-cue{display:none}.statement,.services,.contact{padding:85px 18px}.service{padding:34px 24px}.route-card{padding:22px}.route{gap:5px}.route b{font-size:10px}.card-body{padding:32px 24px}.principles{padding:85px 18px}.section-head{margin-bottom:38px}.contact h2,.statement h2,.section-head h2{font-size:2.5rem}footer{padding:44px 18px}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
.brand-logo{width:48px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}
.brand .wordmark{display:block;font-family:Manrope,sans-serif;font-size:19px;font-style:italic;font-weight:800;letter-spacing:-.04em}
.lang{display:flex;align-items:center;border:0;background:transparent;padding:0;gap:2px}
.lang button{border:0;background:transparent;color:#fff;padding:7px 6px;font-size:12px;opacity:.45;cursor:pointer}
.lang button.active{opacity:1;color:var(--copper)}
.contact-list strong{font-size:15px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.contact-list address{font-style:normal;font-weight:600;line-height:1.55}
.contact-link{text-decoration-color:rgba(20,32,43,.28);text-decoration-line:underline;text-underline-offset:4px}
.contact-link:hover{color:#0b554c}
.footer-brand .brand-logo{opacity:.9}
[dir="rtl"] body{font-family:"DM Sans",Tahoma,Arial,sans-serif;text-align:right}
[dir="rtl"] .site-header,[dir="rtl"] .header-actions,[dir="rtl"] .hero-actions,[dir="rtl"] .route-note{direction:rtl}
[dir="rtl"] .brand{direction:ltr}
[dir="rtl"] .desktop-nav,[dir="rtl"] .lang,[dir="rtl"] .route{direction:ltr}
[dir="rtl"] .statement,[dir="rtl"] .section-head,[dir="rtl"] .service,[dir="rtl"] .contact{direction:rtl}
[dir="rtl"] .eyebrow,[dir="rtl"] .section-no{flex-direction:row-reverse;justify-content:flex-end}
[dir="rtl"] .service li:before{margin-right:0;margin-left:12px}
[dir="rtl"] .principle-grid{direction:rtl}
[dir="rtl"] .principle-grid article{padding:46px 0 30px 40px;border-right:0;border-left:1px solid rgba(255,255,255,.18)}
[dir="rtl"] .principle-grid article+article{padding-right:40px}
[dir="rtl"] .principle-grid article:last-child{border-left:0}
[dir="rtl"] .contact-list strong{direction:ltr;text-align:left}
@media(max-width:640px){.brand-logo{width:40px;height:34px}.brand .wordmark{font-size:16px}.lang{padding:0}}
.hero-map{position:absolute;z-index:1;top:105px;right:2%;width:min(56vw,900px);opacity:.2;pointer-events:none;mix-blend-mode:screen}
.hero-content,.hero-foot{z-index:2}
.route-card{position:relative;min-height:370px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.route-map{position:absolute;z-index:0;inset:15% -16% auto 5%;width:115%;opacity:.18;pointer-events:none}
.route-content,.route-note{position:relative;z-index:1}
.route-content>p{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.5)}
.route-content h4{margin:18px 0 28px;font-family:Manrope,sans-serif;font-size:clamp(2rem,3.2vw,3.8rem);line-height:1.04;letter-spacing:-.045em;max-width:520px}
.route-origin{display:flex;align-items:center;gap:10px;font-size:13px}
.route-origin span{width:10px;height:10px;border:2px solid var(--copper);border-radius:50%;box-shadow:0 0 0 6px rgba(215,137,67,.15)}
.route-destinations{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.route-destinations span{padding:7px 10px;border:1px solid rgba(255,255,255,.18);font-size:11px;color:rgba(255,255,255,.7)}
[dir="rtl"] .hero-map{right:auto;left:2%}
[dir="rtl"] .route-origin,[dir="rtl"] .route-destinations{direction:rtl}
@media(max-width:960px){.hero-map{width:75vw;right:-14%;opacity:.15}.route-card{min-height:350px}}
@media(max-width:640px){.hero-map{top:120px;right:-38%;width:118vw;opacity:.12}.route-content h4{font-size:2.35rem}.route-map{width:145%;inset:19% -38% auto 0}}

/* Expanded trade and recycling portfolio */
.service-grid.expanded{grid-template-columns:repeat(3,1fr)}
.expanded .service-card img{filter:saturate(.9)}
.expanded .card-body{padding:38px 34px}
.expanded .service-card h3{font-size:clamp(1.75rem,2.35vw,2.75rem)}
.aluminum-showcase{margin-top:110px}
.showcase-intro{display:grid;grid-template-columns:1fr 2.1fr;gap:70px;align-items:start;margin-bottom:46px}
.showcase-intro h2{font-family:Manrope,sans-serif;margin:0;font-size:clamp(2.3rem,4.2vw,4.6rem);line-height:1.05;letter-spacing:-.045em}
.showcase-intro>div>p{max-width:730px;margin:28px 0 0;color:#5d6973;font-size:18px}
.aluminum-gallery{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:18px}
.aluminum-gallery figure{position:relative;margin:0;min-height:290px;overflow:hidden;background:var(--navy)}
.aluminum-gallery .gallery-main{grid-row:1/3;min-height:600px}
.aluminum-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:saturate(.92)}
.aluminum-gallery figure:hover img{transform:scale(1.025)}
.aluminum-gallery figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:15px;padding:44px 28px 22px;color:#fff;background:linear-gradient(transparent,rgba(3,12,20,.9))}
.aluminum-gallery figcaption span{color:var(--copper);font-size:12px;letter-spacing:.15em}
.aluminum-gallery figcaption b{font-family:Manrope,sans-serif;font-size:17px}
@media(max-width:1100px){
  .service-grid.expanded{grid-template-columns:1fr 1fr}
  .service-grid.expanded .service-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}
  .service-grid.expanded .service-card:first-child img{height:100%;aspect-ratio:auto}
}
@media(max-width:960px){
  .showcase-intro{grid-template-columns:1fr;gap:24px}
  .aluminum-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .aluminum-gallery .gallery-main{grid-column:1/-1;grid-row:auto;min-height:470px}
  .aluminum-gallery figure{min-height:260px}
}
@media(max-width:640px){
  .expanded .card-body{padding:32px 24px}
  .service-grid.expanded{grid-template-columns:1fr}
  .service-grid.expanded .service-card:first-child{grid-column:auto;display:block}
  .service-grid.expanded .service-card:first-child img{height:auto;aspect-ratio:3/2}
  .aluminum-showcase{margin-top:76px}
  .aluminum-gallery{grid-template-columns:1fr}
  .aluminum-gallery .gallery-main{grid-column:auto;min-height:360px}
  .aluminum-gallery figure{min-height:300px}
  .aluminum-gallery figcaption{padding:40px 20px 18px}
  .showcase-intro h2{font-size:2.5rem}
}