/* Gabarit des projets : fond, typographies et contact communs aux pages Studio AERIA. */
.aeria-case{--case-gap:clamp(20px,3vw,40px);background:var(--color-paper,#fffcf2);color:var(--color-ink,#3e3e3e);font-family:var(--font-sans,"Urbanist",sans-serif)}
.aeria-case-header,.aeria-case-body{width:min(1100px,calc(100% - 64px));margin-inline:auto}
.aeria-case-header{padding-block:clamp(40px,6vw,88px) 32px}
.aeria-case-header h1{font-family:var(--font-display,"Apfel Grotezk",sans-serif);font-weight:900;text-transform:uppercase;font-size:clamp(36px,6vw,76px);line-height:1.05;letter-spacing:-.025em;margin:24px 0;overflow-wrap:anywhere}
.aeria-case-header a{text-underline-offset:.2em;color:inherit}
.aeria-case-body{padding-bottom:48px;font-size:clamp(17px,1.6vw,20px);line-height:1.6}
/* Zéro espace vertical entre les médias, y compris à travers les lignes imbriquées. */
.aeria-case-row{display:flex;flex-wrap:wrap;column-gap:var(--case-gap);row-gap:0;align-items:flex-start;margin:0;padding:0}
.aeria-case-column{min-width:0;flex:1 1 100%;margin:0;padding:0}
.aeria-case-column--wide{flex-basis:100%}
.aeria-case-column--two-thirds{flex-basis:calc(66.666% - var(--case-gap))}
.aeria-case-column--half{flex-basis:calc(50% - var(--case-gap))}
.aeria-case-column--third{flex-basis:calc(33.333% - var(--case-gap))}
.aeria-case-column--sixth,.aeria-case-column--twelfth{flex-basis:0}
.aeria-case-image{margin:0;padding:0;line-height:0}
.aeria-case-image img{display:block;width:100%;height:auto;max-width:100%;margin:0;padding:0;border-radius:0}
.aeria-case-copy{max-width:72ch;overflow-wrap:anywhere;padding-block:32px}
.aeria-case-copy p{margin:0 0 1em}
.aeria-case-copy>:last-child{margin-bottom:0}
.aeria-case-copy h2,.aeria-case-copy h3{font-family:var(--font-display,"Apfel Grotezk",sans-serif);line-height:1.15;margin:0 0 .65em;overflow-wrap:anywhere}
.aeria-case-copy h2{font-size:clamp(26px,3.5vw,42px)}
.aeria-case-copy h3{font-size:clamp(23px,2.8vw,32px)}
.aeria-case-copy a,.aeria-case-attributes a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.aeria-case-rule{border:0;border-top:1px solid currentColor;margin:24px 0}
.aeria-case-action{margin:20px 0}
.aeria-case .aeria-button{display:inline-flex;white-space:normal;max-width:100%;min-height:44px;align-items:center;justify-content:center;text-align:center}
.aeria-case-attributes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px;margin:32px 0}
.aeria-case-attributes dt{font-weight:700}
.aeria-case-attributes dd{margin:8px 0 0}
.aeria-case-embed{padding:24px;border:1px solid currentColor;margin:24px 0;overflow-wrap:anywhere}
.aeria-case-embed iframe{display:block;width:100%;height:clamp(240px,56vw,620px);border:0}
.aeria-case .aeria-case-embed--video{padding:0;margin:0;border:0;line-height:0;width:100%}
.aeria-case .aeria-case-embed--video iframe{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio,16/9);margin:0;padding:0;vertical-align:top}
.aeria-case-body>.aeria-case-copy{margin-top:clamp(32px,5vw,64px)}
.aeria-case-navigation{width:min(1100px,calc(100% - 64px));margin:0 auto 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.aeria-case-navigation a{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:48px;padding:20px;border:1px solid currentColor;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.aeria-case-navigation a:hover strong{text-decoration:underline;text-underline-offset:.2em}
.aeria-case-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.aeria-case-navigation span{font-size:14px}
.aeria-case .aeria-contact{gap:24px}
.aeria-case .aeria-contact :is(h2,p){color:var(--color-paper,#fffcf2)}
.aeria-case .aeria-contact h2{font-family:var(--font-display)!important;font-weight:900!important;margin:0;font-size:clamp(30px,5vw,38px);line-height:1.05}
.aeria-case .aeria-contact p{font-family:var(--font-display)!important;font-weight:400!important;font-size:24px;line-height:1.2;margin:0;max-width:900px}
.aeria-case .aeria-contact__sticker{position:relative;background:none}
.aeria-case .aeria-contact__background{position:absolute;inset:0;overflow:hidden;border-radius:25px}
.aeria-case .aeria-contact__background img{display:block;width:100%;height:100%;object-fit:cover}
.aeria-case .aeria-contact__sticker>img{position:relative;display:block;width:97px;height:122px;object-fit:cover}
@media(max-width:700px){.aeria-case-header,.aeria-case-body,.aeria-case-navigation{width:calc(100% - 32px)}.aeria-case-row{display:block}.aeria-case-column{width:100%}.aeria-case-embed{padding:16px}.aeria-case-header h1{font-size:clamp(32px,10vw,54px)}}
