*{box-sizing:border-box}:root{--ink:#18212B;--muted:#65727D;--line:#DDE2E6;--paper:#F7F3EA;--blue:#18324A;--blue-dark:#10263A}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#18324A;backdrop-filter:blur(12px);z-index:10}.brand{font-weight:700;letter-spacing:-.03em;color:var(--ink);text-decoration:none;font-size:20px}.brand span{color:var(--blue)}nav{display:flex;gap:30px}nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.hero{padding:15vh 12vw 13vh;max-width:1200px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}.eyebrow.blue{color:var(--blue)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.04em}h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(56px,8vw,108px);line-height:.98;max-width:1000px;margin-top:22px}h1 em,h2 em{font-weight:400;color:var(--blue);font-style:normal}.intro{max-width:610px;color:#4f5962;font-size:19px;margin:35px 0}.button{display:inline-flex;gap:18px;align-items:center;background:var(--blue);color:#fff;text-decoration:none;padding:14px 20px;border-radius:3px;font-size:14px;font-weight:700;transition:.2s}.button:hover{background:var(--blue-dark);transform:translateY(-2px)}.work-section{padding:100px 6vw;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.section-heading h2{font-size:50px;margin-top:8px}.section-heading p{max-width:400px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin:auto}.work-card{background:#EFE8DC;border:1px solid var(--line);overflow:hidden;transition:transform .25s,box-shadow .25s}.work-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(16,19,23,.08)}.media-placeholder{height:270px;position:relative;display:flex;align-items:flex-end;padding:22px;background:#17202b}.media-placeholder.radio{background:linear-gradient(135deg,#18324A,#426B88)}.media-placeholder.radio.alt{background:linear-gradient(135deg,#314654,#6F8EA3)}.media-placeholder.radio.dark{background:linear-gradient(135deg,#202E38,#52748B)}.media-placeholder.press{background:linear-gradient(135deg,#e7e3d9,#c5c0b4)}.media-placeholder.press.dark{background:linear-gradient(135deg,#242a31,#59636e)}.media-placeholder.tv{background:linear-gradient(135deg,#17191c,#47515d)}.media-placeholder.blue-tv{background:linear-gradient(135deg,#10233e,#175bc9)}.media-label{font-size:11px;color:#fff;letter-spacing:.15em;font-weight:700}.press .media-label{color:#18212B}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;padding-left:3px}.card-content{padding:27px}.meta{font-size:11px;color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.card-content h3{font-family:"Source Serif 4",Georgia,serif;font-size:31px;margin:8px 0}.card-content p{color:var(--muted);font-size:14px;margin-bottom:20px}.card-content p strong{color:var(--ink)}.text-link{color:var(--blue);font-size:14px;font-weight:700;text-decoration:none}.text-link span,.contact-link span{margin-left:8px}.embed-note{border:1px dashed #bfc7d0;background:#f7f9fb;padding:18px;text-align:center;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.08em}.embed-note small{color:var(--muted);font-size:10px;font-weight:400;letter-spacing:0}.about-section{padding:120px 12vw;border-top:1px solid var(--line);background:#d9c9b0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:28px}.about-grid h2{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(42px,5vw,70px);line-height:1.05}.about-copy{font-size:17px;color:#4f5962}.about-copy p{margin-top:0;margin-bottom:22px}.about-copy strong{color:var(--ink)}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.skills span{border:1px solid #ccd2d8;border-radius:100px;padding:7px 12px;font-size:12px;color:#39414a}.contact-section{padding:130px 12vw;text-align:center}.contact-section h2{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(48px,6vw,82px);line-height:1.02;margin:22px auto}.contact-section p{color:var(--muted);margin:0 auto 25px}.contact-link{font-size:19px;color:var(--blue);text-decoration:none;font-weight:600}footer{background:#18324A;border-top:1px solid var(--line);padding:25px 6vw;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.article-page{max-width:900px;padding:110px 8vw}.article-page h1{font-size:clamp(48px,7vw,90px);max-width:900px;margin:24px 0}.article-lead{font-family:"Source Serif 4",Georgia,serif;font-size:24px;line-height:1.45;max-width:760px;color:#4f5962;margin:0 0 55px}.article-body{max-width:720px;font-family:"Source Serif 4",Georgia,serif;font-size:19px;line-height:1.8;margin-bottom:45px}.article-body p{margin:0 0 24px}@media(max-width:750px){.site-header{padding:0 5vw;height:70px}nav{gap:14px}nav a{font-size:12px}.hero{padding:100px 7vw 90px}h1{font-size:56px}.intro{font-size:17px}.work-section,.about-section,.contact-section{padding:80px 7vw}.section-heading,.about-grid{display:block}.section-heading p{margin-top:15px}.work-grid{grid-template-columns:1fr}.section-heading h2{font-size:42px}.about-grid h2{margin-bottom:40px}.media-placeholder{height:230px}footer{padding:22px 7vw}}
/* Hugo Barral — palette finale : crème très léger, presque blanc */
:root {
  --bg: #fbfaf7;
  --cream: #fbfaf7;
  --beige: #fbfaf7;
  --navy: #173b63;
}
body {
  background: #fbfaf7;
}
.hero-journaliste {
  display: block;
  color: #173b63;
  font-size: 1.35em;
  line-height: 1.05;
  margin-top: 0.08em;
}

/* Palette finale Hugo Barral */
:root {
  --bg: #F7F3EA;
  --cream: #F7F3EA;
  --beige: #F7F3EA;
  --accent: #D2E6E8;
}
html, body {
  background-color: #F7F3EA !important;
}
a, .accent, .eyebrow, .tag, .section-label {
  color: #D2E6E8;
}
button, .btn, .pill, .badge {
  background-color: #D2E6E8;
  border-color: #D2E6E8;
}
.hero-journaliste {
  color: #173b63;
}

/* Intégration Vimeo */
.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-top: 1rem;
  border-radius: 2px;
  background: #D2E6E8;
}
.video-embed iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.video-credit {
  margin-top: .75rem;
  font-size: .9rem;
  opacity: .75;
}

