/* Pages projets : vocabulaire graphique AERIA, sans modifier le déroulé des médias. */
.aeria-case-header{padding-block:clamp(32px,6vw,80px)!important}
.aeria-case-header>a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:4px}
.aeria-case-kicker{margin:20px 0 14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent,#b36b13)}
.aeria-case-title{display:grid;grid-template-columns:minmax(16px,1fr) minmax(0,auto) minmax(16px,1fr);align-items:center;gap:clamp(8px,2vw,28px)}
.aeria-case-title>span{height:19px;background:repeating-linear-gradient(to bottom,var(--color-accent,#b36b13) 0 1px,transparent 1px 6px)}
.aeria-case-title h1{margin:0!important;padding:clamp(16px,3vw,36px);border:1px solid var(--color-ink,#2f2f28);background:var(--color-ink,#2f2f28);color:var(--color-paper,#fffdf0);font-size:clamp(32px,5vw,68px)!important;line-height:1.06!important;overflow-wrap:anywhere;text-align:center}
.aeria-case .aeria-case-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(24px,5vw,64px);row-gap:18px;max-width:none;margin:0 0 clamp(36px,5vw,64px);padding:clamp(22px,4vw,48px);border:1px solid var(--color-ink,#2f2f28);box-shadow:6px 6px 0 var(--color-accent,#b36b13);background:var(--color-paper,#fffdf0)}
.aeria-case .aeria-case-copy>h2{grid-column:1;grid-row:1/span 10;margin:0;font-size:clamp(26px,3vw,40px);line-height:1.12;overflow-wrap:anywhere}
.aeria-case .aeria-case-copy>h2:before{content:"Le projet";display:block;margin-bottom:18px;color:var(--color-accent,#b36b13);font-family:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.aeria-case .aeria-case-copy>p,.aeria-case .aeria-case-copy>ul{grid-column:2;margin:0;min-width:0}
.aeria-case .aeria-case-copy>p{font-size:clamp(16px,1.4vw,18px);line-height:1.65}
.aeria-case .aeria-project-references{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 0;list-style:none;border-top:1px solid var(--color-accent,#b36b13)}
.aeria-case .aeria-case-copy .aeria-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:12px 18px;white-space:normal;text-align:center;border:1px solid var(--color-ink,#2f2f28);box-shadow:3px 3px 0 var(--color-accent,#b36b13);text-decoration:none}
.aeria-case-navigation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:clamp(36px,5vw,64px)!important}
.aeria-case-navigation>a{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:120px;padding:24px;border:1px solid var(--color-ink,#2f2f28);text-decoration:none;box-shadow:3px 3px 0 var(--color-accent,#b36b13)}
.aeria-case-navigation>a>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.aeria-case-navigation>a>strong{font-size:clamp(20px,2.5vw,30px);line-height:1.15;overflow-wrap:anywhere}
.aeria-case-navigation>a:hover{background:var(--color-ink,#2f2f28);color:var(--color-paper,#fffdf0)}
.aeria-case a:focus-visible{outline:2px solid var(--color-accent,#b36b13);outline-offset:5px}
@media(max-width:700px){
 .aeria-case .aeria-case-copy{display:block;margin-right:6px;padding:22px}
 .aeria-case .aeria-case-copy>h2{margin-bottom:24px}
 .aeria-case .aeria-case-copy>p,.aeria-case .aeria-case-copy>ul{margin-top:18px}
 .aeria-case-title{gap:8px}
 .aeria-case-title h1{padding:18px 12px;font-size:clamp(28px,8vw,44px)!important}
 .aeria-case-navigation{grid-template-columns:1fr}
}

/* Jaquette / clear tech : surfaces légères et détails de boîtier. */
.aeria-case.aeria-case{position:relative;isolation:isolate;background:color-mix(in srgb,var(--case-color,#b36b13) 22%,var(--color-paper,#fffcf2))}
.aeria-case-header,.aeria-case-body,.aeria-case-navigation{position:relative;z-index:1}
.aeria-case-title h1{padding:clamp(14px,2vw,26px);font-size:clamp(30px,4.6vw,60px)!important}
.aeria-case .aeria-case-copy{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:18px 40px;padding:clamp(22px,3vw,36px);border:1px solid rgb(47 47 40 / .22);border-radius:4px 4px 20px 4px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .8);background:rgb(255 252 242 / .91)}
.aeria-case .aeria-case-copy>h2{grid-row:auto;grid-column:1/-1;max-width:30ch;font-size:clamp(23px,2.6vw,32px);font-weight:500;line-height:1.2;margin-bottom:6px}
.aeria-case .aeria-case-copy>h2:before{font-size:10px;font-weight:400;letter-spacing:.16em;margin-bottom:14px;color:var(--color-ink)}
.aeria-case .aeria-case-copy>p,.aeria-case .aeria-case-copy>ul{grid-column:2;font-size:16px;line-height:1.65;max-width:65ch}
.aeria-case .aeria-project-references{border-top:1px solid rgb(47 47 40 / .18);font-size:14px}
.aeria-case .aeria-button,.aeria-case .aeria-case-copy .aeria-button{min-height:44px;padding:10px 16px;border:1px solid rgb(47 47 40 / .45);border-radius:4px 4px 12px 4px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .8);background:rgb(255 255 255 / .35);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;text-decoration:none;transition:background .18s ease}
.aeria-case .aeria-button:after{content:"↗";margin-left:16px;font-size:16px}
.aeria-case .aeria-button:hover{background:rgb(255 252 242 / .9)}
.aeria-case-navigation>a{min-height:90px;padding:20px;border:1px solid rgb(47 47 40 / .3);border-radius:4px 4px 16px 4px;background:rgb(255 252 242 / .7);box-shadow:inset 0 1px 0 rgb(255 255 255 / .8)}
.aeria-case-navigation>a>strong{font-size:clamp(20px,2vw,26px);font-weight:500}
.aeria-case-navigation>a:only-child{grid-column:1/-1}
.aeria-case-decor{position:absolute;z-index:0;pointer-events:none;color:var(--color-ink);opacity:.42;top:280px;bottom:80px;width:40px;display:flex;align-items:center;gap:26px}
.aeria-case-decor--spine{left:max(12px,calc((100% - 1240px)/2));writing-mode:vertical-rl;border-left:1px solid currentColor;padding-left:12px;font-size:10px;letter-spacing:.2em}
.aeria-case-decor--spine i{height:90px;width:17px;background:repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 5px)}
.aeria-case-decor--controls{right:max(12px,calc((100% - 1240px)/2));flex-direction:column;justify-content:flex-start}
.aeria-case-decor--controls b{font-family:monospace;font-size:42px;font-weight:400;line-height:1}
.aeria-case-decor--controls span{font-size:13px;letter-spacing:5px;transform:rotate(-22deg)}
.aeria-case-decor--controls i{height:60px;width:26px;background:repeating-linear-gradient(135deg,transparent 0 5px,currentColor 5px 6px,transparent 6px 10px);border-radius:6px}
@media(max-width:1230px){.aeria-case-decor{display:none}}
@media(max-width:700px){
 .aeria-case .aeria-case-copy{padding:22px;margin-right:0}
 .aeria-case .aeria-case-copy>h2{font-size:25px}
 .aeria-case .aeria-case-copy>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.aeria-case .aeria-button{transition:none}}

/* Composition éditoriale : jaquette technique, flèches directionnelles AERIA. */
.aeria-case .aeria-case-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 48px;border-radius:0;background:rgb(255 252 242 / .94);position:relative;padding-top:36px}
.aeria-case .aeria-case-copy:before{content:"";position:absolute;top:0;left:0;width:72px;height:4px;background:var(--case-color,var(--color-accent))}
.aeria-case .aeria-case-copy>h2{grid-column:1;grid-row:1/span 12;max-width:18ch;margin:0;padding-right:24px;border-right:1px solid rgb(47 47 40 / .18);font-family:var(--font-display);font-weight:500;font-size:clamp(25px,2.7vw,36px)}
.aeria-case .aeria-case-copy>h2:before{content:"STUDIO AERIA / LE PROJET";font-family:var(--font-sans);font-size:10px;letter-spacing:.12em;font-weight:500}
.aeria-case .aeria-case-copy>h2:after{content:"";display:block;width:52px;height:16px;margin-top:24px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 4px);opacity:.3}
.aeria-case .aeria-case-copy>p{padding-left:16px;border-left:1px solid rgb(47 47 40 / .1)}
.aeria-case-links{margin:0 0 40px;border:1px solid rgb(47 47 40 / .22);border-top:0;padding:20px 28px;background:rgb(255 252 242 / .75);display:flex;gap:20px;align-items:center;justify-content:space-between}
.aeria-case .aeria-case-copy:has(+.aeria-case-links){margin-bottom:0}
.aeria-case-links__label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.aeria-case-links>div{display:flex;gap:12px;flex-wrap:wrap}
.aeria-case-links .aeria-case-action{margin:0}
.aeria-case-links .aeria-button{border:0;border-radius:0;border-bottom:1px solid rgb(47 47 40 / .4);padding:10px 4px;box-shadow:none;background:none}
.aeria-case-navigation>a{position:relative;padding-right:86px}
.aeria-case-navigation__arrow{position:absolute;right:22px;top:calc(50% - 12px);width:48px;height:24px;color:var(--color-accent)}
.aeria-case-navigation__previous .aeria-case-navigation__arrow{transform:rotate(180deg)}
.aeria-case-navigation>a:hover .aeria-case-navigation__arrow{color:var(--color-paper)}
@media(max-width:700px){
 .aeria-case .aeria-case-copy{display:block;padding:24px 20px}
 .aeria-case .aeria-case-copy>h2{max-width:none;border-right:0;border-bottom:1px solid rgb(47 47 40 / .18);padding:0 0 22px;margin-bottom:22px}
 .aeria-case .aeria-case-copy>h2:after{display:none}
 .aeria-case .aeria-case-copy>p{padding-left:0;border-left:0}
 .aeria-case-links{align-items:flex-start;flex-direction:column;padding:20px}
 .aeria-case-navigation>a{padding-right:72px}
 .aeria-case-navigation__arrow{width:38px;right:18px}
}

/* Deux colonnes réelles, sans rangées artificielles sous le texte. */
.aeria-case .aeria-case-copy>h2{grid-row:auto}
.aeria-case-copy__body{grid-column:2;display:grid;align-content:start;gap:18px;min-width:0}
.aeria-case .aeria-case-copy__body>p{margin:0;font-size:16px;line-height:1.65;max-width:65ch}
.aeria-case .aeria-case-copy__body .aeria-project-references{margin:0}
.aeria-case .aeria-case-copy:not(:has(>.aeria-case-copy__body)){display:block}
@media(max-width:700px){.aeria-case-copy__body{display:grid}}
/* Décor gauche limité à la réalisation ; accents rétrofuturistes contrastés. */
.aeria-case-project{position:relative;padding-bottom:24px}
.aeria-case-project>.aeria-case-decor--spine{top:0;bottom:0;justify-content:flex-start;padding-top:36px;opacity:.55}
.aeria-case-project>.aeria-case-decor--spine:after{content:"";position:absolute;top:0;bottom:0;right:0;width:8px;background:repeating-linear-gradient(to bottom,transparent 0 216px,currentColor 216px 217px,transparent 217px 221px,currentColor 221px 222px,transparent 222px 226px,currentColor 226px 227px,transparent 227px 240px)}
.aeria-case .aeria-case-copy>h2{font-weight:700}
.aeria-case-copy__body>p:first-child{font-weight:600}
.aeria-case .aeria-case-copy>h2:before,.aeria-case-links__label{font-weight:700;letter-spacing:.14em}
.aeria-case-navigation>a>strong{font-weight:700}
.aeria-case-navigation>a{padding-right:110px;border-color:var(--color-ink)}
.aeria-case-navigation__arrow{width:70px;height:35px;top:calc(50% - 17.5px);right:22px;color:var(--color-ink)}
.aeria-case-navigation__arrow path{stroke-width:2.4}
.aeria-case .aeria-button,.aeria-case .aeria-case-copy .aeria-button{position:relative;border:1px solid var(--color-ink);border-radius:0;background:var(--color-ink);color:var(--color-paper);font-weight:700;letter-spacing:.025em;box-shadow:3px 3px 0 var(--case-color,var(--color-accent));padding:12px 18px;min-height:46px}
.aeria-case .aeria-button:after{font-weight:900;font-size:22px;line-height:1;margin-left:20px}
.aeria-case .aeria-button:before{content:"";position:absolute;left:5px;top:5px;width:5px;height:5px;border-top:1px solid var(--color-paper);border-left:1px solid var(--color-paper);opacity:.65}
.aeria-case .aeria-button:hover{background:var(--color-paper);color:var(--color-ink)}
.aeria-case .aeria-button:hover:before{border-color:var(--color-ink)}
.aeria-case-links .aeria-button{background:transparent;color:var(--color-ink);box-shadow:none;border:1px solid var(--color-ink);padding:10px 14px;font-size:13px}
.aeria-case-links .aeria-button:before{border-color:var(--color-ink)}
.aeria-case-links .aeria-button:hover{background:var(--color-ink);color:var(--color-paper)}
.aeria-case-links .aeria-button:hover:before{border-color:var(--color-paper)}
@media(max-width:700px){
 .aeria-case-navigation>a{padding-right:90px}
 .aeria-case-navigation__arrow{width:54px;height:27px;top:calc(50% - 13.5px);right:18px}
}

/* Profondeur dessinée en aplats, inspirée de l'épaisseur des cartouches Figma. */
.aeria-case-project>.aeria-case-decor--spine:after{top:680px;background:repeating-linear-gradient(to bottom,transparent 0 100px,currentColor 100px 101px,transparent 101px 105px,currentColor 105px 106px,transparent 106px 110px,currentColor 110px 111px,transparent 111px 240px)}
.aeria-case .aeria-button,.aeria-case .aeria-case-copy .aeria-button{box-shadow:none;overflow:visible;margin-right:6px;margin-bottom:6px}
.aeria-case .aeria-button:before{content:"";display:block;position:absolute;left:-1px;top:-1px;right:-7px;bottom:-7px;width:auto;height:auto;opacity:1;border:0;transform:none;background:var(--case-color,var(--color-accent));clip-path:polygon(calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px),calc(100% - 6px) calc(100% - 6px));pointer-events:none}
.aeria-case .aeria-button:after{font-size:24px;font-weight:900}
.aeria-case .aeria-button:hover:before{background:var(--color-ink)}
.aeria-case-links .aeria-button{background:var(--color-paper);margin-right:6px;margin-bottom:6px}
.aeria-case .aeria-case-copy>h2{font-size:clamp(30px,3.2vw,42px);font-weight:500;line-height:1.1}
.aeria-case .aeria-case-copy__body>p,.aeria-case-copy__body>p:first-child{font-weight:400}
.aeria-case-navigation>a>strong{font-size:clamp(24px,2.5vw,34px);font-weight:500}
.aeria-case-navigation__arrow path{stroke-width:2.8}
.aeria-case .aeria-case-copy>h2:before,.aeria-case-links__label{font-weight:500}
@media(max-width:700px){
 .aeria-case .aeria-case-copy>h2{font-size:30px}
 .aeria-case .aeria-button,.aeria-case .aeria-case-copy .aeria-button{max-width:calc(100% - 6px)}
}

/* Boutons à course physique : le socle reste fixe pendant que l'épaisseur se réduit. */
.aeria-button{border-radius:0!important}
.aeria-case .aeria-button,.aeria-contact--signal .aeria-button{--button-depth:6px;--button-press:0px;position:relative;border-radius:0!important;box-shadow:none!important;overflow:visible;transform:translate(var(--button-press),var(--button-press));transition:transform .12s ease;background:var(--color-ink);color:var(--color-paper);margin:0 6px 6px 0}
.aeria-case .aeria-button:before,.aeria-contact--signal .aeria-button:before{content:"";display:block;position:absolute;left:-1px;top:-1px;right:calc(-1px - var(--button-depth));bottom:calc(-1px - var(--button-depth));width:auto;height:auto;opacity:1;border:0;transform:none;background:var(--case-color,var(--color-paper));clip-path:polygon(calc(100% - var(--button-depth)) 0,100% var(--button-depth),100% 100%,var(--button-depth) 100%,0 calc(100% - var(--button-depth)),calc(100% - var(--button-depth)) calc(100% - var(--button-depth)));pointer-events:none;transition:right .12s ease,bottom .12s ease,clip-path .12s ease}
.aeria-case .aeria-button:hover,.aeria-case .aeria-button:focus-visible,.aeria-contact--signal .aeria-button:hover,.aeria-contact--signal .aeria-button:focus-visible{--button-depth:1px;--button-press:5px;transform:translate(var(--button-press),var(--button-press))}
.aeria-case .aeria-button:active,.aeria-contact--signal .aeria-button:active{--button-depth:0px;--button-press:6px;transform:translate(var(--button-press),var(--button-press))}
.aeria-case-links .aeria-button{background:var(--color-paper);color:var(--color-ink)}
.aeria-case-links .aeria-button:hover{background:var(--color-ink);color:var(--color-paper)}
/* Contact : panneau de signalétique original, palette or/encre/papier AERIA. */
.aeria-contact.aeria-contact--signal{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(220px,310px);grid-template-rows:auto auto auto auto;gap:24px 36px;padding:clamp(32px,5vw,68px) max(24px,calc((100% - 1100px)/2));background:var(--color-accent,#b36b13);text-align:left;align-items:start}
.aeria-contact__signal-head,.aeria-contact__signal-foot{grid-column:1/-1;display:flex;gap:20px;align-items:center;justify-content:space-between;font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--color-paper);border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:12px 0}
.aeria-contact__signal-head>span:nth-child(2){font-size:28px;line-height:1;font-weight:900}
.aeria-contact--signal .aeria-contact__sticker{grid-column:1;grid-row:2/4;align-self:start;margin-top:6px}
.aeria-case .aeria-contact--signal h2,.aeria-contact.aeria-contact--signal h2{grid-column:2;grid-row:2;font:900 clamp(32px,3.5vw,48px)/1.04 var(--font-display)!important;text-transform:uppercase;margin:0;max-width:19ch;color:var(--color-paper)}
.aeria-case .aeria-contact--signal>p,.aeria-contact.aeria-contact--signal>p{grid-column:2;grid-row:3;font:400 17px/1.5 var(--font-sans);margin:0;max-width:52ch;color:var(--color-paper)!important}
.aeria-contact--signal>.aeria-button{grid-column:3;grid-row:2/4;align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:110px;padding:24px;border:1px solid var(--color-ink);font:700 21px/1.15 var(--font-sans);letter-spacing:0;text-transform:none;text-decoration:none}
.aeria-contact--signal>.aeria-button:after{display:none}
.aeria-contact--signal>.aeria-button svg{width:48px;height:48px;flex:none}
.aeria-contact--signal>.aeria-button:hover{background:var(--color-paper);color:var(--color-ink)}
.aeria-contact--signal>.aeria-button:focus-visible{outline:2px solid var(--color-paper);outline-offset:8px}
.aeria-contact__signal-foot{margin-top:12px;border-bottom:0;font-size:10px;font-weight:400}
.aeria-contact__signal-foot i{display:block;width:100px;height:16px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 4px);opacity:.7}
@media(max-width:850px){
 .aeria-contact.aeria-contact--signal{grid-template-columns:80px minmax(0,1fr);gap:24px 20px}
 .aeria-contact--signal>.aeria-button{grid-column:1/-1;grid-row:4;min-height:86px}
 .aeria-contact__signal-foot{grid-row:5}
 .aeria-contact__signal-head>span:last-child{display:none}
 .aeria-contact--signal .aeria-contact__sticker>img{max-width:80px;height:auto}
 .aeria-contact--signal .aeria-contact__background{max-width:80px}
}
@media(max-width:480px){
 .aeria-contact.aeria-contact--signal{grid-template-columns:1fr;padding:32px 22px}
 .aeria-contact--signal .aeria-contact__sticker{grid-column:1;grid-row:2}
 .aeria-case .aeria-contact--signal h2,.aeria-contact.aeria-contact--signal h2{grid-column:1;grid-row:3;font-size:34px!important}
 .aeria-case .aeria-contact--signal>p,.aeria-contact.aeria-contact--signal>p{grid-column:1;grid-row:4}
 .aeria-contact--signal>.aeria-button{grid-row:5;font-size:20px;max-width:calc(100% - 6px)}
 .aeria-contact__signal-foot{grid-row:6}
 .aeria-contact__signal-foot i{width:55px}
}
@media(prefers-reduced-motion:reduce){.aeria-case .aeria-button,.aeria-contact--signal .aeria-button,.aeria-case .aeria-button:before,.aeria-contact--signal .aeria-button:before{transition:none}}

.aeria-case-navigation>a{border-radius:0!important}
.aeria-case .aeria-contact--signal>p,.aeria-contact.aeria-contact--signal>p{font:400 17px/1.5 var(--font-sans)!important;text-transform:none!important}
.aeria-case .aeria-contact--signal>.aeria-button,.aeria-contact.aeria-contact--signal>.aeria-button{min-height:140px;max-width:calc(100% - 6px);font-size:24px!important;text-align:left;justify-content:space-between}
.aeria-case .aeria-button:focus-visible:not(:hover):not(:active),.aeria-contact--signal .aeria-button:focus-visible:not(:hover):not(:active){--button-depth:6px;--button-press:0px}
@media(max-width:850px){.aeria-case .aeria-contact--signal>.aeria-button,.aeria-contact.aeria-contact--signal>.aeria-button{min-height:86px;font-size:21px!important}}
/* Les faces restent stables : seuls bord et extrusion changent de couleur. */
:root .aeria-button{--stable-face:var(--color-paper,#fffcf2);--stable-label:var(--color-ink,#2f2f28)}
:root .aeria-case .aeria-button,:root .aeria-contact--signal .aeria-button{--stable-face:var(--color-ink,#2f2f28);--stable-label:var(--color-paper,#fffcf2)}
:root .aeria-case-links .aeria-button{--stable-face:var(--color-paper,#fffcf2);--stable-label:var(--color-ink,#2f2f28)}
:root .aeria-button:is(:hover,:focus-visible,:active){background:var(--stable-face)!important;color:var(--stable-label)!important;border-color:var(--color-accent,#b36b13)}
.aeria-case .aeria-button:hover:before,.aeria-contact--signal .aeria-button:hover:before{background:color-mix(in srgb,var(--case-color,var(--color-accent,#b36b13)) 65%,var(--color-ink,#2f2f28))}
.aeria-case-navigation>a:hover{background:rgb(255 252 242 / .7);color:var(--color-ink);border-color:var(--color-accent)}
.aeria-case-navigation>a:hover .aeria-case-navigation__arrow{color:var(--color-ink)}
/* Proposition isolée, en attente de validation avant toute généralisation. */
.aeria-graphic-proposal{width:min(1100px,calc(100% - 64px));margin:0 auto 48px;padding:14px;background:var(--color-ink,#2f2f28);color:var(--color-paper,#fffcf2);pointer-events:none;position:relative;z-index:1}
.aeria-graphic-proposal svg{display:block;width:100%;height:auto}
@media(max-width:700px){.aeria-graphic-proposal{width:calc(100% - 32px);padding:6px;margin-bottom:32px}}

/* Palette de face unique par variante, commune aux états repos/survol/appui. */
:root .aeria-button{--stable-face:#fff6ec;background:var(--stable-face)!important;color:var(--stable-label)!important}
:root .aeria-about__copy>.aeria-button{--stable-face:var(--color-ink);--stable-label:var(--color-paper)}
:root .aeria-case .aeria-button,:root .aeria-contact--signal .aeria-button{--stable-face:var(--color-ink);--stable-label:var(--color-paper)}
:root .aeria-case-links .aeria-button,:root .aeria-exploration .aeria-button{--stable-face:var(--color-paper);--stable-label:var(--color-ink)}
@media(max-width:700px){.aeria-graphic-proposal svg text{display:none}}
/* Normes du système SVG : flèches à épaisseur rendue constante. */
.aeria-case-navigation__arrow path{stroke-width:4;vector-effect:non-scaling-stroke;stroke-linecap:butt;stroke-linejoin:miter}
.aeria-graphic-system{opacity:1}
.aeria-graphic-system *{opacity:1}
/* Système de boutons validé sur Uniqlo, commun aux actions du site. */
:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]){
 --button-depth:6px;--button-press:0px;--button-outline:var(--color-ink,#2f2f28);--button-edge:var(--case-color,var(--booster,var(--color-accent,#b36b13)));
 position:relative;overflow:visible;box-shadow:none!important;border:1px solid var(--button-outline)!important;border-radius:0!important;background:var(--stable-face,var(--color-paper,#fffcf2))!important;color:var(--stable-label,var(--color-ink,#2f2f28))!important;
 transform:translate(var(--button-press),var(--button-press))!important;transition:transform .12s ease;min-height:44px;max-width:calc(100% - 6px);margin-right:6px;margin-bottom:6px;text-decoration:none
}
:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):before{
 content:"";display:block;position:absolute;left:-1px;top:-1px;right:calc(-1px - var(--button-depth));bottom:calc(-1px - var(--button-depth));width:auto;height:auto;border:0!important;border-radius:0;opacity:1;transform:none!important;background:var(--button-edge)!important;
 clip-path:polygon(calc(100% - var(--button-depth)) 0,100% var(--button-depth),100% 100%,var(--button-depth) 100%,0 calc(100% - var(--button-depth)),calc(100% - var(--button-depth)) calc(100% - var(--button-depth)));pointer-events:none;transition:right .12s ease,bottom .12s ease,clip-path .12s ease
}
:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):is(:hover,:focus-visible,:active){
 background:var(--stable-face,var(--color-paper,#fffcf2))!important;color:var(--stable-label,var(--color-ink,#2f2f28))!important;border-color:var(--button-outline)!important;box-shadow:none!important
}
:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):hover{--button-depth:1px;--button-press:5px}
:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):active{--button-depth:0px;--button-press:6px}
:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):focus-visible{outline:2px solid var(--button-outline);outline-offset:8px}
:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):focus-visible:not(:hover):not(:active){--button-depth:6px;--button-press:0px}
:root .aeria-japan{--stable-face:var(--color-paper);--stable-label:var(--color-ink);isolation:auto}
:root .aeria-japan--outline{--stable-face:var(--color-ink);--stable-label:var(--color-paper)}
:root .aeria-japan>span{display:none!important}
:root .aeria-booster a{--stable-face:var(--color-paper);--stable-label:var(--color-ink)}
@media(prefers-reduced-motion:reduce){:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]),:root :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):before{transition:none}}

/* Ajustement validé : contour assorti à la tranche et rayon discret uniforme. */
:root body :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]){
 border-color:var(--button-edge,var(--case-color,var(--booster,var(--color-accent,#b36b13))))!important;border-radius:3px!important
}
:root body :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):is(:hover,:focus-visible,:active){
 border-color:var(--button-edge,var(--case-color,var(--booster,var(--color-accent,#b36b13))))!important;border-radius:3px!important
}
:root body :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):before{border-radius:3px}
.aeria-case-navigation>a{border-radius:3px!important}
/* Mouvement léger des liens, sans modifier le commutateur du menu mobile. */
.aeria-nav__links a{position:relative;transition:transform .18s ease}
.aeria-nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){
 .aeria-nav__links a:hover{transform:translateY(-2px)}
 .aeria-nav__links a:hover:after{transform:scaleX(1)}
}
.aeria-nav__links a:focus-visible:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.aeria-nav__links a,.aeria-nav__links a:after{transition:none}.aeria-nav__links a:hover{transform:none}}

/* Raccord continu : couches pleines suivant exactement le rayon de la face. */
:root body :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]),
:root body :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):is(:hover,:focus-visible,:active){
 box-shadow:
 calc(var(--button-depth,6px) / 6) calc(var(--button-depth,6px) / 6) 0 var(--button-edge,var(--color-accent)),
 calc(var(--button-depth,6px) / 3) calc(var(--button-depth,6px) / 3) 0 var(--button-edge,var(--color-accent)),
 calc(var(--button-depth,6px) / 2) calc(var(--button-depth,6px) / 2) 0 var(--button-edge,var(--color-accent)),
 calc(var(--button-depth,6px) * 2 / 3) calc(var(--button-depth,6px) * 2 / 3) 0 var(--button-edge,var(--color-accent)),
 calc(var(--button-depth,6px) * 5 / 6) calc(var(--button-depth,6px) * 5 / 6) 0 var(--button-edge,var(--color-accent)),
 var(--button-depth,6px) var(--button-depth,6px) 0 var(--button-edge,var(--color-accent))!important;
 transition:transform .12s ease,box-shadow .12s ease
}
:root body :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]):before{display:none!important}
@media(prefers-reduced-motion:reduce){:root body :is(.aeria-button,.aeria-booster a,.aeria-japan,.aeria-contact-copy__row button,.wp-block-button__link,button[type="submit"]){transition:none}}

/* Régressions Services corrigées après généralisation des boutons. */
:root body .aeria-services-final>.aeria-button{width:min(400px,calc(100% - 6px));max-width:400px}
:root body .aeria-service-panel .aeria-button{--button-edge:var(--service-accent)}
.aeria-service-panel__benefits{align-items:stretch}
.aeria-service-panel__benefit h3{min-height:98px;display:grid;place-items:center}
.aeria-service-panel__heading>span{height:19px;background:repeating-linear-gradient(to bottom,var(--service-accent) 0 1px,transparent 1px 6px)}
.aeria-service-panel__heading>span>img{display:none}
@media(min-width:701px) and (max-width:1100px){.aeria-service-panel__benefits>.aeria-service-panel__benefit:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:700px){.aeria-service-panel__benefit h3{min-height:0}.aeria-service-panel__intro{padding-right:6px}}
/* Cadres de titres : quatre traits de 1px, séparés par 5px, comme le contour. */
.aeria-portfolio__title>span,.aeria-section-title>span,.aeria-services-method__heading>span{
 height:19px!important;min-height:19px;border:0!important;
 background:repeating-linear-gradient(to bottom,var(--color-accent) 0 1px,transparent 1px 6px)!important;
}
.aeria-services-method__heading>span>img{display:none}
/* Reflets plein format, découpés par la transparence de chaque booster. */
.aeria-booster--pink{--booster-mask:url("https://studioaeria.com/wp-content/uploads/2026/10/Booster-Identite-Visuelle.png")}
.aeria-booster--green{--booster-mask:url("https://studioaeria.com/wp-content/uploads/2026/10/Booster-Web-Design.png")}
.aeria-booster--orange{--booster-mask:url("https://studioaeria.com/wp-content/uploads/2026/10/Booster-Print-Packaging.png")}
.aeria-booster--blue{--booster-mask:url("https://studioaeria.com/wp-content/uploads/2026/10/Booster-Illustration.png")}
.aeria-booster__pack:before{
 inset:0;mask-image:var(--booster-mask);-webkit-mask-image:var(--booster-mask);
 mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
}
.aeria-contact p{color:#fff!important}
.aeria-nav__links a[aria-current="page"],.aeria-mobile-menu a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
/* Menu mobile : panneau animé, fond atténué et fermeture explicite. */
.aeria-menu-backdrop,.aeria-mobile-menu__close{display:none}
@media(max-width:900px){
 body.aeria-menu-open{overflow:hidden}
 .aeria-nav{position:sticky;top:0}
 .aeria-menu-backdrop{display:block;position:fixed;inset:76px 0 0;z-index:48;background:rgb(47 47 40 / .38);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}
 .aeria-menu-open .aeria-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
 .aeria-mobile-menu{position:fixed;top:88px;left:16px;right:16px;padding:12px 12px max(16px,env(safe-area-inset-bottom));gap:8px;border:1px solid var(--color-ink);border-radius:16px;background:var(--color-paper);box-shadow:0 16px 48px rgb(0 0 0 / .18);max-height:calc(100vh - 104px - var(--aeria-preview-offset,0px));max-height:calc(100dvh - 104px - var(--aeria-preview-offset,0px));transform:translateY(-12px) scale(.98);transform-origin:top center;transition:opacity .22s ease,transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s}
 .aeria-mobile-menu.is-open{transform:translateY(0) scale(1);transition-delay:0s}
 .aeria-mobile-menu a:nth-of-type(1){background:#b36b13;color:var(--color-ink)}
 .aeria-mobile-menu a:nth-of-type(2){background:#a35eff;color:var(--color-ink)}
 .aeria-mobile-menu a:nth-of-type(3){background:#6898ff;color:var(--color-ink)}
 .aeria-mobile-menu a:nth-of-type(4){background:#ff0046;color:var(--color-ink)}
 .aeria-mobile-menu a:nth-of-type(5){background:#1bb694;color:var(--color-ink)}
 .aeria-mobile-menu__close{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;border:0;background:transparent;color:var(--color-ink);font:700 16px/1.2 var(--font-sans);cursor:pointer}
 .aeria-mobile-menu__close span{font-size:28px;line-height:1}
 .aeria-mobile-menu a{justify-items:start;text-align:left;min-height:60px;padding:16px 44px 16px 20px;border-radius:6px;overflow:hidden;font-size:clamp(22px,5vw,28px);opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1);transition-delay:0s}
 .aeria-mobile-menu a:before{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}
 .aeria-mobile-menu.is-open a{opacity:1;transform:none}
 .aeria-mobile-menu.is-open a:nth-of-type(1){transition-delay:.04s}
 .aeria-mobile-menu.is-open a:nth-of-type(2){transition-delay:.08s}
 .aeria-mobile-menu.is-open a:nth-of-type(3){transition-delay:.12s}
 .aeria-mobile-menu.is-open a:nth-of-type(4){transition-delay:.16s}
 .aeria-mobile-menu.is-open a:nth-of-type(5){transition-delay:.20s}
 .aeria-mobile-menu :is(a,button):focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){
 .aeria-menu-backdrop,.aeria-mobile-menu,.aeria-mobile-menu.is-open,.aeria-mobile-menu a,.aeria-mobile-menu.is-open a{transition:none!important}
 .aeria-mobile-menu,.aeria-mobile-menu.is-open,.aeria-mobile-menu a{transform:none}
}
/* Interrupteur Figma : pièce intérieure à gauche et fond or à l'ouverture. */
.aeria-menu-switch{display:block;width:84px;height:auto;overflow:hidden}
.aeria-menu-switch__background{transition:fill .32s ease}
.aeria-menu-switch__thumb{transform:translateX(0);transition:transform .36s cubic-bezier(.22,1,.36,1)}
.aeria-nav__toggle[aria-expanded="true"] .aeria-menu-switch__background{fill:var(--color-accent)}
.aeria-nav__toggle[aria-expanded="true"] .aeria-menu-switch__thumb{transform:translateX(-28px)}
.aeria-nav__toggle:active .aeria-menu-switch{opacity:.9}
@media(prefers-reduced-motion:reduce){
 .aeria-menu-switch__background,.aeria-menu-switch__thumb{transition:none!important}
}
:root {
  --color-ink: #2f2f28;
  --color-paper: #fffcf2;
  --color-accent: #b36b13;
  --font-sans: "Urbanist", "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  --font-display: "Apfel Grotezk", "Arial Black", Impact, sans-serif;
}
@layer base {
  *,::before,::after{box-sizing:border-box}
  html{line-height:1.5;-webkit-text-size-adjust:100%}
  body.home :where(h1,h2,h3,h4,h5,h6,p,figure){margin:0}
  body.home :where(button,input,textarea,select){font:inherit}
  body.home :where(img){display:block;max-width:100%;height:auto}
  .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans)}
  img{max-width:100%}
  a,button{-webkit-tap-highlight-color:transparent}
  :target{scroll-margin-top:24px}
}
@layer components {
  .aeria-content{max-width:960px;margin-inline:auto;padding:64px 24px;min-height:50vh;overflow-wrap:anywhere}
  .aeria-content>article+article{margin-top:40px}
  .aeria-content__header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-accent)}
  .aeria-content h1{margin:0 0 16px;font-size:clamp(28px,5vw,48px);line-height:1.12}
  .aeria-content h2{margin:0 0 12px;font-size:clamp(23px,3vw,32px);line-height:1.2}
  .aeria-results{padding-block:24px}
  .aeria-results__list{display:grid;gap:40px}
  .aeria-result{padding-bottom:32px;border-bottom:1px solid var(--color-accent)}
  .aeria-result:last-child{border-bottom:0}
  .aeria-meta{margin:12px 0;color:var(--color-ink);font-size:14px;line-height:1.5}
  .aeria-meta__separator{margin-inline:8px}
  .aeria-prose{font-size:18px;line-height:1.65}
  .aeria-prose p{margin-block:0 20px}
  .aeria-prose :where(ul,ol){padding-left:1.5em;margin-block:16px}
  .aeria-prose :where(h2,h3,h4){margin-top:32px}
  .aeria-prose iframe,.aeria-prose video{max-width:100%}
  .aeria-content__image{margin:0 0 32px}
  .aeria-content__image img{display:block;width:100%;height:auto}
  .aeria-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;font-size:16px}
  .aeria-pagination a,.aeria-content .nav-links a,.aeria-content .nav-links .current{display:inline-block;padding:12px;min-height:44px}
  .aeria-content__comments{margin-top:40px}
  .aeria-search-query{font-style:normal}
  .aeria-search-form{margin-block:24px;max-width:560px}
  .aeria-search-form label{display:block;margin-bottom:8px;font-weight:700}
  .aeria-search-form__fields{display:flex;flex-wrap:wrap;gap:12px}
  .aeria-search-form input{flex:1 1 200px;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--color-ink);border-radius:2px;background:var(--color-paper);color:var(--color-ink)}
  .aeria-search-form button{min-height:44px;padding:10px 16px;border:1px solid var(--color-ink);border-radius:2px;background:var(--color-paper);color:var(--color-ink);font:700 15px/1.3 var(--font-sans);cursor:pointer}
  .aeria-content img{max-width:100%;height:auto}
  .aeria-content a{color:inherit;text-underline-offset:.2em}
  .aeria-content input,.aeria-content textarea,.aeria-content select,.aeria-content button{max-width:100%;font:inherit}
  .aeria-content :where(h1,h2,h3){line-height:1.2}
  @media(max-width:700px){.aeria-content{padding:40px 16px}}

  .aeria-home{overflow:hidden}.aeria-nav{height:90px;padding:15px 7.5%;display:flex;align-items:center;gap:24px;background:#fffcf2;position:relative;z-index:50}.aeria-nav__logo img{display:block;width:116px;height:60px}.aeria-nav__rule{height:42px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 32px}.aeria-nav__rule i{display:block;width:100%;height:2px;background:#b36b13}.aeria-nav__links{display:flex;gap:18px}.aeria-nav__links a{color:#2f2f28;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:13px}.aeria-nav__toggle{display:none}.aeria-mobile-menu{display:none}
  .aeria-skip-link{position:absolute;left:16px;top:-100px;z-index:9999;background:#fffcf2;color:#2f2f28;padding:12px 18px;border:2px solid #2f2f28;font-weight:700;text-decoration:none}.aeria-skip-link:focus{top:12px}
  .aeria-hero{position:relative;min-height:max(561px,calc(100svh - 90px));min-height:max(561px,calc(100dvh - 90px));padding:96px;background:#d7c5ff;display:flex;align-items:center;overflow:hidden}
@media(max-width:900px){.aeria-hero{min-height:calc(100svh - 76px);min-height:calc(100dvh - 76px)}}
@media(min-width:701px) and (max-width:900px){:root body .aeria-portfolio__title h2{font-size:clamp(40px,7vw,60px)}}.aeria-hero>.aeria-hero__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
  .aeria-home>.aeria-multifacette:before{content:"";position:absolute;z-index:2;left:0;right:0;top:-14px;height:15px;background:url("https://studioaeria.com/wp-content/uploads/2026/10/Bordure-hero-crenelee.png") center bottom/auto 15px repeat-x;pointer-events:none}
  .aeria-home-about-surface{background:var(--color-paper);display:flow-root}
  .aeria-hero__inner{position:relative;z-index:1;max-width:1088px;margin:auto;display:flex;align-items:center;justify-content:center}
  .aeria-mark{width:250px;height:249px;margin-right:-17px;object-fit:contain;position:relative;z-index:2}
  .aeria-card{flex:1;max-width:800px;min-width:360px;background:var(--color-paper);padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:31px}
  .aeria-card__pins{display:flex;justify-content:space-between}.aeria-card__pins i{width:8px;height:8px;background:url("https://studioaeria.com/wp-content/uploads/2026/10/Point-hero.svg") center/contain no-repeat}
  .aeria-card__content{display:flex;flex-wrap:wrap;gap:10px 20px;padding:8px 15px 0;align-items:flex-start}.aeria-card__content h1{margin:0;width:auto;min-width:300px;max-width:371.775px;flex:1 0 300px;line-height:0}.aeria-card__content h1>img{display:block;max-width:100%}.aeria-card__content>p{flex:1 1 150px;min-width:150px}.aeria-card__content>.aeria-shape{flex:1 1 78.44px}
  .aeria-card h1{margin:0;font:900 65px/55px var(--font-display);text-transform:uppercase}
  .aeria-card p{font-size:14px;line-height:18px;text-align:left;margin:0}
  .aeria-shape{display:block;width:100%;max-width:150px;min-width:78px;max-height:153px;object-fit:contain}
  .aeria-card__meta{display:flex;flex-wrap:wrap;gap:5px 15px;align-items:center;padding:0 15px;text-transform:uppercase}.aeria-card__meta strong{font-size:40px}.aeria-card__meta .aeria-meta-line{flex:1;height:48px;min-width:48px;border:2px solid var(--color-ink);border-radius:70px;padding:0 10px;display:flex;align-items:center}.aeria-meta-line img{width:16px;height:16px}.aeria-badges{display:flex;align-items:center;gap:13px;height:48px}.aeria-badges img{max-height:48px;width:auto;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.aeria-badges img:hover{transform:rotate(-5deg) scale(1.06)}.aeria-badges img:nth-child(2):hover{transform:rotate(5deg) scale(1.06)}.aeria-card__meta em{font-style:normal;color:var(--color-accent);font-size:17px;line-height:18px}
  .aeria-multifacette{position:relative;padding:10px 7.5% 32px;background-color:#2f2f28;background-image:linear-gradient(rgba(47,47,40,.92),rgba(47,47,40,.92)),url("https://studioaeria.com/wp-content/uploads/2026/10/Texture-sombre-Studio-AERIA.png");background-repeat:repeat;color:#fffcf2;background-size:1024px}
  .aeria-rule{display:grid;gap:9px}.aeria-rule i{height:5px;background:rgba(255,255,255,.1)}
  .aeria-faces{display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding:0}.aeria-faces span{position:relative;flex:1 0 100px;max-width:130px;min-width:100px;height:187px;margin-right:-20px}.aeria-faces span:last-child{margin-right:0}.aeria-faces img{position:absolute;left:50%;top:43px;width:98px;height:124px;transform:translateX(-50%);object-fit:contain;transition:transform .28s cubic-bezier(.2,.7,.2,1),filter .28s ease}.aeria-faces span:hover img{transform:translateX(-50%) translateY(-7px) rotate(-2deg);filter:drop-shadow(0 8px 5px rgba(0,0,0,.18))}.aeria-faces span:nth-child(even):hover img{transform:translateX(-50%) translateY(-7px) rotate(2deg)}
  .aeria-multifacette__title{padding-bottom:32px;text-align:center}.aeria-multifacette h2{margin:0;color:#b36b13;font:900 65px/55px var(--font-display);text-transform:uppercase}
  .aeria-caption{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.aeria-caption span{height:2px;max-width:240px;flex:1;background:rgba(255,252,242,.7)}.aeria-caption p{max-width:510px;margin:0;font-size:14px;line-height:16px;font-style:italic}
  .aeria-portfolio{padding:32px clamp(16px,6vw,88px);background:#fffcf2}
  .aeria-projects{max-width:1248px;margin:auto;display:grid;grid-template-columns:repeat(2,288px);justify-content:center;justify-items:center;align-items:start;gap:32px;padding:32px 0;overflow:visible}
  .aeria-projects figure{--portfolio-motion:.5s;--portfolio-ease:cubic-bezier(.22,1,.36,1);position:relative;z-index:0;flex:0 0 288px;width:288px;height:366px;margin:0;background:var(--cartouche) center 16.82px/312px 367px no-repeat;filter:drop-shadow(0 6px 6px rgba(0,0,0,.1));transform:translateY(0);transition:transform var(--portfolio-motion) var(--portfolio-ease),filter var(--portfolio-motion) var(--portfolio-ease)}
  .aeria-project__link{position:absolute;inset:0;z-index:3;border-radius:12px}.aeria-project__image{position:absolute;z-index:1;left:34.36px;top:125.18px;width:219.289px;height:179.086px;overflow:hidden;--portfolio-zoom:1.28}.aeria-project__image img{position:absolute;display:block;max-width:none;backface-visibility:hidden;transform-style:flat}.aeria-project__default{inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:50% 50%;transition:transform var(--portfolio-motion) var(--portfolio-ease)}.aeria-project:is(.is-previewed,:has(.aeria-project__link:focus-visible)) .aeria-project__default{transform:scale(var(--portfolio-zoom,1.28))}.aeria-project:is(.is-previewed,:has(.aeria-project__link:focus-visible)){z-index:2;transform:translateY(-8px);filter:drop-shadow(0 10px 10px rgba(0,0,0,.14))}
  @media(min-width:1440px){.aeria-home .aeria-projects{grid-template-columns:repeat(4,288px)}}
  @media(max-width:700px){.aeria-home .aeria-projects>.aeria-project:nth-child(n+3){display:none}}
  .aeria-portfolio__all{width:fit-content;max-width:100%;margin:16px auto 32px;text-align:center}
  .aeria-portfolio__title{max-width:1088px;margin:auto;padding:32px 0;display:flex;align-items:center}.aeria-portfolio__title>span{height:2px;flex:1;background:#b36b13}
  .aeria-portfolio__title>div{width:408px;min-width:360px;padding:10px 14px;border:1px solid #b36b13;color:#b36b13;text-align:center;display:flex;flex-direction:column;gap:4px}
  .aeria-portfolio__title h2{font:900 62px/62px var(--font-display);text-transform:uppercase;margin:0}.aeria-portfolio__title strong{font-size:18px;line-height:22px;text-transform:uppercase}.aeria-portfolio__title em{font-size:12px;line-height:16px;font-weight:400}
  .aeria-expertises{padding:32px 7.5%;background:#fffcf2}.aeria-section-title{max-width:1088px;margin:auto;padding:32px 0;display:flex;align-items:center}.aeria-section-title>span{height:20px;flex:1;border-block:1px solid #b36b13;background:repeating-linear-gradient(to bottom,transparent 0 4px,#b36b13 4px 5px)}
  .aeria-section-title>div{container-type:inline-size;width:363px;min-width:360px;padding:10px 14px;border:1px solid #b36b13;color:#b36b13;text-align:center;display:flex;flex-direction:column;gap:2px}.aeria-section-title h2{margin:0;font:900 clamp(23px,10cqi,36px)/1.1 var(--font-display);text-transform:uppercase}.aeria-section-title strong{font-size:18px;line-height:22px;text-transform:uppercase}.aeria-section-title em{font-size:12px;line-height:16px}
  .aeria-boosters{max-width:1088px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}.aeria-booster{min-width:0;padding:20px;display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;border:2px solid var(--booster);border-radius:4px}.aeria-booster--pink{--booster:#f98282}.aeria-booster--green{--booster:#0d9476}.aeria-booster--orange{--booster:#b36b13}.aeria-booster--blue{--booster:#174dc1}
  .aeria-booster__pack{position:relative;display:block;width:220px;height:402px;margin:auto;transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .35s ease;filter:drop-shadow(0 6px 8px rgba(0,0,0,.1))}.aeria-booster__pack>img{display:block;width:220px;height:402px;object-fit:cover}.aeria-booster__pack:before{content:"";position:absolute;z-index:2;inset:18px 10px 19px;overflow:hidden;pointer-events:none;background:linear-gradient(111.32deg,transparent 0 14%,rgba(255,255,255,.3) 14% 25%,transparent 25% 31%,rgba(255,255,255,.3) 31% 38%,transparent 38% 67%,rgba(255,255,255,.3) 67% 72%,transparent 72% 100%);background-size:190% 100%;background-position:100% 0;opacity:.72;transition:background-position .75s cubic-bezier(.2,.7,.2,1),opacity .35s ease}.aeria-booster:hover .aeria-booster__pack:before,.aeria-booster:focus-within .aeria-booster__pack:before{background-position:0 0;opacity:1}.aeria-booster:hover .aeria-booster__pack,.aeria-booster:focus-within .aeria-booster__pack{transform:translateY(-8px) rotate(-1.5deg) scale(1.025);filter:drop-shadow(0 12px 12px rgba(0,0,0,.14))}.aeria-spark{position:absolute;display:block;background:center/contain no-repeat;pointer-events:none;transition:transform .45s ease,opacity .3s ease}.aeria-spark--a{width:28px;height:28px;right:34px;top:68px;background-image:url("https://studioaeria.com/wp-content/uploads/2026/10/Booster-Etoile.svg")}.aeria-spark--b{width:20px;height:20px;left:38px;top:217px;background-image:url("https://studioaeria.com/wp-content/uploads/2026/10/Booster-Etoile-Petite.svg")}.aeria-spark--c{width:20px;height:20px;right:48px;top:335px;background-image:url("https://studioaeria.com/wp-content/uploads/2026/10/Booster-Etoile-Petite.svg")}.aeria-booster:hover .aeria-spark--a,.aeria-booster:focus-within .aeria-spark--a{transform:rotate(90deg) scale(1.15)}.aeria-booster:hover .aeria-spark--b,.aeria-booster:focus-within .aeria-spark--b{transform:rotate(-70deg) scale(.85)}.aeria-booster:hover .aeria-spark--c,.aeria-booster:focus-within .aeria-spark--c{transform:rotate(110deg) scale(1.1)}.aeria-booster>div{min-width:min(100%,220px);flex:1 1 220px;display:flex;flex-direction:column;gap:20px;align-self:stretch}.aeria-booster h3{margin:0 -6px;text-align:center;text-transform:uppercase;font:900 32px/32px var(--font-display);overflow-wrap:anywhere}.aeria-booster p{margin:0;font-size:16px;line-height:24px;flex:1}.aeria-booster a{height:58px;margin-top:auto;padding:18px 24px;display:grid;place-items:center;border:2px solid var(--booster);border-radius:2px;background:#fffcf2;color:#2f2f28;text-decoration:none;text-transform:uppercase;font-size:14px;line-height:20px;font-weight:700;box-shadow:0 9px 0 -2px var(--booster);transition:transform .18s ease,box-shadow .18s ease}.aeria-booster a:hover,.aeria-booster a:focus-visible{transform:translateY(3px);box-shadow:0 5px 0 -2px var(--booster)}.aeria-booster a:active{transform:translateY(7px);box-shadow:0 1px 0 -1px var(--booster)}.aeria-button{transition:transform .18s ease,box-shadow .18s ease}.aeria-button:hover,.aeria-button:focus-visible{transform:translateY(3px);box-shadow:0 5px 0 -2px currentColor}.aeria-button:active{transform:translateY(7px);box-shadow:0 1px 0 -1px currentColor}.aeria-about__copy>.aeria-button:hover,.aeria-about__copy>.aeria-button:focus-visible{box-shadow:0 5px 0 -2px #b36b13}.aeria-about__copy>.aeria-button:active{box-shadow:0 1px 0 -1px #b36b13}
  .aeria-button{min-height:58px;padding:18px 24px;display:grid;place-items:center;border:2px solid #2f2f28;background:#fff6ec;color:#2f2f28;text-decoration:none;text-transform:uppercase;font-weight:700;box-shadow:0 9px 0 -2px #2f2f28}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aeria-booster a,.aeria-booster__pack,.aeria-booster__pack:before,.aeria-spark,.aeria-button,.aeria-project__image img,.aeria-faces img,.aeria-badges img,.aeria-mobile-menu{transition:none}.aeria-booster:hover .aeria-booster__pack,.aeria-booster:focus-within .aeria-booster__pack,.aeria-button:hover,.aeria-button:focus-visible,.aeria-button:active,.aeria-badges img:hover{transform:none;filter:none}.aeria-faces span:hover img,.aeria-faces span:nth-child(even):hover img{transform:translateX(-50%);filter:none}.aeria-booster:hover .aeria-booster__pack:before,.aeria-booster:focus-within .aeria-booster__pack:before{background-position:100% 0;opacity:.72}}

  .aeria-contact{padding:40px 7.5%;background:#b36b13;color:#fffcf2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.aeria-contact__sticker{width:127px;height:172px;border:5px solid #fffcf2;border-radius:30px;padding:20px 10px;background:url("https://studioaeria.com/wp-content/uploads/2026/10/Fond-sticker-contact-scaled.jpg") center/cover;overflow:hidden}.aeria-contact__sticker img{display:block;width:97px;height:122px;object-fit:cover}.aeria-contact h2{font:900 38px/40px var(--font-display);text-transform:uppercase;margin:0}.aeria-contact p{font:400 20px/20px var(--font-display);text-transform:uppercase;margin:0}.aeria-button--light{width:min(400px,100%);min-height:58px;height:58px;margin-bottom:9px;background:#fff6ec;border-color:#2f2f28;box-shadow:0 9px 0 0 #2f2f28;font-size:18px;line-height:22px}
  /* Le pied de page commun est défini dans footer-figma.css. */
  .aeria-expertises :is(h2,h3){font-family:var(--font-display)!important}.aeria-booster__pack{flex:none}@media(max-width:1240px){.aeria-boosters{grid-template-columns:minmax(0,1fr);width:100%;max-width:720px}.aeria-booster{width:100%;height:auto;justify-content:center}}


  @media(max-width:700px){.aeria-multifacette{padding-inline:16px}.aeria-faces{overflow-x:auto}.aeria-multifacette h2{font-size:44px;line-height:40px}.aeria-caption span{display:none}.aeria-caption p{max-width:330px}.aeria-portfolio,.aeria-expertises{padding:16px}.aeria-projects{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:16px}.aeria-projects figure{width:288px;max-width:100%;margin:0 auto}.aeria-portfolio__title>span,.aeria-section-title>span{display:none}.aeria-portfolio__title>div,.aeria-section-title>div{width:100%;min-width:0}.aeria-portfolio__title h2{font-size:48px;line-height:48px}.aeria-section-title h2{font-size:38px;line-height:38px}.aeria-booster,.aeria-booster:nth-child(even){grid-template-columns:minmax(0,1fr);min-width:0;height:auto;min-height:0;padding:20px;gap:24px}.aeria-booster__pack{width:220px;height:402px}.aeria-booster__pack>img{width:220px;height:402px}.aeria-booster>div{width:100%}.aeria-booster p{font-size:16px;line-height:24px}.aeria-contact{padding-inline:16px}.aeria-contact__sticker{width:117px;height:162px;padding:15px 5px}.aeria-contact h2{width:100%;max-width:343px}.aeria-contact p{max-width:343px;line-height:20px}.aeria-button--light{width:min(343px,100%)}}
  @media(max-width:900px){
    .aeria-nav{height:76px;padding:12px clamp(16px,5vw,48px);gap:12px}
    .aeria-nav__logo{flex:none}.aeria-nav__logo img{width:90px;height:46.55px}
    .aeria-nav__links{display:none}
    .aeria-nav__rule{min-width:0;margin-inline:0;padding:8px 0}
    .aeria-nav__toggle{display:grid;place-items:center;flex:none;width:84px;min-height:48px;padding:0;border:0;background:transparent;cursor:pointer}
    .aeria-nav__toggle img{display:block;width:84px;height:auto}
    .aeria-mobile-menu{position:absolute;top:76px;left:0;right:0;z-index:49;background:#5d5d55;display:flex;flex-direction:column;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior-y:contain;visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .24s ease,transform .32s cubic-bezier(.2,.7,.2,1),visibility 0s linear .32s}
    .aeria-mobile-menu.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s}
    .aeria-mobile-menu a{position:relative;min-height:56px;padding:16px 20px;flex:none;display:grid;place-items:center;color:#2f2f28;text-decoration:none;text-transform:uppercase;font:900 clamp(22px,4vw,28px)/1.15 var(--font-display);isolation:isolate}
    .aeria-mobile-menu a:after{content:"";position:absolute;inset:0;z-index:-1;background:url("https://studioaeria.com/wp-content/uploads/2026/10/Texture-menu-mobile-Figma.png") 0 0/1024px 1024px;opacity:.16;pointer-events:none}
    .aeria-mobile-menu a:nth-child(1){background:#b36b13;color:#fff}
    .aeria-mobile-menu a:nth-child(2){background:#a35eff}
    .aeria-mobile-menu a:nth-child(3){background:#6898ff}
    .aeria-mobile-menu a:nth-child(4){background:#ff0046}
    .aeria-mobile-menu a:nth-child(5){background:#1bb694}
    .aeria-hero{padding:40px 24px}.aeria-hero__inner{flex-direction:column}
    .aeria-mark{margin:0 0 -20px;z-index:2;width:clamp(140px,26vw,190px);height:auto}
    .aeria-card{min-width:0;width:100%}
    .aeria-card__content h1{width:100%;min-width:0;flex:1 1 100%}
    .aeria-card__content h1>img{height:auto}
    .aeria-card h1{font-size:48px;line-height:44px}
    .aeria-shape{display:none}
  }
  @media(hover:none){.aeria-faces span:hover img,.aeria-faces span:nth-child(even):hover img{transform:translateX(-50%);filter:none}.aeria-badges img:hover,.aeria-badges img:nth-child(2):hover{transform:none}}
  @media(hover:hover) and (pointer:fine){.aeria-project:hover{z-index:2;transform:translateY(-8px);filter:drop-shadow(0 10px 10px rgba(0,0,0,.14))}.aeria-project:hover .aeria-project__default{transform:scale(var(--portfolio-zoom,1.28))}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aeria-mobile-menu,.aeria-mobile-menu.is-open{transition:none}.aeria-logo-track{animation:none}.aeria-projects figure,.aeria-project__image img,.aeria-booster__pack,.aeria-faces img,.aeria-badges img{transition:none}.aeria-projects figure{animation:none!important}.aeria-project:hover,.aeria-project.is-previewed{transform:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.1))}.aeria-project:is(:hover,.is-previewed,:focus-visible,:has(.aeria-project__link:focus-visible)){transform:none;filter:drop-shadow(0 6px 6px rgba(0,0,0,.1))}.aeria-project:is(:hover,.is-previewed,:focus-visible,:has(.aeria-project__link:focus-visible)) .aeria-project__default{transform:none}}
  @media(max-width:480px){.aeria-hero{padding:32px 16px}.aeria-card h1{font-size:40px;line-height:38px}.aeria-card__meta{flex-wrap:wrap}.aeria-card__meta strong{font-size:30px}}
  @media(max-width:700px){
    .aeria-multifacette h2{font-size:clamp(30px,7vw,44px);line-height:1.08}
    .aeria-portfolio__title h2{font-size:clamp(30px,8vw,44px);line-height:1.08}
    .aeria-section-title h2{font-size:clamp(23px,10cqi,36px);line-height:1.1}.aeria-method .aeria-section-title h2{font-size:clamp(26px,11.5cqi,48px);line-height:1.1}
    .aeria-contact h2{font-size:clamp(28px,7.2vw,38px);line-height:1.12}
    .aeria-contact p{font-size:clamp(17px,4.5vw,20px);line-height:1.3}
    .aeria-card p{font-size:15px;line-height:1.45;text-align:start}
    .aeria-card__content>p{min-width:0}
    .aeria-portfolio__title strong,.aeria-section-title strong{font-size:clamp(15px,4vw,18px);line-height:1.3}
  }
  @media(max-width:380px){.aeria-card{padding:14px;gap:22px}.aeria-card__content{padding-inline:4px}.aeria-card h1{font-size:clamp(30px,9vw,40px);line-height:1}.aeria-photo__bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,33%)}}
  /* Le mot Portfolio reste dans son cadre de 378 px sur grand écran. */
  @media(min-width:901px){:root body .aeria-portfolio__title h2{font-size:60px;line-height:1}}
  /* Contrastes des petits textes : palette de marque conservée. */
  .aeria-card__meta em,.aeria-portfolio__title strong,.aeria-portfolio__title em,.aeria-section-title strong,.aeria-section-title em{color:var(--color-ink)}
  .aeria-credit{color:var(--color-paper)}
  .aeria-contact p{color:var(--color-ink);font-weight:700;font-size:clamp(19px,4.5vw,20px)}

}