@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--bg:#101210;--ink:#f2f0e9;--muted:#b9bcb3;--gold:#dfbd7d;--line:#34372f;--cream:#f0eee6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Tajawal',Arial,sans-serif;font-size:18px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}p{color:var(--muted)}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.wrap{width:min(1280px,calc(100% - 100px));margin:auto}.section{padding-top:110px;padding-bottom:110px}header{padding:21px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:28px;background:var(--bg);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;line-height:1.5;font-size:17px;font-weight:700}.brand img{object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-family:Arial,sans-serif}nav{display:flex;gap:32px;font-size:16px}nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;background:var(--gold);color:#171a14;font-weight:700;padding:16px 25px;gap:34px;align-items:center;justify-content:space-between;transition:background .2s,transform .2s}.button:hover{background:#f0d49f;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.small{font-size:15px;padding:11px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.1fr;position:relative;align-items:center;min-height:720px;padding-block:70px 90px;gap:20px}.eyebrow{font-size:14px;color:var(--gold);font-weight:700;letter-spacing:.5px;margin-bottom:22px}.eyebrow i,.pulse{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-left:9px}.hero h1{font-size:clamp(56px,5.9vw,86px);line-height:1.22;letter-spacing:-2px;font-weight:800;margin-bottom:25px}em{font-style:normal;color:var(--gold)}.hero p{font-size:19px;max-width:470px;line-height:1.9}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{font-size:16px;font-weight:700}.text-link span{margin-right:8px}.hero-foot{display:flex;gap:16px;font-size:13px;color:#a5a99e;margin-top:42px}.hero-foot b{color:var(--gold)}.hero-art{position:relative;margin-inline-start:-35px;align-self:stretch;display:flex;align-items:center}.hero-art>img{width:100%;height:auto;object-fit:contain;mix-blend-mode:lighten}.hero-art figcaption{position:absolute;bottom:20px;right:25px;border:1px solid #5b5948;background:#181b17ed;padding:14px 22px;font-size:14px}.hero-art small{display:block;font:9px Arial,sans-serif;letter-spacing:2px;color:var(--muted);margin-top:5px;margin-right:20px}.hero-index{position:absolute;left:0;bottom:25px;color:#82897a;font:10px Arial,sans-serif;letter-spacing:2px}.strip{padding:27px 5%;border-block:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;gap:18px;color:#e0e1d8;font-size:17px}.strip i{color:var(--gold);font-size:24px;font-style:normal}.light{background:var(--cream);color:#20251f}.light p{color:#656b61}.light .eyebrow{color:#7c653b}h2{font-size:clamp(34px,3.4vw,51px);line-height:1.4;font-weight:700;letter-spacing:-.9px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:50px}.section-head>p{max-width:360px;font-size:17px}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.feature{position:relative;background:#0c100c;color:#fff;overflow:hidden;min-height:535px}.feature>img{width:100%;height:350px;object-fit:cover}.feature>div{padding:24px 32px 30px}.label{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}h3{font-size:27px;font-weight:700}.feature p{font-size:16px;color:#bdc3b7;line-height:1.8;margin:7px 0 14px}.feature a{font-size:15px;color:var(--gold)}details{border-bottom:1px solid #cccfc3}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:19px;font-size:21px;padding:25px 0;line-height:1.5}summary::-webkit-details-marker{display:none}summary b{margin-inline-start:auto;font-weight:400;font-size:27px;color:#8b7346}details[open] summary b{transform:rotate(45deg)}details p{font-size:17px;padding:0 35px 24px 4px;line-height:1.85}.number{font:12px Arial,sans-serif;color:#8b7346}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.scene-buttons{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:38px}.scene-buttons button{background:none;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:17px}.scene-buttons .active{color:var(--gold);border-color:var(--gold)}.scene-time{font:11px Arial,sans-serif;letter-spacing:3px;color:var(--gold)}#scene-content{min-height:330px}#scene-content h3{margin:17px 0 12px;font-size:35px}#scene-content p{font-size:18px}ul{list-style:none;padding:0}li{color:#d3d7cb;font-size:16px;margin:9px 0}li:before{content:'↙';color:var(--gold);margin-left:14px}.scene-image{position:relative}.scene-image img{height:490px;width:100%;object-fit:cover}.scene-image figcaption{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:17px;margin-top:15px}.scene-image small{font:9px Arial,sans-serif;letter-spacing:1.3px;color:var(--gold);align-self:center}.equipment-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.equipment p{margin-top:20px;font-size:17px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{font-size:13px;padding:6px 14px;border:1px solid #c7c9bc;border-radius:30px}.equipment figure img{width:100%;background:#050505}.equipment figcaption{font-size:11px;color:#757b6c;padding-top:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-copy>p{margin-top:22px;font-size:17px}.values{margin-top:30px}.values>div{position:relative;padding:14px 40px 14px 0;border-bottom:1px solid var(--line)}.values span{position:absolute;right:0;top:20px;color:var(--gold);font:12px Arial,sans-serif}.values h3{font-size:20px}.values p{font-size:15px}.team-photos{display:flex;gap:18px}.team-photos figure{width:50%}.team-photos figure:nth-child(2){margin-top:70px}.team-photos img{width:100%;height:auto;border-radius:2px}.team-photos figcaption{font-size:14px;padding-top:12px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq summary{font-size:20px}.faq details:first-child{border-top:1px solid #cccfc3}.contact{text-align:center;padding-block:100px}.contact h2{font-size:clamp(34px,4.4vw,64px)}.contact>p{margin:15px 0 26px}.phone{font:clamp(32px,5vw,66px) Arial,sans-serif;letter-spacing:1px;display:inline-block;color:var(--gold);border-bottom:1px solid #766644;padding-bottom:18px}.phone span{font-size:.7em;margin-left:30px}.contact-meta{font-size:14px;color:#a1a897;margin-top:28px}.contact-meta span{margin-inline:12px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-block:28px;font-size:13px;color:var(--muted)}footer>a:last-child{font-family:Arial,sans-serif}.mobile-call{display:none}.skip{position:fixed;top:-100px;right:15px;z-index:99;background:var(--gold);color:#111;padding:8px}.skip:focus{top:10px}@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{gap:18px}.hero{min-height:640px}.hero h1{font-size:62px}.actions{gap:18px;flex-wrap:wrap}.solutions,.experience-grid,.about{gap:35px}.equipment-grid{gap:35px}.section{padding-block:80px}.hero-art figcaption{right:0}.scene-image img{height:420px}}@media(max-width:760px){body{font-size:17px}.wrap{width:calc(100% - 40px)}header{padding:16px 20px;gap:12px}.brand{font-size:14px;gap:8px}.brand img{width:39px;height:45px}.brand small{font-size:7px;letter-spacing:1.4px}header .small{margin-right:auto;padding:9px 12px;gap:12px;font-size:13px}.menu{display:block;border:0;background:none;color:var(--ink);font-size:23px;padding:4px}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:#191d17;border-bottom:1px solid var(--line);flex-direction:column}nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:40px;gap:0}.hero h1{font-size:62px}.eyebrow{font-size:12px;margin-bottom:16px}.hero p{font-size:17px;max-width:500px}.hero .actions{margin-top:25px;gap:25px}.button{font-size:16px;padding:13px 20px;gap:18px}.hero-foot{margin-top:25px;gap:12px;font-size:12px}.hero-art{margin:0;min-height:0}.hero-art>img{max-height:410px;object-fit:contain}.hero-art figcaption{right:0;bottom:0;font-size:12px;padding:10px 15px}.hero-index{display:none}.strip{padding:18px 20px;justify-content:center;flex-wrap:wrap;gap:8px 16px;font-size:13px}.strip i{font-size:15px}.section{padding-block:62px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:19px;max-width:100%}h2{font-size:36px}.solutions,.experience-grid,.equipment-grid,.about,.faq-grid{grid-template-columns:1fr;gap:34px}.feature{min-height:auto}.feature>img{height:300px}.feature>div{padding:22px}.solution-list summary{font-size:19px;padding:21px 0}.solution-list details p{font-size:16px}.scene-buttons{gap:25px;margin-bottom:25px}.scene-buttons button{font-size:16px}#scene-content{min-height:310px}#scene-content h3{font-size:30px}.scene-image img{height:360px}.scene-image small{font-size:8px}.equipment-grid figure{grid-row:2}.team-photos{max-width:520px}.team-photos figure:nth-child(2){margin-top:35px}.faq summary{font-size:18px}.faq details p{padding-right:0;font-size:16px}.contact h2{font-size:38px}.phone{font-size:39px}.phone span{margin-left:14px}.contact-meta{line-height:2;font-size:13px}.contact-meta span{display:block;height:6px;font-size:0}footer{gap:20px;flex-wrap:wrap;padding-bottom:105px}footer>span{display:none}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--gold);color:#151b12;padding:16px 20px calc(16px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;box-shadow:0 -5px 25px #0003;font-size:13px}.mobile-call b{font:700 15px Arial,sans-serif}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
