:root{
  --bg:#080a09;--bg2:#0b0f0d;--panel:#0d1210;
  --gold:#c89445;--gold-hi:#f0cf8c;--gold-deep:#8c632c;--text:#f5f0e6;--muted:#9d998f;
  --line:rgba(236,203,141,.18);--soft-line:rgba(255,255,255,.08);--radius:22px;
  --mx:50vw;--my:30vh
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:"IBM Plex Sans Arabic","Manrope",system-ui,sans-serif;overflow-x:hidden}
html[dir=ltr] body{font-family:"Manrope","IBM Plex Sans Arabic",system-ui,sans-serif}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;top:-70px;inset-inline-start:16px;z-index:999;background:var(--gold-hi);color:#111;padding:10px 16px;border-radius:10px}.skip-link:focus{top:16px}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle 540px at var(--mx) var(--my),rgba(207,157,77,.08),transparent 66%)}
.site-header{height:82px;padding:0 clamp(20px,5vw,78px);position:fixed;z-index:80;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(5,7,6,.9),rgba(5,7,6,.15));border-bottom:1px solid transparent;transition:.3s}
.site-header.scrolled{height:68px;background:rgba(7,9,8,.9);backdrop-filter:blur(20px);border-color:var(--soft-line)}
.brand,.footer-brand{display:flex;align-items:center;gap:11px;direction:ltr}.brand img{width:34px;height:40px}.brand span,.footer-brand span{display:grid}.brand b,.footer-brand b{font:800 14px "Manrope";letter-spacing:.26em}.brand small,.footer-brand small{font:600 8px "IBM Plex Sans Arabic";color:var(--gold-hi);margin-top:1px}
.desktop-nav{display:flex;align-items:center;gap:32px;font-size:12px;color:#d3cec4}.desktop-nav a{padding:11px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:auto;bottom:2px;width:0;height:1px;background:var(--gold-hi);transition:.25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.desktop-nav a.active{color:var(--gold-hi)}
.header-actions{display:flex;align-items:center;gap:10px}.lang-btn,.menu-btn{height:44px;min-width:44px;border:1px solid rgba(240,207,140,.22);border-radius:999px;background:#0f1211;color:#fff;cursor:pointer}.lang-btn{padding:0 13px;font:700 11px "Manrope"}.header-cta{height:40px;display:flex;align-items:center;padding:0 17px;border-radius:999px;background:linear-gradient(110deg,var(--gold-hi),var(--gold));color:#181209;font-weight:700;font-size:12px}.menu-btn{display:none;padding:0 12px}.menu-btn span{height:1px;background:var(--gold-hi);display:block;margin:5px 0}.mobile-nav{display:none}.mobile-nav-cta{margin-top:6px;display:flex;align-items:center;justify-content:center;height:44px;border-radius:999px;background:linear-gradient(110deg,var(--gold-hi),var(--gold));color:#181209;font-weight:700;font-size:13px}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.62fr);align-items:center;gap:7vw;padding:120px clamp(24px,7vw,110px) 70px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;z-index:0;background:
radial-gradient(circle at 76% 28%,rgba(201,155,77,.22),transparent 25%),
radial-gradient(circle at 18% 78%,rgba(28,104,77,.22),transparent 31%),
linear-gradient(120deg,rgba(9,13,11,.94),rgba(4,8,6,.82) 48%,rgba(7,14,11,.96)),
repeating-linear-gradient(90deg,rgba(232,199,128,.055) 0 1px,transparent 1px 88px),
repeating-linear-gradient(0deg,rgba(232,199,128,.035) 0 1px,transparent 1px 88px);
background-color:#050806;transform:none}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,6,5,.98) 0%,rgba(4,6,5,.86) 32%,rgba(4,6,5,.34) 64%,rgba(4,6,5,.56) 100%),linear-gradient(0deg,rgba(5,8,6,.72),transparent 45%),radial-gradient(circle at 70% 38%,rgba(195,139,58,.16),transparent 34%)}
.hero-copy,.hero-plaque,.scroll-cue{position:relative;z-index:2}.eyebrow{margin:0;color:var(--gold-hi);font:700 10px "Manrope",sans-serif;letter-spacing:.22em;text-transform:uppercase}.hero-copy h1{font-size:clamp(56px,7.6vw,118px);line-height:.94;letter-spacing:-.06em;margin:22px 0 0;font-weight:700}.hero-copy h1 em{font-style:normal;color:var(--gold-hi);font-weight:600}.hero-en{font:500 clamp(35px,4.4vw,68px)/1 "Manrope";letter-spacing:-.045em;color:#f4dfb7;margin:12px 0 28px;direction:ltr}.hero-lead{max-width:650px;font-size:clamp(15px,1.25vw,19px);line-height:1.9;color:#d0c9bd;margin:0}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap}
.btn-primary{height:52px;display:inline-flex;align-items:center;gap:24px;padding:0 23px;border:0;border-radius:999px;background:linear-gradient(105deg,#ffe1a3,#c99243);color:#171108;font-weight:800;font-size:13px;transition:.25s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 13px 35px rgba(210,156,72,.2)}.btn-primary i{font-style:normal;font-size:18px}.btn-video{display:flex;align-items:center;gap:10px;color:#d7d1c8;font-size:13px}.play{width:42px;height:42px;border:1px solid rgba(240,207,140,.45);border-radius:50%;display:grid;place-items:center;color:var(--gold-hi);font-size:11px}
.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px}.hero-tags span{border:1px solid rgba(255,255,255,.1);background:rgba(7,10,8,.55);backdrop-filter:blur(8px);padding:7px 11px;border-radius:999px;color:#aaa499;font-size:10px}
.hero-plaque{justify-self:end;width:min(100%,370px);min-height:470px;padding:34px 30px;border-inline-start:1px solid rgba(240,207,140,.22);background:linear-gradient(150deg,rgba(8,10,9,.08),rgba(4,6,5,.62));backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero-plaque>p{color:var(--gold);font-size:15px;margin:0 0 10px}.hero-plaque>strong{font-size:clamp(24px,2.6vw,42px);line-height:1.35;color:#e6bf73;font-weight:600}.plaque-mark{margin-top:55px;border-top:1px solid var(--line);padding-top:25px;width:100%;display:grid;justify-items:start}.plaque-mark img{width:190px;filter:drop-shadow(0 12px 18px #0009)}.plaque-mark small{font:600 8px "Manrope";letter-spacing:.28em;color:var(--gold-hi);margin-top:10px;display:block}.scroll-cue{position:absolute;bottom:24px;inset-inline-start:clamp(24px,7vw,110px);display:flex;align-items:center;gap:10px;color:#7e786e;font:600 8px "Manrope";letter-spacing:.16em}.scroll-cue span{width:48px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.section-pad{padding:clamp(82px,8vw,132px) clamp(22px,7vw,110px);position:relative;z-index:2}.section-title,.brands-heading{display:grid;grid-template-columns:.8fr 1fr;gap:7vw;align-items:end;margin-bottom:44px}.section-title h2,.brands-heading h2,.about-copy h2,.contact h2{font-size:clamp(34px,4.2vw,66px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 0}.section-title>p,.brands-heading>p{color:#969086;line-height:1.8;margin:0;max-width:650px}
.sectors{background:linear-gradient(180deg,#090c0a,#070908)}.sector-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.sector-card{min-height:220px;padding:25px 18px 23px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);transition:.3s;position:relative;overflow:hidden}.sector-card:before{content:"";position:absolute;inset:auto 0 0;height:0;background:linear-gradient(0deg,rgba(36,89,68,.22),transparent);transition:.35s}.sector-card:hover{transform:translateY(-4px);background:#0c100e}.sector-card:hover:before{height:75%}.sector-card svg{width:42px;height:42px;fill:none;stroke:var(--gold-hi);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;filter:drop-shadow(0 8px 18px rgba(208,152,67,.18))}.sector-card h3{font-size:16px;margin:23px 0 7px;position:relative;z-index:1}.sector-card small{font:600 7px "Manrope";letter-spacing:.12em;color:#817b70;position:relative;z-index:1}
.brands{background:#070908;border-top:1px solid var(--soft-line)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.venture{min-height:360px;border:1px solid rgba(240,207,140,.18);border-radius:20px;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:1fr 180px;align-items:center;gap:30px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--panel),var(--bg2) 62%,var(--bg));transition:.35s}.venture:hover{transform:translateY(-5px);border-color:rgba(240,207,140,.42);box-shadow:0 22px 60px #0008}.venture:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 40%,rgba(200,148,69,.14),transparent 30%),linear-gradient(120deg,transparent 40%,rgba(255,255,255,.02));pointer-events:none}.venture-shine{position:absolute;width:440px;height:440px;border-radius:50%;inset-inline-end:-190px;top:-190px;border:1px solid rgba(240,207,140,.1);box-shadow:0 0 0 50px rgba(255,255,255,.01),0 0 0 100px rgba(255,255,255,.007)}
.venture-copy,.venture-logo{position:relative;z-index:1}.venture-copy>small{font:700 9px "Manrope";letter-spacing:.18em;color:var(--gold-hi)}.venture-copy h3{font-size:clamp(24px,2.2vw,36px);line-height:1.25;margin:13px 0 14px}.venture-copy p{color:#b2ada4;line-height:1.75;font-size:13px;margin:0;max-width:540px}.venture-link{display:inline-block;margin-top:23px;color:var(--gold-hi);font-size:12px;font-weight:700}.venture-logo{display:grid;place-items:center;min-height:180px;perspective:900px}.brand-mark-3d{position:relative;width:148px;height:148px;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .35s ease,filter .35s ease}.brand-mark-3d img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none}.brand-mark-face{transform:translateZ(20px);filter:drop-shadow(0 16px 20px rgba(0,0,0,.72)) drop-shadow(0 0 14px rgba(210,158,70,.12))}.venture:hover .brand-mark-3d{transform:rotateX(3deg) rotateY(-6deg) translateY(-5px) scale(1.035)}.sufra-3d{width:124px;height:124px}.sufra-3d .sufra-3d .brand-mark-face{filter:drop-shadow(0 16px 18px rgba(0,0,0,.82)) drop-shadow(0 0 14px rgba(235,26,17,.24))}.masar-3d{width:164px;height:164px}.masar-3d .masar-3d .brand-mark-face{filter:drop-shadow(0 18px 22px rgba(0,0,0,.82)) drop-shadow(0 0 16px rgba(211,160,74,.2))}
.about{display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center;background:#0b0d0c;border-top:1px solid var(--soft-line)}.about-visual{min-height:560px;position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden}.about-photo{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:
radial-gradient(circle at 18% 22%,rgba(207,157,77,.18),transparent 24%),
radial-gradient(circle at 82% 74%,rgba(31,104,79,.24),transparent 30%),
linear-gradient(145deg,#0d1210 0%,#070a09 58%,#0b1511 100%)}
.about-photo:before{content:"";position:absolute;inset:8%;border:1px solid rgba(231,197,126,.13);border-radius:28px;background:
linear-gradient(90deg,transparent 49.7%,rgba(231,197,126,.09) 50%,transparent 50.3%),
linear-gradient(0deg,transparent 49.7%,rgba(231,197,126,.09) 50%,transparent 50.3%)}
.about-photo:after{content:"LAPIDZS / OPERATING GROUP";position:absolute;inset-inline-start:8%;bottom:7%;font:600 9px "Manrope";letter-spacing:.24em;color:rgba(231,197,126,.55)}.about-badge{position:absolute;inset-inline-end:26px;bottom:26px;padding:22px 24px;background:rgba(7,9,8,.82);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px);display:flex;align-items:center;gap:16px}.about-badge img{width:56px}.about-badge span{font-size:17px;line-height:1.55;color:var(--gold-hi);font-weight:600}.about-copy>p:not(.eyebrow){color:#aba59a;font-size:16px;line-height:2;margin:28px 0 0}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid var(--line)}.principles>div{padding:22px 0}.principles>div:not(:last-child){border-inline-end:1px solid var(--line);padding-inline-end:18px;margin-inline-end:18px}.principles b{display:block;font-size:18px}.principles small{display:block;color:#817b72;margin-top:6px;font-size:11px}
.vision-strip{padding:clamp(80px,10vw,160px) clamp(22px,9vw,145px);text-align:center;background:radial-gradient(circle at 50% 50%,rgba(28,91,67,.26),transparent 43%),linear-gradient(#06110d,#08100d);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vision-strip h2{font-size:clamp(38px,6vw,90px);line-height:1.1;max-width:1180px;margin:18px auto 0;letter-spacing:-.045em}
.contact{display:grid;grid-template-columns:.84fr 1fr;gap:8vw;align-items:start;background:#080a09}.contact h2 em{font-style:normal;color:var(--gold-hi);font-weight:500}.contact-copy>p:last-child{color:#918b81;line-height:1.9;margin-top:24px}.contact-form{padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0e1210,#090b0a);display:grid;gap:20px}.contact-form label{display:grid;gap:7px;color:#aaa398;font-size:11px}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #36342f;background:transparent;color:#fff;padding:11px 0;outline:none;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-submit{width:max-content;cursor:pointer}.hidden-field{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;inset:auto!important}
.site-footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:34px clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;background:#050706;color:#847e74}.footer-brand img{width:30px}.footer-brand b{font-size:12px}.footer-brand small{font:600 7px "Manrope";letter-spacing:.15em}.site-footer nav{display:flex;gap:22px;font-size:10px}.site-footer>small{text-align:end;font-size:9px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:1160px){.desktop-nav{gap:20px}.header-cta{display:none}.hero{grid-template-columns:1fr .48fr}.sector-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-nav{display:grid;position:fixed;z-index:70;top:74px;left:14px;right:14px;padding:14px;background:rgba(10,13,11,.96);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(20px);opacity:0;transform:translateY(-12px);pointer-events:none;transition:.25s}.mobile-nav.open{opacity:1;transform:none;pointer-events:auto}.mobile-nav a{padding:13px 10px;border-bottom:1px solid var(--soft-line)}.mobile-nav a:last-child{border:0}.hero{grid-template-columns:1fr;padding-top:122px;min-height:940px;align-content:start}.hero-copy{padding-top:30px}.hero-bg{background-position:62% center}.hero-overlay{background:linear-gradient(180deg,rgba(4,6,5,.58),rgba(4,6,5,.97) 62%,#050705 100%)}.hero-plaque{justify-self:stretch;width:100%;min-height:0;margin-top:45px;padding:24px;border-inline-start:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px}.hero-plaque>p,.hero-plaque>strong{grid-column:1}.plaque-mark{grid-column:2;grid-row:1/3;margin:0;padding:0 0 0 25px;border-top:0;border-inline-start:1px solid var(--line);width:auto;align-self:center}.plaque-mark img{width:130px}.plaque-mark small{font-size:6px}.scroll-cue{display:none}.section-title,.brands-heading{grid-template-columns:1fr;align-items:start}.brand-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.site-footer nav{justify-content:center;flex-wrap:wrap}.site-footer>small{text-align:center}}
@media(max-width:620px){.site-header{height:70px;padding:0 16px}.brand b{font-size:12px}.brand small{font-size:7px}.hero{padding:100px 18px 56px;min-height:880px}.hero-bg{background-position:58% center}.hero-copy h1{font-size:58px}.hero-en{font-size:35px;margin-top:10px}.hero-lead{font-size:14px;line-height:1.85}.hero-actions{gap:13px}.btn-primary{height:48px;padding:0 18px}.btn-video{font-size:11px}.play{width:38px;height:38px}.hero-tags{margin-top:26px}.hero-plaque{margin-top:32px;grid-template-columns:1fr 96px}.hero-plaque>p{font-size:11px}.hero-plaque>strong{font-size:22px}.plaque-mark{padding-inline-start:14px}.plaque-mark img{width:100px}.plaque-mark small{font-size:5px}.section-pad{padding:68px 18px}.section-title,.brands-heading{margin-bottom:30px}.section-title h2,.brands-heading h2,.about-copy h2,.contact h2{font-size:38px}.section-title>p,.brands-heading>p{font-size:13px}.sector-grid{grid-template-columns:repeat(2,1fr)}.sector-card{min-height:180px;padding:20px 10px}.sector-card svg{width:34px}.sector-card h3{font-size:14px}.sector-card small{font-size:6px}.venture{min-height:330px;grid-template-columns:1fr 94px;padding:25px 20px;gap:12px}.venture-copy h3{font-size:23px}.venture-copy p{font-size:12px}.venture-logo{min-height:120px}.venture-logo img{max-width:88px;max-height:88px}.sufra-mark img{max-width:72px}.masar-mark img{max-width:88px}.about-visual{min-height:380px}.about-badge{inset-inline-end:16px;bottom:16px;padding:14px}.about-badge img{width:40px}.about-badge span{font-size:13px}.principles{grid-template-columns:1fr}.principles>div:not(:last-child){border-inline-end:0;border-bottom:1px solid var(--line);padding-inline-end:0;margin-inline-end:0}.vision-strip{padding:78px 18px}.vision-strip h2{font-size:42px}.contact{gap:42px}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}.site-footer nav{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* 2026-09-19 responsive polish */
@media (min-width:1440px){
  .hero{padding-inline:clamp(84px,8vw,150px);grid-template-columns:minmax(0,1.05fr) minmax(340px,.58fr)}
  .hero-copy{max-width:860px}.hero-plaque{width:390px}
  .section-pad{padding-inline:clamp(84px,8vw,150px)}
  .venture{min-height:390px}
}
@media (min-width:901px) and (max-width:1180px){
  .hero{gap:4vw;padding-inline:42px}
  .hero-copy h1{font-size:76px}.hero-en{font-size:48px}
  .hero-plaque{width:300px;padding:30px 24px}
  .brand-grid{grid-template-columns:1fr 1fr}.venture{grid-template-columns:1fr 132px;padding:30px;gap:18px}
  .brand-mark-3d{transform:scale(.9)}
}
@media (max-width:900px){
  .site-header{padding-inline:18px}
  .hero{min-height:auto;padding:118px 22px 74px;gap:0}
  .hero-copy{padding-top:10px;max-width:680px}
  .hero-copy h1{font-size:clamp(56px,12vw,82px);line-height:.98;max-width:760px}
  .hero-en{font-size:clamp(36px,8vw,54px)}
  .hero-lead{max-width:620px}
  .hero-plaque{margin-top:50px;border:1px solid rgba(240,207,140,.16);border-radius:20px;background:linear-gradient(145deg,rgba(10,15,12,.76),rgba(5,8,6,.88));backdrop-filter:blur(14px)}
  .sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .venture{grid-template-columns:minmax(0,1fr) 150px;min-height:340px}
  .about-visual{min-height:460px}
  
  }
@media (max-width:620px){
  .site-header{padding-inline:14px}.brand img{width:29px;height:35px}.brand b{font-size:11px;letter-spacing:.2em}
  .hero{padding:94px 16px 54px}
  .hero-copy h1{font-size:clamp(50px,15vw,66px);letter-spacing:-.05em}
  .hero-en{font-size:clamp(30px,9vw,40px);margin-bottom:22px}
  .hero-lead{font-size:13.5px;line-height:1.9}
  .hero-actions{display:grid;grid-template-columns:1fr auto;width:100%;align-items:center}
  .btn-primary{width:100%;justify-content:space-between}
  .hero-tags{gap:6px}.hero-tags span{font-size:9px;padding:6px 9px}
  .hero-plaque{display:grid;grid-template-columns:1fr 116px;padding:19px 17px;gap:12px}
  .hero-plaque>strong{font-size:20px}
  .plaque-mark{padding-inline-start:12px}
  .plaque-mark img{width:88px}
  .section-pad{padding:62px 16px}
  .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
  .sector-card{min-height:164px;padding:18px 8px}
  .sector-card h3{font-size:13px}
  .brand-grid{gap:14px}
  .venture{grid-template-columns:minmax(0,1fr) 92px;min-height:300px;padding:23px 18px;border-radius:18px;gap:10px}
  .venture-copy>small{font-size:7px}
  .venture-copy h3{font-size:21px;margin:10px 0 11px}
  .venture-copy p{font-size:11.5px;line-height:1.8}
  .venture-link{font-size:11px;margin-top:16px}
  .venture-logo{min-height:112px}
  .brand-mark-3d{width:90px;height:90px}
  .sufra-3d{width:72px;height:72px}
  .masar-3d{width:90px;height:90px}
  
  .about-visual{min-height:350px}
  
  }
@media (max-width:380px){
  .hero-copy h1{font-size:48px}.hero-en{font-size:29px}
  .btn-video{font-size:10px}.play{width:34px;height:34px}
  .sector-grid{grid-template-columns:1fr 1fr}
  .sector-card{min-height:150px}
  .venture{grid-template-columns:1fr 78px;padding:20px 15px}
  .sufra-3d{width:64px;height:64px}.masar-3d{width:78px;height:78px}
}

/* Official brand marks: keep original identities, only add dimensional presentation. */
.sufra-mark,.masar-mark{isolation:isolate}


.venture.sufra{background:radial-gradient(circle at 82% 42%,rgba(200,40,25,.14),transparent 27%),radial-gradient(circle at 20% 8%,rgba(200,148,69,.10),transparent 34%),linear-gradient(135deg,var(--panel),var(--bg2) 65%,var(--bg))}
.venture.masar{background:radial-gradient(circle at 82% 42%,rgba(207,154,70,.16),transparent 28%),radial-gradient(circle at 12% 12%,rgba(200,148,69,.10),transparent 34%),linear-gradient(135deg,var(--panel),var(--bg2) 65%,var(--bg))}
@media(max-width:620px){
  .sufra-3d{width:76px;height:76px}
  .masar-3d{width:94px;height:94px}
  
}


/* 2026-09-20 identity + responsive hardening */
html,body{
  inline-size:100%;
  max-inline-size:100%;
  min-inline-size:0;
  overflow-x:clip;
}
body{position:relative}
main,.site-header,.site-footer,section{
  inline-size:100%;
  max-inline-size:100%;
  min-inline-size:0;
}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-inline-size:100%;height:auto}
.hero>*,.section-title>*,.brands-heading>*,.sector-grid>*,.brand-grid>*,.venture>*,.about>*,.contact>*{min-inline-size:0}
.hero-copy,.venture-copy,.about-copy,.contact-copy{overflow-wrap:anywhere}
.ambient{max-inline-size:100%;overflow:hidden}
.mobile-nav{max-inline-size:calc(100% - 28px)}
.venture-shine{max-inline-size:100%;pointer-events:none}

/* One clean source image per brand: dimensional treatment without ghost copies. */
.brand-mark-3d{
  position:relative;
  isolation:isolate;
  transform-style:preserve-3d;
  will-change:transform;
}
.brand-mark-3d img{
  position:relative;
  inset:auto;
  margin:auto;
  max-inline-size:100%;
  max-block-size:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  pointer-events:none;
}
.brand-mark-face{
  transform:perspective(700px) rotateX(2deg) rotateY(-3deg) translateZ(0);
}
.sufra-3d .brand-mark-face{
  border-radius:12px;
  filter:
    drop-shadow(0 16px 14px rgba(0,0,0,.58))
    drop-shadow(0 5px 6px rgba(0,0,0,.42))
    drop-shadow(0 0 8px rgba(230,41,28,.16));
}
.masar-3d .brand-mark-face{
  filter:
    drop-shadow(0 17px 15px rgba(0,0,0,.62))
    drop-shadow(0 5px 7px rgba(0,0,0,.44))
    drop-shadow(0 0 9px rgba(213,167,75,.18));
}
.venture:hover .brand-mark-face{
  transform:perspective(700px) rotateX(1deg) rotateY(-5deg) translateY(-3px) scale(1.02);
}
.sufra-mark::before,.sufra-mark::after,.masar-mark::before,.masar-mark::after{content:none!important}

/* Corporate-group visual language: systems, not property development. */
.hero{isolation:isolate}
.hero-bg:before,.hero-bg:after{content:"";position:absolute;pointer-events:none}
.hero-bg:before{
  width:min(46vw,720px);aspect-ratio:1;inset-inline-end:-8%;top:9%;
  border:1px solid rgba(231,197,126,.12);border-radius:50%;
  box-shadow:0 0 0 46px rgba(231,197,126,.025),0 0 0 92px rgba(231,197,126,.014);
}
.hero-bg:after{
  width:min(34vw,500px);height:1px;inset-inline-end:9%;top:53%;
  background:linear-gradient(90deg,transparent,rgba(231,197,126,.42),transparent);
  transform:rotate(-28deg);
}
.hero-overlay{
  background:
    linear-gradient(90deg,rgba(4,7,5,.95) 0%,rgba(4,7,5,.70) 45%,rgba(4,7,5,.28) 72%,rgba(4,7,5,.64) 100%),
    linear-gradient(0deg,rgba(5,8,6,.82),transparent 48%);
}
.hero-copy h1{max-inline-size:920px}
.hero-en{font-size:clamp(13px,1.2vw,18px);letter-spacing:.16em;line-height:1.4;color:#d8b876;margin:18px 0 26px}
.hero-tags span{border-color:rgba(230,196,124,.16);background:rgba(10,16,13,.7)}
.hero-plaque{
  border:1px solid rgba(231,197,126,.16);
  border-inline-start:1px solid rgba(231,197,126,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(15,21,18,.72),rgba(6,10,8,.82));
  box-shadow:0 28px 80px rgba(0,0,0,.24);
}
.operating-map{
  position:relative;z-index:2;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;width:min(72%,420px);
}
.operating-map span{
  min-height:86px;display:grid;place-items:center;
  border:1px solid rgba(231,197,126,.14);border-radius:16px;
  background:rgba(7,12,9,.62);backdrop-filter:blur(8px);
  color:#d7bd83;font:700 10px "Manrope";letter-spacing:.18em;
}
.operating-map span:nth-child(4),
.operating-map span:nth-child(5){border-color:rgba(58,132,103,.26);color:#a7c7b9}

/* Prevent any off-canvas accessibility helper from widening Safari's layout. */
.hidden-field{max-inline-size:1px!important;max-block-size:1px!important}

@media(max-width:900px){
  .hero-bg:before{width:520px;max-width:92vw;inset-inline-end:-32%;top:8%}
  .hero-bg:after{width:380px;max-width:74vw;inset-inline-end:-8%;top:44%}
  .hero-overlay{background:linear-gradient(180deg,rgba(4,7,5,.58),rgba(4,7,5,.92) 58%,#050705 100%)}
  .hero-plaque{max-inline-size:100%}
  .operating-map{width:min(82%,420px)}
}
@media(max-width:620px){
  .hero{overflow:clip}
  .hero-plaque{grid-template-columns:minmax(0,1fr) 108px}
  .brand-grid,.sector-grid,.about,.contact{max-inline-size:100%}
  .venture{inline-size:100%;max-inline-size:100%;grid-template-columns:minmax(0,1fr) 92px}
  .venture-logo{min-inline-size:0}
  .sufra-3d{width:82px;height:82px}
  .masar-3d{width:96px;height:96px}
  .operating-map{width:84%;gap:8px}
  .operating-map span{min-height:68px;font-size:8px}
}
@media(max-width:380px){
  .venture{grid-template-columns:minmax(0,1fr) 72px}
  .sufra-3d{width:68px;height:68px}
  .masar-3d{width:78px;height:78px}
}


/* 2026-09-20 corporate footer + about composition */
.about-visual{
  display:grid;
  grid-template-rows:minmax(430px,1fr) auto;
  min-height:620px;
  overflow:hidden;
}
.about-visual .about-photo{
  position:relative;
  inset:auto;
  min-height:430px;
}
.about-visual-footer{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);
  align-items:center;
  gap:28px;
  padding:20px 22px;
  border-top:1px solid rgba(231,197,126,.15);
  background:linear-gradient(135deg,rgba(14,19,16,.98),rgba(7,10,9,.98));
}
.about-visual-footer .about-badge{
  position:static;
  inset:auto;
  bottom:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  display:flex;
  align-items:center;
  gap:14px;
}
.about-visual-footer .about-badge img{width:46px}
.about-visual-footer .about-badge span{
  font-size:15px;
  line-height:1.55;
}
.about-visual-footer>p{
  margin:0;
  color:#9f998e;
  font-size:12px;
  line-height:1.8;
  text-align:start;
}

/* Corporate footer: legal identity + navigation + group brands. */
.site-footer{
  display:block;
  padding:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(205,158,77,.075),transparent 30%),
    #050706;
  border-top:1px solid var(--line);
  color:#aaa398;
}
.footer-main{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(160px,.45fr) minmax(290px,.9fr);
  gap:clamp(34px,6vw,90px);
  padding:clamp(46px,6vw,82px) clamp(22px,7vw,110px);
}
.footer-intro{max-width:520px}
.footer-intro .footer-brand{justify-content:flex-start}
.footer-intro .footer-brand img{width:42px}
.footer-intro .footer-brand b{font-size:15px}
.footer-intro .footer-brand small{
  font-size:7px;
  letter-spacing:.13em;
  color:var(--gold-hi);
}
.footer-intro>p{
  margin:23px 0 0;
  max-width:500px;
  font-size:13px;
  line-height:1.95;
  color:#8e887e;
}
.footer-nav{
  display:grid!important;
  justify-content:stretch!important;
  align-content:start;
  gap:12px!important;
  font-size:11px!important;
}
.footer-nav strong,.footer-company>strong{
  display:block;
  margin-bottom:8px;
  color:#dcc080;
  font:700 9px "Manrope","IBM Plex Sans Arabic",sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
html[dir=rtl] .footer-nav strong,
html[dir=rtl] .footer-company>strong{
  font-family:"IBM Plex Sans Arabic","Manrope",sans-serif;
  letter-spacing:0;
  text-transform:none;
  font-size:12px;
}
.footer-nav a{
  width:max-content;
  max-width:100%;
  color:#aaa398;
  transition:color .2s ease;
}
.footer-nav a:hover{color:var(--gold-hi)}
.footer-company{min-width:0}
.footer-company dl{margin:0;display:grid;gap:0}
.footer-company dl>div{
  display:grid;
  grid-template-columns:minmax(105px,.48fr) minmax(0,1fr);
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid rgba(231,197,126,.09);
}
.footer-company dt{
  color:#6f6a61;
  font-size:10px;
}
.footer-company dd{
  margin:0;
  color:#c8c1b6;
  font-size:11px;
  line-height:1.6;
  overflow-wrap:anywhere;
}
.footer-company dd a{color:#d9bd7c}
.footer-bottom{
  min-height:72px;
  padding:18px clamp(22px,7vw,110px);
  border-top:1px solid rgba(231,197,126,.1);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#706b63;
}
.footer-bottom>small{font-size:9px}
.footer-brands{
  display:flex;
  align-items:center;
  gap:13px;
  flex-wrap:wrap;
  font:700 8px "Manrope";
  letter-spacing:.1em;
}
.footer-brands span{color:#68635c}
.footer-brands a{color:#bfa66e}
.legal-registration[hidden]{display:none!important}

@media(max-width:900px){
  .about-visual{grid-template-rows:minmax(390px,1fr) auto;min-height:560px}
  .about-visual .about-photo{min-height:390px}
  .about-visual-footer{grid-template-columns:1fr;gap:14px}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-intro{grid-column:1/-1;max-width:680px}
  .footer-company{min-width:0}
}
@media(max-width:620px){
  .about-visual{grid-template-rows:minmax(350px,1fr) auto;min-height:500px}
  .about-visual .about-photo{min-height:350px}
  .about-visual-footer{padding:17px 16px}
  .about-visual-footer .about-badge img{width:40px}
  .about-visual-footer .about-badge span{font-size:13px}
  .about-visual-footer>p{font-size:11px}
  .footer-main{grid-template-columns:1fr;padding:42px 18px;gap:34px}
  .footer-intro{grid-column:auto}
  .footer-nav{border-top:1px solid rgba(231,197,126,.09);padding-top:26px}
  .footer-company{border-top:1px solid rgba(231,197,126,.09);padding-top:26px}
  .footer-company dl>div{grid-template-columns:1fr;gap:5px}
  .footer-bottom{padding:20px 18px;align-items:flex-start;flex-direction:column}
  .footer-brands{gap:10px}
}


/* 2026-09-20 global corporate hierarchy + Arabic typography */
html[dir=rtl] h1,
html[dir=rtl] h2,
html[dir=rtl] h3,
html[dir=rtl] .hero-copy h1,
html[dir=rtl] .section-title h2,
html[dir=rtl] .brands-heading h2,
html[dir=rtl] .about-copy h2,
html[dir=rtl] .contact h2{
  letter-spacing:0!important;
}
html[dir=rtl] .hero-copy h1{
  font-size:clamp(52px,6.7vw,104px);
  line-height:1.08;
  max-inline-size:880px;
}
html[dir=rtl] .eyebrow{
  font-family:"IBM Plex Sans Arabic","Manrope",sans-serif;
  letter-spacing:0;
  text-transform:none;
  font-size:11px;
  font-weight:600;
}
html[dir=rtl] .section-title h2,
html[dir=rtl] .brands-heading h2,
html[dir=rtl] .about-copy h2,
html[dir=rtl] .contact h2{
  line-height:1.16;
}
.hero-lead{
  max-width:590px;
  font-size:clamp(15px,1.08vw,18px);
  line-height:1.82;
}
.section-title,.brands-heading{
  grid-template-columns:minmax(260px,.72fr) minmax(0,.88fr);
  gap:clamp(42px,7vw,110px);
}
.section-title>p,.brands-heading>p{
  max-width:560px;
  font-size:14px;
  line-height:1.75;
}
.venture-copy p{
  max-width:480px;
  line-height:1.72;
}
.about-copy{
  max-width:620px;
}
.about-copy>p:not(.eyebrow){
  max-width:570px;
  font-size:15px;
  line-height:1.86;
  margin-top:24px;
}
.contact{
  grid-template-columns:minmax(300px,.72fr) minmax(0,1fr);
  gap:clamp(56px,8vw,128px);
}
.contact-copy{max-width:520px}
.contact-copy>p:last-child{
  max-width:470px;
  line-height:1.78;
}

/* A compact, high-end corporate signal rail directly under the hero. */
.corporate-signals{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(280px,1.3fr) repeat(3,minmax(170px,.7fr));
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,#080b09,#0b100d 48%,#080a09);
}
.corporate-signals>div{
  min-width:0;
  min-height:122px;
  padding:24px clamp(20px,2.4vw,36px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-inline-end:1px solid rgba(231,197,126,.11);
}
.corporate-signals>div:last-child{border-inline-end:0}
.corporate-signals small{
  display:block;
  margin-bottom:10px;
  color:#9d8a63;
  font:700 8px/1.35 "Manrope",sans-serif;
  letter-spacing:.16em;
}
.corporate-signals strong{
  display:block;
  color:#d8d1c5;
  font-size:14px;
  line-height:1.55;
  font-weight:600;
}
.signal-lead{
  background:
    linear-gradient(90deg,rgba(208,157,76,.06),transparent),
    radial-gradient(circle at 15% 50%,rgba(209,159,77,.08),transparent 34%);
}
.signal-lead strong{
  max-width:430px;
  color:var(--gold-hi);
  font-size:clamp(18px,1.55vw,24px);
  line-height:1.4;
}
html[dir=rtl] .corporate-signals small{letter-spacing:.1em}
html[dir=rtl] .corporate-signals strong{letter-spacing:0}

/* Footer becomes a main content area + a deliberate company/contact side rail. */
.footer-main{
  grid-template-columns:minmax(0,1fr) minmax(330px,430px);
  gap:clamp(52px,8vw,128px);
  align-items:start;
}
.footer-content{
  min-width:0;
  max-width:790px;
  display:grid;
  align-content:start;
  gap:34px;
}
.footer-intro{
  max-width:620px;
}
.footer-intro>p{
  max-width:560px;
  margin-top:20px;
  font-size:13px;
  line-height:1.78;
}
.footer-nav{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 24px!important;
  padding-top:24px;
  border-top:1px solid rgba(231,197,126,.09);
}
.footer-nav strong{
  width:100%;
  margin:0 0 2px;
}
.footer-nav a{
  font-size:11px;
}
.footer-content>.footer-brands{
  padding-top:22px;
  border-top:1px solid rgba(231,197,126,.09);
}
.footer-side{
  min-width:0;
  position:relative;
  padding:26px;
  border:1px solid rgba(231,197,126,.16);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(210,159,77,.09),transparent 34%),
    linear-gradient(145deg,rgba(14,19,16,.95),rgba(7,10,9,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.footer-side-head{
  display:grid;
  gap:7px;
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(231,197,126,.1);
}
.footer-side-head small{
  color:var(--gold-hi);
  font:700 8px/1.3 "Manrope",sans-serif;
  letter-spacing:.17em;
}
.footer-side-head span{
  color:#8f897f;
  font-size:11px;
  line-height:1.55;
}
.footer-company>strong{
  margin-bottom:4px;
}
.footer-company dl>div{
  grid-template-columns:minmax(110px,.46fr) minmax(0,1fr);
  gap:18px;
  padding:12px 0;
}
.footer-contact-cta{
  margin-top:20px;
  min-height:48px;
  padding:0 16px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:linear-gradient(105deg,#f3d493,#c89245);
  color:#171108;
  font-size:12px;
  font-weight:800;
}
.footer-contact-cta i{
  font-style:normal;
  font:700 16px "Manrope";
}
.footer-bottom{
  min-height:68px;
}
.footer-signature{
  color:#8f7d58;
  font:700 8px/1.4 "Manrope",sans-serif;
  letter-spacing:.13em;
  text-align:end;
}

@media(max-width:1040px){
  .corporate-signals{
    grid-template-columns:1fr 1fr;
  }
  .corporate-signals>div:nth-child(2){
    border-inline-end:0;
  }
  .corporate-signals>div{
    border-bottom:1px solid rgba(231,197,126,.1);
  }
  .corporate-signals>div:nth-last-child(-n+2){border-bottom:0}
  .footer-main{
    grid-template-columns:minmax(0,1fr) minmax(300px,370px);
    gap:48px;
  }
}
@media(max-width:900px){
  .section-title,.brands-heading{
    grid-template-columns:1fr;
    gap:18px;
  }
  .contact{
    grid-template-columns:1fr;
    gap:44px;
  }
  .footer-main{
    grid-template-columns:1fr;
    gap:42px;
  }
  .footer-content{max-width:760px}
  .footer-side{
    width:min(100%,620px);
    justify-self:start;
  }
}
@media(max-width:620px){
  html[dir=rtl] .hero-copy h1{
    font-size:clamp(46px,13vw,62px);
    line-height:1.1;
  }
  .hero-lead{
    font-size:13.5px;
    line-height:1.78;
  }
  .corporate-signals{
    grid-template-columns:1fr 1fr;
  }
  .corporate-signals>div{
    min-height:106px;
    padding:19px 16px;
  }
  .signal-lead{
    grid-column:1/-1;
    min-height:118px!important;
    border-inline-end:0!important;
  }
  .corporate-signals>div:nth-child(2){
    border-inline-end:1px solid rgba(231,197,126,.11);
  }
  .corporate-signals>div:nth-child(3){
    border-inline-end:0;
  }
  .corporate-signals>div:nth-child(4){
    grid-column:1/-1;
    border-top:1px solid rgba(231,197,126,.1);
  }
  .corporate-signals strong{font-size:12px}
  .signal-lead strong{font-size:18px}
  .footer-main{
    padding:40px 18px;
    gap:34px;
  }
  .footer-nav{
    padding-top:22px;
    gap:10px 18px!important;
  }
  .footer-side{
    width:100%;
    padding:21px 18px;
    border-radius:18px;
  }
  .footer-company dl>div{
    grid-template-columns:1fr;
    gap:5px;
  }
  .footer-bottom{
    gap:12px;
  }
  .footer-signature{
    font-size:7px;
    text-align:start;
  }
}
@media(max-width:420px){
  .corporate-signals{
    grid-template-columns:1fr;
  }
  .corporate-signals>div,
  .corporate-signals>div:nth-child(2),
  .corporate-signals>div:nth-child(3),
  .corporate-signals>div:nth-child(4){
    grid-column:auto;
    border-inline-end:0;
    border-bottom:1px solid rgba(231,197,126,.1);
  }
  .corporate-signals>div:last-child{border-bottom:0}
}


/* Official direct-email contacts */
.contact-copy>p:not(.eyebrow){
  color:#918b81;
  line-height:1.9;
  margin-top:24px;
  max-width:470px;
}
.contact-direct{
  display:grid;
  gap:10px;
  margin-top:24px;
  max-width:520px;
}
.contact-direct a{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.018);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.contact-direct a:hover{
  border-color:rgba(240,207,140,.4);
  background:rgba(240,207,140,.045);
  transform:translateY(-1px);
}
.contact-direct span{
  color:#918b81;
  font-size:10px;
  font-weight:600;
}
.contact-direct b{
  min-width:0;
  color:var(--gold-hi);
  font:700 11px/1.45 "Manrope",sans-serif;
  direction:ltr;
  unicode-bidi:isolate;
  overflow-wrap:anywhere;
  text-align:end;
}
@media(max-width:420px){
  .contact-direct a{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
  .contact-direct b{text-align:start}
}

/* Clear service hierarchy and agricultural trade enquiries. */
.hero{min-height:720px;min-height:88svh;gap:5vw}
.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:clamp(42px,5.6vw,80px);line-height:1.24;letter-spacing:0}
.hero-en{font-size:12px;line-height:1.8;letter-spacing:.04em;direction:inherit}
.hero-plaque{min-height:350px}
.hero-plaque>strong{font-size:clamp(24px,2.3vw,34px);line-height:1.65}
.plaque-mark{margin-top:30px}
.ambient,.hero-bg:before,.hero-bg:after,.venture-shine{display:none}
.hero-bg{background:linear-gradient(125deg,#111d16,#080c0a 65%)}
.hero-overlay{background:linear-gradient(0deg,rgba(4,7,5,.4),transparent)}
.section-pad{padding-block:clamp(64px,7vw,100px)}
.about{gap:6vw;grid-template-columns:1fr 1fr}
.about-visual{min-height:380px;grid-template-rows:250px auto}
.about-visual .about-photo{min-height:250px}
.about-visual-footer{grid-template-columns:1fr}
.operating-map{width:82%}
.operating-map span{min-height:64px;letter-spacing:.04em}
.about-copy h2,.section-title h2,.brands-heading h2,.contact h2,.agriculture h2{font-size:clamp(30px,3.6vw,49px);line-height:1.35}
.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sector-card{align-items:flex-start;text-align:start;min-height:240px;padding:30px}
.sector-card h3{font-size:21px;margin:20px 0 10px}
.sector-card p{color:#b3b5ac;font-size:14px;line-height:1.9;margin:0;max-width:440px}
.sector-card:hover{transform:none}
.agriculture{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#15241b;border-block:1px solid #344335}
.agriculture h2{margin:14px 0 20px}
.agriculture-heading>p:not(.eyebrow){font-size:16px;color:#c1cbbf;line-height:1.95;max-width:540px}
.agriculture-heading .btn-primary{margin-top:18px;height:auto;min-height:52px;padding-block:12px}
.agriculture-details{border-top:1px solid #435143}
.agriculture-details article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid #435143}
.step-number{font:500 14px/2 Manrope,system-ui;color:var(--gold-hi)}
.agriculture-details h3{margin:0 0 8px;font-size:20px}
.agriculture-details p{margin:0;color:#c1cbbf;line-height:1.85;font-size:14px}
.venture{grid-template-columns:minmax(0,1fr) 120px;gap:20px;padding:30px;min-height:320px}
.venture-copy h3{font-size:27px;line-height:1.45}
.venture-copy p{font-size:14px;line-height:1.85}
.sufra-3d,.masar-3d{width:110px;height:110px}
.desktop-nav{gap:20px;font-size:13px}
.contact-form label{font-size:13px}
section[id]{scroll-margin-top:80px}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:5px}
@media(max-width:1100px){.desktop-nav{gap:14px;font-size:11px}.header-cta{display:none}.brand-grid{grid-template-columns:1fr}}
@media(max-width:900px){.about,.agriculture{grid-template-columns:1fr}.hero{min-height:auto;padding-top:125px}.hero-plaque{min-height:auto}.about-copy{grid-row:1}.about-visual{min-height:380px}.agriculture{gap:36px}}
@media(max-width:620px){.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:clamp(36px,10vw,52px);line-height:1.3}.hero-lead{font-size:15px;line-height:1.95}.hero-plaque{display:none}.hero{padding-bottom:66px}.hero-tags{margin-top:25px}.sector-grid{grid-template-columns:1fr}.sector-card{min-height:auto;padding:26px}.sector-card h3{font-size:20px}.corporate-signals{grid-template-columns:1fr}.corporate-signals>div{grid-column:1/-1;min-height:85px!important;border-inline-end:0!important}.signal-lead{display:none!important}.corporate-signals strong{font-size:15px}.agriculture-details article{gap:15px}.venture{grid-template-columns:minmax(0,1fr) 80px;padding:24px;gap:12px}.venture-copy h3{font-size:22px}.sufra-3d,.masar-3d{width:78px;height:78px}.about-visual{display:none}.contact-form{padding:23px}.contact-copy>p:not(.eyebrow){font-size:15px}}

.products{background:#f1eee4;color:#23382a}
.products .section-title>p{color:#52604f}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-card{border:1px solid #d4d8c7;border-radius:16px;overflow:hidden;background:#f9f7f0;min-width:0}
.product-art{height:160px;background:#e5e9d9;display:flex;align-items:center;justify-content:center;position:relative}
.product-art svg{height:120px;width:120px;filter:drop-shadow(0 12px 12px #253a2214)}
.product-art>span{position:absolute;top:16px;inset-inline-start:20px;font:500 12px Manrope,system-ui;color:#75836a}
.product-art.strawberry{background:#eddfd7}.product-art.dates{background:#e7decd}.product-art.fruit{background:#e8e3cb}.product-art.onion{background:#e5e0e7}
.product-copy{padding:25px}
.product-copy h3{font-size:22px;line-height:1.4;margin:0 0 12px}
.product-copy p{font-size:14px;line-height:1.9;color:#53614f;margin:0 0 20px}
.product-copy a{display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:700;border-bottom:1px solid #a9b49b;padding-bottom:5px}
.product-copy i{font-style:normal}
.brochure-banner{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:32px;margin-top:36px;border-radius:16px;background:#1d392c;color:#f6f1e2}
.brochure-banner h3{margin:0 0 8px;font-size:25px}.brochure-banner p{color:#c9d3c3;margin:0;line-height:1.8;max-width:650px}
.brochure-banner .btn-primary{flex-shrink:0}
.products>p:last-child{font-size:12px;line-height:1.9;color:#53614f;margin:20px 0 0;max-width:900px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brochure-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.product-grid{grid-template-columns:1fr}.product-art{height:140px}.brochure-banner{padding:24px}.product-copy{padding:22px}}

/* LAPIDZS photographic identity — 2026-10 */
:root{--gold:#c7a265;--gold-hi:#e4c78f;--text:#f6f2e9}
.site-header{height:90px;background:#0c1e17f5;border-bottom:1px solid #d3b77930;padding-inline:clamp(20px,4vw,64px)}
.site-header.scrolled{height:76px;background:#0c1e17f5}
.brand{gap:14px}.brand img{width:44px;height:52px}.brand b{font-size:20px;letter-spacing:.22em}.brand small{font-size:10px}
.desktop-nav{font-size:13px;gap:24px}.desktop-nav a{color:#eee9dc}
.header-cta,.btn-primary{background:#d5b879;border-radius:5px;box-shadow:none}
.lang-btn,.menu-btn{border-radius:5px;background:transparent}
.hero{min-height:760px;min-height:91svh;display:flex;align-items:center;padding:160px clamp(24px,7vw,110px) 140px;isolation:isolate;background:#0f2419}
.hero .hero-photo{position:absolute;inset:0;background-image:var(--photo-hero);background-size:cover;background-position:center;z-index:0}
.hero-overlay{background:linear-gradient(90deg,#08150c0a 0%,#08150c15 30%,#08150c91 65%,#08150cd9 100%);z-index:1}
.hero-copy{width:min(100%,620px);margin-inline-end:auto;text-shadow:0 2px 24px #0005}
.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:clamp(46px,5vw,76px);line-height:1.3;font-weight:600;margin-top:20px}
.hero-copy h1 em{font-size:.69em;display:inline-block;color:#f2e8ce;font-weight:500}
.hero-copy .eyebrow{color:#f1daab;font-size:12px}
.hero-en{display:none}
.hero-lead{max-width:540px;color:#f0eee3;font-size:17px;line-height:1.95;margin-top:24px}
.hero-actions{gap:25px}.hero-link-arrow{font-size:25px;color:#e2c994}.hero-tags{display:none}
.hero-signature{position:absolute;bottom:35px;inset-inline-end:7vw;display:flex;gap:24px;align-items:center;z-index:2;opacity:.85}
.hero-signature img{width:125px;max-height:65px;object-fit:contain}
.hero-signature span{font-size:11px;color:#e2d4b1;border-inline-start:1px solid #d5bc8855;padding-inline-start:24px}
.scroll-cue{display:none}
.corporate-signals{grid-template-columns:repeat(3,1fr);background:#132c21}
.corporate-signals .signal-lead{display:none}
.corporate-signals>div{min-height:95px;padding:20px 7vw}
.corporate-signals strong{font-size:16px;color:#f3ead7}
.corporate-signals small{color:#b5bca8;font-size:9px}
.products{background:#f3f0e7;color:#1e3529}
.products .section-title>div>p{font-size:11px;letter-spacing:.1em;color:#7d8065}
.products .section-title h2{font-size:clamp(34px,4vw,54px)}
.product-grid{gap:24px}
.product-card{border:0;border-radius:0;background:transparent;box-shadow:none}
.product-photo{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#d9dfcd;overflow:hidden}
.product-copy{padding:20px 0 23px;border-bottom:1px solid #c7cbbb}
.product-copy h3{font-size:24px;font-weight:600;margin-bottom:9px}
.product-copy p{font-size:14px;line-height:1.8;min-height:50px;margin-bottom:15px}
.product-copy a{font-size:12px;min-height:35px}
.brochure-banner{border-radius:0;background:#173b2a;padding:38px}
.section-pad{padding-block:clamp(65px,7vw,105px)}
.about-visual{border-radius:0}.venture{border-radius:3px}
html[dir=ltr] .hero-overlay{background:linear-gradient(90deg,#08150cd9,#08150c8a 40%,#08150c18 78%)}
html[dir=ltr] .hero .hero-photo{transform:scaleX(-1)}
@media(max-width:1100px){.desktop-nav{font-size:11px;gap:15px}.site-header{padding-inline:24px}}
@media(max-width:900px){.hero{min-height:750px}.hero-copy{max-width:530px}.hero-copy h1{font-size:60px}.corporate-signals>div{padding:20px 25px}.hero-signature{bottom:28px}}
@media(max-width:620px){
.site-header,.site-header.scrolled{height:76px;padding-inline:20px}
.brand img{width:34px;height:43px}.brand b{font-size:17px}.brand small{font-size:9px}
.header-actions{gap:8px}.lang-btn,.menu-btn{width:42px;height:44px;min-width:44px}
.mobile-nav{top:76px;background:#10291e;border-radius:0;border-color:#bba56b40}
.mobile-nav.open{padding:22px}.mobile-nav a{font-size:15px;min-height:44px}
.hero{min-height:750px;min-height:92svh;padding:125px 24px 310px;align-items:flex-start}
.hero .hero-photo{background-position:34% bottom}
.hero-overlay{background:linear-gradient(180deg,#06140be0 0%,#06140bbb 32%,#06140b33 65%,#06140b10 100%)}
.hero-copy{max-width:100%;margin:0}
.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:49px;line-height:1.28;margin-top:16px}
.hero-copy h1 em{font-size:.64em;line-height:1.65}
.hero-lead{font-size:14px;line-height:1.9;margin-top:14px;max-width:340px}
.hero-actions{margin-top:22px;gap:20px}.btn-primary{min-height:47px;height:auto;padding:13px 18px;font-size:12px;gap:14px}
.hero-signature{display:none}
.corporate-signals{grid-template-columns:repeat(3,minmax(0,1fr))}
.corporate-signals>div,.corporate-signals>div:nth-child(2),.corporate-signals>div:nth-child(3),.corporate-signals>div:nth-child(4){grid-column:auto;min-height:95px!important;padding:15px 12px;border-inline-end:1px solid #d6c39326!important;border-top:0}
.corporate-signals small{font-size:7px;letter-spacing:0;line-height:1.5}
.corporate-signals strong{font-size:12px}
.section-pad{padding-inline:20px;padding-block:58px}
.products .section-title{gap:12px;margin-bottom:26px}
.products .section-title>p{font-size:13px;line-height:1.9}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.product-photo{aspect-ratio:1/1}
.product-copy{padding:13px 0 18px}
.product-copy h3{font-size:17px;line-height:1.6;margin-bottom:5px}
.product-copy p{font-size:12px;line-height:1.85;min-height:65px;margin-bottom:10px}
.product-copy a{font-size:11px;gap:8px;min-height:36px}
.brochure-banner{padding:25px;gap:20px;margin-top:25px}
.brochure-banner h3{font-size:22px}.brochure-banner p{font-size:13px}
html[dir=ltr] .hero-overlay{background:linear-gradient(180deg,#06140be0,#06140baa 40%,#06140b25 80%)}
}
@media(max-width:360px){.product-grid{gap:12px}.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:42px}.product-copy h3{font-size:15px}}

/* Product story carousel and photographic business sectors. */
#produceCarousel{min-height:820px;min-height:94svh;padding-bottom:170px;touch-action:pan-y}
.hero .hero-photo,.hero .carousel-background{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;z-index:0;pointer-events:none}
.hero .hero-photo[data-active=true],.hero .carousel-background[data-active=true]{opacity:1}
.hero .carousel-background.photo-vegetables{background-image:var(--photo-vegetables)}
.hero .carousel-background.photo-medjool{background-image:var(--photo-medjool)}
.hero[data-slide="1"] .hero-overlay,.hero[data-slide="2"] .hero-overlay{background:linear-gradient(90deg,#08170c15,#08170c35 30%,#08170cbd 65%,#08170ceb)}
.hero-copy{max-width:640px}
.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:clamp(42px,4.6vw,69px);line-height:1.35;min-height:190px}
.hero-copy h1 em{font-size:.71em;line-height:1.6}
.hero-lead{min-height:100px}
.carousel-controls{position:absolute;bottom:35px;inset-inline-start:7vw;inset-inline-end:7vw;display:flex;align-items:center;gap:32px;z-index:4}
.carousel-tabs{display:flex;gap:28px;flex:1;max-width:720px}
.carousel-tab{position:relative;min-width:0;flex:1;display:flex;align-items:center;gap:13px;min-height:58px;padding:10px 0 19px;border:0;color:#d8dfd0;background:transparent;font:500 16px "IBM Plex Sans Arabic",Manrope,sans-serif;text-align:start;cursor:pointer}
.carousel-tab-number{font:500 10px Manrope,sans-serif;opacity:.6}
.carousel-tab-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#d0d6bf5e}
.carousel-tab[aria-pressed=true]{color:#f7dfaa}
.carousel-tab[aria-pressed=true] .carousel-tab-track{background:#e6c98e}
.carousel-pause{min-height:44px;min-width:44px;border:1px solid #d5c59465;background:#09201580;color:#f7ecd3;border-radius:4px;padding:9px 15px;font:500 11px "IBM Plex Sans Arabic",Manrope,sans-serif;cursor:pointer;white-space:nowrap}
.hero-signature{display:none}
.sectors{background:#f1eee5;color:#23392b}
.sectors .section-title>p{color:#66715e}
.sectors .section-title h2{font-size:clamp(32px,4vw,52px)}
.sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;border:0}
.sector-card{display:block;min-height:0;overflow:visible;border:0;padding:0;text-align:start;background:transparent;transform:none}
.sector-card:before{display:none}.sector-card:hover{background:transparent;transform:none}
.sector-image{position:relative;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#d5ddcd}
.sector-photo-agriculture{background-image:var(--photo-hero);background-position:25% center}
.sector-number{position:absolute;top:14px;inset-inline-start:14px;display:grid;place-items:center;width:32px;height:32px;background:#f1ecdfec;color:#32482e;font:600 11px Manrope,sans-serif;border-radius:2px}
.sector-content{padding:20px 0 15px;border-bottom:1px solid #bdc8b4}
.sector-content h3{font-size:22px;line-height:1.5;margin:0 0 10px;font-weight:600}
.sector-content p{font-size:13px;line-height:1.9;color:#66715e;min-height:75px}
.sector-content a{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:15px;font-size:12px;font-weight:600;color:#23482e}
.sector-content i{font-style:normal}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[dir=ltr] .hero[data-slide="1"] .hero-overlay,html[dir=ltr] .hero[data-slide="2"] .hero-overlay{background:linear-gradient(90deg,#08170ceb,#08170cbd 35%,#08170c35 70%,#08170c15)}
@media(max-width:1100px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-content p{min-height:55px}}
@media(max-width:620px){
#produceCarousel{min-height:790px;min-height:94svh;padding:125px 24px 295px}
.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:44px;min-height:140px;line-height:1.35}
.hero-copy h1 em{font-size:.69em;line-height:1.6}
.hero-lead{min-height:90px;font-size:14px;max-width:345px}
.hero-actions{margin-top:16px}
.hero .hero-photo,.hero .carousel-background{background-position:34% bottom}
.hero[data-slide="1"] .hero-overlay,.hero[data-slide="2"] .hero-overlay,html[dir=ltr] .hero[data-slide="1"] .hero-overlay,html[dir=ltr] .hero[data-slide="2"] .hero-overlay{background:linear-gradient(180deg,#071c11eb 0%,#071c11b5 43%,#071c1128 80%)}
.carousel-controls{bottom:24px;inset-inline-start:24px;inset-inline-end:24px;display:grid;gap:12px}
.carousel-tabs{gap:18px;width:100%}
.carousel-tab{font-size:14px;gap:7px;padding:8px 0 13px;min-height:48px}
.carousel-tab-number{font-size:9px}
.carousel-pause{justify-self:start;padding:7px 12px;font-size:10px;min-height:35px}
.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
.sector-image{aspect-ratio:1/1}
.sector-number{top:10px;inset-inline-start:10px;width:27px;height:27px;font-size:10px}
.sector-content{padding:13px 0}
.sector-content h3{font-size:18px;line-height:1.6;margin-bottom:8px}
.sector-content p{font-size:12px;line-height:1.9;min-height:90px}
.sector-content a{font-size:11px;gap:8px;margin-top:7px;line-height:1.7}
.sectors .section-title{margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.hero .hero-photo,.hero .carousel-background{transition:none}}

#produceCarousel:after{content:'';position:absolute;inset: auto 0 0;height:185px;background:linear-gradient(0deg,#071c12e6,transparent);z-index:1;pointer-events:none}
.sectors .eyebrow{color:#70764e}
@media(max-width:620px){.sector-content p{min-height:70px}.carousel-pause{min-height:44px}}

.page-top{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
@media(max-width:620px){.hero-copy h1,html[dir=rtl] .hero-copy h1{font-size:40px;min-height:175px}.hero-lead{min-height:110px}html[dir=ltr] .hero-copy h1{font-size:38px;min-height:190px}}


/* Four-language native selector, sized for full language names on phones. */
select.lang-btn{width:auto;min-width:102px;max-width:124px;padding:0 9px;font:600 12px Manrope,"IBM Plex Sans Arabic",sans-serif;color:#f5f1e5;background:#102b20;color-scheme:dark}
select.lang-btn option{background:#102b20;color:#fff}
html[dir=ltr] .desktop-nav{gap:clamp(10px,1.5vw,24px)}
html[lang=fr] .hero-copy h1,html[lang=it] .hero-copy h1{font-size:clamp(40px,4.3vw,65px)}
html[dir=ltr] .sector-content h3{overflow-wrap:anywhere}
@media(max-width:620px){select.lang-btn{min-width:99px;max-width:108px}html[lang=fr] .hero-copy h1,html[lang=it] .hero-copy h1{font-size:35px;min-height:190px}.carousel-tab{min-width:0}.carousel-tabs{gap:12px}}