/* Graduel : composants des pages propres à Graduel (accueil, culture chrétienne), écrits par pages_graduel.py */
.g-hero .env{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.5rem 3.5rem;align-items:end}
.g-hero h1{font-size:clamp(2.5rem,6.5vw,4.4rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1.25rem}
.g-hero .chapeau{margin:0 0 1.75rem}
.g-hero .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem}
.g-hero .btn-contour{border-color:rgba(251,246,240,.6)}
.g-hero .btn-contour:hover{background:rgba(255,255,255,.08)}
.g-hero .garanties{font-size:.9rem;line-height:1.5;color:#DCCBD8;max-width:40rem;margin:0}
.g-compagnons{width:250px;height:auto;justify-self:center}
.g-niche{box-sizing:content-box;padding:92px 70px 26px;border-radius:200px 200px 14px 14px;
 background:radial-gradient(circle at 50% 36%,#FFF9EA 0%,#F8EBC9 52%,#EFDCAE 100%);
 box-shadow:inset 0 0 0 2px #C9971C,inset 0 0 0 8px #EFDCAE,inset 0 0 0 9px #C9971C}
.g-compagnons.g-niche{width:260px;align-self:center}
@media (max-width:64em){.g-compagnons.g-niche{width:220px;padding:78px 60px 22px;border-radius:170px 170px 12px 12px}}
.g-visite{position:relative;margin:0 0 1.25rem;width:262px;max-width:100%}
.g-visite .g-peint{display:block;width:200px;height:auto;border-radius:4px;margin:0}
.g-visite .g-devant{position:absolute;right:0;bottom:-8px;height:64%;width:auto;max-width:none;margin:0;border-radius:0;
 filter:drop-shadow(0 10px 12px rgba(42,20,40,.22))}
.g-grandir{list-style:none;margin:2.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.25rem 2.75rem}
.g-grandir li{display:flex;flex-direction:column;align-items:center;gap:.7rem}
.g-grandir img{height:230px;width:auto}
.g-grandir span{font:600 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--or-encre)}
.g-portrait{width:230px;height:auto;justify-self:center;border-radius:4px;box-shadow:0 24px 40px -18px rgba(0,0,0,.6)}
.g-fil{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.75rem;padding:0;font-size:.875rem;color:#DCCBD8}
.g-fil li+li::before{content:"›";margin-right:.5rem}
.g-fil a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.g-chiffres{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin:2rem 0 0;padding:0;list-style:none}
.g-chiffres b{display:block;font:500 2.4rem/1 var(--serif)}
.g-chiffres span{font-size:.9rem;color:#DCCBD8}
.g-tete{max-width:46rem;margin:0 0 2.5rem}
.g-tete p:not(.etiq){color:var(--encre-douce);margin:1rem 0 0;line-height:1.6}
.sombre .g-tete p:not(.etiq){color:#E9DDE6}
.g-trois{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:2rem 3rem}
.g-trois h3{margin:0 0 .6rem}
.g-trois p{margin:0;color:var(--encre-douce);line-height:1.6}
.g-cycles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:2.5rem 3rem}
.g-cycle > img{width:100%;max-width:200px;height:auto;border-radius:4px;display:block;margin:0 0 1.25rem}
.g-sous{font:600 .75rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--or-encre);margin:.4rem 0 .5rem}
.g-classes{margin:0}
.g-classes dt{font-weight:600;margin:1rem 0 .2rem}
.g-classes dd{margin:0;color:var(--encre-douce);font-size:.95rem;line-height:1.5}
.g-lien{display:inline-block;margin-top:2.25rem;font-weight:600;color:var(--aubergine);text-decoration:underline;text-underline-offset:.2em}
.g-saints{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:2rem 3rem}
.g-saint{display:grid;grid-template-columns:130px minmax(0,1fr);gap:1.5rem;align-items:start}
.g-saint img{width:130px;height:auto;border-radius:4px}
.g-saint h3{margin:0 0 .6rem}
.g-saint p{margin:0 0 .6rem;color:var(--encre-douce);line-height:1.55}
.g-saint .g-fete{font-weight:600;color:var(--or-encre)}
.g-apres{margin:2.25rem 0 0;max-width:46rem;color:var(--encre-douce);line-height:1.6}
.g-lien-court{font-weight:600;color:var(--aubergine);text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}
.g-engagements{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:0 3rem}
.g-engagements li{border-top:1px solid var(--trait);padding:1.1rem 0 1.4rem}
.g-engagements b{display:block;font:500 1.4rem/1.2 var(--serif);margin:0 0 .45rem}
.g-engagements p{margin:0;line-height:1.6;color:var(--encre-douce)}
.sombre .g-engagements p{color:#E9DDE6}
.sombre .g-engagements a{color:var(--creme);text-decoration:underline;text-underline-offset:.2em}
.g-marches{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;max-width:46rem}
.g-marches li{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding:1rem 1.15rem;background:var(--creme);border:1px solid var(--trait);border-radius:4px}
.g-marches .g-m{font:600 .75rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--or-encre)}
.g-marches q{display:block;line-height:1.5;quotes:"«\00a0" "\00a0»"}
.g-marches small{display:block;color:var(--encre-douce);margin-top:.35rem;font-size:.9rem}
.g-imagier{display:flex;gap:1rem;flex-wrap:wrap;margin:1.25rem 0 0}
.g-imagier img{width:110px;height:auto;border-radius:4px}
.g-annee{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:2.5rem 4rem;align-items:start}
.g-annee aside{position:sticky;top:6.5rem}
.g-annee aside img{width:100%;height:auto;border-radius:4px;display:block}
.g-annee aside p{font-size:.85rem;color:var(--encre-douce);margin:.5rem 0 0}
.g-classe{margin:0 0 2.25rem}
.g-classe:last-child{margin-bottom:0}
.g-classe h3{margin:0 0 .75rem}
.g-classe ul{list-style:none;margin:0;padding:0}
.g-classe li{border-top:1px solid var(--trait);padding:.85rem 0;line-height:1.55}
.g-classe li b{display:block;font-weight:600;margin-bottom:.15rem}
.g-classe li span{color:var(--encre-douce);font-size:.95rem}
.g-faq{max-width:46rem}
.g-faq h3{font-size:1.45rem;margin:2rem 0 .5rem}
.g-faq h3:first-child{margin-top:0}
.g-faq p{margin:0;color:var(--encre-douce);line-height:1.6}
.g-fin{margin:2.5rem 0 0}
@media (max-width:48em){
 .g-hero .env{grid-template-columns:1fr}
 .g-compagnons{width:190px}
 .g-compagnons.g-niche{width:180px;padding:64px 46px 18px;border-radius:136px 136px 12px 12px}
 .g-portrait{width:180px}
 .g-annee{grid-template-columns:1fr}
 .g-annee aside{max-width:262px;position:static}
}
@media (max-width:40em){
 .g-marches li{grid-template-columns:1fr;gap:.35rem}
 .g-visite{width:200px}
 .g-visite .g-peint{width:150px}
 .g-grandir{display:grid;grid-template-columns:repeat(2,max-content);gap:1.25rem 2rem}
 .g-grandir img{height:150px}
 .g-saint{grid-template-columns:96px minmax(0,1fr);gap:1rem}
 .g-saint img{width:96px}
}