/* Anazwina — Accueil « Maison » */
html:has(#az-maison),body:has(#az-maison){overflow-x:clip}
#az-maison{
--az-ivory:#FBF9F6; --az-navy:#18204B; --az-rasp:#A91557; --az-mist:#EEF0FB; --az-pink:#E9B9CD;
--az-ease:cubic-bezier(.22,1,.36,1);
--az-pad-x:clamp(24px,6vw,96px);
--az-head:'Josefin Sans','Jost','Segoe UI',Tahoma,sans-serif;
--az-body:'Jost','Segoe UI',Tahoma,sans-serif;
--az-serif:'Cormorant Garamond',Georgia,serif;
color:var(--az-navy); font-family:var(--az-body); -webkit-font-smoothing:antialiased;
}
#az-maison > section{position:relative; width:100vw; max-width:100vw; margin-inline:calc(50% - 50vw); isolation:isolate}
#az-maison *,#az-maison *::before,#az-maison *::after{box-sizing:border-box}
#az-maison p{margin:0; color:inherit}
#az-maison img{max-width:100%}
#az-maison .az-visually-hidden{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
#az-maison .az-wrap{position:relative; max-width:1200px; margin-inline:auto; padding-inline:var(--az-pad-x)}
#az-maison .az-hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
/* ---------- Grain de papier ---------- */
#az-maison .az-paper{background:var(--az-ivory)}
#az-maison .az-paper::before{
content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.05; mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* ---------- Typographie commune ---------- */
#az-maison .az-eyebrow{display:flex; align-items:center; gap:14px; margin:0 0 clamp(18px,3vh,28px)!important;
font:500 11px/1.4 var(--az-body)!important; letter-spacing:.26em!important; text-transform:uppercase; color:rgba(255,255,255,.86)!important}
#az-maison .az-eyebrow::before{content:""; flex:none; width:32px; height:1px; background:currentColor; opacity:.7}
#az-maison .az-eyebrow--dark{color:var(--az-rasp)!important}
#az-maison .az-eyebrow--center{justify-content:center}
#az-maison h1,#az-maison h2,#az-maison h3{margin:0; text-transform:none!important; font-family:var(--az-head)!important; font-weight:300!important}
#az-maison em{font-family:var(--az-serif)!important; font-style:italic; font-weight:400; font-size:1.08em; letter-spacing:0}
#az-maison .az-h2{margin:0 0 clamp(36px,5vh,56px)!important; max-width:16ch;
font-size:clamp(32px,6.6vw,60px)!important; line-height:1.06!important; letter-spacing:-.015em!important; color:var(--az-navy)!important; text-wrap:balance}
#az-maison .az-h2 em{color:var(--az-rasp)}
/* ---------- Liens soulignés (même mouvement partout) ---------- */
#az-maison .az-link{position:relative; display:inline-flex; align-items:center; gap:14px; min-height:48px; padding:0 0 6px;
font:500 12px/1 var(--az-body)!important; letter-spacing:.22em!important; text-transform:uppercase; color:#fff!important; text-decoration:none!important; background:none!important}
#az-maison .az-link::before,#az-maison .az-link::after{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px}
#az-maison .az-link::before{background:rgba(255,255,255,.35)}
#az-maison .az-link::after{background:currentColor; transform:scaleX(0); transform-origin:right center; transition:transform .7s var(--az-ease)}
#az-maison .az-arrow{width:22px; height:12px; flex:none; fill:none; stroke:currentColor; stroke-width:1.3; transition:transform .7s var(--az-ease)}
#az-maison .az-link--dark{color:var(--az-navy)!important}
#az-maison .az-link--dark::before{background:rgba(24,32,75,.22)}
@media (hover:hover){
#az-maison .az-link:hover::after{transform:scaleX(1); transform-origin:left center}
#az-maison .az-link:hover .az-arrow{transform:translateX(6px)}
}
#az-maison .az-link:active::after{transform:scaleX(1); transform-origin:left center; transition-duration:.35s}
#az-maison .az-link:focus-visible{outline:1px solid currentColor; outline-offset:6px}
/* ---------- 1. Hero ---------- */
#az-maison .az-hero{height:100vh; height:100dvh; min-height:560px; display:grid; align-content:end; overflow:hidden; color:#fff; background:var(--az-navy);
padding:var(--az-pad-x) var(--az-pad-x) calc(clamp(56px,10vh,120px) + env(safe-area-inset-bottom))}
#az-maison .az-hero__media,#az-maison .az-hero__media img{position:absolute; inset:0; z-index:-2}
#az-maison .az-hero__media img{width:100%; height:100%; object-fit:cover; object-position:62% 22%; opacity:0; animation:az-fade 1.4s var(--az-ease) .1s forwards}
#az-maison .az-hero__veil{position:absolute; inset:auto 0 0; height:62%; z-index:-1;
background:linear-gradient(to top,rgba(24,32,75,.66) 0%,rgba(24,32,75,.3) 45%,rgba(24,32,75,0) 100%)}
#az-maison .az-hero__inner{max-width:min(100%,880px)}
#az-maison .az-hero__title{margin:0 0 clamp(20px,3.2vh,32px)!important; max-width:12ch; color:#fff!important;
font-size:clamp(44px,11.5vw,112px)!important; line-height:.98!important; letter-spacing:-.018em!important;
font-kerning:normal; text-wrap:balance; text-rendering:optimizeLegibility}
#az-maison .az-hero__lede{margin:0 0 clamp(28px,4.5vh,44px)!important; max-width:34ch; font:300 clamp(15px,1.25vw,18px)/1.65 var(--az-body)!important; letter-spacing:.01em; color:rgba(255,255,255,.9)!important; text-wrap:pretty}
#az-maison .az-hero__scroll{position:absolute; left:50%; bottom:calc(20px + env(safe-area-inset-bottom)); width:1px; height:44px; background:rgba(255,255,255,.3); overflow:hidden}
#az-maison .az-hero__scroll::after{content:""; position:absolute; inset:0; background:#fff; transform:translateY(-100%); animation:az-scroll 2.4s var(--az-ease) infinite}
@media (min-width:1024px){
#az-maison .az-hero{align-content:center}
#az-maison .az-hero__media img{object-position:70% 30%}
#az-maison .az-hero__veil{height:100%; background:linear-gradient(90deg,rgba(24,32,75,.6) 0%,rgba(24,32,75,.18) 55%,rgba(24,32,75,0) 75%)}
}
/* ---------- 2. Manifeste ---------- */
#az-maison .az-manifesto{padding-block:clamp(140px,22vh,240px)}
#az-maison .az-manifesto__text{margin:clamp(28px,4vh,44px) 0 clamp(36px,5vh,56px)!important; max-width:22ch; color:var(--az-navy)!important;
font-size:clamp(30px,6.4vw,64px)!important; line-height:1.14!important; letter-spacing:-.012em!important; text-wrap:balance}
#az-maison .az-manifesto__text em{color:var(--az-rasp)}
#az-maison .az-manifesto__sign{font:500 11px/1.4 var(--az-body)!important; letter-spacing:.26em; text-transform:uppercase; color:rgba(24,32,75,.6)!important}
#az-maison .az-word{color:rgba(24,32,75,.16); transition:color .6s var(--az-ease)}
#az-maison .az-word.is-read{color:var(--az-navy)}
#az-maison em .az-word{color:rgba(169,21,87,.2)}
#az-maison em .az-word.is-read{color:var(--az-rasp)}
/* ---------- 3. Index botanique ---------- */
#az-maison .az-botany{padding-block:0 clamp(120px,18vh,200px)}
#az-maison .az-botany__grid{display:grid; gap:clamp(48px,8vh,72px)}
#az-maison .az-botany__figure{margin:0 calc(var(--az-pad-x) * -1)}
#az-maison .az-botany__figure img{display:block; width:100%; height:auto}
#az-maison .az-botany__figure figcaption{display:flex; gap:12px; flex-wrap:wrap; padding:14px var(--az-pad-x) 0; font:400 13px/1.5 var(--az-body); color:rgba(24,32,75,.7)}
#az-maison .az-botany__figure figcaption span{font:italic 400 16px var(--az-serif); color:var(--az-rasp)}
#az-maison .az-plants{list-style:none; margin:0 0 clamp(40px,6vh,56px)!important; padding:0!important}
#az-maison .az-plant{position:relative; display:grid; grid-template-columns:40px 1fr; column-gap:12px; row-gap:2px; padding:22px 0; margin:0}
#az-maison .az-plant::before,#az-maison .az-plant::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px}
#az-maison .az-plant::before{background:rgba(24,32,75,.12)}
#az-maison .az-plant::after{background:var(--az-navy); transform:scaleX(0); transform-origin:left; transition:transform .9s var(--az-ease)}
#az-maison .az-plant__num{grid-row:span 3; font:300 13px/2.2 var(--az-body); letter-spacing:.1em; color:var(--az-rasp)}
#az-maison .az-plant__name{font:300 clamp(24px,4.6vw,32px)/1.15 var(--az-head)}
#az-maison .az-plant__latin{font:italic 400 17px/1.4 var(--az-serif); color:rgba(24,32,75,.62)}
#az-maison .az-plant__use{font:400 14px/1.6 var(--az-body); color:rgba(24,32,75,.78); margin-top:6px}
@media (hover:hover) and (min-width:1024px){
#az-maison .az-plant__use{opacity:0; transform:translateY(4px); transition:opacity .6s var(--az-ease),transform .6s var(--az-ease)}
#az-maison .az-plant:hover::after{transform:scaleX(1)}
#az-maison .az-plant:hover .az-plant__use{opacity:1; transform:none}
}
@media (min-width:1024px){
#az-maison .az-botany__grid{grid-template-columns:5fr 6fr; column-gap:clamp(64px,8vw,140px); align-items:start}
#az-maison .az-botany__figure{margin:0; position:sticky; top:12vh}
#az-maison .az-botany__figure figcaption{padding-inline:0}
#az-maison .az-botany__index{padding-top:8vh}
}
/* ---------- 4. Nuancier ---------- */
#az-maison .az-shades{padding-block:clamp(120px,18vh,200px)}
#az-maison .az-swatches{display:flex; gap:clamp(18px,4vw,40px); overflow-x:auto; scrollbar-width:none; margin-inline:calc(var(--az-pad-x) * -1); padding:6px var(--az-pad-x) 4px}
#az-maison .az-swatches::-webkit-scrollbar,#az-maison .az-rail::-webkit-scrollbar,#az-maison .az-voices__rail::-webkit-scrollbar{display:none}
#az-maison .az-swatch{flex:none; display:flex; flex-direction:column; align-items:center; gap:12px; min-width:64px; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; cursor:pointer; color:var(--az-navy)!important}
#az-maison .az-swatch__dot{width:52px; height:52px; border-radius:50%;
background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.22),transparent 46%),var(--tone);
box-shadow:0 0 0 1px rgba(24,32,75,.1),0 0 0 5px var(--az-ivory),0 0 0 6px transparent;
transition:transform .7s var(--az-ease),box-shadow .7s var(--az-ease)}
#az-maison .az-swatch__label{font:400 12px/1.2 var(--az-body)!important; letter-spacing:.08em!important; text-transform:none!important; white-space:nowrap; opacity:.62; transition:opacity .5s var(--az-ease)}
#az-maison .az-swatch[aria-selected="true"] .az-swatch__dot{transform:scale(1.12); box-shadow:0 0 0 1px rgba(24,32,75,.1),0 0 0 5px var(--az-ivory),0 0 0 6px var(--az-navy)}
#az-maison .az-swatch[aria-selected="true"] .az-swatch__label{opacity:1; font:italic 400 16px/1.2 var(--az-serif)!important; letter-spacing:0!important}
#az-maison .az-swatch:focus{outline:none}
#az-maison .az-swatch:focus-visible .az-swatch__dot{box-shadow:0 0 0 1px rgba(24,32,75,.1),0 0 0 5px var(--az-ivory),0 0 0 7px var(--az-rasp)}
#az-maison .az-shades__panel{margin-top:clamp(40px,6vh,56px)}
#az-maison .az-shades__panel:not([hidden]){animation:az-panel .9s var(--az-ease) both}
#az-maison .az-rail{list-style:none; margin:0 auto!important; padding:0 var(--az-pad-x) 8px!important; max-width:1200px;
display:grid; grid-auto-flow:column; grid-auto-columns:80%; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:var(--az-pad-x); scrollbar-width:none}
#az-maison .az-shade{scroll-snap-align:start; display:flex; flex-direction:column; margin:0}
#az-maison .az-shade__media{position:relative; display:block; aspect-ratio:4/5; overflow:hidden; background:color-mix(in srgb,var(--tone) 9%,var(--az-ivory))}
#az-maison .az-shade__media img{position:absolute; inset:0; width:100%!important; height:100%!important; object-fit:contain; padding:14% 16%; transition:transform 1.4s var(--az-ease)}
#az-maison .az-shade__media::after{content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--tone); transform:scaleX(.18); transform-origin:left; transition:transform 1s var(--az-ease)}
#az-maison .az-shade__body{padding-top:20px; display:flex; flex-direction:column; flex:1}
#az-maison .az-shade__name{margin:0 0 6px!important; font-size:clamp(24px,5.6vw,30px)!important; line-height:1.15!important; letter-spacing:-.005em!important; color:var(--az-navy)!important}
#az-maison .az-shade__name a{color:inherit!important; text-decoration:none!important}
#az-maison .az-shade__note{margin:0 0 18px!important; font:300 14px/1.6 var(--az-body)!important; color:rgba(24,32,75,.7)!important; max-width:32ch}
#az-maison .az-shade__foot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:14px; border-top:1px solid rgba(24,32,75,.12)}
#az-maison .az-shade__price,#az-maison .az-shade__price .amount,#az-maison .az-duo__price .amount{font:500 14px var(--az-body)!important; letter-spacing:.04em; color:var(--az-rasp)!important}
#az-maison .az-shade__add,#az-maison .az-shade__add.add_to_cart_button{display:grid!important; place-items:center; flex:none; width:44px!important; height:44px!important; min-height:44px!important; padding:0!important; border-radius:50%!important;
border:1px solid rgba(24,32,75,.25)!important; background:transparent!important; color:var(--az-navy)!important; font-size:0!important; letter-spacing:0!important; box-shadow:none!important;
transition:background .5s var(--az-ease),color .5s var(--az-ease),border-color .5s var(--az-ease)!important}
#az-maison .az-shade__add svg{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; transition:transform .6s var(--az-ease)}
#az-maison .az-shade__add .az-arrow{width:16px}
#az-maison .add_to_cart_button.loading{opacity:.5; pointer-events:none}
#az-maison .az-shade__add.added{background:var(--az-navy)!important; border-color:var(--az-navy)!important; color:#fff!important}
#az-maison .az-shade__add.added svg{transform:rotate(45deg) scale(.9)}
#az-maison .added_to_cart{display:none!important}
#az-maison .az-shade__add::after{display:none!important}
@media (hover:hover){
#az-maison .az-shade:hover .az-shade__media img{transform:scale(1.035) translateY(-1%)}
#az-maison .az-shade:hover .az-shade__media::after{transform:scaleX(1)}
#az-maison .az-shade__add:hover{background:var(--az-rasp)!important; border-color:var(--az-rasp)!important; color:#fff!important}
#az-maison .az-shade__add:hover svg{transform:rotate(90deg)}
}
#az-maison .az-shades__more{margin-top:clamp(40px,6vh,56px)}
@media (min-width:1024px){
#az-maison .az-swatches{margin-inline:0; padding-inline:0}
#az-maison .az-rail{grid-auto-columns:calc((100% - 2 * 24px - 2 * var(--az-pad-x)) / 3); gap:24px}
}
/* ---------- 5. Duo signature ---------- */
#az-maison .az-duo{background:var(--az-mist)}
#az-maison .az-duo__grid{display:grid}
#az-maison .az-duo__media{display:block; background:var(--az-mist)}
#az-maison .az-duo__media img{display:block; width:100%!important; height:auto!important; mix-blend-mode:multiply}
#az-maison .az-duo__text{padding:clamp(48px,8vh,72px) var(--az-pad-x) clamp(96px,14vh,140px)}
#az-maison .az-duo__lede{max-width:36ch; margin:0 0 24px!important; font:300 16px/1.7 var(--az-body)!important; color:rgba(24,32,75,.8)!important}
#az-maison .az-duo__price{margin:0 0 28px!important}
#az-maison .az-duo__actions{display:flex; flex-wrap:wrap; align-items:center; gap:20px 32px}
#az-maison .az-btn,#az-maison .az-btn.add_to_cart_button{display:inline-flex!important; align-items:center; justify-content:center; min-height:52px!important; padding:0 36px!important;
background:var(--az-navy)!important; color:#fff!important; border:1px solid var(--az-navy)!important; border-radius:0!important; box-shadow:none!important;
font:500 12px/1 var(--az-body)!important; letter-spacing:.22em!important; text-transform:uppercase!important; text-decoration:none!important; transition:background .5s var(--az-ease)!important}
#az-maison .az-btn:hover{background:#2A3470!important}
#az-maison .az-btn.added::after{content:" ✓"; margin-inline-start:8px}
@media (max-width:600px){#az-maison .az-btn{width:100%}}
@media (min-width:1024px){
#az-maison .az-duo__grid{grid-template-columns:7fr 5fr; align-items:center}
#az-maison .az-duo__text{padding:clamp(80px,12vh,140px) clamp(48px,6vw,112px)}
}
/* ---------- 6. Sceaux ---------- */
#az-maison .az-seals{background:var(--az-navy); color:var(--az-ivory); padding-block:clamp(120px,18vh,200px); text-align:center}
#az-maison .az-seals .az-eyebrow{color:rgba(251,249,246,.8)!important}
#az-maison .az-seals__title{margin-inline:auto!important; max-width:14ch; color:var(--az-ivory)!important}
#az-maison .az-seals__title em{color:var(--az-pink)}
#az-maison .az-seals__list{list-style:none; margin:clamp(16px,3vh,32px) 0 clamp(48px,7vh,72px)!important; padding:0!important;
display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:clamp(40px,6vw,72px)}
#az-maison .az-seal{display:grid; justify-items:center; gap:18px; margin:0}
#az-maison .az-seal__ring-wrap{position:relative; display:grid; place-items:center; width:clamp(168px,44vw,200px); aspect-ratio:1}
#az-maison .az-seal__ring{position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke:rgba(251,249,246,.32); stroke-width:1; animation:az-spin 60s linear infinite}
#az-maison .az-seal__ring text{fill:rgba(251,249,246,.72); stroke:none; font:500 9.5px var(--az-body); letter-spacing:.3em; text-transform:uppercase}
#az-maison .az-seal__code{position:relative; font:300 clamp(28px,6vw,34px)/1 var(--az-head); letter-spacing:.06em}
#az-maison .az-seal__region{font:italic 400 19px/1.3 var(--az-serif); color:rgba(251,249,246,.82)}
#az-maison .az-seals__lab{margin:0 auto 28px!important; max-width:30ch; font:300 clamp(18px,2.4vw,22px)/1.5 var(--az-head)!important; color:var(--az-ivory)!important}
/* ---------- 7. Avis ---------- */
#az-maison .az-voices{padding-block:clamp(120px,18vh,200px); overflow:hidden}
#az-maison .az-voices::after{content:"\201C"; position:absolute; top:clamp(40px,8vh,80px); right:var(--az-pad-x); z-index:-1; font:400 clamp(220px,46vw,420px)/1 var(--az-serif); color:var(--az-navy); opacity:.06; pointer-events:none}
#az-maison .az-voices__avg{margin:18px 0 0!important; font:500 12px var(--az-body)!important; letter-spacing:.18em; text-transform:uppercase; color:rgba(24,32,75,.6)!important}
#az-maison .az-voices__rail{list-style:none; margin:clamp(40px,6vh,64px) auto 0!important; padding:0 var(--az-pad-x)!important; max-width:1200px;
display:grid; grid-auto-flow:column; grid-auto-columns:100%; gap:var(--az-pad-x); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; outline:none}
#az-maison .az-voice{scroll-snap-align:start; max-width:30ch; margin:0}
#az-maison .az-voice__stars{margin:0 0 18px!important; color:var(--az-rasp)!important; font-size:11px; letter-spacing:.35em}
#az-maison .az-voice__text{margin:0 0 28px; padding:0; border:0; font:italic 400 clamp(24px,5.6vw,36px)/1.32 var(--az-serif); color:var(--az-navy); text-wrap:pretty}
#az-maison .az-voice__who{font:500 11px/1.6 var(--az-body)!important; letter-spacing:.2em; text-transform:uppercase; color:rgba(24,32,75,.65)!important}
#az-maison .az-voice__who a{color:var(--az-rasp)!important; text-decoration:none; border-bottom:1px solid currentColor}
#az-maison .az-voices__progress{display:block; position:relative; height:1px; margin-top:clamp(40px,6vh,56px); background:rgba(24,32,75,.14)}
#az-maison .az-voices__progress span{position:absolute; inset:0; background:var(--az-navy); transform-origin:left; transform:scaleX(var(--p,.2))}
@media (min-width:1024px){#az-maison .az-voices__rail{grid-auto-columns:calc(50% - var(--az-pad-x) / 2)} #az-maison .az-voice{max-width:34ch}}
/* ---------- 8. Conciergerie ---------- */
#az-maison .az-concierge{background:var(--az-mist); padding-block:clamp(112px,16vh,180px); text-align:center}
#az-maison .az-concierge .az-h2{margin-inline:auto!important; max-width:18ch}
#az-maison .az-concierge__text{max-width:38ch; margin:0 auto 32px!important; font:300 16px/1.7 var(--az-body)!important; color:rgba(24,32,75,.8)!important}
#az-maison .az-wa{width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linejoin:round}
/* ---------- 9. Le Cercle ---------- */
#az-maison .az-circle{padding-block:clamp(112px,16vh,180px)}
#az-maison .az-circle__inner{max-width:720px}
#az-maison .az-circle .az-h2{margin-bottom:18px!important}
#az-maison .az-circle__text{max-width:40ch; margin:0 0 36px!important; font:300 16px/1.7 var(--az-body)!important; color:rgba(24,32,75,.8)!important}
#az-maison .az-circle__form{position:relative; display:flex; align-items:center; max-width:480px; border-bottom:1px solid rgba(24,32,75,.3); transition:border-color .6s var(--az-ease)}
#az-maison .az-circle__form:focus-within{border-color:var(--az-navy)}
#az-maison .az-circle__form input[type=email]{flex:1; min-width:0; height:56px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; padding:0!important; font:300 18px var(--az-body)!important; color:var(--az-navy)!important; outline:none}
#az-maison .az-circle__form input::placeholder{color:rgba(24,32,75,.42)}
#az-maison .az-circle__form button{display:grid; place-items:center; width:48px!important; height:48px!important; min-height:48px!important; padding:0!important; border:0!important; background:none!important; color:var(--az-navy)!important; cursor:pointer; box-shadow:none!important}
#az-maison .az-circle__form button .az-arrow{width:24px}
#az-maison .az-circle__form button:hover .az-arrow{transform:translateX(6px)}
#az-maison .az-circle__msg{min-height:1.6em; margin:14px 0 0!important; font:400 14px/1.6 var(--az-body)!important}
#az-maison .az-circle__msg.is-ok{color:var(--az-navy)!important}
#az-maison .az-circle__msg.is-err{color:var(--az-rasp)!important}
#az-maison .az-circle__legal{margin-top:8px!important; max-width:52ch; font:300 12px/1.6 var(--az-body)!important; color:rgba(24,32,75,.6)!important}
#az-maison .az-circle__legal a{color:inherit!important; text-decoration:underline}
/* ---------- Apparitions ---------- */
#az-maison [data-az-reveal]{opacity:0; transform:translateY(16px); transition:opacity 1s var(--az-ease),transform 1s var(--az-ease); transition-delay:calc(var(--i,0) * 70ms)}
#az-maison [data-az-reveal].is-in{opacity:1; transform:none}
#az-maison .az-botany__figure[data-az-reveal].is-in{transform:none}
/* ---------- Arabe (droite à gauche) ---------- */
[dir=rtl] #az-maison em{font-family:inherit!important; font-style:normal; font-size:1em}
[dir=rtl] #az-maison .az-hero__title,[dir=rtl] #az-maison .az-h2,[dir=rtl] #az-maison .az-manifesto__text,[dir=rtl] #az-maison .az-eyebrow,[dir=rtl] #az-maison .az-link{letter-spacing:0!important}
[dir=rtl] #az-maison .az-hero__title,[dir=rtl] #az-maison .az-h2,[dir=rtl] #az-maison .az-manifesto__text{line-height:1.35!important}
[dir=rtl] #az-maison .az-arrow{transform:scaleX(-1)}
@media (hover:hover){[dir=rtl] #az-maison .az-link:hover .az-arrow,[dir=rtl] #az-maison .az-circle__form button:hover .az-arrow{transform:scaleX(-1) translateX(6px)}}
[dir=rtl] #az-maison .az-plant::after,[dir=rtl] #az-maison .az-shade__media::after,[dir=rtl] #az-maison .az-voices__progress span{transform-origin:right}
[dir=rtl] #az-maison .az-voices::after{right:auto; left:var(--az-pad-x)}
[dir=rtl] #az-maison .az-voice__text{font-style:normal; font-family:inherit}
@media (min-width:1024px){[dir=rtl] #az-maison .az-hero__veil{background:linear-gradient(270deg,rgba(24,32,75,.6) 0%,rgba(24,32,75,.18) 55%,rgba(24,32,75,0) 75%)}}
/* ---------- Animations ---------- */
@keyframes az-fade{to{opacity:1}}
@keyframes az-scroll{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@keyframes az-spin{to{transform:rotate(360deg)}}
@keyframes az-panel{from{opacity:0; transform:translateY(14px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){
#az-maison *,#az-maison *::before,#az-maison *::after{animation:none!important; transition:none!important}
#az-maison .az-hero__media img{opacity:1}
#az-maison [data-az-reveal]{opacity:1; transform:none}
#az-maison .az-word{color:var(--az-navy)} #az-maison em .az-word{color:var(--az-rasp)}
}
/* Hero : lisibilité garantie (mobile surtout) */
html body #az-maison .az-hero .az-hero__title,html body #az-maison .az-hero .az-hero__title em{color:#fff!important}
html body #az-maison .az-hero .az-hero__lede{color:rgba(255,255,255,.92)!important}
html body #az-maison .az-hero .az-eyebrow{color:rgba(255,255,255,.85)!important}
html body #az-maison .az-hero .az-eyebrow::before{background:rgba(255,255,255,.6)!important}
html body #az-maison .az-hero .az-link,html body #az-maison .az-hero a{color:#fff!important}
#az-maison .az-hero__inner{text-shadow:0 1px 18px rgba(14,20,52,.35)}
@media (max-width:1023px){
#az-maison .az-hero__veil{height:78%; background:linear-gradient(to top,rgba(24,32,75,.9) 0%,rgba(24,32,75,.72) 40%,rgba(24,32,75,.3) 72%,rgba(24,32,75,0) 100%)}
}