@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap");:root{--ink:#151513;--cream:#f2eee5;--gold:#cba66b;--line:#d4ccbf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Cairo,sans-serif}a{text-decoration:none;color:inherit}.nav{position:fixed;z-index:30;top:0;inset-inline:0;height:76px;padding:0 5vw;gap:35px;color:#fff;background:linear-gradient(#090909d9,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand,.nav{display:flex;align-items:center}.brand{gap:11px;margin-left:auto}.brand b{font-size:29px}.brand span{font:700 9px Arial;letter-spacing:2.4px;border-right:1px solid #ffffff44;padding-right:11px}.nav nav{display:flex;gap:25px}.cta,.nav nav{font-size:12px}.cta{background:var(--gold);color:#15120d;padding:11px 20px;border-radius:50px;font-weight:700}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;color:#fff}.heroImage{background:url(/araak-hero.jpg) 50%/cover no-repeat,radial-gradient(circle at 30% 40%,#887356,#171713 60%)}.heroImage,.veil{position:absolute;inset:0}.veil{background:linear-gradient(90deg,#08080825,#080808d7 78%),linear-gradient(0deg,#080808d0,transparent 55%)}.heroCopy{position:absolute;right:7vw;top:50%;transform:translateY(-47%);max-width:760px}.academy>div>span,.contact>div>span,.factory>div>span,.footprint>div>span,.heroCopy>span,.sectionHead span{font:700 10px Arial;letter-spacing:2.3px;color:#d9b476}.hero h1{font-size:clamp(54px,7.5vw,108px);line-height:1.02;margin:22px 0;font-weight:600;letter-spacing:-4px}.hero h1 em{font-style:normal;color:#e2bd7e}.hero p{font-size:18px;line-height:2;max-width:650px;color:#e6e3dc}.heroCopy>div{display:flex;gap:12px;margin-top:28px}.ghost{padding:10px 20px;border:1px solid #ffffff66;border-radius:50px;font-size:12px}.rail{position:absolute;bottom:27px;left:5vw;right:5vw;padding-top:18px;border-top:1px solid #ffffff44;font:9px Arial;letter-spacing:3px;color:#ccc}.proof{display:grid;grid-template-columns:repeat(4,1fr);padding:45px 6vw;background:#11110f;color:#fff}.proof div{padding:5px 28px;border-left:1px solid #ffffff1c}.proof b{display:block;font:300 46px Arial;color:#ddb879}.proof span{font-size:11px;color:#aaa}.section{padding:105px 6vw}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:52px}.sectionHead h2{font-size:clamp(40px,5vw,66px);margin:8px 0;line-height:1.2}.sectionHead>p{max-width:470px;color:#706c64;line-height:2}.business{display:grid;grid-gap:14px;gap:14px}.business article{display:grid;grid-template-columns:1.1fr 1fr;min-height:330px;background:#e8e1d5;border:1px solid #d5ccbd;overflow:hidden}.visual{min-height:320px;position:relative;overflow:hidden}.visual small{position:absolute;bottom:20px;left:22px;font:700 9px Arial;letter-spacing:2px;color:#fff}.v0{background:radial-gradient(circle at 30% 45%,#d0d5d2 0 18%,#56605f 19% 32%,#202625 33% 100%)}.v1{background:repeating-linear-gradient(12deg,#e4dfd4 0 28px,#9e9688 29px 33px)}.v2{background:linear-gradient(145deg,#b0966d,#25221d)}.v2:after{content:"";position:absolute;inset:20%;border:2px solid #ead09d;transform:perspective(400px) rotateX(55deg) rotate(-20deg);box-shadow:30px 30px 0 #ffffff18}.v3{background:radial-gradient(circle,#d0b88d,#504b41 50%,#23221e)}.v4{background:linear-gradient(135deg,#17242c,#4e6a6a)}.copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.copy>span,.productGrid article>span{font:700 9px Arial;letter-spacing:1.8px;color:#947345}.copy h3{font-size:31px;margin:9px 0}.copy p{color:#676159;line-height:1.9}.academy a,.copy a,.dev a,.factory a{margin-top:18px;font-size:12px;font-weight:700}.products{background:#151512;color:#fff}.products .sectionHead>p{color:#aaa}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.productGrid article{background:#1e1e1a;padding-bottom:28px}.art{height:240px;position:relative}.art i{position:absolute;right:18px;top:15px;font:11px Arial;color:#ffffff88}.a0{background:repeating-linear-gradient(12deg,#e5e0d6 0 25px,#aaa398 26px 30px)}.a1{background:linear-gradient(135deg,#b88d56,#4d3b2a)}.a2{background:repeating-linear-gradient(90deg,#d5cbb8 0 28px,#9e9585 29px 31px)}.a3{background:radial-gradient(circle,#d7c66e 2px,transparent 3px) 0 0/12px 12px,#887d50}.productGrid a,.productGrid article>span,.productGrid h3{margin-left:24px;margin-right:24px}.productGrid h3{font-size:22px}.productGrid a{font-size:11px;color:#ddb879}.factory{display:grid;grid-template-columns:1.1fr 1fr;min-height:700px;background:#d8d0c2}.factoryArt{position:relative;overflow:hidden;background:linear-gradient(145deg,#9ca3a1,#252928 70%)}.factoryArt i{position:absolute;width:330px;height:330px;border:60px solid #c8ceca;border-radius:50%;left:12%;top:18%;box-shadow:inset 0 0 30px #515755,0 20px 35px #0005}.factoryArt i+i{width:240px;height:240px;border-width:45px;left:auto;top:auto;right:-3%;bottom:5%}.factory>div:last-child{padding:100px 8vw 80px 6vw;align-self:center}.academy h2,.contact h2,.factory h2,.footprint h2{font-size:clamp(45px,5.5vw,75px);line-height:1.2;margin:15px 0}.factory p{line-height:2;color:#5d5952}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.chips b{font:600 9px Arial;border:1px solid #aaa094;padding:10px 12px}.dev{display:grid;grid-template-columns:.8fr 1.2fr;border-top:1px solid var(--line)}.dev>div:first-child{padding:50px 0 30px 45px}.dev h3{font-size:42px;line-height:1.3}.dev p{color:#666;line-height:2}.projectList{border-right:1px solid var(--line)}.projectList p{display:grid;grid-template-columns:55px 1fr;padding:13px 25px;margin:0;border-bottom:1px solid var(--line);color:#222}.projectList b{font:10px Arial;color:#a88a5b}.academy{display:grid;grid-template-columns:1fr 1fr;background:#1b292e;color:#fff;padding:110px 7vw;grid-gap:80px;gap:80px}.academy p{line-height:2;color:#bdc7c8}.stats{display:flex;gap:50px;margin:35px 0}.stats b{font:300 48px Arial;color:#d7b578}.stats small{display:block;font:10px Cairo;color:#9faeaf}.courses{border-top:1px solid #ffffff33}.courses small{display:block;margin:20px 0;color:#d7b578}.courses h3{font-size:18px;font-weight:500;padding:16px 5px;margin:0;border-bottom:1px solid #ffffff20}.group{background:#e7dfd2}.groupGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb1a2;border-right:1px solid #bbb1a2}.groupGrid>*{min-height:190px;padding:25px;border-left:1px solid #bbb1a2;border-bottom:1px solid #bbb1a2;display:flex;flex-direction:column;justify-content:end}.groupGrid b{font-size:20px}.groupGrid span{font-size:10px;color:#777}.footprint{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#c5a978}.footprint p{max-width:500px;line-height:2}.world{width:min(470px,90vw);aspect-ratio:1;border-radius:50%;margin:auto;background:radial-gradient(circle at 38% 32%,#d9c8a2,#37372f 48%,#111 70%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 35px 70px #5e4b2c77}.world b{font:300 42px Arial;letter-spacing:7px}.world span{font:8px Arial;letter-spacing:2px;color:#bbb}.contact{padding:110px 8vw;background:#10100e;color:#fff;display:grid;grid-template-columns:1fr 1fr;grid-gap:90px;gap:90px}.contact p{color:#aaa}.contact form{display:grid;grid-gap:11px;gap:11px}.contact input,.contact select,.contact textarea{background:#ffffff07;border:1px solid #ffffff20;padding:16px;color:#eee;font:inherit}.contact select option{color:#111}.contact textarea{height:135px}.contact button{background:#cba66b;border:0;padding:15px;font:700 13px Cairo}footer{padding:45px 6vw;background:#090908;color:#aaa;display:flex;align-items:center;gap:40px;font-size:11px}@media(max-width:900px){.nav nav{display:none}.heroCopy{right:6vw;left:6vw}.hero h1{letter-spacing:-2px}.proof{grid-template-columns:1fr 1fr}.proof div{border:0}.sectionHead{display:block}.academy,.business article,.contact,.dev,.factory,.footprint{grid-template-columns:1fr}.groupGrid,.productGrid{grid-template-columns:1fr 1fr}.visual{min-height:260px}.factoryArt{min-height:480px}.projectList{border:0}}@media(max-width:560px){.groupGrid,.productGrid{grid-template-columns:1fr}.heroCopy>div{flex-wrap:wrap}.section{padding:75px 5vw}.academy,.contact{padding:75px 6vw}.copy{padding:30px}.factoryArt{min-height:340px}.factoryArt i{width:240px;height:240px;border-width:45px}.rail{white-space:nowrap;overflow:hidden}}.v0{background:linear-gradient(90deg,#1116,#1111),url(https://image.made-in-china.com/202f0j00GsMfrDUHvlbL/Construction-Material-Drywall-Light-Steel-Keel-Stud-and-Track-RollFormer-Line.webp) 50%/cover no-repeat}.v1{background:linear-gradient(90deg,#1115,#1110),url(https://www.proinstalaciones.com/images/NOTASPRENSA_2023_2/saltoki-murcia1.jpg) 50%/cover no-repeat}.v2{background:linear-gradient(90deg,#1114,#1110),url(https://pbs.twimg.com/media/GQ_vdmbWAAAv8Ob.jpg) 50%/cover no-repeat}.factoryArt{background:linear-gradient(90deg,#1114,#1110),url(https://image.made-in-china.com/203f0j00LgmkpATIHhqR/Gypsum-Board-Stud-and-Track-for-Wall-Partition-Board-and-ceiling-System.webp) 50%/cover no-repeat}.factoryArt i{display:none}.a0{background:url(https://image.made-in-china.com/2f0j00JkucTqPfHRbj/Wall-Partition-Galvanized-Drywall-Metal-Stud-and-Tracks.webp) 50%/cover no-repeat}.a1{background:url(https://ic.ittlakunk.hu/403238/szerelvenybolt_kft._-_dunakeszi_pallag_utca_0.jpg/c6282c3c790ace99.webp) 50%/cover no-repeat}.a2{background:url(https://aiclss.cdn1.cafe24.com/46699.jpg) 50%/cover no-repeat}.a3{background:url(https://www.yildirimticaretkarabuk.com.tr/site/sized/106760/2023/06/whatsapp-image-2023-06-05-at-19-37-02-4000x9000.webp) 50%/cover no-repeat}.art:after,.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0b88,transparent 50%);pointer-events:none}.art i,.visual small{z-index:2}.nav{height:72px;background:linear-gradient(90deg,#061d1be8,#111b20dd);border-bottom:1px solid #ffffff1b}.nav .brand b{font-size:20px}.approvedHero{min-height:760px;height:100svh}.approvedHero .heroImage{background:linear-gradient(90deg,#06231d35,#0717145e),url(/araak-approved-hero.jpg) 50%/cover no-repeat}.approvedHero .veil{background:linear-gradient(90deg,#061a1790,#07181520 48%,#06201b8a),linear-gradient(0deg,#061613d8,transparent 55%)}.approvedHero .heroCopy{right:auto;left:7vw;text-align:right;max-width:670px;top:45%}.approvedHero .heroCopy>span{color:#e4c27f}.approvedHero h1{font-size:clamp(60px,7vw,104px);letter-spacing:-3px;margin:10px 0 0;color:#fff}.approvedHero h2{font-size:clamp(18px,2vw,30px);font-weight:500;margin:8px 0 18px;color:#f2e4c8}.approvedHero p{font-size:15px;max-width:620px}.heroMetrics{position:absolute;z-index:3;bottom:0;right:0;left:0;display:grid;grid-template-columns:repeat(6,1fr);padding:25px 5vw;background:#071511b8;border-top:1px solid #ffffff2b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.heroMetrics div{text-align:center;border-left:1px solid #ffffff20}.heroMetrics div:last-child{border:0}.heroMetrics b{display:block;font:600 28px Arial;color:#fff}.heroMetrics b small{font:11px Cairo;color:#e1bd78}.heroMetrics span{display:block;font-size:9px;color:#d6d5cd;margin-top:6px}.sectorIntro{display:flex;align-items:end;justify-content:space-between;padding:55px 6vw 30px;background:#fbfaf7}.sectorIntro>div span{font-size:12px;font-weight:700;color:#0c4a3d}.sectorIntro h2{font-size:clamp(30px,3.4vw,50px);margin:4px 0;color:#082d27}.sectorIntro p{max-width:560px;line-height:1.9;color:#666;font-size:13px}.sectorCards{padding-top:25px;background:#fbfaf7}.sectorCards .sectionHead{display:none}.sectorCards .business{grid-template-columns:repeat(5,1fr);gap:12px}.sectorCards .business article{display:flex;flex-direction:column;min-height:440px;background:#fff;border:1px solid #ddd6ca;border-radius:4px;box-shadow:0 8px 25px #1b281f10}.sectorCards .visual{min-height:225px;width:100%}.sectorCards .copy{padding:22px;display:block}.sectorCards .copy>span{color:#b68c47}.sectorCards .copy h3{font-size:20px;color:#123a32}.sectorCards .copy p{font-size:11px;line-height:1.8;min-height:78px}.sectorCards .copy a{display:inline-block;color:#0c4a3d}.sectorCards .v3{background:linear-gradient(0deg,#0b312a40,#0b312a10),url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=85) 50%/cover no-repeat}.sectorCards .v4{background:linear-gradient(0deg,#0b312a50,#0b312a10),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=85) 50%/cover no-repeat}.projectAnchor{height:0}@media(max-width:1100px){.nav nav{gap:13px}.heroMetrics,.sectorCards .business{grid-template-columns:repeat(3,1fr)}.heroMetrics{gap:18px}.heroMetrics div{border:0}.approvedHero .heroCopy{left:5vw;right:5vw}}@media(max-width:700px){.approvedHero .heroCopy{top:39%;text-align:right}.approvedHero h1{font-size:55px}.heroMetrics{grid-template-columns:repeat(2,1fr);padding:18px 4vw}.heroMetrics div:nth-child(n+5){display:none}.sectorIntro{display:block}.sectorCards .business{grid-template-columns:1fr}.sectorCards .business article,.sectorCards .copy p{min-height:auto}.sectorCards .visual{min-height:240px}}@keyframes revealFromBottom{0%{opacity:0;transform:translate3d(0,64px,0)}to{opacity:1;transform:none}}@keyframes revealSoft{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}main>section:nth-of-type(3n+1){animation:revealFromRight .85s cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 10% cover 30%}main>section:nth-of-type(3n+2){animation:revealFromLeft .85s cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 10% cover 30%}main>section:nth-of-type(3n){animation:revealFromBottom .85s cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 10% cover 30%}.productsGrid>*,.sectorCards>*,[class*=grid]>article{animation:revealFromBottom .72s cubic-bezier(.22,1,.36,1) both;animation-timeline:view();animation-range:entry 5% cover 24%}.productsGrid>:nth-child(2n),.sectorCards>:nth-child(2n){animation-name:revealSoft}@media (prefers-reduced-motion:reduce){.productsGrid>*,.sectorCards>*,[class*=grid]>article,main>section{animation:none!important;transform:none!important;opacity:1!important}}@media(max-width:720px){main>section:nth-of-type(n){animation-name:revealFromBottom;animation-duration:.65s}}.footprint .world{display:none!important}.saudiMap{position:relative;min-height:540px;display:grid;place-items:center;isolation:isolate}.saudiMap svg{width:min(92%,560px);height:auto;overflow:visible;filter:drop-shadow(0 28px 35px rgba(20,24,22,.18))}.kingdomShape{fill:rgba(24,31,29,.96);stroke:hsla(38,61%,63%,.7);stroke-width:3}.jeddahPulse{fill:none;stroke:#d9ae63;stroke-width:3;transform-origin:112px 330px;animation:jeddahPulse 2.4s ease-out infinite}.jeddahDot{fill:#e3bb74;filter:drop-shadow(0 0 8px rgba(227,187,116,.9))}.networkLine{fill:none;stroke:#d9ae63;stroke-width:2;stroke-dasharray:7 10;opacity:.7}.n1{animation:dashFlow 8s linear infinite}.n2{animation:dashFlow 10s linear infinite reverse}.n3{animation:dashFlow 12s linear infinite}.jeddahLabel{position:absolute;left:8%;top:55%;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-right:2px solid #d9ae63;background:hsla(40,58%,83%,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.jeddahLabel b{font-size:1.35rem}.jeddahLabel span{font-size:.72rem;letter-spacing:.08em}.mapCaption{position:absolute;bottom:5%;letter-spacing:.28em;font-size:.65rem;font-weight:700;opacity:.55}@keyframes jeddahPulse{0%{transform:scale(.45);opacity:1}80%,to{transform:scale(2.1);opacity:0}}@keyframes dashFlow{to{stroke-dashoffset:-170}}@media(max-width:720px){.saudiMap{min-height:390px}.jeddahLabel{left:4%;top:56%}.networkLine{stroke-width:2.5}}@media(prefers-reduced-motion:reduce){.jeddahPulse,.networkLine{animation:none!important}}.saudiMap{display:none!important}.footprintVisual{background-image:linear-gradient(90deg,hsla(38,46%,62%,0),hsla(38,46%,62%,.02) 62%,hsla(38,46%,62%,.38)),url(/araak-footprint.webp);background-size:cover;background-position:0;background-repeat:no-repeat;border-radius:0}@media(max-width:900px){.footprintVisual{min-height:420px;background-position:36%}}.footprintVisual{min-height:560px;align-self:stretch;background-size:contain!important}@media(max-width:900px){.footprintVisual{min-height:420px;background-size:contain!important;background-position:50%!important}}.footprint{position:relative;overflow:hidden;isolation:isolate;min-height:680px;background:#c9aa75}.footprintVisual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;z-index:-2;background-image:url(/araak-footprint.webp)!important;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important}.footprint:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(13,28,27,.08),rgba(13,28,27,.02) 45%,hsla(38,46%,59%,.38) 72%,hsla(38,46%,59%,.82))}.footprint>div:first-child{position:relative;z-index:2;-webkit-margin-start:auto;margin-inline-start:auto;padding:clamp(2rem,5vw,5rem);max-width:650px;text-shadow:0 1px 18px hsla(0,0%,100%,.16)}@media(max-width:900px){.footprint{min-height:620px}.footprintVisual{background-size:cover!important;background-position:32%!important}.footprint:after{background:linear-gradient(180deg,rgba(13,28,27,.05),hsla(38,46%,59%,.28) 48%,hsla(38,46%,59%,.9) 82%)}}section.footprint{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;max-width:none!important;min-height:680px!important;margin:0!important;padding:0!important;overflow:hidden!important;background-color:#c9aa75!important;background-image:linear-gradient(90deg,rgba(12,27,26,.02),rgba(12,27,26,0) 48%,hsla(38,44%,62%,.18) 66%,hsla(38,44%,62%,.78)),url(/araak-footprint.webp)!important;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important;animation:none!important;transform:none!important;translate:none!important;will-change:auto!important}section.footprint .footprintVisual,section.footprint:after{display:none!important}section.footprint>div:first-child{position:relative!important;inset:auto!important;z-index:2!important;width:min(44%,700px)!important;max-width:700px!important;margin:0!important;padding:clamp(2rem,5vw,5rem)!important;animation:none!important;transform:none!important;translate:none!important}section.footprint:focus-within,section.footprint:hover,section.footprint>div:first-child:hover{transform:none!important;translate:none!important}@media(max-width:900px){section.footprint{min-height:620px!important;background-position:38%!important;background-image:linear-gradient(180deg,rgba(12,27,26,.02),hsla(38,44%,62%,.18) 55%,hsla(38,44%,62%,.9) 86%),url(/araak-footprint.webp)!important}section.footprint>div:first-child{width:100%!important;max-width:none!important;align-self:flex-end!important}}.productsGrid>*,.sectorCards>*,[class*=grid]>article,main>section,main>section>*{margin-left:auto;margin-right:auto}@keyframes revealFromRight{0%{opacity:0;transform:translate3d(0,36px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes revealFromLeft{0%{opacity:0;transform:translate3d(0,36px,0)}to{opacity:1;transform:translateZ(0)}}.footprint>div:first-child{text-align:right!important;direction:rtl!important;margin-left:auto!important;margin-right:0!important;align-self:center!important}.footprint>div:first-child h2,.footprint>div:first-child p,.footprint>div:first-child>span{text-align:right!important;margin-left:0!important;margin-right:0!important}.footprint>div:first-child p{-webkit-margin-start:0!important;margin-inline-start:0!important;-webkit-margin-end:0!important;margin-inline-end:0!important}@media (min-width:901px){section.footprint{justify-content:flex-start!important;direction:rtl!important}section.footprint>div:first-child{box-sizing:border-box!important;flex:0 0 43%!important;width:43%!important;max-width:760px!important;margin:0 0 0 auto!important;padding:clamp(2rem,4vw,4.5rem) clamp(3rem,6vw,7rem)!important;align-self:center!important;text-align:right!important;direction:rtl!important}section.footprint>div:first-child h2,section.footprint>div:first-child p,section.footprint>div:first-child>span{width:100%!important;max-width:100%!important;text-align:right!important}}