:root{--navy:#071a30;--navy2:#102c4b;--gold:#b18a48;--gold-light:#e0bd72;--ink:#122d4d;--muted:#63738a;--paper:#f7f8fa;--line:#dfe4ea;--green:#0c5538}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:#fff}body.en{font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}::selection{background:var(--gold-light);color:var(--navy)}.shell{width:min(1280px,calc(100% - 72px));margin-inline:auto}.skip-link{position:absolute;top:-80px;right:12px;background:#fff;color:var(--navy);padding:10px 15px;z-index:100}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}
.header{height:80px;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 rgba(7,26,48,.08)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-brand{display:flex;align-items:center;gap:11px;flex:none}.header-brand img{width:43px;height:47px;object-fit:contain}.header-brand span,.footer-brand span{display:flex;flex-direction:column;line-height:1.2}.header-brand strong{font-weight:900;font-size:14px;white-space:nowrap}.header-brand small,.footer-brand small{font:800 8px Inter,Arial,sans-serif;color:var(--gold);letter-spacing:.08em;margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2.4vw,36px);white-space:nowrap}.desktop-nav a{font-size:13px;font-weight:800;padding:27px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:21px;inset-inline-start:0;width:0;height:2px;background:var(--gold);transition:width .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#987129}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:9px}.lang-button{width:39px;height:39px;background:#fff;color:var(--navy);border:1px solid #cbd3dc;font:800 12px Inter,Arial,sans-serif}.header-contact{display:flex;align-items:center;gap:13px;background:var(--navy);color:#fff;min-height:40px;padding:0 15px;font-size:12px;font-weight:900;white-space:nowrap}.header-contact:hover{background:#153c63}.header-contact span:last-child{color:var(--gold-light);font:20px Inter,Arial,sans-serif}.menu-button,.mobile-nav{display:none}
.hero{position:relative;min-height:590px;background:var(--navy);color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,35,.83),rgba(4,18,35,.93) 60%,rgba(4,18,35,.98)),url('assets/riyadh.jpg') center 49%/cover no-repeat}html[dir="ltr"] .hero-photo{background:linear-gradient(270deg,rgba(4,18,35,.83),rgba(4,18,35,.93) 60%,rgba(4,18,35,.98)),url('assets/riyadh.jpg') center 49%/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 27% 50%,rgba(199,149,53,.14),transparent 30%)}.hero-grid{min-height:548px;position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding-block:62px}.hero-copy{max-width:680px}.kicker{display:inline-flex;align-items:center;gap:12px;color:#9c7230;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:19px}.kicker i{display:block;width:29px;height:2px;background:currentColor;flex:none}.kicker.light{color:var(--gold-light)}.hero h1{font-size:clamp(43px,4.7vw,67px);font-weight:900;letter-spacing:-.045em;line-height:1.27;margin-bottom:23px}.hero-copy p{font-size:16px;line-height:2;max-width:590px;color:#d2dce8;margin-bottom:31px}.primary-button{background:var(--gold-light);color:var(--navy);min-height:52px;padding:11px 21px;display:inline-flex;align-items:center;gap:31px;font-weight:900;font-size:14px;transition:background .2s,transform .2s}.primary-button:hover{background:#f0d59e;transform:translateY(-2px)}.primary-button span:last-child{font:23px Inter,Arial,sans-serif}.hero-logo{width:min(100%,355px);justify-self:center;background:#fff;padding:12px 14px 0;box-shadow:22px 22px 0 rgba(177,138,72,.6);transform:rotate(-1deg);position:relative}.hero-logo img{width:100%;height:270px;object-fit:contain}.hero-logo-caption{display:block;background:var(--gold);color:#fff;text-align:center;font-size:11px;font-weight:900;padding:10px;margin-inline:-14px;letter-spacing:.01em}.hero-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.17);padding:12px 0 18px;color:#aebcd0;font-size:11px;font-weight:700}
.services{background:var(--paper);padding:104px 0 0}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:45px}.section-intro h2,.brands h2,.about h2,.contact h2{font-size:clamp(32px,3.7vw,50px);line-height:1.35;letter-spacing:-.035em;font-weight:900;margin:0}.section-intro h2{max-width:670px}.section-intro p{font-size:15px;line-height:1.9;color:var(--muted);max-width:385px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(1440px,100%);margin-inline:auto;direction:rtl;overflow:hidden}.service-tile{height:430px;min-width:0;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:23px 19px 28px;background:var(--navy);isolation:isolate;border-inline-end:1px solid rgba(255,255,255,.18);overflow:hidden}.service-tile:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--tile-image) center/cover no-repeat;transition:transform .6s}.service-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,20,39,.94),rgba(4,20,39,.16) 64%,rgba(4,20,39,.32))}.service-tile:hover:before{transform:scale(1.07)}.service-no{font:700 12px Inter,Arial,sans-serif;color:#fff;letter-spacing:.06em;border:1px solid rgba(255,255,255,.55);width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.service-detail{min-height:110px}.service-detail:before{content:"";display:block;width:30px;height:2px;background:var(--gold-light);margin-bottom:13px}.service-tile h3{font-size:clamp(17px,1.7vw,23px);font-weight:900;line-height:1.55;margin:0 0 6px}.service-tile p{font-size:12px;color:#dbe5ec;line-height:1.6;font-weight:700;margin:0}html[dir="ltr"] .service-grid{direction:ltr}html[dir="ltr"] .service-tile:nth-child(1){order:1}html[dir="ltr"] .service-tile:nth-child(2){order:2}html[dir="ltr"] .service-tile:nth-child(3){order:3}html[dir="ltr"] .service-tile:nth-child(4){order:4}html[dir="ltr"] .service-tile:nth-child(5){order:5}
.about{padding:110px 0;background:#0c2845;color:#fff}.about-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(55px,7vw,120px);align-items:center}.about h2{font-size:clamp(39px,4.5vw,65px);margin-bottom:26px}.about-heading>p{max-width:620px;color:#c2d0de;font-size:16px;line-height:2.05;margin:30px 0 0}.about-rule{width:88px;height:4px;background:var(--gold-light)}.about-panel{background:#fff;color:var(--navy);padding:29px 35px 34px;box-shadow:17px 17px 0 var(--gold)}.about-panel-top{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:#9a7436;padding-bottom:23px;border-bottom:1px solid var(--line)}.about-panel-top span:last-child{font-family:Inter,Arial,sans-serif;color:#8493a2}.about-points>div{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;min-height:58px}.about-points b{font:800 11px Inter,Arial,sans-serif;color:var(--gold)}.about-points span{font-size:14px;font-weight:800}.ceo-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:27px}.ceo-inline span{font-size:11px;color:#a37730;font-weight:900;width:100%}.ceo-inline strong{font-size:21px;font-weight:900}.ceo-inline a{font:800 14px Inter,Arial,sans-serif;color:#385879;margin-inline-start:auto}
.brands{background:#fff;padding:110px 0 118px}.brands-heading{text-align:center;max-width:750px;margin:0 auto 47px}.brands-heading .kicker{justify-content:center}.brands-heading h2{margin:0 0 12px}.brands-heading p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.brands-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.brand-card{background:#f9fafb;border:1px solid #e7ebef;min-width:0;transition:transform .25s,box-shadow .25s}.brand-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(7,26,48,.1)}.brand-image{height:225px;background:#fff;display:grid;place-items:center;padding:24px}.brand-image img{height:160px;max-width:85%;object-fit:contain}.brand-card:nth-child(2) .brand-image img{height:175px}.brand-card:nth-child(3) .brand-image img{height:165px}.brand-text{text-align:center;min-height:135px;border-top:1px solid #e7ebef;padding:21px 14px 24px}.brand-text>span{font:800 10px Inter,Arial,sans-serif;color:#a18048;letter-spacing:.08em}.brand-text h3{font-size:20px;font-weight:900;margin:4px 0}.brand-text p{font-size:13px;font-weight:700;color:#59718a;margin:0}
.contact{padding:110px 0;background:#edf1f3}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,8vw,135px);align-items:start}.contact h2{font-size:clamp(39px,4.5vw,62px);margin-bottom:18px}.contact-info>p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 29px}.contact-links{border-top:1px solid #cbd5de}.contact-links a,.contact-links>div{display:block;border-bottom:1px solid #cbd5de;padding:17px 0}.contact-links small,.contact-links strong{display:block}.contact-links small{font-size:11px;color:#9e7736;font-weight:900;margin-bottom:4px}.contact-links strong{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.contact-links a:hover strong{color:#a37730}.contact-form{background:#fff;padding:35px 38px 39px;border-top:5px solid var(--gold);box-shadow:0 25px 55px rgba(7,26,48,.08)}.contact-form h3{font-size:26px;margin:0 0 3px;font-weight:900}.contact-form>p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:23px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;margin-bottom:17px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form textarea{border:1px solid #d8e0e8;background:#fafbfc;border-radius:3px;color:var(--ink);padding:10px 12px;width:100%;outline:none}.contact-form input{height:46px}.contact-form textarea{min-height:100px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(177,138,72,.14)}.contact-form ::placeholder{color:#9ba7b4}.contact-form button{background:var(--navy);color:#fff;border:0;min-height:51px;width:100%;padding:9px 18px;display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:14px}.contact-form button:hover{background:#183b5d}.contact-form button span:last-child{font:22px Inter,Arial,sans-serif;color:var(--gold-light)}
.footer{background:var(--navy);color:#fff}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px 0}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:53px;height:55px;object-fit:contain;background:#fff;padding:4px}.footer-brand strong{font-size:16px;font-weight:900}.footer-main nav{display:flex;gap:20px;flex-wrap:wrap}.footer-main nav a,.footer-site{font-size:12px;color:#c2cedb;font-weight:700}.footer-main a:hover{color:var(--gold-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:17px 0 22px;display:flex;justify-content:space-between;gap:20px;color:#8599ad;font-size:11px}.footer-bottom a{text-decoration:underline;text-underline-offset:2px}.whatsapp{position:fixed;bottom:22px;left:22px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#25d366;z-index:20;box-shadow:0 12px 25px rgba(5,48,25,.25);transition:transform .2s}.whatsapp:hover{transform:translateY(-4px)}.whatsapp svg{width:29px;height:29px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.service-tile:nth-child(2),.brand-card:nth-child(2){transition-delay:.08s}.service-tile:nth-child(3),.brand-card:nth-child(3){transition-delay:.16s}.service-tile:nth-child(4){transition-delay:.24s}.service-tile:nth-child(5){transition-delay:.32s}
@media(max-width:1160px){.desktop-nav{display:none}.menu-button{width:41px;height:40px;border:1px solid #cbd3dc;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-button span{height:2px;width:19px;background:var(--navy)}.mobile-nav{display:grid;position:absolute;top:80px;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 16px 26px rgba(7,26,48,.13);padding:8px 35px 19px}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:800}.mobile-nav a:last-child{border:0}.service-tile{padding-inline:15px}.service-tile h3{font-size:18px}.service-tile p{font-size:11px}.about-grid{gap:50px}.footer-main{flex-wrap:wrap}}
@media(max-width:900px){.shell{width:min(100% - 42px,660px)}.hero-grid{grid-template-columns:1fr;gap:28px;padding-block:62px 35px}.hero-copy{max-width:650px}.hero-logo{width:190px;justify-self:start;padding:5px 7px 0;box-shadow:10px 10px 0 rgba(177,138,72,.6)}.hero-logo img{height:145px}.hero-logo-caption{font-size:8px;padding:5px;margin-inline:-7px}.hero-footer{padding-bottom:14px}.services{padding-top:78px}.section-intro{display:block}.section-intro p{margin-top:17px}.service-grid{grid-template-columns:1fr}.service-tile{height:245px;padding:19px 30px 24px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.2)}.service-tile:before{background-position:center 46%}.service-detail{min-height:0}.service-tile h3{font-size:23px}.service-tile p{font-size:13px}.about,.brands,.contact{padding:80px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.brands-grid{gap:11px}.brand-image{height:180px}.brand-image img{height:130px}.brand-card:nth-child(2) .brand-image img{height:145px}.brand-card:nth-child(3) .brand-image img{height:130px}.footer-main{display:grid;grid-template-columns:1fr 1fr}.footer-main nav{grid-column:1/-1;order:3}.footer-site{justify-self:end}}
@media(max-width:640px){.shell{width:calc(100% - 34px)}.header{height:70px}.header-brand img{width:37px;height:40px}.header-brand strong{font-size:12px}.header-brand small{font-size:7px}.header-contact{display:none}.mobile-nav{top:70px;padding-inline:18px}.hero-grid{padding:56px 0 30px}.hero h1{font-size:clamp(38px,9vw,50px)}.hero-copy p{font-size:15px;line-height:1.9}.hero-photo{background-position:60% center}.hero-footer span:first-child{display:none}.hero-footer{justify-content:flex-end}.hero-logo{width:165px}.hero-logo img{height:125px}.services{padding-top:70px}.section-intro{margin-bottom:32px}.section-intro h2,.brands h2,.about h2,.contact h2{font-size:35px}.service-tile{height:225px}.service-tile h3{font-size:21px}.about,.brands,.contact{padding:70px 0}.about-heading>p{font-size:15px}.about-panel{padding:25px 25px 29px;box-shadow:10px 10px 0 var(--gold)}.brands-grid{grid-template-columns:1fr;gap:15px}.brand-image{height:185px}.brand-image img,.brand-card:nth-child(3) .brand-image img{height:140px}.brand-card:nth-child(2) .brand-image img{height:150px}.brand-text{min-height:115px;padding:16px}.contact-form{padding:28px 21px}.form-pair{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr;gap:27px}.footer-site{justify-self:start}.footer-main nav{grid-column:auto;order:0;gap:13px 20px}.footer-bottom{flex-direction:column;gap:5px}.whatsapp{bottom:16px;left:16px;width:49px;height:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-tile:before,.brand-card,.primary-button,.whatsapp{transition:none}}
.service-tile-link:focus-visible{outline:4px solid var(--gold-light);outline-offset:-5px}.tile-cta{display:inline-flex;align-items:center;gap:10px;color:#f4d998;border-bottom:1px solid rgba(244,217,152,.65);font-size:11px;font-weight:900;margin-top:13px;padding-bottom:3px}.tile-cta span:last-child{font:16px Inter,Arial,sans-serif}.service-tile-link:hover .tile-cta{color:#fff;border-color:#fff}
.service-tile:first-child:before{background-position:center top}@media(max-width:900px){.service-tile:first-child:before{background-position:center 15%}}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(5,clamp(235px,72vw,320px));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.service-tile{height:340px;scroll-snap-align:start;border-bottom:0;border-inline-end:1px solid rgba(255,255,255,.2)}.service-detail{min-height:0}}
@media(max-width:640px){.service-tile{height:320px;padding:20px}.service-tile h3{font-size:20px}.service-tile p{font-size:12px}}

@media(max-width:380px){.header-inner{gap:8px}.header-brand{gap:6px;min-width:0}.header-brand span{min-width:0}.header-brand strong{font-size:10px;line-height:1.25;white-space:normal}.header-brand small{display:none}.header-actions{gap:6px;flex:none}.lang-button,.menu-button{width:36px;height:36px}}
.food-tile:before{background-image:linear-gradient(180deg,rgba(7,26,48,.16),rgba(7,26,48,.82)),var(--tile-image)}