/* ==========================================================================
   MICKAEL STONE Paris — page.css
   Styles des pages éditoriales (Entretien, Guide des tailles, Livraison &
   retours, Qui sommes-nous) : nav simplifiée, en-tête, contenu texte/tableaux,
   note vendeur, et rendu "portrait + ADN" propre à la page Qui sommes-nous.
   Le style .footer v2 est factorisé dans footer.css, chargé après ce fichier.
   ========================================================================== */

:root{--noir:#1a1a1a;--gris:#757575;--ligne:#ececec}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Jost',sans-serif;font-weight:300;color:var(--noir);background:#fff;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:780px;margin:0 auto;padding:0 22px}
nav{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--ligne);z-index:100}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1280px;margin:0 auto;padding:0 22px}
.back{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase}
nav img{height:44px;width:auto;max-width:46vw;object-fit:contain}
header{text-align:center;padding:64px 22px 10px}
.eyebrow{display:block;font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:#9b9b9b;margin-bottom:12px}
h1{font-weight:400;text-transform:uppercase;letter-spacing:.2em;font-size:clamp(1.45rem,5.4vw,2.1rem)}
.intro{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.35rem;color:#55555A;margin-top:18px}
main{padding:40px 0 84px}
main p{color:#3E3E40;font-size:1.02rem;margin:0 0 20px}
h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.4rem,4.4vw,1.85rem);margin:44px 0 16px}
main h2:first-child{margin-top:0}
ul{list-style:none;margin:0 0 20px}
ul li{position:relative;padding-left:22px;color:#3E3E40;font-size:1.02rem;margin-bottom:10px}
ul li::before{content:"—";position:absolute;left:0;color:#B9B097}
table{width:100%;border-collapse:collapse;margin:6px 0 26px;font-size:.96rem}
th{font-weight:400;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:#6B6B6E;text-align:left;padding:10px 12px;border-bottom:1px solid #1a1a1a}
td{padding:12px;border-bottom:1px solid var(--ligne);color:#3E3E40}
.note{background:#F4F2ED;border:1px solid #E8E5DE;padding:22px 24px;font-size:.95rem;line-height:1.95;margin:34px 0 0}
.note b{font-weight:500;letter-spacing:.06em}
.cta{display:block;text-align:center;margin:56px 0 0}
.cta a{font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid var(--noir);padding-bottom:5px}


/* ---------- À PROPOS v2 : lisibilité + portrait ---------- */
body{font-size:16px}
main{padding:40px 0 84px}
main p.txt{color:#3E3E40;font-size:1.04rem;line-height:2.05;margin:0 0 24px}
.intro{color:#55555A;font-size:1.35rem}
h1{font-size:clamp(1.45rem,5.4vw,2.1rem)}
.h2-adn{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(1.5rem,4.6vw,2rem);text-align:center;margin:46px 0 26px}
.portrait{margin:6px auto 14px;max-width:480px}
.portrait img{width:100%;height:auto;display:block}
.portrait figcaption{margin-top:12px;text-align:center;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#8A8A8E}
.quote{font-size:1.32rem;line-height:1.8;margin:44px 0}
.adn-vals b{font-size:.72rem}
.adn-vals p{font-size:.9rem;color:#4A4A4C;line-height:1.9}