/* Une colonne centrale et des marges blanches généreuses. */
html{background:#fff}
body{max-width:1040px;margin:0 auto;background:var(--gray)}
header{padding:24px 5%}
nav{gap:20px;font-size:11px}
.hero{display:block;min-height:0;padding:0 7%}
.hero-copy{padding:65px 0 0}
.hero h1{font-size:clamp(36px,4vw,54px);line-height:1.18;letter-spacing:-2px;max-width:820px}
.hero .lead{max-width:650px}
.hero-art{display:none}
.hero-foot{margin:25px 0 0;padding:0}
.hero-faces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:35px 0 55px}
.hero-person{display:block;min-width:0}
.hero-person img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center 30%;border-radius:12px;background:#e9e3f0;filter:grayscale(1);transition:filter .25s}
.hero-person:hover img{filter:grayscale(0)}
.hero-person strong{display:block;margin-top:12px;font-size:15px}
.hero-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.hero-tags span{font-size:9px;line-height:1.4;background:#e7dcfa;padding:5px 7px}
.hero-person:nth-child(even) .hero-tags span{background:#ffddd5}
.section{padding:70px 7%}
h2{font-size:clamp(30px,3.3vw,44px)}
.members-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.portrait{height:165px}
.member-copy h3{font-size:23px}
.member-copy{padding:20px 14px}
@media(max-width:800px){body{max-width:calc(100% - 40px)}nav{gap:12px;font-size:9px}.members-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait{height:185px}.hero-faces{gap:12px}.hero-person strong{font-size:12px}.hero-tags span{font-size:8px}}
@media(max-width:600px){body{max-width:calc(100% - 24px)}header{padding:18px 6%}.hero{padding:0 6%}.hero-copy{padding-top:40px}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding-bottom:35px}.hero-person strong{font-size:14px}.hero-tags span{font-size:9px}.section{padding:50px 6%}.members-grid{grid-template-columns:1fr}.portrait{height:200px}}