/* votreconcentredebeaute.com : la palette (rose nude, bordeaux, or) */
:root{--nude:#f7ece6;--nude-f:#efd9cf;--bordeaux:#7d2a43;--bordeaux-f:#5a1c2f;--or:#c9a15a;--encre:#2b1b20;--gris:#6e5c60;--blanc:#fffaf7;--trait:#ead7ce}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nude);color:var(--encre);font:400 1.06rem/1.75 Hind,system-ui,sans-serif}
a{color:var(--bordeaux)}
img{max-width:100%;height:auto;display:block}
.au-miroir{position:absolute;left:-999px}.au-miroir:focus{left:1rem;top:1rem;background:var(--blanc);padding:.5rem 1rem;z-index:9}
h1,h2,h3,h4{font-family:"Bodoni Moda",Georgia,serif;font-weight:700;line-height:1.12;color:var(--encre)}

/* couvercle */
.couvercle{background:var(--encre);color:#fff;border-bottom:3px solid var(--or)}
.couvercle__in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 2rem;padding:1rem clamp(1rem,4vw,2rem)}
.monogramme{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font:500 1.15rem/1.1 "Bodoni Moda",serif;letter-spacing:.04em}
.monogramme i{display:block;font-size:.9rem;color:var(--or)}
.monogramme__vc{display:grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--or);border-radius:50%;font:700 1.05rem/1 "Bodoni Moda",serif;color:var(--or)}
.teintes{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem}
.teintes a{position:relative;padding:.3rem 0 .3rem 1rem;color:#f2e4dd;text-decoration:none;font-size:.95rem;letter-spacing:.03em}
.teintes a::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--f)}
.teintes a:hover,.teintes a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:5px}

main{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem) 3rem}

/* une de magazine */
.une-mag{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:2.5rem;align-items:end;margin:2.6rem 0 2rem}
.une-mag>*{min-width:0}
.une-mag__image{position:relative;display:block;text-decoration:none;color:#fff}
.une-mag__image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.une-mag__cartouche{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1.3rem 1.2rem;background:linear-gradient(transparent,rgba(43,27,32,.85));font:700 1.45rem/1.2 "Bodoni Moda",serif}
.une-mag__cartouche small{display:block;font:600 .74rem/1.4 Hind,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--or)}
.une-mag__txt h1{margin:0;font-size:clamp(2.4rem,5.4vw,3.8rem);font-style:italic;font-weight:500}
.une-mag__txt p{color:var(--gris);font-size:1.1rem}

