/* Ateliers : composition éditoriale inspirée de la référence fournie.
 * Surface de lecture native ; neuf sujets, aucun sélecteur ou contenu généré.
 */
.aw-page{--aw-pale:#fbf7f9;--aw-line:#e6d9df;--aw-ink:#60535b;color:var(--aw-ink)}
.aw-page *{box-sizing:border-box;min-width:0}
.aw-wrap{width:calc(100% - 112px);max-width:1180px;margin-inline:auto}
:is(.ar-page,.editor-styles-wrapper) .ar-approved.aw-reference :is(h1,h2,h3){font-family:Lato,sans-serif;font-weight:300;letter-spacing:-.025em;line-height:1.25;color:var(--ar-prune);text-wrap:balance}
:is(.ar-page,.editor-styles-wrapper) .aw-reference p{font:400 17px/1.75 Nunito,sans-serif;margin:0 0 18px;max-width:70ch}
.aw-reference p:last-child{margin-bottom:0}
.aw-reference em{font:inherit;font-style:normal;color:var(--ar-rose)}
.aw-reference a:focus-visible{outline:3px solid var(--ar-prune);outline-offset:5px}
.aw-reference .wp-block-group{margin-block-start:0}
/* L’image occupe l’ouverture, plutôt qu’un cadre ajouté à côté du titre. */
.aw-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.aw-hero-inner{position:relative;z-index:1;padding-block:46px 40px;min-height:610px;display:flex;align-items:center}
.aw-hero-copy{width:54%;max-width:650px}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero h1{font-size:64px;line-height:1.08;margin:0 0 23px;max-width:650px}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero h2{font-size:30px;line-height:1.4;margin:0 0 15px;max-width:580px}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero-copy>p{max-width:54ch}
.aw-hero-photo{position:absolute;z-index:0;inset:0 0 0 auto;width:51%;margin:0}
.aw-hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:51% center;mask-image:linear-gradient(to right,transparent,#000 30%);-webkit-mask-image:linear-gradient(to right,transparent,#000 30%)}
/* Un répertoire illustré : pas de cartes, pas de cases à cocher. */
.aw-themes{padding-block:48px 42px}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-themes h2{font-size:48px;line-height:1.2;margin:0 0 15px}
.aw-themes .aw-topics-intro>p{max-width:none;margin-bottom:25px}
.aw-topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;list-style:none;margin:0;padding:0}
.aw-topic-list>li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:21px;align-items:center;padding:19px 25px 19px 0;margin:0;border-right:1px solid var(--aw-line);border-bottom:1px solid var(--aw-line);font:400 18px/1.6 Nunito,sans-serif;color:var(--ar-prune)}
.aw-topic-list>li:nth-child(3n){border-right:0;padding-right:0}
.aw-topic-list>li:nth-last-child(-n+3){border-bottom:0}
.aw-topic-icon{display:block;width:68px;height:68px;padding:12px;border-radius:50%;background:var(--ar-soft)}
.aw-topic-label{display:block}
/* Conclusion : même photographie authentique que les pages de présentation. */
.aw-project-band{background:#fff}
.aw-project-inner{display:grid;grid-template-columns:45% 55%;min-height:320px}
.aw-project-photo{margin:0;align-self:stretch;min-height:320px}
.aw-project-photo img{display:block;width:100%;height:100%;max-height:390px;object-fit:cover;object-position:center 48%;mask-image:linear-gradient(to right,#000 86%,transparent);-webkit-mask-image:linear-gradient(to right,#000 86%,transparent)}
.aw-project-copy{align-self:center;padding:40px max(56px,calc((100vw - 1180px)/2)) 42px 55px}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-project-copy h2{font-size:42px;line-height:1.25;margin:0 0 18px}
.aw-project-copy>p{max-width:60ch}
.aw-reference .integration-action{margin:22px 0 0!important}
.aw-reference .aw-contact{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ar-cta-height);padding:var(--ar-cta-padding);background:var(--ar-prune);color:#fff;font:var(--ar-cta-font);text-decoration:none;transition:background .2s}
.aw-reference .aw-contact:hover{background:#69455b}
@media(max-width:1100px){
 .aw-hero-photo{width:48%}
 .aw-hero-copy{width:56%}.aw-hero-inner{padding-block:46px 40px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero h1{font-size:54px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero h2{font-size:27px}
 .aw-topic-list{column-gap:24px}.aw-topic-list>li{grid-template-columns:58px minmax(0,1fr);gap:15px;padding-right:20px}.aw-topic-icon{width:58px;height:58px;padding:10px}
 .aw-project-copy{padding-left:35px}
}
@media(max-width:1000px){
 .aw-hero-inner{display:block;min-height:0;padding-block:38px 28px}.aw-hero-copy{width:100%;max-width:none}
 .aw-hero-copy>p{max-width:68ch}
 .aw-hero-photo{position:relative;inset:auto;width:100%;height:230px}
 .aw-hero-photo img{object-position:center 49%;mask-image:linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%)}
 .aw-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
 .aw-topic-list>li,.aw-topic-list>li:nth-child(3n){border-right:0;border-bottom:1px solid var(--aw-line);padding-right:0}
 .aw-topic-list>li:nth-child(odd){border-right:1px solid var(--aw-line);padding-right:24px}
 .aw-topic-list>li:last-child{border-bottom:0}
}
@media(max-width:850px){
 .aw-wrap{width:calc(100% - 64px)}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero h1{font-size:52px;max-width:700px}
 .aw-hero-photo{height:230px}
 .aw-themes{padding-block:35px 30px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-themes h2{font-size:42px}
 .aw-project-inner{grid-template-columns:42% 58%}
 .aw-project-copy{padding:30px 32px 32px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-project-copy h2{font-size:36px}
}
@media(max-width:620px){
 .aw-wrap{width:calc(100% - 44px)}
 .aw-hero-inner{padding-block:30px 22px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero h1{font-size:43px;line-height:1.12;margin-bottom:20px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-hero h2{font-size:27px;line-height:1.35;margin-bottom:14px}
 .aw-hero-photo{height:185px}.aw-hero-photo img{object-position:center 52%}
 .aw-themes{padding-block:32px 25px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-themes h2{font-size:37px}
 .aw-topic-list{grid-template-columns:1fr}
 .aw-topic-list>li,.aw-topic-list>li:nth-child(odd){grid-template-columns:60px minmax(0,1fr);gap:20px;padding:16px 0;border-right:0;border-bottom:1px solid var(--aw-line);font-size:18px}
 .aw-topic-list>li:last-child{border-bottom:0}
 .aw-topic-icon{width:60px;height:60px;padding:11px}
 .aw-project-inner{grid-template-columns:1fr;min-height:0}
 .aw-project-photo{min-height:0;height:180px}.aw-project-photo img{max-height:none;mask-image:linear-gradient(to bottom,#000 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent)}
 .aw-project-copy{padding:25px 22px 32px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-project-copy h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.aw-reference .aw-contact{transition:none}}

/* Présentation et formats réunis, conformément à la maquette retenue. */
.aw-formats-band{background:transparent;margin-top:25px!important}
.aw-format-layout{display:grid;width:100%;max-width:none;grid-template-columns:44px minmax(0,1fr);gap:12px 18px;align-items:center;padding:20px 0 0;border-top:1px solid var(--aw-line)}
.aw-format-symbol{margin:3px 0 0;width:44px;height:44px;padding:8px;align-self:start;background:var(--ar-soft);border-radius:50%}
.aw-format-symbol img{display:block;width:100%;height:100%}
.aw-format-copy{display:block}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-format-copy h2{font-size:26px;line-height:1.3;margin:0 0 7px}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-duration{font-size:16px;line-height:1.6;margin-bottom:0}
.aw-reference .ar-format-options{display:block;color:var(--ar-prune);font:400 23px/1.5 Lato,sans-serif;margin-top:4px}
.aw-reference .ar-format-options strong{font-weight:400;white-space:nowrap}
:is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-devis{grid-column:2;max-width:none;margin:0;border:0;padding:0;color:var(--ar-prune);font-size:15px;line-height:1.6}
.aw-devis br{display:none}
.aw-themes-band{background:var(--aw-pale)}
@media(max-width:1000px){
 .aw-format-layout{grid-template-columns:44px minmax(0,1fr) 170px;align-items:center}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-devis{grid-column:3}
}
@media(max-width:620px){
 .aw-formats-band{margin-top:22px!important}
 .aw-format-layout{grid-template-columns:36px minmax(0,1fr);gap:8px 14px;padding-top:19px}
 .aw-format-symbol{width:36px;height:36px;padding:6px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-format-copy h2{font-size:24px}
 .aw-reference .ar-format-options{font-size:22px}
 :is(.ar-page,.editor-styles-wrapper) .aw-reference .aw-devis{grid-column:2}
}
