/* Réglages visuels du portfolio — export CMS */
:root{--bg:#f7f6f2;--ink:#222421;--muted:#888981;--line:#dcdcd5;}
.intro h1 .hero-second{color:#a5a59epx;}
.project-tile .image-frame{background:#f7f6f2px;}
body{font-family:'Helvetica Neue',Arial,sans-serif;}
body{font-size:16px;}
.wordmark{font-size:19px;}
.wordmark{font-weight:600;}
.intro h1{font-size:7.1vw;}
.intro h1{font-weight:500;}
.intro h1{letter-spacing:-0.075em;}
.intro h1{line-height:1.01;}
.tile-caption strong{font-size:15px;}
.tile-caption strong{font-weight:500;}
.tile-caption{font-size:12px;}
.detail-heading h1{font-size:9vw;}
.detail-description{font-size:22px;}
.about-text{font-size:3.2vw;}
.container{max-width:1600px;}
.container{padding-left:4.2%;padding-right:4.2%;}
.site-header{padding-top:25px;padding-bottom:25px;}
.projects{row-gap:62px;}
.projects{column-gap:24px;}
.projects{grid-template-columns:repeat(2,minmax(0,1fr));}
.intro{padding-top:79px;}
.intro{padding-bottom:64px;}
.detail-gallery{gap:25px;}
.project-tile .image-frame{aspect-ratio:1.777;}
.project-tile .image-frame{border-radius:0px;}
.project-tile img{object-fit:contain;}
.project-tile:hover img{transform:scale(1.045);}
.section-header{border-top-width:1px;}
.site-header nav{gap:37px;}
 .project-tile .image-frame img{object-fit:contain}
@media(max-width:800px){
.container{padding-left:5%;padding-right:5%;}
.intro h1{font-size:10vw;}
.projects{row-gap:40px;}
}

/* Polices importées via le CMS */

/* Styles typographiques réutilisables */
.intro-bottom .intro-role{font-family:'DM Sans',Arial,sans-serif;font-size:42px;font-weight:500;line-height:1.08;letter-spacing:-0.04em;color:#222421;text-transform:none;overflow-wrap:anywhere;}

/* CSS avancé, prioritaire sur les réglages */