/* En-tête commun : identité et navigation, sans modifier les contenus des pages. */
@font-face{font-family:'Bricolage Grotesque';src:url('fonts/BricolageGrotesque-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.gp-common-header{background:#ddd8cd;color:#2b2d2f;position:relative;z-index:20}
.gp-common-inner{box-sizing:border-box;position:relative;width:min(100% - 128px,1312px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px}
.gp-common-header .gp-common-brand{display:flex;flex:none;flex-direction:row;align-items:center;gap:16px;color:#3f4e34;text-decoration:none;font:700 26px/1 'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.03em}
.gp-common-header .gp-common-motto{display:block;font:italic 15px/1.4 Georgia,serif;letter-spacing:0;color:#3f4e34}
.gp-common-header .gp-common-nav{display:flex;align-items:center;gap:24px;font:400 15px/1.6 Manrope,Arial,sans-serif}
.gp-common-header .gp-common-nav>a{display:flex;align-items:center;min-height:44px;color:#2b2d2f;text-decoration:none;white-space:nowrap}
.gp-common-header .gp-common-nav>a:hover{text-decoration:underline}
.gp-common-header .gp-common-nav>a.gp-common-cta{gap:18px;justify-content:center;min-height:56px;padding:16px 24px;background:#822941;color:#ddd8cd;border:1px solid transparent;border-radius:2px;font-weight:700;font-size:16px;line-height:1.4}
.gp-common-header .gp-common-menu{display:none;box-sizing:border-box;background:none;border:1px solid #3f4e34;border-radius:0;min-height:44px;padding:8px 16px;color:#2b2d2f;font:400 15px/1.6 Manrope,Arial,sans-serif;cursor:pointer}
.gp-common-header :is(a,button):focus-visible{outline:3px solid #822941;outline-offset:4px}
@media(max-width:1350px){.gp-common-header .gp-common-menu{display:block;flex:none}.gp-common-header .gp-common-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#ddd8cd;border:1px solid #3f4e34;padding:20px;z-index:20}.gp-common-header .gp-common-nav:is(.open,.is-open){display:flex;flex-direction:column;align-items:stretch;gap:8px}.gp-common-header .gp-common-nav>a{white-space:normal}}
@media(max-width:1100px){.gp-common-inner{width:calc(100% - 64px)}.gp-common-header .gp-common-brand{font-size:24px}}
@media(max-width:800px){.gp-common-inner{width:calc(100% - 48px);gap:12px;padding-block:20px}.gp-common-header .gp-common-brand{font-size:22px;line-height:1.05}.gp-common-header .gp-common-motto{font-size:13px}}
@media(max-width:360px){.gp-common-inner{width:calc(100% - 32px);gap:8px}.gp-common-header .gp-common-menu{padding-inline:12px}}

.gp-header-audio{background:#ddd8cd;color:#2b2d2f;border-top:1px solid #aaa697;border-bottom:1px solid #aaa697}
.gp-header-audio>summary{box-sizing:border-box;width:min(100% - 128px,1312px);margin-inline:auto;min-height:44px;padding-block:10px;font:400 15px/1.6 Manrope,Arial,sans-serif;cursor:pointer}
.gp-header-audio #audio-a01{scroll-margin-top:24px}
@media(max-width:1100px){.gp-header-audio>summary{width:calc(100% - 64px)}}
@media(max-width:800px){.gp-header-audio>summary{width:calc(100% - 48px)}}
@media(max-width:360px){.gp-header-audio>summary{width:calc(100% - 32px)}}

/* Deux rangées sur ordinateur : découverte et confiance, puis services. */
@media(min-width:1351px){
.gp-common-header .gp-common-nav{display:grid;grid-template-columns:repeat(5,max-content);column-gap:24px;row-gap:4px}
.gp-common-header .gp-common-nav>a:nth-child(1){grid-area:1/1/2/3;font-size:14px;min-height:32px}
.gp-common-header .gp-common-nav>a:nth-child(2){grid-area:1/3;font-size:14px;min-height:32px}
.gp-common-header .gp-common-nav>a:nth-child(3){grid-area:1/4;font-size:14px;min-height:32px}
.gp-common-header .gp-common-nav>a:nth-child(8){grid-area:1/5;font-size:14px;min-height:32px}
.gp-common-header .gp-common-nav>a:nth-child(4){grid-area:2/1}
.gp-common-header .gp-common-nav>a:nth-child(5){grid-area:2/2}
.gp-common-header .gp-common-nav>a:nth-child(6){grid-area:2/3}
.gp-common-header .gp-common-nav>a:nth-child(7){grid-area:2/4}
.gp-common-header .gp-common-nav>a:nth-child(9){grid-area:2/5}
}
/* Accueil : détails accessibles à la demande sur téléphone, contenus conservés. */
.gp-mobile-more>summary{display:none}
@media(max-width:800px){
.gp-mobile-more{margin:0;padding:0;border-top:1px solid #aaa697;background:#ddd8cd}
.gp-mobile-more>summary{display:list-item;box-sizing:border-box;cursor:pointer;min-height:56px;padding:16px 24px;font:600 15px/1.5 Manrope,Arial,sans-serif;color:#3f4e34;list-style-position:inside}
.gp-mobile-more[open]>summary{border-bottom:1px solid #aaa697}
.gp-mobile-more .gp-mobile-more>summary{padding-inline:0}
.gp-header-audio:has(>summary:focus-visible),.gp-mobile-more:has(>summary:focus-visible){outline:3px solid #822941;outline-offset:-3px}
}

@media(max-width:800px){.gp-mobile-offer>summary{padding-inline:0}.gp-mobile-offer{border-top:1px solid #aaa697}.gp-mobile-offer .price-row{border-top:0}}

.gp-roots-portrait{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center;margin:24px 0}
.gp-roots-portrait img{width:100px;height:auto}
.gp-roots-portrait figcaption{font:400 15px/1.5 Manrope,Arial,sans-serif}
@media(max-width:360px){.gp-roots-portrait{grid-template-columns:76px minmax(0,1fr);gap:12px}.gp-roots-portrait img{width:76px}}

.gp-roots-origin-pair{margin:24px 0;max-width:520px}
.gp-roots-origin-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.gp-roots-origin-images figure{margin:0;min-width:0}
.gp-roots-origin-images img{display:block;width:100%;height:220px;object-fit:contain}
.gp-roots-origin-pair figcaption{font:400 15px/1.5 Manrope,Arial,sans-serif}
.gp-roots-origin-images figcaption{font-size:13px;margin-top:8px}
@media(max-width:800px){.gp-roots-origin-images{gap:12px}.gp-roots-origin-images img{height:190px}}
@media(max-width:360px){.gp-roots-origin-images img{height:160px}}

/* Portrait de famille : passe-partout et filet doré, dessin intact. */
.gp-roots-portrait{grid-template-columns:130px minmax(0,1fr);gap:20px}
.gp-roots-portrait img.gp-andree-framed{box-sizing:border-box;width:130px;height:auto;padding:12px;background:#fcf7e7;border:4px double #bca16b;box-shadow:0 0 0 1px #76613f,0 7px 18px #18221155}
.gp-origin-more{margin:20px 0}
.gp-origin-more .gp-roots-origin-pair{padding:16px}
@media(max-width:360px){.gp-roots-portrait{grid-template-columns:105px minmax(0,1fr);gap:14px}.gp-roots-portrait img.gp-andree-framed{width:105px;padding:9px}}

/* Identité de l’atelier : portrait rond d’Andrée, visuel intégral conservé. */
.gp-common-header .gp-common-portrait{display:block;flex:none;width:80px;height:80px;object-fit:contain}
.gp-common-header .gp-common-wordmark{display:flex;flex-direction:column;gap:8px;min-width:0}
@media(max-width:800px){.gp-common-header .gp-common-brand{gap:12px}.gp-common-header .gp-common-portrait{width:56px;height:56px}}
@media(max-width:360px){.gp-common-header .gp-common-brand{gap:10px}.gp-common-header .gp-common-portrait{width:44px;height:44px}}

/* Ordinateur : rapprocher identité et navigation, équilibrer le bouton de contact. */
@media(min-width:1351px){
.gp-common-inner{width:min(100% - 128px,1120px);justify-content:center;gap:48px}
.gp-common-header .gp-common-nav{column-gap:20px;row-gap:6px}
.gp-common-header .gp-common-nav>a.gp-common-cta{min-height:48px;padding:12px 20px;font-size:15px}
.gp-common-header .gp-common-portrait{width:88px;height:88px}
}

/* Aperçu : identité centrée au-dessus d’une navigation horizontale. */
@media(min-width:1351px){
.gp-common-inner{width:min(100% - 128px,1312px);flex-direction:column;gap:18px;padding-block:20px}
.gp-common-header .gp-common-portrait{width:96px;height:96px}
.gp-common-header .gp-common-nav{display:flex;flex-wrap:nowrap;justify-content:center;gap:18px;width:100%}
.gp-common-header .gp-common-nav>a{min-height:44px;font-size:14px}
.gp-common-header .gp-common-nav>a.gp-common-cta{min-height:48px;font-size:15px;padding:12px 18px}
}

/* Deux accès directs aux exemples, sans élargir le menu au-delà de son cadre. */
@media(min-width:1351px){.gp-common-header .gp-common-nav{gap:12px;flex-wrap:wrap}}