:root{
  --bg:#050d16;
  --bg2:#081522;
  --panel:#0a1826;
  --panel2:#0d1d2d;
  --line:rgba(255,255,255,.09);
  --line-gold:rgba(213,171,83,.38);
  --text:#eef3f7;
  --muted:#9aa8b8;
  --gold:#d5ab53;
  --gold2:#f0c975;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:70;background:rgba(5,13,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-shell{height:92px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:212px;height:auto}
.nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:13px;color:#d8e0e7}
.nav a{transition:.25s ease}
.nav a:hover{color:var(--gold2)}
.nav-cta{background:var(--gold)!important;color:#07111c!important;padding:12px 17px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:11px;border:1px solid var(--gold)}
.menu-toggle{display:none;background:none;border:0;padding:10px}
.menu-toggle span{display:block;width:26px;height:1px;background:#fff;margin:6px 0}
.section{padding:112px 0;background:#091522}
.section-dark{background:#050d16}
.eyebrow{margin:0 0 14px;color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0}
h1{font-size:clamp(52px,7.3vw,98px);line-height:.93;letter-spacing:-.045em}
h2{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.035em}
h3{font-size:25px;line-height:1.1}
em{font-style:normal;color:var(--gold2)}
p{color:var(--muted)}
.hero{padding:70px 0 0;overflow:hidden}
.hero-intro{max-width:980px;text-align:center;padding:42px 0 56px}
.hero-intro .hero-lead{font-size:18px;max-width:760px;margin:26px auto 0;color:#b9c4cf}
.hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:580px;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-panel{position:relative;overflow:hidden;min-height:580px}
.hero-panel+ .hero-panel{border-left:1px solid rgba(213,171,83,.45)}
.hero-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1.2s ease}
.hero-panel:hover img{transform:scale(1.07)}
.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,22,.14),rgba(5,13,22,.94) 83%),linear-gradient(90deg,rgba(5,13,22,.42),transparent)}
.image-shade.strong{background:linear-gradient(180deg,rgba(5,13,22,.24),rgba(5,13,22,.97) 86%),linear-gradient(90deg,rgba(5,13,22,.48),transparent)}
.panel-content{position:absolute;left:44px;right:44px;bottom:46px;z-index:2}
.panel-kicker{color:var(--gold2);font-size:10px;letter-spacing:.18em;font-weight:800;margin:0 0 12px}
.panel-content h2{font-size:46px}
.panel-content p:not(.panel-kicker){max-width:520px;color:#d0d8df;font-size:15px;margin:14px 0 24px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;text-transform:uppercase;font-size:11px;font-weight:850;letter-spacing:.07em;transition:.25s ease;border:1px solid transparent}
.button.gold{background:var(--gold);color:#06101a;border-color:var(--gold)}
.button.gold:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(213,171,83,.18)}
.button.wide{width:100%;border:0}
.hero-micro{display:flex;align-items:center;justify-content:center;gap:18px;min-height:76px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#c9d2db;text-transform:uppercase;font-size:9px;letter-spacing:.15em}
.hero-micro i,.capability-strip i{width:28px;height:1px;background:var(--gold)}
.story{background:#081522}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.story-image{position:relative;min-height:650px}
.story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}
.story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,13,22,.28))}
.story-frame{position:absolute;inset:24px;border:1px solid rgba(213,171,83,.42);z-index:2;pointer-events:none}
.story-copy .lead{font-size:19px;color:#d1dae2;margin-top:26px}
.story-copy>p{max-width:620px}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:36px 0}
.mission-grid>div{padding:25px 0;border-top:1px solid var(--line-gold);border-bottom:1px solid var(--line)}
.icon-line,.reason-icon{color:var(--gold2);font-size:27px}
.mission-grid h3{font-size:24px;margin:10px 0}
.mission-grid p{font-size:13px;margin-bottom:0}
.values{display:flex;gap:10px;flex-wrap:wrap}
.values span,.who-we-work-with span{border:1px solid var(--line-gold);color:#d9e1e8;padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;background:rgba(213,171,83,.035)}
.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:46px}
.section-heading>p{margin:0;font-size:16px}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.industry-card{position:relative;min-height:330px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.industry-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08);transition:.8s ease}
.industry-card:hover img{transform:scale(1.06)}
.industry-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,22,.05),rgba(5,13,22,.94) 78%)}
.industry-card>div:last-child{position:absolute;left:24px;right:24px;bottom:22px}
.industry-card span{font-size:10px;color:var(--gold2);letter-spacing:.13em}
.industry-card h3{font-size:26px;margin:7px 0}
.industry-card p{font-size:12px;margin:0;color:#a9b5c0}
.who-we-work-with{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.services{background:#091522}
.service-cinematic{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.service-feature{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--line)}
.service-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1.1s ease}
.service-feature:hover>img{transform:scale(1.05)}
.service-copy{position:absolute;z-index:2;left:36px;right:36px;bottom:34px}
.service-copy h3{font-size:42px;color:#fff;margin-bottom:18px}
.service-copy ul{margin:0;padding-left:18px;color:#ccd5dd;font-size:14px}
.service-copy li{margin:8px 0}
.credibility{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.credibility-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.credibility-intro p:last-child{font-size:15px}
.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.reason{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.reason h3{font-size:24px;margin:10px 0}
.reason p{font-size:13px;margin:0}
.capability-strip{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:6px;color:#c7d0d9;text-transform:uppercase;font-size:9px;letter-spacing:.15em}
.process{background:#081522}
.journeys{display:grid;grid-template-columns:1fr 1fr;gap:54px}
.journey{position:relative;border-top:1px solid var(--line-gold);padding-top:24px}
.journey-label{color:var(--gold2);letter-spacing:.18em;font-size:10px;font-weight:800;margin:0 0 24px}
.v-step{display:grid;grid-template-columns:48px 1fr;gap:20px;position:relative;padding-bottom:28px}
.v-step:not(:last-child):after{content:"";position:absolute;left:23px;top:44px;bottom:0;width:1px;background:linear-gradient(var(--gold),rgba(213,171,83,.08))}
.v-step>span{width:46px;height:46px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:11px;background:#081522;z-index:1}
.v-step h3{font-size:27px;margin:3px 0 6px}
.v-step p{margin:0;font-size:13px;max-width:430px}
.global{padding-bottom:120px}
.global .shell{display:grid;grid-template-columns:.55fr 1.45fr;gap:48px}
.global-copy{align-self:center}
.global-copy p:last-child{font-size:16px}
.map-wrap{position:relative;min-height:520px;border:1px solid var(--line);overflow:hidden}
.map-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.08)}
.map-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,22,.52),rgba(5,13,22,.12))}
.map-pin{position:absolute;background:#081522;color:#fff;border:1px solid var(--gold);padding:9px 12px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;transition:.25s}
.map-pin:hover,.map-pin.active{background:var(--gold);color:#07111b}
.map-pin.europe{left:45%;top:25%}
.map-pin.middleeast{left:61%;top:29%}
.map-pin.asia{left:78%;top:38%}
.map-pin.australia{left:81%;top:73%}
.region-details{grid-column:2/3;border-left:2px solid var(--gold);padding:5px 0 5px 22px;min-height:92px}
.region-details strong{font-family:var(--serif);font-size:26px;color:#fff}
.region-details p{margin:5px 0 0;font-size:13px}
.contact{background:
  linear-gradient(90deg,rgba(5,13,22,.94),rgba(5,13,22,.78)),
  url("assets/contact_port.webp") center/cover fixed;
}
.contact-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:44px}
.contact-intro>div:first-child p:last-child{max-width:680px;font-size:16px}
.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#d6dfe7;font-size:12px}
.trust-points span{padding:12px 0;border-bottom:1px solid var(--line)}
.forms-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.project-form{background:rgba(5,13,22,.88);border:1px solid rgba(255,255,255,.11);padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.form-title{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;margin-bottom:20px}
.form-title>span{width:40px;height:40px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:10px}
.form-title h3{font-size:28px}
.form-title .panel-kicker{margin-bottom:4px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-form label{display:block;margin:15px 0}
.project-form label>span{display:block;color:var(--gold2);text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;margin-bottom:7px}
.project-form input,.project-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.28);color:#fff;padding:10px 3px 11px;outline:none;border-radius:0}
.project-form textarea{resize:vertical;min-height:98px}
.project-form input:focus,.project-form textarea:focus{border-bottom-color:var(--gold)}
.project-form input::placeholder,.project-form textarea::placeholder{color:#6f7c88}
.form-note{font-size:10px;margin:10px 0 0;color:#758493}
.final-cta{padding:74px 0;border-top:1px solid var(--line)}
.final-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.final-cta-grid p{font-size:15px}
.final-cta-grid .button{margin-top:12px}
.footer{padding:68px 0 28px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.45fr .7fr .7fr .9fr;gap:42px}
.footer-brand img{width:230px}
.footer-brand p{font-size:13px;max-width:310px}
.footer-col{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#b9c4ce}
.footer-col strong{color:var(--gold2);text-transform:uppercase;letter-spacing:.13em;font-size:10px;margin-bottom:5px}
.footer-col a:hover{color:var(--gold2)}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:10px;color:#6f7e8e}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.is-visible{opacity:1;transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .hero-panel img,.industry-card img,.service-feature>img{transition:none!important}
}
@media(max-width:980px){
  .nav-shell{height:78px}
  .brand img{width:180px}
  .menu-toggle{display:block;margin-left:auto}
  .nav{position:fixed;inset:78px 0 auto 0;background:#06101a;border-bottom:1px solid var(--line);padding:22px;display:none;flex-direction:column;align-items:stretch;gap:0}
  .nav.open{display:flex}
  .nav a{padding:13px 8px;border-bottom:1px solid var(--line)}
  .nav-cta{margin-top:12px;text-align:center;border:0!important}
  .hero{padding-top:36px}
  .hero-split{grid-template-columns:1fr}
  .hero-panel+ .hero-panel{border-left:0;border-top:1px solid rgba(213,171,83,.45)}
  .hero-panel,.hero-split{min-height:520px}
  .story-grid,.section-heading,.credibility-grid,.global .shell,.contact-intro,.final-cta-grid{grid-template-columns:1fr;gap:36px}
  .story-image{min-height:520px}
  .industry-grid{grid-template-columns:repeat(2,1fr)}
  .service-cinematic,.journeys,.forms-grid{grid-template-columns:1fr}
  .global .shell{display:grid}
  .map-wrap{min-height:470px}
  .region-details{grid-column:1}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:640px){
  .shell{width:min(100% - 28px,1180px)}
  .section{padding:82px 0}
  .nav-shell{height:72px}
  .brand img{width:160px}
  .nav{inset:72px 0 auto 0}
  .hero-intro{padding:28px 0 38px;text-align:left}
  h1{font-size:50px}
  h2{font-size:40px}
  .hero-intro .hero-lead{font-size:16px}
  .hero-panel,.hero-split{min-height:510px}
  .panel-content{left:24px;right:24px;bottom:26px}
  .panel-content h2{font-size:39px}
  .hero-micro{justify-content:flex-start;overflow:auto;padding:0 18px;white-space:nowrap}
  .story-grid{gap:34px}
  .story-image{min-height:430px}
  .mission-grid,.industry-grid,.reason-grid,.field-row,.trust-points{grid-template-columns:1fr}
  .service-feature{min-height:520px}
  .service-copy{left:24px;right:24px}
  .service-copy h3{font-size:36px}
  .reason-grid{border-left:0}
  .reason{border-left:1px solid var(--line)}
  .journeys{gap:46px}
  .map-wrap{min-height:370px}
  .map-pin{padding:7px 8px;font-size:7px}
  .map-pin.europe{left:36%}.map-pin.middleeast{left:55%}.map-pin.asia{left:74%}.map-pin.australia{left:72%;top:72%}
  .project-form{padding:22px 18px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;gap:6px}
}


/* CLEAN IMAGE PASS — mobile and desktop */
.hero-panel img,
.industry-card img,
.service-feature>img,
.story-image img,
.map-wrap img {
  image-rendering: auto;
  backface-visibility: hidden;
}

.hero-panel:first-child img { object-position: 62% center; }
.hero-panel:nth-child(2) img { object-position: 58% center; }

.industry-card:nth-child(1) img { object-position: 42% center; }
.industry-card:nth-child(2) img { object-position: 50% center; }
.industry-card:nth-child(3) img { object-position: 52% center; }
.industry-card:nth-child(4) img { object-position: 53% center; }
.industry-card:nth-child(5) img { object-position: 52% center; }
.industry-card:nth-child(6) img { object-position: 50% center; }

@media (max-width: 640px) {
  .contact { background-attachment: scroll; }
  .industry-card { min-height: 390px; }
  .industry-card img { object-position: center center; }
  .hero-panel:first-child img { object-position: 68% center; }
  .hero-panel:nth-child(2) img { object-position: 60% center; }
  .story-image img { object-position: 58% center; }
  .service-feature:first-child>img { object-position: 64% center; }
  .service-feature:nth-child(2)>img { object-position: 58% center; }
  .map-wrap img { object-position: 58% center; }
}


/* DIRECT FORM DELIVERY */
.hp-field{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.project-form button[disabled]{
  opacity:.68;
  cursor:wait;
  transform:none!important;
}
.form-status{
  min-height:20px;
  margin:10px 0 0;
  font-size:12px;
  color:#95a3b2;
}
.form-status.success{color:#e9c36f}
.form-status.error{color:#ff9c9c}


/* QUALITY, COMPLIANCE & NEGOTIATION */
.quality-section{
  padding:112px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.quality-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  min-height:650px;
  border:1px solid var(--line);
  background:#07121e;
  box-shadow:var(--shadow);
}
.quality-image{
  position:relative;
  min-height:650px;
  overflow:hidden;
}
.quality-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.78) contrast(1.08);
  transition:transform 1.2s ease;
}
.quality-grid:hover .quality-image img{transform:scale(1.035)}
.quality-image-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,13,22,.08),rgba(5,13,22,.58) 100%),
    linear-gradient(180deg,rgba(5,13,22,.08),rgba(5,13,22,.54));
}
.quality-copy{
  padding:54px 50px 48px;
  background:
    radial-gradient(circle at 100% 0%,rgba(213,171,83,.08),transparent 36%),
    #07121e;
}
.quality-copy h2{
  font-size:clamp(42px,4.7vw,64px);
  max-width:650px;
}
.quality-lead{
  color:#d4dce4;
  font-size:18px;
  margin:26px 0 12px;
}
.quality-copy>p:not(.eyebrow):not(.quality-lead){
  font-size:14px;
  max-width:700px;
}
.quality-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:26px 0 30px;
}
.quality-tags span{
  border:1px solid var(--line-gold);
  border-radius:999px;
  padding:8px 12px;
  color:#dbe3ea;
  background:rgba(213,171,83,.035);
  font-size:9px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.quality-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0 0 28px;
}
.quality-points article{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  padding:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
}
.quality-points .reason-icon{
  font-size:23px;
  line-height:1;
}
.quality-points h3{
  font-family:var(--sans);
  font-size:14px;
  font-weight:800;
  margin:0 0 5px;
}
.quality-points p{
  font-size:11px;
  margin:0;
  line-height:1.5;
}
@media(max-width:980px){
  .quality-grid{grid-template-columns:1fr}
  .quality-image{min-height:520px}
  .quality-copy{padding:42px 34px}
}
@media(max-width:640px){
  .quality-section{padding:82px 0}
  .quality-grid{min-height:0}
  .quality-image{min-height:420px}
  .quality-image img{object-position:52% center}
  .quality-copy{padding:32px 22px}
  .quality-copy h2{font-size:39px}
  .quality-lead{font-size:16px}
  .quality-points{grid-template-columns:1fr}
}


/* WHATSAPP CONTACT */
.footer-whatsapp{
  color:#d7e0e7;
}
.footer-whatsapp:hover{
  color:var(--gold2);
}
.whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:90;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:8px 16px 8px 9px;
  border:1px solid rgba(213,171,83,.48);
  border-radius:999px;
  background:rgba(7,18,30,.94);
  color:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.34);
  backdrop-filter:blur(12px);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
}
.whatsapp-float:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
  background:#0a1b2c;
}
.whatsapp-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25D366;
  flex:0 0 auto;
}
.whatsapp-icon svg{
  width:23px;
  height:23px;
  fill:#fff;
}
.whatsapp-label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  white-space:nowrap;
}
@media(max-width:640px){
  .whatsapp-float{
    right:14px;
    bottom:14px;
    min-height:50px;
    padding:7px;
  }
  .whatsapp-icon{
    width:36px;
    height:36px;
  }
  .whatsapp-label{
    display:none;
  }
}
@media (prefers-reduced-motion: reduce){
  .whatsapp-float{transition:none}
}