@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--navy:#07101c;--navy2:#0c1725;--gold:#d5a84e;--gold2:#f0c86d;--white:#f4f4f1;--muted:#9da8b0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}.nav{height:86px;padding:0 5.5%;position:absolute;z-index:10;width:100%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#040a12e8,transparent)}.logo-wrap{width:205px;display:block}.logo-wrap img{width:100%;height:72px;object-fit:contain;object-position:left center}.nav nav{display:flex;gap:32px}.nav nav a{font-size:11px;letter-spacing:.16em;color:#fff;text-decoration:none}.gold-btn{display:inline-block;padding:12px 21px;background:var(--gold);color:#07101c;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.13em}.hero{width:100%;min-height:76vh;position:relative;display:flex;align-items:center;padding:145px 8% 85px;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;width:100%;height:100%;background:url("hero-clean.jpg") center center/cover no-repeat;z-index:-2}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,20,.92) 0%,rgba(7,16,28,.58) 28%,rgba(7,16,28,.12) 48%,rgba(7,16,28,0) 68%);z-index:-1;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:820px}.eyebrow,.section-label{font-size:10px;letter-spacing:.28em;font-weight:700;color:var(--gold);margin-bottom:20px}.hero h1{font-size:clamp(54px,7vw,96px);line-height:.98;letter-spacing:-.055em;margin:0 0 28px}.hero h1 span{font-family:"Playfair Display",serif;font-style:italic;font-weight:500;color:var(--gold2)}.hero p{font-size:18px;color:#d1d7da;max-width:650px}.hero-buttons{display:flex;gap:25px;align-items:center;margin-top:32px}.line-btn{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.13em}.stats{background:#07101c;color:#fff;padding:28px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.stats>div{display:flex;gap:20px;align-items:center;padding:10px 34px;border-right:1px solid #ffffff2b}.stats>div:last-child{border-right:0}.stat-icon{font-size:35px;color:var(--gold);line-height:1}.stats b{display:block;font-size:23px}.stats small{display:block;color:#aeb7bc;font-size:12px;line-height:1.45;max-width:300px}.about{background:#f1f2ef;color:#0b121a;padding:110px 8%;display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}.about .section-label{color:#7b6331}.about h2,.products h2,.trading h2,.contact h2{font-size:64px;line-height:1.03;letter-spacing:-.045em;margin:0 0 30px}.about h2 i,.trading h2 i{font-family:"Playfair Display",serif;font-weight:500}.about p{font-size:17px;max-width:780px;color:#4b555b}.products{padding:115px 8%}.topline{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.topline>p{max-width:430px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#27323c}.product-grid article{background:var(--navy);min-height:245px;padding:40px}.product-grid span,.trade-grid strong{color:var(--gold);font-size:10px;letter-spacing:.18em}.product-grid h3,.trade-grid h3{font-size:25px;margin:38px 0 10px}.product-grid p,.trade-grid p{color:var(--muted);margin:0}.trading{padding:115px 8%;background:var(--navy2)}.trade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:#34404a}.trade-grid>div{background:var(--navy2);padding:35px;min-height:255px}.markets{width:100%;min-height:610px;padding:110px 8%;display:flex;align-items:center;position:relative;isolation:isolate;background:url("hero-container-ship.jpg") center center/cover no-repeat}.markets::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,22,.9) 0%,rgba(7,16,28,.52) 28%,rgba(7,16,28,.10) 50%,rgba(7,16,28,0) 70%);z-index:-1;pointer-events:none}.market-copy{max-width:780px;position:relative;z-index:1}.markets h2{font-size:72px;line-height:1.02;letter-spacing:-.05em;margin:0 0 25px}.markets h2 i{font-family:"Playfair Display",serif;font-weight:500;color:var(--gold2)}.markets p{color:#c4ccd0;max-width:650px}.regions{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.regions span{border:1px solid #ffffff2b;padding:8px 14px;font-size:11px}.contact{background:var(--gold);color:#07101c;padding:95px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact .section-label{color:#66501e}.contact h2{font-size:82px}.contact>div>p{max-width:520px;font-size:17px}.contact-info{display:grid;gap:25px;align-content:center}.contact-info small{display:block;font-size:9px;letter-spacing:.18em;opacity:.62}.contact-info a,.contact-info b{display:block;color:#07101c;text-decoration:none;font-size:19px}.footer-logo{width:175px}.footer-logo img{width:100%;height:60px;object-fit:contain;object-position:left center}footer{padding:30px 8%;display:flex;justify-content:space-between;align-items:center;background:#040a11}footer p{font-size:10px;color:#78828a}@media(max-width:850px){nav{display:none}.nav .gold-btn{display:none}.nav{height:74px}.logo-wrap{width:165px}.hero{min-height:78vh;padding:130px 7% 70px}.hero h1{font-size:53px}.hero p{font-size:16px}.stats{grid-template-columns:1fr;padding:18px 7%}.stats>div{border-right:0;border-bottom:1px solid #ffffff2b;padding:18px 0}.stats>div:last-child{border-bottom:0}.about,.contact{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.trade-grid{grid-template-columns:1fr 1fr}.topline{display:block}.about h2,.products h2,.trading h2,.contact h2{font-size:48px}.markets h2{font-size:52px}footer{display:block}.footer-logo{margin-bottom:15px}}

/* V9 FULL-BLEED FIX */
html,body{width:100%;max-width:none;overflow-x:hidden}
.nav{
  width:100vw;max-width:none;left:0;right:0;
}
.hero{
  width:100vw;max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:700px;
}
.hero-bg{
  position:absolute;inset:0;
  width:100%;height:100%;
  background-image:url("hero-clean.jpg");
  background-position:center center;
  background-size:cover;
}
.shade{
  background:linear-gradient(90deg,
    rgba(4,11,20,.78) 0%,
    rgba(7,16,28,.42) 25%,
    rgba(7,16,28,.10) 48%,
    rgba(7,16,28,0) 72%);
}
.hero-content{max-width:760px}
.hero h1{font-size:clamp(52px,6.2vw,88px);max-width:760px}
.hero h1 span{white-space:normal}
.markets{
  width:100vw;max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  min-height:560px;
  background-image:url("hero-clean.jpg");
  background-position:center center;
  background-size:cover;
}
.markets::before{
  background:linear-gradient(90deg,
    rgba(5,13,22,.76) 0%,
    rgba(7,16,28,.38) 27%,
    rgba(7,16,28,.08) 52%,
    rgba(7,16,28,0) 74%);
}
.market-copy{max-width:700px}
@media(max-width:850px){
 .hero,.markets{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
 .hero{min-height:720px}
 .hero h1{font-size:52px}
}