/* Habillage « menuiserie » : dormant anthracite, lumière du jour, carreaux, carte du gris au bleu. */

@font-face { font-family: "Franklin Repli"; src: local("Arial"), local("ArialMT"), local("Roboto"); size-adjust: 104%; }

:root { --casse: none; --a-braise: #f4d79b; }
h1, h2, .ak-h1, .ak-h2, .hero__title { font-weight: 700; letter-spacing: -.02em; }
.hero__title { font-weight: 800; line-height: 1.02; }
.site-nav .menu a, .submenu-toggle, .ak-btn, .site-footer__title, .types__count, .ak-card__more, .site-brand__name { letter-spacing: 0; }

/* Rangée de petits carreaux */
.grille { height: 22px; background:
	linear-gradient(90deg, #363c45 0 3px, transparent 3px) 0 0 / 34px 100%,
	linear-gradient(#363c45 0 3px, transparent 3px 9.5px, #363c45 9.5px 12.5px, transparent 12.5px 19px, #363c45 19px 22px),
	linear-gradient(180deg, rgb(244 215 155 / 35%), rgb(244 215 155 / 12%)); border-left: 3px solid #363c45; border-right: 3px solid #363c45; }
.hero > .grille { width: min(100% - 2rem, var(--ak-maxw)); margin: 0 auto clamp(1.75rem, 4vw, 2.75rem); }

/* La photo dans un dormant de fenêtre, avec sa parclose */
.porte { position: relative; margin: 0; padding: 14px; background: #363c45; border-radius: 4px; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%), 0 30px 60px -30px rgb(0 0 0 / 70%); }
.porte::before { content: ""; position: absolute; inset: 14px; border: 3px solid #e9ecef; border-radius: 1px; z-index: 1; pointer-events: none; }
.porte::after { content: ""; position: absolute; left: 50%; top: 14px; bottom: 14px; width: 6px; margin-left: -3px; background: #e9ecef; z-index: 1; }
.porte img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (max-width: 1023px) { .hero__media { max-width: 560px; } .porte img { aspect-ratio: 16 / 11; } }

/* Carte : du gris clair au bleu du dormant */
.ak-carte { --ak-map-0: #e3e5e7; --ak-map-1: #c9d6ea; --ak-map-2: #8ea9d6; --ak-map-3: #4a74bf; --ak-map-4: #173f86; --ak-map-stroke: var(--ak-bg); --ak-map-hover: #23272d; --ak-map-hors: var(--ak-surface); }
.zbande-sombre .home-section--fonte .ak-carte { --ak-map-0: #31363e; --ak-map-1: #49505b; --ak-map-2: #7b7461; --ak-map-3: #c9ae73; --ak-map-4: #f4d79b; }

.site-footer::before { content: ""; display: block; width: min(100% - 2rem, var(--ak-maxw)); height: 14px; margin: 0 auto; padding-top: clamp(2rem, 5vw, 3rem); box-sizing: content-box; background: linear-gradient(90deg, #4a515c 0 3px, transparent 3px) 0 0 / 34px 100% content-box, linear-gradient(#4a515c 0 2px, transparent 2px 12px, #4a515c 12px 14px) content-box; }