/*
Theme Name: MSE – Maison du Style et de l’Emploi
Author: Projet MSE
Description: Thème de blocs MSE. Base éditoriale crème, bleu profond et or, avec compositions Accueil et La MSE. Photos et formulaires à configurer.
Version: 0.13.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mse-theme
*/
body{margin:0} .mse-header{padding:18px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid #e7ddce;background:#fcfaf6}
.mse-brand{min-width:130px}.mse-brand-mark{font:46px/1 Georgia,serif;margin:0;letter-spacing:-3px}.mse-brand-sub{font:10px/1.4 Arial,sans-serif!important;letter-spacing:1.5px;max-width:140px;text-transform:uppercase}
.mse-section{padding:64px 24px}.mse-hero{padding:80px 24px;background:#efe7dc}.mse-hero h1{max-width:780px;font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.05}.mse-hero p{max-width:610px}.mse-eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:.875rem;color:#91691f;font-weight:600}
.mse-card{padding:28px;background:#fff;border:1px solid #e9dfd2;border-radius:12px;height:100%;box-sizing:border-box}.mse-card h3{font-size:1.5rem}.mse-band{background:#102a3a;color:#fcfaf6}.mse-band h2{color:#fcfaf6}.mse-values{background:#f4eee5}.mse-footer{padding:45px 24px;background:#102a3a;color:#fcfaf6}.mse-footer a{color:#fcfaf6}
a:focus-visible,button:focus-visible{outline:3px solid #956c20;outline-offset:4px}.wp-block-button__link{min-height:44px;box-sizing:border-box}.wp-block-navigation-item__content{padding:8px 0}.mse-header-row{gap:24px!important}.mse-header-row>.wp-block-navigation{flex:1}.mse-header .wp-block-navigation{font-size:.875rem}.mse-header .wp-block-buttons{font-size:.875rem}
@media(max-width:900px){.mse-header-row{flex-wrap:wrap!important}.mse-header .wp-block-navigation{order:3;flex-basis:100%}.mse-section{padding:40px 20px}.mse-hero{padding:56px 20px}.mse-header .wp-block-buttons{margin-left:auto!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.mse-official-logo{flex-shrink:0;margin:0!important;width:150px}.mse-official-logo img{display:block;width:150px;height:auto}.mse-official-logo a{display:block}
@media(max-width:600px){.mse-official-logo,.mse-official-logo img{width:120px!important}.mse-header{padding:16px}.mse-header-row{gap:16px!important}}

.mse-split{align-items:center!important;gap:44px!important}.mse-hero-illustrated{padding:0 24px}.mse-hero-columns{gap:30px!important;margin:0!important}.mse-hero-copy{padding:56px 0}.mse-hero-illustrated h1{font-size:clamp(2.5rem,4.1vw,4rem);margin-left:0!important;max-width:560px}.mse-hero-illustrated h1 em{color:#a26443}.mse-hero-illustrated p{margin-left:0!important}.mse-hero-photo{margin:0!important}.mse-hero-photo img{width:100%;height:560px;object-fit:cover;display:block;object-position:60% 50%}.mse-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mse-mosaic figure{margin:0!important}.mse-mosaic img{display:block;width:100%;height:170px;object-fit:cover;border-radius:6px}.mse-rounded-photo{margin:0!important}.mse-rounded-photo img{width:100%;height:340px;object-fit:cover;border-radius:10px;display:block}.mse-photo-card{border-radius:10px;overflow:hidden;background:white;height:100%;border:1px solid #e9dfd2}.mse-card-photo{margin:0!important}.mse-card-photo img{display:block;width:100%;height:175px;object-fit:cover}.mse-card-body{padding:24px 20px}.mse-card-body h3{font-size:1.35rem}.mse-card-body p{font-size:.95rem}.mse-action-grid{gap:16px!important}.mse-collection-photo img{max-height:380px;width:100%;object-fit:contain}.mse-pillar{padding:0 12px 0 12px;text-align:center}.mse-pillar h3{font-family:Arial,sans-serif;font-size:1rem;font-weight:600}.mse-pillar:before{content:'';display:block;width:82px;height:82px;margin:0 auto 18px;background-image:var(--mse-pictograms);background-size:360px auto;background-repeat:no-repeat;background-position:0 center}.mse-pillar-1:before{background-position:-92px center}.mse-pillar-2:before{background-position:-180px center}
@media(max-width:781px){.mse-hero-copy{padding:40px 0 8px}.mse-hero-photo img{height:auto;max-height:420px;object-fit:contain}.mse-split{gap:24px!important}.mse-hero-illustrated{padding-bottom:24px}.mse-mosaic img{height:145px}.mse-action-grid>.wp-block-column{flex-basis:100%!important}.mse-card-photo img{height:220px}.mse-rounded-photo img{height:auto}.mse-pillar-grid{gap:30px!important}}

/* Keep the hero on the same centered grid as the other sections. */
.mse-hero-illustrated>.mse-split{max-width:1160px;width:100%;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
.mse-hero-illustrated .mse-hero-copy{width:100%;max-width:none}
.mse-photo-card{display:flex;flex-direction:column}
.mse-photo-card>.mse-card-body{display:flex;flex-direction:column;flex:1}
.mse-card-body>p:last-child{margin-top:auto;padding-top:18px}

.mse-reference-hero{position:relative;min-height:570px;isolation:isolate;background:#fcfaf6;margin-top:0!important;overflow:hidden}
.mse-reference-photo{position:absolute!important;inset:0;max-width:none!important;width:100%;height:100%;margin:0!important;z-index:-1}
.mse-reference-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.mse-reference-inner{max-width:1280px!important;width:calc(100% - 64px);margin:0 auto!important;padding:60px 0;box-sizing:border-box}
.mse-reference-copy{width:44%;max-width:530px!important;margin:0!important}
.mse-reference-copy h1{font-size:clamp(2.6rem,4.4vw,4.3rem);line-height:1.03;margin:18px 0 24px!important;font-weight:400;letter-spacing:-1.5px}
.mse-reference-copy h1 em{color:#a56243}.mse-reference-copy .mse-eyebrow{color:#a56243;font-size:.875rem}
.mse-reference-copy>p:not(.mse-eyebrow){max-width:420px;font-size:1rem;line-height:1.6;margin:24px 0!important}
.mse-reference-copy .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.mse-reference-copy .wp-block-button__link{background:#a56243;color:white;font-size:.8125rem;padding:13px 20px;border:1px solid #a56243}
.mse-reference-copy .is-style-outline .wp-block-button__link{background:rgba(252,250,246,.92);color:#102a3a;border:1px solid #a56243}
.mse-header{padding-top:12px;padding-bottom:12px}.mse-header .wp-block-button__link{background:#a56243}
@media(min-width:1600px){.mse-reference-hero{min-height:650px}.mse-reference-inner{padding-top:85px}.mse-reference-photo img{object-position:center 45%}}
@media(max-width:781px){.mse-reference-hero{min-height:0;padding-top:0}.mse-reference-photo{position:relative!important;height:auto;z-index:0}.mse-reference-photo img{height:auto;object-fit:contain}.mse-reference-inner{width:calc(100% - 40px);padding:28px 0 40px}.mse-reference-copy{width:100%;max-width:none!important}.mse-reference-copy h1{font-size:clamp(2.5rem,9vw,3.5rem)}.mse-reference-copy .wp-block-button__link{font-size:.875rem}}

/* More space between the headline and the photographic subjects. */
@media(min-width:1440px){.mse-reference-copy{position:relative;left:-70px}}

/* Decorative border, kept outside the readable copy area. */
.mse-reference-hero:after{content:'';position:absolute;top:0;bottom:0;left:0;width:260px;background-image:var(--mse-frise);background-repeat:no-repeat;background-position:left center;background-size:auto 100%;opacity:.65;pointer-events:none;z-index:0}
.mse-reference-inner{position:relative;z-index:1}
@media(max-width:1100px){.mse-reference-hero:after{display:none}}

/* Bring the border closer to the copy on wide screens. */
@media(min-width:1600px){.mse-reference-hero:after{left:clamp(0px,calc((100vw - 1692px)/2),120px)}}

.mse-reference-hero>.mse-hero-slogan{position:absolute!important;right:4%;bottom:35px;width:clamp(240px,21vw,390px);max-width:none!important;margin:0!important;z-index:2;pointer-events:none}
.mse-hero-slogan img{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 2px rgba(16,42,58,.35))}
@media(max-width:781px){.mse-reference-hero>.mse-hero-slogan{width:42%;min-width:0;right:3%;top:calc(50vw - 23vw);bottom:auto}}

.mse-about-hero{position:relative;isolation:isolate;overflow:hidden;background:#102a3a;color:white;min-height:420px;margin-top:0!important}
.mse-about-hero-photo{position:absolute!important;inset:0;margin:0!important;max-width:none!important;width:100%;height:100%;z-index:-2}
.mse-about-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 35%}
.mse-about-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,20,.93) 0%,rgba(7,15,20,.8) 30%,rgba(7,15,20,.12) 63%,rgba(7,15,20,.22) 100%);z-index:-1}
.mse-about-hero-inner{width:calc(100% - 64px);max-width:1160px;margin:0 auto!important;padding:48px 0}
.mse-about-hero-copy{width:48%;max-width:520px}.mse-about-hero-copy h1{font:400 clamp(3rem,5vw,4.7rem)/1.05 Georgia,serif;color:white;margin:0 0 12px}.mse-about-kicker{text-transform:uppercase;letter-spacing:3px;line-height:1.4;font-size:1rem}.mse-about-hero-copy>p:not(.mse-about-kicker){font:1.45rem/1.35 Georgia,serif}.mse-about-hero .wp-block-button__link{background:#946b20}
.mse-about-signature{position:absolute;right:5%;top:55px;color:white;font:italic clamp(1.2rem,2vw,2rem)/1.5 Georgia,serif;text-align:center;transform:rotate(-7deg);text-shadow:0 1px 3px #102a3a}
.mse-about-page .mse-section{padding-top:46px;padding-bottom:46px}.mse-about-mission .mse-split>.wp-block-column:last-child>.wp-block-columns{flex-direction:column;gap:14px!important}.mse-about-mission .mse-split>.wp-block-column:last-child>.wp-block-columns>.wp-block-column{flex-basis:auto!important}.mse-about-mission h3{font-family:Arial,sans-serif;font-size:1rem;font-weight:600}.mse-about-mission .mse-split>.wp-block-column:last-child .wp-block-group>p{margin-top:6px}.mse-about-values .mse-card{text-align:center;background:transparent;border:0;padding:20px 12px}.mse-about-values .mse-card:before{display:block;font:2.5rem/1 Georgia,serif;color:#946b20;margin:0 auto 18px}.mse-about-values .wp-block-column:nth-child(1) .mse-card:before{content:'♡'}.mse-about-values .wp-block-column:nth-child(2) .mse-card:before{content:'◇'}.mse-about-values .wp-block-column:nth-child(3) .mse-card:before{content:'◎'}.mse-about-values .wp-block-column:nth-child(4) .mse-card:before{content:'♧'}
@media(max-width:781px){.mse-about-hero-inner{width:calc(100% - 40px);padding:38px 0}.mse-about-hero-copy{width:100%}.mse-about-signature{display:none}.mse-about-hero:before{background:rgba(7,15,20,.76)}.mse-about-page .mse-section{padding-top:32px;padding-bottom:32px}}

/* Preserve the top of the subject in the shallow about-page banner. */
.mse-about-hero-photo img{object-position:65% 8%}

.mse-workshops-hero .mse-about-hero-photo img{object-position:center 35%}.mse-workshops-hero .mse-about-hero-copy{max-width:540px;width:48%}.mse-workshops-hero h1{font-size:clamp(2.6rem,4.5vw,4rem)}
@media(max-width:781px){.mse-workshops-hero .mse-about-hero-copy{width:100%}}

/* Left-align workshop copy over the darker photographic area. */
.mse-workshops-hero .mse-about-hero-copy{margin-left:0!important;margin-right:auto!important;text-align:left}

.mse-parcours-hero .mse-about-hero-photo img{object-position:65% 20%}

.mse-photo-hero .mse-about-hero-photo img{object-position:65% 18%}

.mse-collecte-hero .mse-about-hero-photo img{object-position:center 45%}.mse-collecte-hero .mse-about-hero-copy{width:50%;max-width:580px}.mse-collecte-hero h1{font-size:clamp(2.4rem,4vw,3.8rem)}
@media(max-width:781px){.mse-collecte-hero .mse-about-hero-copy{width:100%}}

.mse-impact-hero .mse-about-hero-photo img{object-position:center 10%}.mse-impact-photo img{width:100%;height:340px;object-fit:cover;border-radius:12px}.mse-impact-page #engagement-impact{scroll-margin-top:48px}@media(max-width:781px){.mse-impact-photo img{height:270px}}

.mse-partners-hero .mse-about-hero-photo img{object-position:center 8%}.mse-partners-hero .mse-about-hero-copy{max-width:600px;width:52%}.mse-partners-hero h1{font-size:clamp(2.4rem,4vw,3.8rem)}@media(max-width:781px){.mse-partners-hero .mse-about-hero-copy{width:100%}}

.mse-support-hero .mse-about-hero-photo img{object-position:center 45%}.mse-support-hero .mse-about-hero-copy{max-width:580px;width:50%}.mse-support-hero h1{font-size:clamp(2.6rem,4.5vw,4rem)}.mse-support-page #contribuer{scroll-margin-top:48px}@media(max-width:781px){.mse-support-hero .mse-about-hero-copy{width:100%}}

.mse-contact-hero .mse-about-hero-photo img{object-position:center 15%}.mse-contact-card{max-width:700px;margin-top:32px}.mse-contact-card a{overflow-wrap:anywhere}

.mse-project-hero .mse-about-hero-photo img{object-position:center 8%}.mse-project-hero h1{font-size:clamp(2.5rem,4vw,3.8rem)}.mse-project-mail{margin-top:32px}.mse-project-mail h3{overflow-wrap:anywhere}.mse-project-page #votre-projet{scroll-margin-top:48px}