/* boîtier de fards */
.boitier{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1rem;padding:1.4rem;background:var(--encre);border-radius:18px;box-shadow:inset 0 0 0 3px var(--or)}
.godet{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;text-decoration:none;color:#f2e4dd;text-align:center}
.godet__fard{display:block;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 45%),var(--f);box-shadow:inset 0 -6px 12px rgba(0,0,0,.25),0 0 0 4px #3d2a30}
.godet__n{font:500 1.05rem/1.2 "Bodoni Moda",serif}
.godet small{font-size:.78rem;color:var(--or)}
.godet:hover .godet__fard{transform:scale(1.06)}

/* parutions */
.sommaire-mag__t{margin:3rem 0 1.3rem;font-size:1.9rem;font-style:italic;font-weight:500}
.parutions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.4rem}
.parutions>li{min-width:0}
.parution{position:relative;display:block;height:100%;min-height:340px;overflow:hidden;text-decoration:none;color:#fff;background:var(--encre)}
.parution__img img{width:100%;height:100%;min-height:340px;object-fit:cover;opacity:.88;transition:transform .3s}
.parution:hover .parution__img img{transform:scale(1.04)}
.parution__c{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.35rem;padding:2.4rem 1.2rem 1.2rem;background:linear-gradient(transparent,rgba(43,27,32,.9))}
.parution__r{align-self:flex-start;padding:.15rem .55rem;background:var(--f);color:var(--encre);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.parution__t{font:700 1.25rem/1.2 "Bodoni Moda",serif;overflow-wrap:anywhere}

/* teinte */
.titre-teinte{display:flex;gap:1.3rem;align-items:center;margin:2.8rem 0 1rem}
.titre-teinte .godet__fard{flex:none;box-shadow:inset 0 -6px 12px rgba(0,0,0,.25),0 0 0 4px var(--encre)}
.titre-teinte h1{margin:0;font-size:clamp(2.1rem,4.6vw,3rem);font-style:italic;font-weight:500}
.titre-teinte p{margin:.4rem 0 0;color:var(--gris)}

/* éditorial */
.editorial{max-width:1100px;margin:2rem auto 0}
.editorial__couv{position:relative;display:grid}
.editorial__couv>img{grid-area:1/1;width:100%;max-height:560px;object-fit:cover}
.editorial__titre{grid-area:1/1;align-self:end;justify-self:start;max-width:min(720px,92%);margin:0 0 -2.5rem 2rem;padding:1.4rem 1.6rem;background:var(--blanc);border-top:5px solid var(--f,var(--bordeaux));position:relative;z-index:1}
.editorial__titre--seul{margin:2rem auto 0;max-width:820px}
.editorial__r{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.editorial__titre h1{margin:.4rem 0 .5rem;font-size:clamp(1.8rem,4.2vw,2.7rem)}
.editorial__titre p{margin:0;color:var(--gris);font-size:.92rem}
.editorial__texte{max-width:760px;margin:0 auto;padding:4rem clamp(1rem,4vw,2rem) 0;overflow-wrap:anywhere}
.editorial--simple .editorial__texte{padding-top:2rem}
.editorial__texte h2{font-size:1.65rem;margin:2.6rem 0 .8rem;font-style:italic;font-weight:500;border-bottom:1px solid var(--trait);padding-bottom:.3rem}
.editorial__texte h3{font-size:1.2rem;margin:1.8rem 0 .6rem;color:var(--bordeaux)}
.editorial__texte p{margin:0 0 1.15rem}
.editorial__texte ul,.editorial__texte ol{padding-left:1.4rem;margin:0 0 1.2rem}
.editorial__texte li{margin:.35rem 0}
.editorial__texte li::marker{color:var(--or)}
.editorial__texte blockquote{margin:1.6rem 0;padding:1rem 1.4rem;background:var(--blanc);border-left:3px solid var(--or);font-style:italic}
.editorial__texte table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.95rem;display:block;overflow-x:auto}
.editorial__texte th,.editorial__texte td{border:1px solid var(--trait);padding:.55rem .7rem;text-align:left;vertical-align:top}
.editorial__texte th{background:var(--encre);color:#fff}
.editorial__texte figure{margin:1.5rem 0}
.editorial__texte details{margin:0 0 1.4rem;padding:.8rem 1rem;background:var(--blanc)}
.editorial__texte summary{cursor:pointer;font-weight:600}

/* miroir : pied */
.miroir{margin-top:3.5rem;background:var(--encre);color:#e9d8d0;border-top:3px solid var(--or)}
.miroir__in{max-width:900px;margin:0 auto;padding:2.6rem clamp(1rem,4vw,2rem);text-align:center}
.miroir__mono{display:inline-grid;place-items:center;width:64px;height:64px;margin:0 0 1rem;border:1.5px solid var(--or);border-radius:50%;font:700 1.4rem/1 "Bodoni Moda",serif;color:var(--or)}
.miroir__d{margin:0 auto 1.4rem;max-width:640px;font:italic 500 1.1rem/1.5 "Bodoni Moda",serif}
.miroir__godets{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.3rem;margin-bottom:1.3rem}
.miroir__godets a{display:inline-flex;align-items:center;gap:.45rem;color:#fff;text-decoration:none;font-size:.92rem}
.miroir__godets span{width:16px;height:16px;border-radius:50%;background:var(--f)}
.miroir__liens{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.2rem;margin:0;font-size:.88rem}
.miroir__liens a{color:var(--or)}
.miroir__an{margin:1.2rem 0 0;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}

@media (max-width:820px){
  .une-mag{grid-template-columns:minmax(0,1fr)}
  .editorial__titre{margin:0 1rem -2rem;max-width:none}
}