/* Passe 1 : uniquement les cartes et les ouvertures des trois portfolios. */
.home-clean .portfolio-composition .portfolio-category{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:baseline;column-gap:.6rem;row-gap:1.3rem}
.home-clean .portfolio-composition .portfolio-category figure{grid-column:1/-1;position:relative;aspect-ratio:2/3;margin:0;overflow:hidden}
.home-clean .portfolio-composition .portfolio-category figure img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:none;filter:none}
.home-clean .portfolio-composition .category-table figure img{object-position:51% 50%}
.home-clean .portfolio-composition .category-produit figure img{object-position:49% 62%}
.home-clean .portfolio-composition .category-voyage figure img{object-position:50% 50%}
.home-clean .portfolio-composition .portfolio-category h3{display:block;margin:0;color:var(--ink);font-size:clamp(1.6rem,2.6vw,3rem);line-height:1.08}
.home-clean .portfolio-category h3 em{font-family:inherit;font-weight:inherit;font-style:italic;color:var(--accent)}
.home-clean .portfolio-category .category-action{float:none;margin:0;align-self:baseline}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-inner{width:min(1180px,calc(100% - 3rem));margin-inline:auto;padding-top:clamp(6rem,10vw,9rem)}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover{display:block;position:static;min-height:0;padding:clamp(4rem,7vw,6rem) 0 clamp(7rem,12vw,11rem);margin:0;border:0;text-align:left}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover>p:first-child{max-width:none;margin:0 0 1.2rem;color:#4b463f;font:600 .78rem/1.55 var(--sans);letter-spacing:.14em;text-transform:uppercase}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover h2{margin:0;max-width:none;color:var(--ink);font:500 clamp(3.7rem,9vw,8.5rem)/.82 var(--serif);letter-spacing:-.055em;overflow-wrap:normal}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover h2 em{color:var(--accent);font-family:inherit;font-weight:500;font-style:italic}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover :is(.recipe-intro,.portfolio-opening-intro){max-width:34rem;margin:clamp(1.8rem,3vw,2.8rem) 0 0;color:#3d3933;font:400 clamp(1rem,1.45vw,1.2rem)/1.55 var(--sans);letter-spacing:normal;text-transform:none}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover .recipe-intro p{margin:0}
:is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette)>.dossier-close{top:1rem;right:1.25rem;padding:.6rem .85rem;gap:.75rem;border:1px solid var(--green);background:#f3eee5;color:var(--green);font:500 .72rem/1 var(--sans);letter-spacing:.1em}
@media(max-width:760px){
 :is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-inner{width:calc(100% - 3rem);padding-top:clamp(6rem,10vw,9rem)}
 :is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover{padding:4.25rem 0 4.5rem}
 :is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette) .dossier-cover h2{font-size:clamp(3.2rem,16vw,5.6rem);line-height:1.02}
 :is(#portfolio-gastronomie,#portfolio-produit,#portfolio-recette)>.dossier-close{top:.75rem;right:.75rem}
}
@media(max-width:680px){.home-clean .portfolio-composition .portfolio-category h3{font-size:clamp(1.8rem,7vw,2.2rem)}}
/* La transition après l’ouverture n’ajoute pas de marge propre au portfolio. */
#portfolio-gastronomie .dossier-cover+.gastronomie-gallery{margin-top:0}
#portfolio-produit .dossier-cover+.product-series{margin-top:0;padding-top:0}