:root{--black:#0b0c0e;--black2:#131518;--paper:#eeeae1;--paper2:#d7d1c6;--gold:#c8a244;--gold2:#dfbc5d;--muted:#6d6f72}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:#101214;line-height:1.55}a{text-decoration:none;color:inherit}
.topbar{height:72px;position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:0 clamp(18px,4vw,64px);background:rgba(11,12,14,.95);color:white;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:38px;height:38px}.brand span{display:grid;line-height:1}.brand b{font-size:.82rem;letter-spacing:.19em}.brand small{font-size:.58rem;letter-spacing:.34em;color:var(--gold2);margin-top:4px}
.topbar nav{display:flex;justify-content:center;gap:24px}.topbar nav a{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:#d0d3d5}.langs{display:flex}.langs button{border:0;background:transparent;color:#747a80;font-size:.64rem;font-weight:700;padding:6px 7px;cursor:pointer}.langs button.active{color:var(--gold2)}.menu{display:none;background:none;border:0;color:white;font-size:1.3rem}
.hero{min-height:calc(100vh - 72px);position:relative;display:flex;align-items:flex-end;padding:110px clamp(20px,6vw,92px) 72px;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero.webp') center/cover no-repeat;filter:saturate(.72) contrast(1.08)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.97),rgba(6,7,9,.82) 42%,rgba(6,7,9,.16) 80%),linear-gradient(to top,rgba(6,7,9,.78),transparent 58%)}.hero-copy{position:relative;z-index:2;max-width:870px}.kicker{font-size:.68rem;font-weight:700;letter-spacing:.2em;color:var(--gold2);text-transform:uppercase;margin:0 0 15px}.hero h1{font-size:clamp(3.2rem,6.3vw,7rem);line-height:.91;letter-spacing:-.06em;margin:0 0 24px;font-weight:600}.hero-copy>p:not(.kicker){max-width:660px;color:#c9ccd0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:700;border:1px solid transparent;cursor:pointer}.gold{background:var(--gold);color:#111}.line{border-color:rgba(255,255,255,.45);color:white}.hero-metrics{position:absolute;z-index:2;right:6vw;bottom:72px;width:min(470px,40vw);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.42)}.hero-metrics article{padding:15px 14px 0}.hero-metrics article+article{border-left:1px solid rgba(255,255,255,.16)}.hero-metrics b{font-size:.92rem}.hero-metrics small{display:block;color:#9fa4a9;font-size:.62rem;margin-top:3px}
.statement{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:100px clamp(20px,6vw,90px);background:var(--paper2)}.num{font-size:.65rem;letter-spacing:.16em;color:#716b62}.statement h2,.head h2,.split h2,.markets h2,.contact h2{font-size:clamp(2.3rem,4.6vw,5rem);line-height:.98;letter-spacing:-.05em;font-weight:600;margin:0 0 20px}.statement>div:last-child{max-width:1050px}.statement p:last-child{max-width:720px;color:#5e5b55}
.section{padding:95px clamp(20px,6vw,90px)}.dark{background:var(--black);color:white}.head{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:45px}.head>p{max-width:520px;color:#65686c}.head.light>p{color:#9da2a7}
.grade-grid,.log-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa49a}.grade-grid article,.log-grid article{padding:27px 22px;min-height:255px;border-right:1px solid #b8b2a7}.grade-grid article:last-child,.log-grid article:last-child{border-right:0}.grade-grid span,.log-grid span{font-size:.6rem;letter-spacing:.15em;color:#867244}.grade-grid b{display:block;font-size:2.5rem;margin:42px 0 12px}.grade-grid h3,.log-grid h3{font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.grade-grid p,.log-grid p{color:#6d6961;font-size:.88rem}
.gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:330px 330px;gap:2px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#111}.gallery .large{grid-row:1/3}.gallery figure>img{width:100%;height:100%;object-fit:cover;display:block}.gallery figure:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),transparent 55%)}.gallery i{position:absolute;z-index:3;right:18px;top:18px;width:34px;height:34px}.gallery i img{width:100%;height:100%}.gallery figcaption{position:absolute;z-index:3;left:22px;bottom:20px;display:grid}.gallery figcaption span{font-size:.58rem;letter-spacing:.16em;color:var(--gold2)}.gallery figcaption b{font-size:1rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split>div:first-child>p{color:#66635d}.split ul{list-style:none;padding:0;margin-top:28px}.split li{padding:11px 0;border-bottom:1px solid #c7c1b7;font-size:.9rem}.split li:before{content:'—';color:#9c7d36;margin-right:10px}.specs{display:grid;grid-template-columns:1fr 1fr;background:#111;color:white}.specs article{padding:24px;min-height:115px;border-bottom:1px solid #2b2d30;border-right:1px solid #2b2d30}.specs span{display:block;color:#999fa4;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.specs b{display:block;font-size:1.28rem;margin-top:14px}
.technical{background:#16181b;padding:10px}.technical img{width:100%;display:block}.markets{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:95px clamp(20px,6vw,90px)}.markets p:last-child{max-width:600px;color:#9da2a7}.market-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #555}.market-list span{padding:16px 4px;border-bottom:1px solid #333;letter-spacing:.18em;font-size:.75rem}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#e2ddd2}.contact>div>p{color:#605d57;max-width:610px}.hq{display:grid;gap:8px;margin-top:32px}.hq span{font-size:.64rem;color:#806f49;text-transform:uppercase;letter-spacing:.14em}.hq b{font-size:.93rem;max-width:500px}.hq a{font-size:.9rem}.rfq{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#f3f0e8;padding:28px}.rfq label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.rfq label span{display:block;margin-bottom:6px}.rfq input,.rfq select,.rfq textarea{width:100%;border:1px solid #c1bbae;background:#faf8f3;padding:12px;font:inherit}.wide{grid-column:1/-1}.success{display:none;color:#55703f;font-weight:700}.success.show{display:block}
footer{background:#07080a;color:#aeb3b7;border-top:4px solid var(--gold);padding:38px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}footer p,footer small{font-size:.7rem}
body[lang='ar']{font-family:Tahoma,Arial,sans-serif}[dir='rtl'] .topbar,[dir='rtl'] .statement,[dir='rtl'] .section,[dir='rtl'] .markets,[dir='rtl'] .contact{text-align:right}[dir='rtl'] .split li:before{margin-right:0;margin-left:10px}[dir='rtl'] .brand{direction:ltr}[dir='rtl'] .langs{direction:ltr}
@media(max-width:1050px){.topbar{grid-template-columns:auto auto 1fr}.menu{display:block}.topbar nav{display:none;position:absolute;left:18px;right:18px;top:72px;background:#0d0f11;padding:20px;flex-direction:column}.topbar nav.open{display:flex}.langs{justify-self:end}.hero{display:block;padding-top:150px}.hero-copy{margin-top:20vh}.hero-metrics{position:relative;right:auto;bottom:auto;width:100%;margin-top:42px}.head,.split,.markets,.contact{grid-template-columns:1fr}.grade-grid,.log-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr;grid-template-rows:420px 280px 280px}.gallery .large{grid-row:auto}}
@media(max-width:650px){.topbar{grid-template-columns:auto auto}.langs{grid-column:1/-1;justify-self:start;width:100%;overflow:auto}.hero{min-height:86vh;padding-bottom:40px}.hero-copy{margin-top:14vh}.hero h1{font-size:3.35rem}.hero-metrics{grid-template-columns:1fr}.hero-metrics article+article{border-left:0;border-top:1px solid rgba(255,255,255,.16)}.statement{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}.head{display:block}.head>p{margin-top:14px}.grade-grid,.log-grid,.specs,.rfq{grid-template-columns:1fr}.grade-grid article,.log-grid article{border-right:0;border-bottom:1px solid #b8b2a7}.gallery{grid-template-rows:360px 250px 250px}.market-list{grid-template-columns:1fr}.wide{grid-column:1}.statement h2,.head h2,.split h2,.markets h2,.contact h2{font-size:2.6rem}}

/* V2: fuller gallery + WhatsApp */
.gallery-full{
  grid-template-columns:1.1fr .9fr .9fr;
  grid-template-rows:290px 290px;
}
.gallery-full .large{grid-row:1/3}
.gallery-full .wide{grid-column:2/4}
.gallery-full .wide img{object-position:center}
.contact-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}
.phone-link{font-weight:700}
.whatsapp-link{display:inline-flex!important;align-items:center;gap:7px;padding:8px 11px;border:1px solid #b7afa2;background:#f4f1e9;font-weight:700}
.wa-icon{width:18px;height:18px;display:inline-flex;color:#1b8f50}
.wa-icon svg{width:100%;height:100%}
.whatsapp-float{
  position:fixed;right:22px;bottom:22px;z-index:150;
  display:inline-flex;align-items:center;gap:9px;
  padding:12px 15px;background:#111315;color:#f7f7f4;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  font-size:.72rem;font-weight:700;letter-spacing:.04em;
}
.whatsapp-float svg{width:22px;height:22px;color:#38c66d}
.whatsapp-float:hover{background:#17191c}
[dir='rtl'] .whatsapp-float{right:auto;left:22px}
@media(max-width:1050px){
  .gallery-full{grid-template-columns:1fr 1fr;grid-template-rows:380px 260px 260px 320px}
  .gallery-full .large{grid-row:auto;grid-column:1/-1}
  .gallery-full .wide{grid-column:1/-1}
}
@media(max-width:650px){
  .gallery-full{grid-template-columns:1fr;grid-template-rows:340px repeat(4,230px) 280px}
  .gallery-full .large,.gallery-full .wide{grid-column:auto}
  .whatsapp-float span{display:none}
  .whatsapp-float{padding:12px;border-radius:50%}
}
