/* Style Panorama : grande photo en fond du haut de l'accueil, recherche au premier plan. */

.style-panorama { --ak-radius: max(var(--ak-radius-u), 10px); }

/* En-tête posé sur la photo, sur l'accueil seulement */
.style-panorama.home .site-header { position: absolute; inset: 0 0 auto; background: linear-gradient(180deg, color-mix(in oklab, var(--z-bg) 70%, transparent), transparent); border-bottom: 0; transition: background-color .25s var(--ak-ease), box-shadow .25s var(--ak-ease); }
.style-panorama.home.has-sticky-header .site-header { position: fixed; }
.style-panorama.home.admin-bar .site-header { top: 32px; }
.style-panorama.home .site-header.is-scrolled { background: var(--z-bg); box-shadow: 0 10px 30px -18px rgb(0 0 0 / 60%); }

.hero--panorama { position: relative; isolation: isolate; display: grid; align-items: end; min-height: clamp(560px, 88vh, 860px); }
.hero--panorama .hero__fond { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.hero--panorama::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, color-mix(in oklab, var(--z-bg) 94%, transparent) 0%, color-mix(in oklab, var(--z-bg) 72%, transparent) 42%, color-mix(in oklab, var(--z-bg) 20%, transparent) 100%); }
.hero--panorama .hero__inner { padding-block: 110px clamp(2.5rem, 7vw, 5rem); grid-template-columns: minmax(0, 1fr); }
.hero--panorama .hero__text { max-width: 50rem; }
.hero--panorama .hero__title { font-size: calc(clamp(2.6rem, 1.3rem + 4.6vw, 5.2rem) * var(--a-scale, 1)); max-width: 11em; text-shadow: 0 2px 24px rgb(0 0 0 / 30%); }
.hero--panorama .hero__lead { max-width: 38rem; }
.hero--panorama .ak-search { max-width: 42rem; }
.hero--panorama .ak-search__row { min-height: 64px; box-shadow: 0 24px 50px -24px rgb(0 0 0 / 70%); }

@media (min-width: 1024px) {
	.style-panorama.admin-bar.home:not(.has-sticky-header) .site-header { top: 32px; }
}
@media (max-width: 782px) {
	.style-panorama.home.admin-bar .site-header { top: 0; }
}
@media (max-width: 767px) {
	.hero--panorama { min-height: 0; }
	.hero--panorama .hero__inner { padding-top: 140px; }
}

.style-panorama .home-steps__media img { border-radius: var(--ak-radius); }
.style-panorama .types__item { overflow: hidden; }