/* Ahmed Zowail — scroll-linked visual system. Content is always visible. */
body.az-redesign{--az-gold:#D6B88C;--az-gold-light:#D6B88C;--az-line:#8A8A8421;background:#171717;overflow-x:clip}
body.az-redesign::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 14% 20%,#D6B88C0c,transparent 42%),radial-gradient(ellipse at 90% 65%,#8A8A8410,transparent 45%)}
.az-header{position:sticky;top:0;background:#171717eb;border-color:#D6B88C12;backdrop-filter:blur(18px);transition:background .3s,box-shadow .3s,border-color .3s}
.az-header.is-scrolled{background:#171717f2;box-shadow:0 12px 45px #17171744;border-color:#D6B88C30}
.az-header::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#D6B88C,#D6B88C);transform:scaleX(var(--az-page-progress,0));transform-origin:left;pointer-events:none}
.az-nav{min-height:88px}.az-brand{width:198px;transition:transform .4s}.is-scrolled .az-brand{transform:scale(.94);transform-origin:left}
.az-navigation a{transition:color .25s,translate .25s}.az-navigation a:hover{translate:0 -2px}
.az-navigation a::before{content:'';position:absolute;inset:auto 0 3px;height:1px;background:var(--az-gold-light);transform:scaleX(0);transform-origin:right;transition:transform .3s}.az-navigation a:hover::before{transform:scaleX(1)}
body.az-redesign .az-btn{position:relative;isolation:isolate;overflow:hidden;border-radius:3px;background:linear-gradient(115deg,#D6B88C,#D6B88C 50%,#D6B88C);box-shadow:0 4px 16px #D6B88C0b;transition:box-shadow .35s,border-color .35s,translate .35s,background .35s}
body.az-redesign .az-btn::before{content:'';position:absolute;inset:-50% -100%;z-index:-1;background:linear-gradient(105deg,transparent 35%,#F3F3F377 49%,transparent 63%);translate:-35% 0;transform:skewX(-15deg);transition:translate .7s;pointer-events:none}
body.az-redesign .az-btn:hover::before{translate:35% 0}body.az-redesign .az-btn:hover{transform:none;translate:0 -3px;box-shadow:0 10px 35px #D6B88C30;border-color:#D6B88C}
.az-btn span,.az-text-link span,.az-card-link>span{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.az-btn:hover span,.az-text-link:hover span,.az-service:hover .az-card-link>span{transform:translate(-4px,-4px)}
body.az-redesign .az-btn-outline{background:#F3F3F303;border-color:#8A8A8466;box-shadow:none}body.az-redesign .az-btn-outline:hover{background:#D6B88C0d;box-shadow:0 8px 30px #17171744}
.az-text-link{position:relative;transition:color .25s,border-color .25s;isolation:isolate}.az-text-link::after{content:'';position:absolute;right:0;bottom:-1px;width:100%;height:1px;background:var(--az-gold-light);transform:scaleX(0);transform-origin:right;transition:transform .35s}.az-text-link:hover::after{transform:scaleX(1)}
.az-hero{position:relative;gap:64px;min-height:740px;padding-block:80px 85px;isolation:isolate}
.az-hero::before{content:'';position:absolute;inset:50px 0 40px 35%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#D6B88C09,transparent 67%)}
body.az-redesign .az-hero h1{font-size:clamp(48px,5.05vw,72px);line-height:1.42;font-weight:700;letter-spacing:-2px;margin-bottom:27px}
.az-hero h1 em{background:linear-gradient(100deg,#D6B88C 0%,#D6B88C 38%,#D6B88C 72%,#D6B88C);background-size:200% 100%;background-position:var(--az-title-shine,50%) 50%;-webkit-background-clip:text;background-clip:text;color:transparent}
.az-hero-line{display:block;translate:var(--az-line-x,0px) var(--az-line-y,0px)}.az-hero-line:empty{display:none}
.az-hero-copy>p{font-size:14px;max-width:445px;color:#8A8A84;line-height:2.25}.az-hero-copy .az-eyebrow{margin-bottom:25px;font-size:11px;color:#D6B88C}
.az-hero-note{font-size:10px;letter-spacing:.1px}.az-hero-art{perspective:1200px;isolation:isolate;--az-art-y:0px;--az-art-angle:-3deg}
.az-hero-art::before{content:'';position:absolute;width:112%;aspect-ratio:1;left:-6%;top:calc(50% - 285px);border:1px solid #D6B88C26;border-radius:50%;transform:scaleY(.94);z-index:-1;pointer-events:none}
.az-hero-art::after{content:'';position:absolute;width:9px;height:9px;background:#D6B88C;border-radius:50%;left:3%;top:20%;box-shadow:0 0 25px #D6B88C88;translate:0 var(--az-orbit-dot,0px);pointer-events:none}
.az-art-frame{height:465px;border-radius:110px 8px 8px 8px;border-color:#D6B88C55;transform:translateY(var(--az-art-y)) rotateY(var(--az-art-angle));box-shadow:-25px 35px 90px #17171777,0 0 65px #D6B88C06}
.az-art-frame img{transform:scale(var(--az-hero-scale,1.045)) translateY(var(--az-hero-image-y,0px));object-position:82% 50%;filter:brightness(.95) saturate(.9)}
.az-art-label{right:-15px;left:42px;bottom:58px;border-radius:4px;border-color:#D6B88C66;padding:19px 22px;background:#171717eb;box-shadow:0 18px 45px #17171766;transform:translateY(var(--az-label-y,0px))}
.az-art-label b{font-size:10px;letter-spacing:2.2px}.az-art-coordinate{bottom:2px;font-size:8px;letter-spacing:2.7px}
.az-metrics{position:relative;border-color:#D6B88C24;padding-block:34px}.az-metrics strong{font-size:47px;font-weight:400}.az-metrics>div{transition:background .3s}.az-metrics>div:hover strong{color:#D6B88C}
.az-scroll-band{overflow:hidden;border-bottom:1px solid #D6B88C14;padding:25px 0 29px;margin-top:40px;direction:ltr;user-select:none;pointer-events:none}
.az-scroll-band-track{display:flex;align-items:center;gap:38px;width:max-content;transform:translateX(var(--az-band-x,-95px));white-space:nowrap}
.az-scroll-band span{font:500 clamp(34px,5.2vw,75px)/1.1 Tajawal,sans-serif;letter-spacing:1px;color:transparent;-webkit-text-stroke:1px #D6B88C36}
.az-scroll-band b{font-size:29px;font-weight:300;color:#D6B88C99}.az-scroll-band .az-band-solid{-webkit-text-stroke:0;color:#D6B88C50}
.az-section{padding-block:115px}.az-section-head{position:relative;margin-bottom:48px;padding-bottom:22px;--az-title-y:0px;translate:0 var(--az-title-y)}
.az-section-head::after{content:'';position:absolute;right:0;bottom:0;width:130px;height:1px;background:linear-gradient(90deg,transparent,#D6B88C);transform:scaleX(var(--az-heading-line,.3));transform-origin:right}
.az-section-head h2,.az-why h2,.az-faq-section h2{letter-spacing:-1.2px!important}.az-section-head .az-eyebrow{font-size:10px;letter-spacing:2.5px;color:#D6B88C}
.az-services-grid{gap:0;border-top:1px solid var(--az-line);border-right:1px solid var(--az-line)}
.az-service{position:relative;isolation:isolate;overflow:hidden;padding:34px 27px 28px;border:0;border-bottom:1px solid var(--az-line);border-left:1px solid var(--az-line);border-radius:0;background:linear-gradient(145deg,#171717a3,#17171740);transform:perspective(900px) rotateX(var(--az-tilt-x,0deg)) rotateY(var(--az-tilt-y,0deg)) translateY(var(--az-card-lift,0px));transition:transform .3s,border-color .3s,box-shadow .3s;z-index:1}
.az-service::before,.az-review::before,.azb-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--az-pointer-x,50%) var(--az-pointer-y,50%),#D6B88C17,transparent 65%);opacity:0;transition:opacity .35s}
.az-service::after{content:'';position:absolute;inset:0;border:1px solid #D6B88C70;opacity:0;transition:opacity .35s;pointer-events:none}
.az-service:hover{--az-card-lift:-7px;transform:perspective(900px) rotateX(var(--az-tilt-x,0deg)) rotateY(var(--az-tilt-y,0deg)) translateY(var(--az-card-lift));border-color:#D6B88C44;box-shadow:0 25px 55px #17171755;z-index:2}
.az-service:hover::before,.az-service:hover::after,.az-review:hover::before,.azb-card:hover::before{opacity:1}
.az-card-top{margin-bottom:38px}.az-service-icon{width:48px;height:48px;border-color:#D6B88C33;border-radius:4px;background:transparent;transition:background .35s,transform .35s,color .35s}
.az-service-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.az-service:hover .az-service-icon{background:#D6B88C;color:#171717;transform:rotate(-7deg)}.az-card-number{font-size:11px;color:#8A8A84}.az-service h3{font-size:17px}.az-card-link{padding-top:21px;color:#D6B88C}
.az-work-section-new{position:relative;overflow:hidden;background:#171717;border-block:1px solid #D6B88C13;isolation:isolate}
.az-work-section-new::before{content:'SELECTED WORK';position:absolute;top:35px;left:-10%;width:max-content;z-index:-1;font:500 clamp(80px,13vw,200px)/1 Tajawal,sans-serif;letter-spacing:5px;color:#D6B88C04;-webkit-text-stroke:1px #D6B88C0b;white-space:nowrap;transform:translateX(var(--az-work-x,0px));pointer-events:none}
.az-project-grid-new{gap:55px 34px}.az-project-cover{height:440px;border-radius:5px;border-color:#D6B88C22;background:#171717;isolation:isolate;transition:border-color .4s,box-shadow .4s,transform .4s}
.az-project-cover img{transform:translateY(var(--az-project-y,0px)) scale(var(--az-image-scale,1.09));transform-origin:center 35%;transition:scale .7s,filter .7s;filter:saturate(.88) brightness(.9);height:100%;object-fit:cover}
.az-project-cover:hover{border-color:#D6B88C88;box-shadow:0 24px 55px #17171766}.az-project-cover:hover img{transform:translateY(var(--az-project-y,0px)) scale(var(--az-image-scale,1.09));scale:1.035;filter:saturate(1) brightness(1.02)}
.az-project-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#17171740);pointer-events:none;transition:opacity .4s}.az-project-cover:hover::after{opacity:0}
.az-cover-arrow{border-radius:3px;width:42px;height:42px;transition:background .3s,color .3s,transform .3s}.az-project-cover:hover .az-cover-arrow{background:var(--az-gold);color:#171717;transform:rotate(-8deg)}
.az-project-caption{padding-top:22px}.az-project-caption h3{font-size:25px;letter-spacing:.3px}.az-project-caption div>span{font-size:10px;letter-spacing:.4px}.az-project-index{font-size:32px;color:#8A8A84}
.az-hover-hint{position:absolute;top:var(--az-pointer-y,50%);left:var(--az-pointer-x,50%);translate:-50% -50%;display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#D6B88Cee;color:#171717;box-shadow:0 10px 40px #17171744;backdrop-filter:blur(7px);font-size:11px;font-weight:700;opacity:0;scale:.7;transition:opacity .2s,scale .3s;pointer-events:none;z-index:3}
.az-home>.az-section:has(.az-process){display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start;--az-process-progress:0}
.az-home>.az-section:has(.az-process)>.az-section-head{position:sticky;top:160px;display:block;margin:0;translate:none;padding-bottom:30px}
.az-process{display:block;position:relative;padding-right:31px;margin:5px 0 0}
.az-process::before,.az-process::after{content:'';position:absolute;right:0;top:25px;bottom:25px;width:1px;background:#D6B88C30;transform-origin:top}
.az-process::after{background:linear-gradient(#D6B88C,#D6B88C);transform:scaleY(var(--az-process-progress,0));box-shadow:0 0 12px #D6B88C22}
.az-process li{border-top:0;border-bottom:1px solid var(--az-line);padding:28px 85px 28px 0;min-height:145px;transition:background .4s}
.az-process li:last-child{border-bottom:0}.az-process li::before{content:'';position:absolute;right:-34px;top:45px;width:7px;height:7px;border-radius:50%;background:#171717;border:1px solid #D6B88C40;transition:background .3s,box-shadow .3s}
.az-process li.is-current::before{background:#D6B88C;box-shadow:0 0 0 6px #D6B88C10,0 0 18px #D6B88C55}
.az-process .az-step-number{position:absolute;right:5px;top:27px;font-size:49px;color:#8A8A8466;line-height:1.2;transition:color .4s,translate .4s}
.az-process li.is-current .az-step-number{color:#D6B88C;translate:-5px 0}.az-process h3{font-size:20px;font-weight:500;margin:0 0 10px}.az-process p{font-size:12px;line-height:2.1;max-width:350px;margin:0;color:#8A8A84}
.az-why{padding-block:80px;gap:90px}.az-why-grid article{position:relative;padding:22px 0;transition:translate .3s}.az-why-grid article:hover{translate:-5px 0}.az-small-index{font-size:11px;letter-spacing:1px}.az-why-grid h3{font-weight:500}
.az-review{position:relative;isolation:isolate;overflow:hidden;background:#171717;border-radius:5px;border-color:#D6B88C22;transition:border-color .35s,box-shadow .35s}.az-review:hover{border-color:#D6B88C66;box-shadow:0 15px 35px #17171722}
.az-review-stars{font-size:13px;color:#D6B88C}.az-review blockquote{font-size:14px;line-height:2.25}.az-review-author{border-color:#D6B88C20}.az-avatar{border-color:#D6B88C44}.az-review-controls{display:flex;gap:8px;direction:ltr;align-items:center}
.az-review-controls button{width:43px;height:43px;border:1px solid #D6B88C44;border-radius:3px;background:transparent;color:var(--az-gold-light);padding:0;font-size:23px;cursor:pointer;transition:background .3s,color .3s,translate .3s}.az-review-controls button:hover{background:var(--az-gold);color:#171717;translate:0 -2px}
.az-faq details{transition:padding .35s,background .35s;border-color:#D6B88C20}.az-faq details:hover{background:#D6B88C05}.az-faq summary{transition:color .3s}.az-faq summary:hover{color:var(--az-gold-light)}.az-faq details[open]{padding-block:24px}.az-faq details[open] summary{color:var(--az-gold-light)}
.az-cta{position:relative;isolation:isolate;overflow:hidden;border-color:#D6B88C55;border-radius:5px;background:#171717;padding:95px 40px}
.az-cta::before{content:'';position:absolute;inset:-130px -25%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#D6B88C1a,transparent 60%);translate:0 var(--az-cta-glow,0px);pointer-events:none}
.az-cta::after{content:'';position:absolute;inset:18px;border:1px solid #D6B88C12;pointer-events:none}
.az-cta h2{font-size:clamp(38px,4.6vw,64px);line-height:1.5;letter-spacing:-1.3px;translate:0 var(--az-cta-title,0px)}
.az-footer{background:#171717;border-color:#D6B88C20}.az-footer-links a{position:relative;transition:color .25s,translate .25s}.az-footer-links a:hover{translate:-5px 0}.az-footer h2{font-size:41px}.az-footer-bottom{border-color:#D6B88C17}
.az-page-intro{position:relative;padding-block:90px 65px;isolation:isolate}.az-page-intro::before{content:'';position:absolute;top:0;right:0;width:min(400px,100%);height:100%;z-index:-1;background:radial-gradient(ellipse at top right,#D6B88C08,transparent 68%);pointer-events:none}.az-page-intro h1{translate:0 var(--az-title-y,0px)}
.azb-card{position:relative;isolation:isolate;transition:translate .35s,border-color .35s,box-shadow .35s}.azb-card:hover{translate:0 -6px;border-color:#D6B88C88!important;box-shadow:0 20px 40px #17171744}.azb-card-image{overflow:hidden}.azb-card-image img{translate:0 var(--az-project-y,0px);scale:1.05}
.az-motion-title{translate:0 var(--az-title-y,0px)}
body.az-redesign .az-layout-button{transition:translate .3s,box-shadow .3s,filter .3s}body.az-redesign .az-layout-button:hover{translate:0 -3px;box-shadow:0 12px 28px #D6B88C1c;filter:brightness(1.08)}
body.az-redesign .azb-filter,body.az-redesign .azb-topic,body.az-redesign .az-filter-btn{transition:background .25s,color .25s,border-color .25s}body.az-redesign .azb-topic:hover{background:#D6B88C0d;color:var(--az-gold-light)}
body.az-redesign input:focus,body.az-redesign textarea:focus,body.az-redesign select:focus{box-shadow:0 0 0 3px #D6B88C12}
@media(hover:hover) and (pointer:fine){.az-project-cover:hover .az-hover-hint{opacity:1;scale:1}}
@media(hover:none){.az-service:hover{--az-card-lift:0px;transform:none}.az-hover-hint{display:none}}
@media(min-width:1101px){.az-project-tile:nth-child(even){padding-top:80px}.az-project-grid-new{align-items:start}.az-service-list .az-services-grid{gap:0}.az-service-list .az-service{border-radius:0;min-height:345px}}
@media(max-width:1100px){.az-hero{gap:35px;min-height:660px}.az-art-frame{height:410px}.az-art-label{right:-8px;left:22px}.az-hero-art::before{width:105%;left:-3%;top:calc(50% - 240px)}.az-home>.az-section:has(.az-process){gap:50px}.az-process li{padding-right:68px}.az-process .az-step-number{font-size:42px}}
@media(max-width:767px){.az-nav{min-height:76px}.az-navigation{top:76px}.az-brand{width:168px}.az-hero{gap:32px;min-height:auto;padding-block:42px 35px}.az-hero h1{font-size:43px!important;line-height:1.4!important}.az-hero-copy>p{font-size:12px;line-height:2.2}.az-hero-art{margin-top:5px;padding-bottom:36px}.az-art-frame{height:315px;border-radius:74px 5px 5px 5px;transform:translateY(var(--az-art-y)) rotateY(-2deg)}.az-hero-art::before{width:100%;left:0;top:calc(50% - 175px)}.az-hero-art::after{width:6px;height:6px;left:2%;top:8%}.az-art-label{left:18px;right:-5px;bottom:42px;padding:14px 16px}.az-art-coordinate{font-size:7px;bottom:4px}.az-hero h1 em{background-size:180% 100%}.az-metrics strong{font-size:34px}.az-scroll-band{margin-top:15px;padding-block:22px}.az-scroll-band-track{gap:22px}.az-scroll-band span{font-size:39px}.az-scroll-band b{font-size:20px}.az-section{padding-block:70px}.az-section-head{margin-bottom:30px;padding-bottom:18px}.az-section-head h2{font-size:29px!important}.az-section-head::after{width:90px}.az-service{padding:23px 17px}.az-card-top{margin-bottom:27px}.az-service-icon{width:38px;height:38px}.az-service-icon svg{width:22px;height:22px}.az-service h3{font-size:14px}.az-service p{font-size:10px}.az-card-link{font-size:9px;padding-top:16px}.az-project-grid-new{gap:34px}.az-project-cover{height:365px}.az-project-tile:nth-child(even){padding-top:0}.az-project-caption{padding-top:15px}.az-project-caption h3{font-size:22px}.az-cover-arrow{width:36px;height:36px;bottom:15px;left:15px}.az-home>.az-section:has(.az-process){display:block}.az-home>.az-section:has(.az-process)>.az-section-head{position:relative;top:auto;margin-bottom:25px}.az-process{padding-right:21px}.az-process li{padding:24px 65px 24px 0;min-height:123px}.az-process li::before{right:-24px;top:40px}.az-process .az-step-number{font-size:38px;top:24px;right:3px}.az-process h3{font-size:18px}.az-process p{font-size:11px;line-height:2}.az-why{padding-block:50px;gap:28px}.az-why-grid article{padding-block:10px}.az-review{padding:24px;flex-basis:92%}.az-review blockquote{font-size:12px}.az-review-controls{margin-right:auto}.az-review-controls button{height:37px;width:37px;font-size:21px}.az-cta{padding:65px 22px}.az-cta h2{font-size:39px;letter-spacing:-.8px}.az-cta::after{inset:10px}.az-footer h2{font-size:34px}.az-page-intro{padding-block:50px 35px}.az-page-intro h1{font-size:33px}.az-service-list .az-service{border-radius:0}}
@media(prefers-reduced-motion:reduce){.az-hero-line,.az-motion-title,.az-page-intro h1,.az-section-head,.az-art-frame,.az-art-frame img,.az-art-label,.az-hero-art::before,.az-hero-art::after,.az-scroll-band-track,.az-work-section-new::before,.az-project-cover img,.az-cta::before,.az-cta h2{transform:none!important;translate:none!important;scale:1!important}.az-hover-hint{display:none}.az-service,.az-service:hover{transform:none!important}.az-btn:hover{translate:none!important}.az-header::after,.az-process::after{display:none}}
@media(prefers-reduced-motion:reduce){.azb-card:hover,.az-why-grid article:hover,body.az-redesign .az-layout-button:hover{translate:none!important;transform:none!important}}