/* Intégration SoundCloud */
.audio-embed {
  width: 100%;
  margin-top: 1rem;
  overflow: hidden;
  border-radius: 2px;
}
.audio-embed iframe {
  width: 100%;
  height: 166px;
  display: block;
  border: 0;
}

/* Palette éditoriale finale */
:root {
  --paper: #F7F3EA;
  --accent: #D2E6E8;
  --navy: #173b63;
}

/* Header, footer, À propos et blocs de travaux */
header, footer, .about, .about-section, .work, .works, .project,
.work-card, .card, .portfolio-card, .project-card {
  background-color: #F7F3EA !important;
}

/* Conserver le fond général très clair */
body {
  background-color: #F7F3EA !important;
}

/* Accent bleu-vert clair */
.accent, .tag, .eyebrow {
  color: #D2E6E8;
}

.audio-embed { width:100%; margin-top:1rem; overflow:hidden; border-radius:2px; }
.audio-embed iframe { width:100%; height:166px; display:block; border:0; }
.video-embed { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:#D2E6E8; }
.video-embed iframe { width:100%; height:100%; display:block; border:0; }

/* Palette éditoriale d'origine */
:root {
  --ink: #18212B;
  --muted: #65727D;
  --line: #DDE2E6;
  --paper: #e6d8c3;
  --blue: #18324A;
  --blue-dark: #10263A;
}
body {
  background: #e6d8c3 !important;
  color: #18212B;
}
.site-header {
  background: rgba(230,216,195,.94) !important;
}
.work-card {
  background: #EFE8DC !important;
}
.button {
  background: #18324A !important;
}
.button:hover {
  background: #10263A !important;
}
h1 em, h2 em, .eyebrow.blue, nav a:hover, .brand span {
  color: #18324A !important;
}
.work-category {
  margin-top: 72px;
}
.work-category:first-child {
  margin-top: 0;
}
.category-heading {
  margin: 0 0 24px;
  color: #18324A;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.category-heading span {
  display: inline-block;
  border-left: 3px solid #18324A;
  padding-left: 12px;
}
.work-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  overflow: hidden;
  background: #17202b;
}
.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  border: 0;
}
.audio-embed {
  width: 100%;
  margin-top: 1rem;
  overflow: hidden;
}
.audio-embed iframe {
  width: 100%;
  height: 166px;
  display: block;
  border: 0;
}
@media (max-width: 760px) {
  .work-grid { grid-template-columns: 1fr; }
}


/* Palette éditoriale harmonisée */
:root{
  --accent:#B76652;
  --accent-soft:#E6CFC6;
  --blue:#18324A;
  --blue-dark:#10263A;
  --paper:#F7F3EA;
  --ink:#18212B;
  --muted:#65727D;
  --line:#DDE2E6;
}
a:hover{color:var(--accent);}
.category-heading{border-left-color:var(--accent);}
.work-card:hover{border-color:#C9BDB1;}