/* Polices d'origine (famille "tvpw") */
@font-face{font-family:tvpw;src:url(fonts/font_5.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:tvpw;src:url(fonts/font_7.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:tvpw;src:url(fonts/font_6.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:tvpw;src:url(fonts/font_4.woff2) format("woff2");font-weight:700;font-display:swap}

html{scroll-behavior:smooth}
body{font-family:tvpw,sans-serif;color:#282828}
#projects{scroll-margin-top:70px}

/* En-tête */
.site-nav{font-weight:400}
.site-nav a{color:#282828;text-decoration:none}
.site-nav a:hover{color:#000;font-weight:700}
/* Réserve la largeur du gras pour éviter le décalage au survol */
.site-nav .col-6 a[data-label]{display:inline-grid}
.site-nav .col-6 a[data-label]::before{content:attr(data-label);font-weight:700;height:0;visibility:hidden;overflow:hidden;pointer-events:none}
.brand a{font-size:1.6rem;font-weight:300}
.site-nav .social svg{width:26px;height:26px;fill:#282828}
.site-nav .social a:hover svg{fill:#4A634C}

/* Hero parallaxe */
.hero{min-height:82vh;background:url(imgs/index_15.jpg) center/cover fixed}
.hero-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;padding:1rem}
.hero-text{color:#4A634C;font-size:1.6rem;margin-bottom:1rem}
.hero-arrow{width:22px;height:22px;border-right:2px solid #4A634C;border-bottom:2px solid #4A634C;transform:rotate(45deg);transition:transform .2s}
.hero-link:hover .hero-arrow{transform:rotate(45deg) translate(3px,3px)}
@media(max-width:768px){.hero{background-attachment:scroll;min-height:60vh}}

/* Grille de couvertures */
.cover{position:relative;display:block;overflow:hidden}
.cover img{width:100%;aspect-ratio:101/79;object-fit:cover;display:block}
.cover-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;text-align:center;padding:1rem;
  background:rgba(139,171,143,.9);opacity:0;transition:opacity .2s}
.cover:hover .cover-title{opacity:1}

/* Page projet */
.project-title{font-weight:700;color:#111;font-size:clamp(1.6rem,5vw,3rem)}
.project-desc{color:#999;white-space:pre-line;font-size:1.1rem;line-height:1.5}

.site-footer{color:#bbb;font-size:.9rem}