/* Bespoke art + editorial typography. No inherited AZ hero geometry. */
.az-studio-hero{--studio-ink:#F3F3F3;--studio-gold:#D6B88C;position:relative;isolation:isolate;background:#171717;color:var(--studio-ink);border-bottom:1px solid #D6B88C20}
.az-studio-inner{width:min(1280px,calc(100% - 96px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:56px;min-height:626px;padding-block:54px 46px;direction:rtl}
.az-studio-copy{min-width:0;position:relative;z-index:2;text-align:right;padding-block:12px}
.az-studio-kicker{display:flex;align-items:center;gap:12px;color:#D6B88C;font:500 12px/1.8 Tajawal,sans-serif;margin-bottom:23px;letter-spacing:0}
.az-studio-kicker::before{content:'';width:29px;height:1px;background:#D6B88C}
body.az-redesign .az-studio-title{font-family:'Tajawal', sans-serif;font-size:clamp(43px,4.25vw,65px)!important;font-weight:700;line-height:1.28!important;letter-spacing:-1.4px;margin:0 0 24px!important;color:#F3F3F3;text-wrap:balance;animation:none!important;transform:none!important;translate:none!important;overflow:visible;height:auto;max-height:none}
.az-studio-title em{display:block;color:#D6B88C;font-style:normal;font-weight:500}
.az-studio-role{font:500 18px/1.8 Tajawal,sans-serif;color:#F7F4EE;margin:0 0 16px}
.az-studio-description{font:400 15px/2.05 Tajawal,sans-serif;color:#8A8A84;max-width:520px;margin:0}
.az-studio-description p{font:inherit;color:inherit;line-height:inherit;margin:0 0 12px}
.az-studio-description .az-studio-lead{color:#F7F4EE;font-size:15px;margin-bottom:12px}
.az-studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}
body.az-redesign .az-studio-action{display:inlinaz-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #D6B88C;border-radius:5px;background:#D6B88C;color:#171717;padding:13px 22px;min-height:52px;font:700 13px/1.7 Tajawal,sans-serif;text-decoration:none;position:relative;transition:translate .25s,background-color .25s,border-color .25s,box-shadow .25s}
body.az-redesign .az-studio-action:hover,body.az-redesign .az-studio-action:focus-visible{background:#F7F4EE;border-color:#F7F4EE;color:#171717;translate:0 -3px;box-shadow:0 9px 28px #D6B88C18}
.az-studio-action>span{font-size:21px;font-weight:400;transition:translate .25s}.az-studio-action:hover>span{translate:-3px -3px}
body.az-redesign .az-studio-action--secondary{color:#F3F3F3;background:transparent;border-color:#8A8A8466}
body.az-redesign .az-studio-action--secondary:hover,body.az-redesign .az-studio-action--secondary:focus-visible{color:#D6B88C;background:#D6B88C0D;border-color:#D6B88C}
.az-studio-note{display:flex;align-items:center;gap:12px;color:#8A8A84;font:400 10px/1.8 Tajawal,sans-serif;margin-top:25px}
.az-studio-note::before{content:'';width:20px;height:1px;background:#D6B88C88}
.az-studio-scene{position:relative;isolation:isolate;margin:0;min-width:0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.az-studio-scene::before{content:'';position:absolute;inset:12% 4%;background:radial-gradient(ellipse,#D6B88C0D,transparent 68%);z-index:-1;pointer-events:none}
.az-studio-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:1;will-change:auto;filter:none;transition:translate .5s ease}
.az-studio-scene:hover .az-studio-art{translate:0 -7px}
.az-studio-caption{position:absolute;left:14px;right:14px;bottom:-5px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #D6B88C29;padding-top:13px;font:500 9px/1.5 Tajawal,sans-serif;letter-spacing:1.6px;color:#8A8A84;direction:ltr}
.az-studio-caption b{font-weight:400;color:#D6B88C;font-size:11px;letter-spacing:0}
.az-studio-hero[data-studio-page=home] .az-studio-inner{min-height:660px}
.az-studio-hero[data-studio-page=home] .az-studio-title{font-size:clamp(43px,4.35vw,67px)!important}
.az-studio-hero[data-studio-page=about] .az-studio-scene{align-self:end;aspect-ratio:1/1.05;overflow:clip}
.az-studio-hero[data-studio-page=about] .az-studio-caption{display:none}
.az-studio-hero[data-studio-page=about] .az-studio-art{object-position:center bottom}
.az-studio-hero[data-studio-page=about] .az-studio-inner{padding-bottom:0}
.az-studio-hero[data-studio-detail] .az-studio-title{font-size:clamp(38px,3.75vw,55px)!important;line-height:1.4!important}
.az-studio-hero[data-studio-detail] .az-studio-inner{min-height:620px}
.az-studio-hero+.az-service-list{margin-top:50px}
.az-home:has(>.az-studio-hero)>.az-metrics{margin-top:0;border-top:0}
@supports(animation-timeline:view()){@keyframes az-studio-scroll{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(0,-22px,0) rotate(-1.5deg)}}.az-studio-art{animation:az-studio-scroll 1s linear both;animation-timeline:view();animation-range:exit 0% exit 100%}}
@media(min-width:1600px){.az-studio-inner{min-height:690px;gap:70px}.az-studio-hero[data-studio-page=home] .az-studio-inner{min-height:710px}}
@media(max-width:1100px) and (min-width:768px){.az-studio-inner{width:calc(100% - 64px);gap:26px;min-height:540px;padding-block:45px}.az-studio-hero[data-studio-page=home] .az-studio-inner,.az-studio-hero[data-studio-detail] .az-studio-inner{min-height:560px}body.az-redesign .az-studio-title,body.az-redesign .az-studio-hero[data-studio-page=home] .az-studio-title{font-size:45px!important}.az-studio-description{font-size:13px}.az-studio-role{font-size:16px}.az-studio-kicker{margin-bottom:18px}.az-studio-caption{font-size:8px;letter-spacing:1px}body.az-redesign .az-studio-action{font-size:11px;padding:11px 15px;gap:13px;min-height:47px}.az-studio-actions{gap:9px;margin-top:23px}}
@media(max-width:767px){.az-studio-inner{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:18px;min-height:0!important;padding-block:34px 30px}.az-studio-copy{padding-block:0}.az-studio-kicker{font-size:10px;margin-bottom:18px}.az-studio-kicker::before{width:23px}body.az-redesign .az-studio-title,body.az-redesign .az-studio-hero[data-studio-page=home] .az-studio-title{font-size:clamp(37px,10.7vw,49px)!important;line-height:1.3!important;letter-spacing:-.7px;margin-bottom:18px!important}.az-studio-role{font-size:16px;margin-bottom:12px}.az-studio-description{font-size:13px;line-height:2;max-width:none}.az-studio-description .az-studio-lead{font-size:13px}.az-studio-actions{gap:10px;margin-top:23px}body.az-redesign .az-studio-action{font-size:12px;min-height:48px;padding:11px 16px;gap:16px}.az-studio-note{font-size:9px;margin-top:19px}.az-studio-scene{width:min(100%,400px);justify-self:center;aspect-ratio:1.1;margin-top:0;margin-bottom:14px}.az-studio-caption{bottom:-9px;font-size:8px;letter-spacing:1px;padding-top:9px;left:8px;right:8px}.az-studio-caption b{font-size:10px}.az-studio-hero[data-studio-page=about] .az-studio-inner{padding-bottom:0}.az-studio-hero[data-studio-page=about] .az-studio-scene{aspect-ratio:1.05;margin-bottom:0}.az-studio-hero[data-studio-detail] .az-studio-title{font-size:36px!important;line-height:1.4!important}.az-studio-hero+.az-service-list{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.az-studio-art{animation:none!important;transform:none!important;translate:none!important;transition:none}.az-studio-action,.az-studio-action>span{transition:none!important;translate:none!important}}
@media(max-width:767px){body.az-redesign .az-studio-hero[data-studio-page=home] .az-studio-title{font-size:clamp(30px,9.1vw,40px)!important}}
/* Keep heroes focused on their heading, description, actions and artwork. */
.az-studio-hero :is(.az-studio-kicker,.az-studio-caption,.az-studio-note){display:none!important}
.az-studio-hero .az-studio-scene{margin-bottom:0}
/* The artwork must not contribute an intrinsic minimum height while decoding. */
.az-studio-hero .az-studio-scene{min-height:0}
.az-studio-hero .az-studio-scene>.az-studio-art{position:absolute;inset:0;width:100%;height:100%}