.az-hero{position:relative;isolation:isolate;display:flex;min-height:100svh;align-items:center;justify-content:center;overflow:hidden;background:#101312;color:#faf7f1!important;text-align:center}
.az-hero-media,.az-hero-wash{position:absolute;inset:0;z-index:-2}.az-hero-media video{width:100%;height:100%;object-fit:cover;opacity:.85;filter:none}
.az-hero-wash{z-index:-1;background:linear-gradient(180deg,rgba(9,12,11,.32),rgba(9,12,11,.34) 35%,rgba(9,12,11,.76)),radial-gradient(ellipse at center,rgba(8,10,9,.12),rgba(8,10,9,.58))}
.az-hero-content{width:100%;max-width:1280px;margin:0 auto;padding:110px 32px 105px}.az-hero-logo{display:block;width:clamp(110px,12vw,168px);height:clamp(110px,12vw,168px);margin:0 auto 16px;object-fit:contain;background:transparent}
.az-hero h1{max-width:1120px;margin:0 auto;color:#faf7f1!important;font-size:clamp(2.2rem,5.8vw,6.4rem);font-weight:400;line-height:1.14;letter-spacing:-.045em;text-wrap:balance}.az-hero[dir=rtl] h1{font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.28;letter-spacing:0}.az-hero h1 span{color:#e3dfd4!important}
.az-hero-description{max-width:680px;margin:28px auto 0;color:rgba(250,247,241,.82)!important;font-size:clamp(.9rem,1.2vw,1.1rem);line-height:1.95;text-wrap:pretty}.az-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}
.az-button{display:inline-flex;min-width:190px;min-height:54px;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;padding:14px 20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .25s,transform .25s,border-color .25s}.az-button svg{width:20px;height:20px;flex-shrink:0}.az-hero[dir=rtl] .az-button svg{transform:rotate(180deg)}
.az-button-light{background:#f4f0e7!important;color:#171b18!important}.az-button-light:hover{background:#fff!important;transform:translateY(-2px)}.az-button-glass{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.045);color:#fff!important;backdrop-filter:blur(14px)}.az-button-glass:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);transform:translateY(-2px)}
.az-hero-bottom{position:absolute;bottom:90px;inset-inline:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e3e4df}.az-scroll-link,.az-motion-button{min-height:44px;display:flex;align-items:center;font-size:.7rem;letter-spacing:.04em;color:#e3e4df!important}.az-scroll-link{gap:18px}.az-scroll-link:after{content:'';height:32px;width:1px;background:rgba(255,255,255,.48)}.az-motion-button{border:1px solid rgba(255,255,255,.25);padding:0 14px;background:rgba(13,17,15,.28);backdrop-filter:blur(12px)}
.az-brand-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;max-width:1600px;margin:0 auto;padding:26px 24px;background:#151917;border-bottom:1px solid #ffffff18}.az-brand-rail a{display:flex;min-width:0;height:72px;align-items:center;justify-content:center;border-inline-end:1px solid #ffffff16;padding:12px 16px;transition:background .25s}.az-brand-rail a:last-child{border-inline-end:0}.az-brand-rail a:hover{background:#ffffff08}.az-brand-rail img,.az-brand-rail [data-verified-brand-logo]{width:116px!important;height:46px!important;object-fit:contain;background:transparent}.az-brand-rail a:first-child img{width:70px!important;height:70px!important}
.az-materials{max-width:1760px;margin:0 auto;padding:100px 32px 120px;background:#101412;color:#f4f0e7}.az-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;max-width:1500px;margin:0 auto 46px}.az-section-heading h2{max-width:900px;color:#f4f0e7!important;font-size:clamp(2rem,3.6vw,4rem);line-height:1.2;font-weight:400;letter-spacing:-.035em;white-space:pre-line}.az-materials[dir=rtl] h2{letter-spacing:0;line-height:1.45}.az-section-heading p{max-width:440px;color:#c3c9c3!important;line-height:1.9;font-size:.95rem}
.az-material-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:1px;max-width:1500px;margin:0 auto;transition:grid-template-columns .55s cubic-bezier(.2,.65,.2,1);background:#ffffff1a;border:1px solid #ffffff1a}.az-material-card{position:relative;display:flex;min-width:0;flex-direction:column;background:#171d19;color:#f4f0e7;overflow:hidden}.az-material-picture{display:flex;height:340px;align-items:center;justify-content:center;padding:24px 15px;background:radial-gradient(ellipse at center,#ffffff08,transparent 75%)}.az-material-picture img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none;mix-blend-mode:normal;background:transparent;transition:transform .6s cubic-bezier(.2,.65,.2,1)}.az-material-card:hover .az-material-picture img{transform:scale(1.025)}.az-material-caption{position:relative;min-height:135px;padding:22px 16px;border-top:1px solid #ffffff12}.az-material-caption h3{max-width:95%;color:#f4f0e7!important;font-size:1.05rem;line-height:1.6;font-weight:500}.az-material-caption p{margin-top:7px;color:#aab4ac!important;font-size:.72rem;line-height:1.8}.az-material-caption svg{width:18px;height:18px;margin-top:13px;color:#cbd3cc}.az-materials[dir=rtl] .az-material-caption svg{transform:rotate(180deg)}
@media(min-width:1100px) and (hover:hover){.az-material-grid:has(.az-material-card:nth-child(1):hover){grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.az-material-grid:has(.az-material-card:nth-child(2):hover){grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr}.az-material-grid:has(.az-material-card:nth-child(3):hover){grid-template-columns:1fr 1fr 2fr 1fr 1fr 1fr}.az-material-grid:has(.az-material-card:nth-child(4):hover){grid-template-columns:1fr 1fr 1fr 2fr 1fr 1fr}.az-material-grid:has(.az-material-card:nth-child(5):hover){grid-template-columns:1fr 1fr 1fr 1fr 2fr 1fr}.az-material-grid:has(.az-material-card:nth-child(6):hover){grid-template-columns:1fr 1fr 1fr 1fr 1fr 2fr}}
.az-button:focus-visible,.az-motion-button:focus-visible,.az-scroll-link:focus-visible,.az-brand-rail a:focus-visible,.az-material-card:focus-visible{outline:2px solid #f1f4e9;outline-offset:-4px}
@media(max-width:1099px){.az-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.az-material-picture{height:285px}.az-section-heading{gap:28px}.az-materials{padding:80px 24px}.az-brand-rail a{padding:12px 8px}.az-brand-rail img,.az-brand-rail [data-verified-brand-logo]{width:94px!important}}
@media(max-width:640px){.az-hero{min-height:max(740px,100svh)}.az-hero-content{padding:110px 22px 105px}.az-hero-logo{width:108px;height:108px;margin-bottom:22px}.az-hero h1{font-size:clamp(2.1rem,8.1vw,3rem);line-height:1.2}.az-hero[dir=rtl] h1{font-size:clamp(2.05rem,8vw,3rem);line-height:1.45}.az-hero-description{font-size:.86rem;line-height:1.9;margin-top:24px}.az-hero-actions{gap:8px;margin-top:26px}.az-button{min-width:0;min-height:52px;padding:12px 13px;gap:9px;font-size:.75rem;flex:1;justify-content:center}.az-button svg{width:16px;height:16px}.az-hero-bottom{inset-inline:22px;bottom:88px}.az-scroll-link,.az-motion-button{font-size:.65rem}.az-brand-rail{grid-template-columns:repeat(3,minmax(0,1fr));padding:15px 12px}.az-brand-rail a{height:74px}.az-brand-rail a:nth-child(3){border-inline-end:0}.az-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.az-section-heading h2{font-size:2rem;max-width:100%}.az-section-heading p{font-size:.87rem}.az-materials{padding:64px 18px 76px}.az-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.az-material-picture{height:215px;padding:20px 12px}.az-material-caption{padding:18px 12px;min-height:145px}.az-material-caption h3{font-size:.95rem}.az-material-caption p{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.az-hero *, .az-materials *, .az-brand-rail *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;scroll-behavior:auto!important}}

/* A surface positioned in the application scene must not also flow as a
   relative block: RTL otherwise pushes it beyond the scene's clipped edge. */
main [aria-hidden="true"][class~="aspect-[4/3]"] > .relative.absolute {
  position: absolute;
}