/* Header commun + page Projets uniquement. Logo original et autres pages conservés. */
.header{background:#e9ded0;border-bottom:1px solid #c9b59e;backdrop-filter:none}
.header .header-inner{min-height:88px;max-width:1600px;padding:0 4vw;gap:24px}
.header .brand{min-width:150px;flex:none;align-self:stretch;justify-content:center;padding:8px 16px 8px 0}
.header .brand img{width:158px;height:auto;object-fit:contain}
.header .nav{gap:clamp(14px,1.7vw,27px)}
.header .nav a{font-size:11px;letter-spacing:.1em;padding:8px 0;color:#3b2a1e}
.header .nav a.active{border-bottom:1px solid #78583e}
.header .button{background:#795b43;border-color:#795b43;color:#faf4e9;padding:14px 20px;font-size:11px;letter-spacing:.1em;transform:none}
.header .button:hover{background:#62452f;border-color:#62452f;transform:none}
.portfolio-page{background:#faf4e9}
.portfolio-page .portfolio-hero{position:relative;display:grid;isolation:isolate;overflow:hidden;background:#342219}
.portfolio-page .portfolio-hero-photo{grid-area:1/1;display:block;width:100%;height:clamp(420px,43vw,650px);object-fit:cover;object-position:center;filter:none}
.portfolio-page .portfolio-hero:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(35,23,15,.75),rgba(35,23,15,.28) 58%,transparent);pointer-events:none}
.portfolio-page .portfolio-hero-copy{grid-area:1/1;position:relative;z-index:1;align-self:center;width:100%;padding:40px 6vw;color:#faf4e9}
.portfolio-page .portfolio-hero .eyebrow{color:#e6cfaf;font-size:12px}
.portfolio-page .portfolio-hero h1{font-size:clamp(60px,7vw,104px);margin:16px 0 20px;line-height:1;letter-spacing:-.025em}
.portfolio-page .portfolio-hero-copy p{color:#faf4e9;max-width:620px;font-size:16px;line-height:1.7;margin:0}
.portfolio-page .portfolio-hero-copy .portfolio-hero-lead{font-size:19px;max-width:650px;margin-bottom:16px}
.portfolio-page .portfolio-body.shell{max-width:1600px;padding:0 4vw 0}
.portfolio-page .portfolio-filters{display:flex;align-items:center;gap:clamp(20px,3.5vw,58px);margin:0;padding:22px 0 18px;border-top:0;border-bottom:1px solid #cbb499;flex-wrap:wrap}
.portfolio-page .portfolio-filter{font-size:12px;color:#705137;padding:6px 0;letter-spacing:.12em}
.portfolio-page .portfolio-filter[aria-pressed=true]{color:#342219;border-color:#795b43}
.portfolio-page .portfolio-layout{display:block;columns:2;column-gap:28px;padding-top:24px}
.portfolio-page .portfolio-project:nth-of-type(n){display:inline-block;width:100%;padding:0;margin:0 0 30px;break-inside:avoid;vertical-align:top;transform:none}
.portfolio-page .portfolio-project:nth-of-type(n) .portfolio-media{height:auto;min-height:0;max-height:none;aspect-ratio:auto;background:#e6cfaf;overflow:hidden}
.portfolio-page .portfolio-media img{width:100%;height:auto;object-fit:contain;transform:none}
.portfolio-page .portfolio-project:hover .portfolio-media img{transform:none;opacity:.95}
.portfolio-page .portfolio-media-mark,.portfolio-page .portfolio-media:after{display:none}
.portfolio-page .portfolio-caption{padding:12px 0 14px;border-color:#bd936a;gap:14px}
.portfolio-page .portfolio-caption h2{font-size:clamp(27px,2.7vw,39px);line-height:1.15}
.portfolio-page .portfolio-respite{margin-top:8px;padding:32px 24px;background:#e6cfaf;text-align:left;border:0}
.portfolio-page .portfolio-respite h2{font-size:clamp(37px,4.5vw,60px);margin-bottom:12px}
.portfolio-page .portfolio-respite p{color:#65452d;font-size:17px}
.portfolio-page .home-final-cta{padding:34px 0;background:#342219}
.portfolio-page .home-final-cta h2{font-size:clamp(38px,4.6vw,64px);margin:12px 0 0}
.portfolio-page .home-final-inner{gap:26px}
@media(min-width:1500px){.portfolio-page .portfolio-layout{columns:3}}
@media(max-width:1023px){.header .header-inner{min-height:82px;gap:18px}.header .brand img{width:140px}.header .nav{top:82px;background:#e9ded0;border-color:#c9b59e}.header .nav a{font-size:13px}.header .button{padding:12px 16px}}
@media(max-width:700px){.header .header-inner{min-height:76px;padding:0 5vw;gap:12px}.header .brand{min-width:0;padding:8px 0}.header .brand img{width:124px}.header .nav{top:76px}.header .button{font-size:9px;padding:11px 12px;letter-spacing:.07em}.portfolio-page .portfolio-hero-photo{height:500px;object-position:55% center}.portfolio-page .portfolio-hero-copy{padding:30px 6vw}.portfolio-page .portfolio-hero h1{font-size:60px}.portfolio-page .portfolio-hero-copy p{max-width:100%;font-size:15px}.portfolio-page .portfolio-hero-copy .portfolio-hero-lead{font-size:18px}.portfolio-page .portfolio-body.shell{padding:0 5vw}.portfolio-page .portfolio-filters{gap:12px 24px;padding:16px 0}.portfolio-page .portfolio-layout{columns:1;padding-top:20px}.portfolio-page .portfolio-project:nth-of-type(n){margin-bottom:24px}.portfolio-page .portfolio-respite{padding:24px 20px}.portfolio-page .home-final-cta{padding:28px 0}}

/* Logo officiel intact : fond gris neutralisé à l'affichage, fusion au fond chaud.
   255 / 224 transforme le gris uni en blanc ; multiply rend ce blanc invisible.
   Aucun redessin, masque ou remplacement des lettres, du nom ou du slogan. */
.header .brand{min-width:220px;width:220px;padding:0;background:transparent;isolation:auto}
.header .brand img{width:220px;height:auto;max-width:none;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:1}
.header .header-inner{min-height:106px}
@media(max-width:1023px){.header .brand{min-width:190px;width:190px}.header .brand img{width:190px}.header .header-inner{min-height:94px}.header .nav{top:94px}}
@media(max-width:700px){.header .brand{min-width:156px;width:156px}.header .brand img{width:156px}.header .header-inner{min-height:80px}.header .nav{top:80px}}
body.home-page .header{position:relative;background:#e9ded0;border:0;isolation:isolate}
body.home-page .header .header-inner{min-height:146px;max-width:1800px;padding:0 4vw;gap:28px;position:relative;z-index:2}
body.home-page .header .brand{position:relative;width:330px;min-width:330px;height:146px;overflow:visible;align-self:center}
body.home-page .header .brand img{position:absolute;left:-49px;top:-15px;width:470px;height:auto;filter:none;mix-blend-mode:normal;opacity:1;pointer-events:none}
body.home-page .header .nav{gap:clamp(18px,2vw,34px)}
body.home-page .header .nav a{font-size:11px;letter-spacing:.13em}
body.home-page .header>.header-inner>.button{background:#342219;border-color:#342219;padding:18px 24px}
body.home-page .header:after{content:'';position:absolute;left:0;right:0;top:calc(100% - 1px);height:150px;z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 150' preserveAspectRatio='none'%3E%3Cpath fill='%23e9ded0' d='M0 0H1600V12C1360 32 1180 -12 1010 3C830 10 717 138 505 144C300 150 266 73 0 108Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
body.home-page .home-hero-copy{padding-top:145px;padding-bottom:40px;align-self:center}
@media(min-width:1101px){body.home-page .home-hero h1{font-size:clamp(52px,5.7vw,92px)}}
@media(max-width:1200px) and (min-width:1024px){body.home-page .header .header-inner{gap:18px;padding:0 3vw}body.home-page .header .brand{width:265px;min-width:265px}body.home-page .header .brand img{width:405px;left:-45px;top:0}body.home-page .header .nav{gap:15px}body.home-page .header .nav a{font-size:10px}body.home-page .header>.header-inner>.button{padding:15px 16px;font-size:10px}}
@media(max-width:1023px){body.home-page .header .header-inner{min-height:130px}body.home-page .header .brand{width:300px;min-width:300px;height:130px}body.home-page .header .brand img{width:430px;left:-45px;top:-15px}body.home-page .header .nav{top:130px;z-index:4}body.home-page .header:after{height:100px}body.home-page .home-hero-copy{padding-top:100px;padding-bottom:30px}}
@media(max-width:700px){body.home-page .header .header-inner{min-height:112px;gap:10px;padding:0 5vw;flex-wrap:wrap}body.home-page .header .brand{width:170px;min-width:170px;height:112px;margin-right:auto}body.home-page .header .brand img{width:260px;left:-28px;top:9px}body.home-page .header>.header-inner>.button{padding:12px 9px;font-size:8px;letter-spacing:.04em}body.home-page .header .nav{top:112px}body.home-page .header:after{height:70px}body.home-page .home-hero-copy{padding:28px 6vw}body.home-page .home-hero-photo{min-height:240px}body.home-page .home-hero-photo img{height:100%;min-height:240px;object-fit:cover;object-position:center}}

/* Colorimétrie Accueil : teintes existantes, fond du fichier rendu transparent. */
body.home-page .header .nav a{color:#3b2a1e}
body.home-page .header .nav a:hover{color:#76563d}
body.home-page .header>.header-inner>.button:hover{background:#76563d;border-color:#76563d}

/* Finition du header Accueil : aucun cartouche ; menu chocolat lisible. */
body.home-page .header .brand,body.home-page .header .brand img{background:transparent;border:0;box-shadow:none;outline:0}
body.home-page .header .nav a{color:#342219;font-weight:400;opacity:1}
body.home-page .header .nav a.active{color:#342219;border-bottom:1px solid #342219}
body.home-page .header>.header-inner>.button{color:#faf4e9}

/* Correction ciblée du menu de l’Accueil : chocolat ADN et graisse 600. */
body.home-page .header .nav a,body.home-page .header .nav a.active{color:#342219;font-weight:600}

/* Fichier officiel unique intact. Le fond du header reprend son fond opaque. */
.header .brand img,body.home-page .header .brand img{filter:none;mix-blend-mode:normal;opacity:1;clip-path:none;mask:none;box-shadow:none}

/* Fond gris seul rendu transparent : couleurs originales conservées via SourceGraphic. */
.header .brand img,body.home-page .header .brand img{filter:url(#adn-logo-background-only)}

/* Graisse uniforme du menu principal sur toutes les routes. */
.header .nav a,.header .nav a.active,body.home-page .header .nav a,body.home-page .header .nav a.active{font-weight:600}