.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;
}

/* Page navigation and catalogue search use the existing ALZAN material palette. */
.alzan-home{overflow-x:clip}
.az-quick-access{position:sticky;top:94px;z-index:30;display:flex;justify-content:center;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;padding:8px 24px;background:#121714f5;border-block:1px solid #ffffff20;backdrop-filter:blur(16px)}
.az-quick-access a{display:flex;min-height:44px;align-items:center;flex:0 0 auto;padding:9px 17px;color:#e5e9e5!important;font-size:.8rem;text-decoration:none;white-space:nowrap}
.az-quick-access a:hover,.az-quick-access a:focus-visible{background:#ffffff0d;color:#fff!important}
.alzan-home :is(#home-material-collection,#home-surface-discovery-heading,#brand-worlds-heading,#home-capabilities-heading,#home-projects-editorial-heading,#home-company-proof-heading,#home-resources-heading,#home-films-heading){scroll-margin-top:180px}
.az-material-search{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:28px;max-width:1500px;margin:0 auto 36px;padding:22px 24px;border:1px solid #ffffff2b;background:#ffffff04}
.az-material-search-label label{display:block;font-size:1.15rem;font-weight:500;color:#f4f0e7!important}
.az-material-search-label p{max-width:440px;margin:6px 0 0;font-size:.78rem;line-height:1.8;color:#c3c9c3!important}
.az-material-search-controls{display:flex;min-width:0;gap:0}
.az-material-search input{display:block;flex:1;min-width:0;min-height:54px;border:1px solid #ffffff40;border-inline-end:0;background:#0c100e;color:#fff!important;padding:14px 16px;font:inherit;font-size:1rem;border-radius:0}
.az-material-search input::placeholder{color:#b9c2ba;opacity:1}
.az-material-search button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:12px 18px;background:#f4f0e7;color:#171b18!important;font-size:.8rem;font-weight:600;border:1px solid #f4f0e7;cursor:pointer}
.az-material-search button svg{width:18px;height:18px;flex:0 0 auto}
.az-materials[dir=rtl] .az-material-search button svg{transform:rotate(180deg)}
.az-material-search :is(input,button):focus-visible,.az-quick-access a:focus-visible,.az-film-tabs button:focus-visible,#az-film-panel:focus-visible{outline:2px solid #f1f4e9;outline-offset:3px}
.az-film-hub{background:#0b0e0d;color:#f4f0e7;padding-top:72px}
.az-film-hub-heading{max-width:1500px;margin:0 auto;padding:0 32px}
.az-film-hub-heading h2{font-size:clamp(2rem,3.5vw,3.7rem);font-weight:400;line-height:1.25;letter-spacing:-.035em;color:#f4f0e7!important}
.az-film-hub[dir=rtl] .az-film-hub-heading h2{letter-spacing:0;line-height:1.5}
.az-film-hub-heading p{max-width:680px;margin:18px 0 28px;color:#c3c9c3!important;font-size:.95rem;line-height:1.9}
.az-film-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid #ffffff30}
.az-film-tabs button{flex:0 0 auto;min-height:52px;padding:13px 25px;border:0;border-bottom:2px solid transparent;background:transparent;color:#c3c9c3!important;font-size:.95rem;font-weight:600;cursor:pointer}
.az-film-tabs button:hover{color:#fff!important;background:#ffffff08}
.az-film-tabs button[aria-selected=true]{border-bottom-color:#f4f0e7;color:#fff!important;background:#ffffff0a}
.az-film-hub .alzan-film-feature{padding-top:44px}
@media(max-width:1099px){.az-quick-access{top:88px;justify-content:flex-start;padding-inline:16px}.az-quick-access a{padding-inline:13px}.az-material-search{grid-template-columns:1fr;gap:16px}.az-film-hub-heading{padding-inline:24px}}
@media(max-width:640px){.az-quick-access{top:80px;padding:5px 12px}.az-quick-access a{font-size:.76rem;padding-inline:12px}.alzan-home :is(#home-material-collection,#home-surface-discovery-heading,#brand-worlds-heading,#home-capabilities-heading,#home-projects-editorial-heading,#home-company-proof-heading,#home-resources-heading,#home-films-heading){scroll-margin-top:160px}.az-material-search{padding:18px 14px;gap:14px;margin-bottom:26px}.az-material-search-controls{flex-direction:column;gap:8px}.az-material-search input{border-inline-end:1px solid #ffffff40}.az-material-search button{width:100%;min-height:48px}.az-material-search-label label{font-size:1.05rem}.az-material-search-label p{font-size:.75rem}.az-film-hub{padding-top:54px}.az-film-hub-heading{padding-inline:18px}.az-film-hub-heading p{font-size:.87rem}.az-film-tabs button{padding-inline:20px}.az-film-hub .alzan-film-feature{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.az-quick-access *, .az-film-tabs *{scroll-behavior:auto!important;transition:none!important}}

/* Keep the document viewport as the sticky navigation scroll container. */
body:has(.alzan-home),#root:has(.alzan-home){overflow-x:clip;overflow-y:visible}