/* Al Marroum Group static site — English-first, logo-forward editorial system */
:root{--navy:#102a43;--ink:#18364f;--gold:#b28a43;--sand:#f7f5f0;--line:#e3dfd5;--muted:#627181;--white:#fff;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.page{overflow:hidden}.container{width:min(1180px,calc(100% - 80px));margin:auto}.nav{height:92px;background:#fff;border-bottom:1px solid #edf0f1;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{width:47px;height:47px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-weight:700;font-size:18px;line-height:.85}.brand-mark span{display:block}.brand-copy{font-size:17px;line-height:1.02}.brand-copy small{display:block;color:var(--gold);font-size:8px;letter-spacing:.2em;margin-top:4px}.nav-links{display:flex;gap:38px;font-size:14px}.nav-links a{padding:36px 0 32px;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a.active{border-color:var(--gold);color:var(--gold)}.menu{display:none;border:0;background:transparent;color:var(--navy)}
.hero{min-height:650px;background-size:cover;background-position:center;display:flex;align-items:center;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,240,.96),rgba(247,245,240,.84) 35%,rgba(247,245,240,.16) 76%,rgba(16,42,67,.2));pointer-events:none}.hero-content{position:relative;z-index:1;max-width:730px;padding:90px 0}.kicker,.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.kicker{display:flex;align-items:center;gap:13px;margin-bottom:27px}.kicker:before,.eyebrow:before{content:"";display:inline-block;width:34px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.065em;margin-bottom:27px}h1 em,h2 em{font-style:normal;color:var(--gold)}.hero p{font-size:18px;line-height:1.8;max-width:555px;color:#365064}.actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:13px;padding:16px 23px;border:1px solid var(--gold);font-weight:700;font-size:13px;transition:transform .2s var(--ease),background .2s}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:#fff}.text-link{font-weight:700;color:var(--gold);font-size:13px}.hero-index{position:absolute;left:5%;bottom:22px;z-index:2;color:#fff;font-size:10px;letter-spacing:.2em}.hero-index span{display:inline-block;width:70px;height:1px;background:#fff;margin:0 12px 3px}.section{padding:120px 0}.eyebrow{margin-bottom:25px}.intro-grid,.heading-grid,.company-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro-grid h2,.heading-grid h2,.company-intro h2{font-size:clamp(40px,5vw,67px);line-height:1;letter-spacing:-.065em}.intro-grid p,.heading-grid>p,.company-intro>p{font-size:17px;line-height:1.9;color:#4d6172}.lead{font-size:22px!important;color:var(--ink)!important}.stats{display:flex;border-top:1px solid var(--line);margin-top:75px}.stat{padding:25px 55px 0 0;border-right:1px solid var(--line);margin-right:55px}.stat strong{display:block;color:var(--gold);font-size:45px}.stat span{font-size:11px;color:var(--muted)}.companies{background:#fff;padding:115px 0}.heading-grid{align-items:end;margin-bottom:45px}.heading-grid h2{margin-bottom:0}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.company-card{border:1px solid var(--line);background:#fff;display:block;transition:transform .25s var(--ease),box-shadow .25s}.company-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px rgba(16,42,67,.12)}.card-image{height:220px;background-size:cover;background-position:center;position:relative;display:grid;place-items:center;overflow:hidden}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,42,67,.55),rgba(16,42,67,.05));mix-blend-mode:multiply}.logo-slab{position:relative;z-index:2;width:calc(100% - 42px);height:calc(100% - 42px);display:grid;place-items:center;background:rgba(255,255,255,.89);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 30px rgba(16,42,67,.22);backdrop-filter:blur(5px);padding:20px}.logo-slab img{width:82%;height:105px;object-fit:contain;filter:contrast(1.08) saturate(1.08)}.card-body{padding:25px 24px 28px;min-height:225px}.card-number{font-size:11px;color:var(--gold);letter-spacing:.14em}.card-category{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:12px 0}.card-body h3{font-size:23px;letter-spacing:-.04em;margin-bottom:12px}.card-body p{font-size:13px;color:var(--muted);line-height:1.65}.card-link{display:inline-flex;gap:8px;color:var(--gold);font-weight:700;font-size:12px;margin-top:13px}.band{background:var(--navy);color:#fff;padding:58px 0}.band-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.band h2{font-size:32px;margin:6px 0 0}.button-outline{color:#fff;border-color:#cdb57f}.footer{background:#fff;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between}
.page-hero{padding:105px 0 80px;background:#fff;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-90px;top:-130px;width:380px;height:380px;border:1px solid rgba(178,138,67,.3);border-radius:50%}.page-hero h1{max-width:830px}.page-hero p{max-width:610px;font-size:18px;line-height:1.8;color:var(--muted)}.company-hero{padding:80px 0;background-size:cover;background-position:center;position:relative}.company-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,240,.97),rgba(247,245,240,.82) 47%,rgba(16,42,67,.2));}.company-hero .container{position:relative;z-index:1}.company-top{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.company-top h1{font-size:clamp(45px,5.5vw,76px);max-width:680px}.company-top .summary{font-size:18px;line-height:1.8;max-width:530px;color:#536777}.hero-logo-card{min-height:350px;display:grid;place-items:center;background:rgba(255,255,255,.78);border:1px solid #fff;box-shadow:0 25px 45px rgba(16,42,67,.16);backdrop-filter:blur(6px);padding:28px;position:relative}.hero-logo-card:before{content:"AL MARROUM / COMPANY PROFILE";position:absolute;top:18px;left:20px;color:#fff;background:rgba(16,42,67,.45);padding:7px 10px;font-size:9px;letter-spacing:.13em}.hero-logo-card img{width:92%;height:190px;object-fit:contain;filter:contrast(1.12) saturate(1.1)}.details{padding:110px 0}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:55px}.vision-card{border-left:2px solid var(--gold);padding:5px 0 5px 25px}.vision-card span{color:var(--gold);letter-spacing:.15em;font-size:10px}.vision-card p{font-size:17px;line-height:1.8;margin-top:15px}.services{background:#fff;padding:105px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:35px}.service{min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px}.service small{color:var(--gold)}.service h3{font-size:17px;margin-top:25px}.contact{padding:110px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-item{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:24px 0}.contact-item strong{display:block;margin-bottom:8px}.contact-item span{color:var(--muted);font-size:13px}.directory{background:#fff;border:1px solid var(--line);padding:35px}.directory h2{font-size:42px;line-height:1;letter-spacing:-.06em}.directory a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;font-weight:700}.back{display:inline-block;color:var(--gold);font-size:12px;margin-bottom:35px}
@media(max-width:850px){.container{width:min(100% - 34px,650px)}.nav{height:76px;padding:0 17px}.nav-links{display:none;position:absolute;left:17px;right:17px;top:76px;background:#fff;padding:12px 18px;box-shadow:0 14px 24px rgba(16,42,67,.12);flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{padding:15px 0;border-bottom:1px solid #eee}.menu{display:block}.hero{min-height:690px}.hero-content{padding:120px 0 80px}.hero:after{background:linear-gradient(90deg,rgba(247,245,240,.94),rgba(247,245,240,.57) 73%,rgba(16,42,67,.18))}.intro-grid,.heading-grid,.company-intro,.company-top,.contact-grid{grid-template-columns:1fr;gap:25px}.section{padding:75px 0}.companies{padding:75px 0}.company-grid{grid-template-columns:1fr 1fr}.company-top h1{font-size:52px}.hero-logo-card{min-height:270px}.service-grid{grid-template-columns:1fr 1fr}.company-hero{padding:60px 0}.band-inner{flex-direction:column;align-items:flex-start}.contact{padding:75px 0}}
@media(max-width:540px){h1{font-size:52px}.hero p{font-size:16px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.company-grid{grid-template-columns:1fr}.card-image{height:240px}.logo-slab img{height:125px}.stats{margin-top:40px}.stat{margin-right:20px;padding-right:20px}.stat strong{font-size:35px}.company-top h1{font-size:45px}.vision-grid,.service-grid{grid-template-columns:1fr}.service{min-height:110px}.footer-inner{flex-direction:column;gap:8px}.page-hero{padding:75px 0 60px}}