/* Source content recovery and compositor-only scroll motion. */
.az-source-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}
.az-cta .az-source-actions{justify-content:center}.az-source-actions:empty{display:none}
.az-source-copy{font-size:14px;color:var(--az-muted);line-height:2.15;max-width:650px}.az-source-copy p{margin-bottom:12px}
.az-page-intro .az-source-copy{margin-top:18px}.az-cta .az-source-copy{margin:10px auto 0;max-width:570px;font-size:13px}
.az-source-role{font-size:21px!important;line-height:1.9;color:var(--az-gold-light);font-weight:400;margin:-5px 0 15px}
.az-arabic-label,.az-label-ar{letter-spacing:0;direction:rtl}.az-label-ar{display:inline-block;margin-left:10px;color:#D6B88C}
.az-page-intro .az-arabic-label,.az-section-head .az-arabic-label{justify-content:flex-start}
.az-work-section-new,body.az-redesign .az-legacy .azb-card{overflow:clip}
.az-legacy .az-container:has(.azb-grid),.az-legacy .az-container:has(.az-case-study-wrapper),.az-case-study-wrapper,.az-casaz-containertainer,.az-case-hero{overflow:clip!important}
.az-source-features{padding:0;list-style:none;margin:0 0 25px;font-size:11px;line-height:2.2;color:#8A8A84}
.az-source-features li::before{content:'✓';color:var(--az-gold);margin-left:9px;font-size:11px}
.az-source-service-heading{margin-bottom:35px}.az-source-service-heading h2{font-size:35px}
.az-source-hero-description .az-source-copy{font-size:13px;line-height:2.1;margin-bottom:24px;max-width:445px}
.az-hero-copy>p.az-hero-offer{color:var(--az-gold-light);font-size:13px;line-height:2;margin-bottom:13px}
.az-faq-section.az-source-faq{padding-top:50px}.az-source-faq:has(+.az-cta){padding-bottom:65px}
.az-project-card-description{font-size:11px!important;line-height:2!important;color:var(--az-muted);max-width:420px;margin:9px 0 0}
.az-project-caption:has(.az-project-card-description){align-items:flex-start;gap:20px}
/* Remove the legacy red from form controls, tabs and their keyboard states. */
body.az-redesign button,body.az-redesign [type=button],body.az-redesign [type=submit]{border-color:#D6B88C;color:var(--az-gold-light)}
body.az-redesign button:focus-visible,body.az-redesign button:hover,body.az-redesign [type=button]:hover,body.az-redesign [type=submit]:hover{border-color:var(--az-gold);color:var(--az-gold-light);background-color:#171717}
body.az-redesign a:hover,body.az-redesign a:focus-visible{color:var(--az-gold-light)}
body.az-redesign .az-btn:hover,body.az-redesign .az-layout-button:hover,body.az-redesign .azlp__button--primary:hover{color:#171717}
body.az-redesign .az-project-cover,body.az-redesign .az-project-cover:hover{background-color:#171717}
/* Blur over moving content requires repainting; use the existing solid palette instead. */
.az-header,.az-art-label,.az-hover-hint{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.az-header{background:#171717f7}.az-header.is-scrolled{background:#171717fc}.az-art-label{background:#171717f7}
.az-hover-hint{background:#D6B88Cf7}
.az-art-frame{box-shadow:-15px 22px 55px #17171755}.az-art-frame img{filter:none}.az-project-cover img{filter:none}
.az-hero h1 em{background-position:50% 50%}
@supports(animation-timeline:view()){
 @keyframes az-scroll-frame{from{transform:translate3d(0,0,0) rotateY(-3deg)}to{transform:translate3d(0,30px,0) rotateY(-3deg)}}
 @keyframes az-scroll-hero-image{from{transform:translate3d(0,0,0) scale(1.045)}to{transform:translate3d(0,-15px,0) scale(1.11)}}
 @keyframes az-scroll-label{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-32px,0)}}
 @keyframes az-scroll-title{from{translate:0 0}to{translate:0 -22px}}
 @keyframes az-scroll-band{from{transform:translate3d(-95px,0,0)}to{transform:translate3d(-340px,0,0)}}
 @keyframes az-scroll-parallax{from{transform:translate3d(0,-18px,0) scale(1.09)}to{transform:translate3d(0,18px,0) scale(1.09)}}
 @keyframes az-scroll-heading{from{translate:0 12px}to{translate:0 -12px}}
 @keyframes az-scroll-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 @keyframes az-scroll-process{from{transform:scaleY(0)}to{transform:scaleY(1)}}
 .az-art-frame{animation:az-scroll-frame 1s linear both;animation-timeline:scroll(root);animation-range:0px 850px}
 .az-art-frame img{animation:az-scroll-hero-image 1s linear both;animation-timeline:scroll(root);animation-range:0px 850px}
 .az-art-label{animation:az-scroll-label 1s linear both;animation-timeline:scroll(root);animation-range:0px 850px}
 .az-hero-line:nth-child(2){animation:az-scroll-title 1s linear both;animation-timeline:scroll(root);animation-range:0px 850px}
 .az-page-intro h1{animation:az-scroll-title 1s linear both;animation-timeline:scroll(root);animation-range:0px 650px}
 .az-scroll-band-track{animation:az-scroll-band 1s linear both;animation-timeline:scroll(root);animation-range:0px 1800px}
 .az-header::after{animation:az-scroll-progress 1s linear both;animation-timeline:scroll(root)}
 .az-project-cover,.azb-card-image{view-timeline-name:--az-picture;view-timeline-axis:block}
 .az-case-hero-image,.az-case-project-image{view-timeline-name:--az-case-picture;view-timeline-axis:block;overflow:clip}
 .az-case-hero-image img,.az-case-project-image img{animation:az-scroll-parallax 1s linear both;animation-timeline:--az-case-picture;animation-range:entry 0% exit 100%}
 .az-project-cover img,.az-project-cover:hover img,.azb-card-image img{animation:az-scroll-parallax 1s linear both;animation-timeline:--az-picture;animation-range:entry 0% exit 100%}
 .az-section-head,.az-cta h2{animation:az-scroll-heading 1s linear both;animation-timeline:view(block);animation-range:entry 0% exit 100%}
 .az-home>.az-section:has(.az-process)>.az-section-head{animation:none}
 .az-process{view-timeline-name:--az-process-track;view-timeline-axis:block}
 .az-process::after{animation:az-scroll-process 1s linear both;animation-timeline:--az-process-track;animation-range:entry 60% exit 20%}
}
@media(max-width:767px){
 .az-source-role{font-size:17px!important}.az-source-copy{font-size:12px;line-height:2}.az-source-actions{gap:10px;margin-top:20px}.az-source-actions .az-btn{font-size:11px!important;gap:15px!important;padding:11px 16px!important}
 .az-source-hero-description .az-source-copy{font-size:11px;margin-bottom:22px}.az-hero-copy>p.az-hero-offer{font-size:11px}.az-source-features{font-size:11px}.az-source-service-heading h2{font-size:27px}
 .az-project-caption:has(.az-project-card-description){flex-wrap:wrap}.az-project-card-description{font-size:10px!important}
 @keyframes az-scroll-frame{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,12px,0)}}
 @keyframes az-scroll-parallax{from{transform:translate3d(0,-8px,0) scale(1.06)}to{transform:translate3d(0,8px,0) scale(1.06)}}
}
@media(prefers-reduced-motion:reduce){.az-art-frame,.az-art-frame img,.az-art-label,.az-hero-line,.az-page-intro h1,.az-scroll-band-track,.az-header::after,.az-project-cover img,.azb-card-image img,.az-case-hero-image img,.az-case-project-image img,.az-section-head,.az-cta h2,.az-process::after{animation:none!important}}
