/* ===== Global - typo + baseline ===== */
body {
font-family: "Helvetica Neue", Arial, sans-serif;
color: #111;
line-height: 1.45;
-webkit-font-smoothing: antialiased;
}
/* ===== Header minimal (nav simple) ===== */
.site-header {
background: transparent;
position: fixed;
top: 18px;
left: 18px;
z-index: 999;
}
.site-header a { color: #111; text-decoration: none; font-weight: 600; letter-spacing: .02em; }
/* ===== Hero image full-bleed (utiliser une Section Image pleine largeur) ===== */
.hero-section .sqs-image {
height: 100vh;
display: grid;
place-items: center;
}
.hero-section .sqs-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* ===== Gallery grid like CharlesNegre: tight grid, no gaps ===== */
.custom-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 6px;
}
@media (max-width: 980px) {
.custom-gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
.custom-gallery { grid-template-columns: 1fr; }
}
/* Ensure images cover their boxes */
.custom-gallery .gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Caption style (small, top-left) */
.custom-gallery .caption {
font-size: 12px;
color: rgba(0,0,0,0.6);
margin-top: 6px;
text-transform: none;
}
/* Lightbox / clickable hover look */
.custom-gallery .gallery-item {
position: relative;
overflow: hidden;
}
.custom-gallery .gallery-item:hover img {
transform: scale(1.02);
transition: transform .35s ease;
}
/* Small utility: fullscreen single-item page look */
.full-image {
display: grid;
place-items: center;
padding: 40px;
}
.full-image img { max-width: 100%; height: auto; }
