/* Preserve the supplied dossier layout and original section spacing. */
.dossier-page{--dossier-header-height:142px}
.dossier-page #main{padding-top:var(--dossier-header-height)}
.dossier-page #main>.lv-block:first-child{z-index:40}
.dossier-page #main .lv-press-wrap{width:100%;max-width:100%;margin-inline:0}
.dossier-page #dossier-header{position:fixed;inset:0 0 auto;z-index:100;background:#fcf9f3}
.dossier-page #dossier-header .lv-logo{transition:height .25s}
.dossier-page #dossier-header.is-scrolled .lv-logo{height:86px}
.dossier-page #dossier-header.is-scrolled .lv-header-inner{padding-block:10px}
.dossier-page #dossier-hero,.dossier-page #main .lv-subnav{width:calc(100% - 48px);max-width:1240px;margin-inline:auto}
.dossier-page #main section[id]{scroll-margin-top:12px}
.dossier-page #dossier-header .lv-menu-panel{max-height:calc(100dvh - 150px);overflow-y:auto}
@media(min-width:768px){.dossier-page{--dossier-header-height:280px}}
@media(min-width:1024px){.dossier-page{--dossier-header-height:336px}}
@media(min-width:1280px){.dossier-page{--dossier-header-height:368px}}
@media(max-width:767px){.dossier-page #dossier-hero,.dossier-page #main .lv-subnav{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.dossier-page *, .dossier-page *::before,.dossier-page *::after{scroll-behavior:auto!important;transition:none!important}}
/* Taller framed photograph with a gentle scroll movement. */
.dossier-page #dossier-hero{height:auto;min-height:0;aspect-ratio:1 / 1}
.dossier-page #dossier-hero .lv-hero-bg{inset:-100px 0;height:calc(100% + 200px);transform:translate3d(0,var(--hero-shift,0px),0);will-change:transform}
.dossier-page #dossier-hero .lv-hero-bg img{object-position:center center}
@media(max-width:767px){.dossier-page #dossier-hero{aspect-ratio:auto;height:110svh;min-height:640px}.dossier-page #dossier-hero .lv-hero-bg{inset:-35px 0;height:calc(100% + 70px)}}
@media(prefers-reduced-motion:reduce){.dossier-page #dossier-hero .lv-hero-bg{transform:none;will-change:auto}}
/* All editorial blocks share the same framed width as the hero. */
.dossier-page #main>.lv-block:not(:first-child){width:calc(100% - 48px);max-width:1240px;margin-inline:auto}
@media(max-width:767px){.dossier-page #main>.lv-block:not(:first-child){width:calc(100% - 32px)}}

/* Extend each section colour behind the existing framed content. */
.dossier-page{overflow-x:clip}
.dossier-page #main>.lv-block:not(:first-child)::before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;background:#fcf9f3;pointer-events:none}
.dossier-page #main>.lv-block:has(>#village-montmartre-block)::before{background:#f5f0ea}
.dossier-page #main>.lv-block:has(>#village-table-videos-block)::before,
.dossier-page #main>.lv-block:has(>#village-contact-block)::before{background:#fff}
.dossier-page #main>.lv-block:has(>#village-hotel-block)::before{background:#713506}

/* Align the two-video composition with the editorial frame. */
.dossier-page #village-table-videos-block #table > .grid{width:100%;max-width:1024px;margin-inline:auto}