/* 6.40.59: first-screen spacing only; preserve photographs, type and colors.
 * The sticky header is already in document flow. Its measured height belongs
 * in the available-screen calculation, never as a second hero top offset.
 * This remains a MINIMUM, not a fixed height: wrapped/zoomed text must grow.
 */
:is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero {
 --clt-opening-height:min(var(--clt-hero-family-height,560px),max(320px,calc(100svh - var(--clt-header-height,75px) - var(--clt-toolbar-visible,0px) - 120px)));
 min-height:var(--clt-opening-height);
 height:auto;
 align-items:center;
}
:is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-inner {
 min-height:var(--clt-opening-height);
 height:auto;
 align-items:center;
}
:is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-copy {
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-height:var(--clt-opening-height);
 height:auto;
 padding-block:clamp(28px,4svh,48px);
}
:is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero h1 {margin-bottom:0}
:is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-intro {margin-top:20px;margin-bottom:0}
:is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-actions {margin-top:26px}
:is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-notes {margin-top:20px;margin-bottom:0}
/* The archive hero still inherited a dark CTA label; honor the approved
 * light-on-copper button treatment here as well as below the hero. */
body.post-type-archive-clt_destination #main-content > .landing-hero .button-copper {color:#fff8ed}
/* Align the opening heading with its finder, rather than sinking the heading
 * below the fold as the much taller finder determines the grid-row height. */
#main-content :is(#clt-europe-editorial,#clt-paris-editorial) .eu45-intro > header,
#main-content #clt-destination-editorial .dl54-intro-copy {align-self:start}
@media(min-width:901px) {
 :is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero {
  --clt-opening-height:min(var(--clt-hero-family-height,560px),max(320px,calc(100svh - var(--clt-header-height,75px) - var(--clt-toolbar-visible,0px) - 280px)));
 }
 #main-content :is(#clt-europe-editorial,#clt-paris-editorial) .eu45-intro > header,
 #main-content #clt-destination-editorial .dl54-intro-copy {padding-top:12px}
}
@media(max-width:650px) {
 :is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-actions {margin-top:22px;gap:12px}
 :is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-notes {margin-top:16px}
}
/* Short landscape/laptop windows get less empty space, not smaller text. */
@media(max-height:650px) {
 :is(body.clt-europe-readability,body.clt-paris-editorial,body.post-type-archive-clt_destination) #main-content > .hero .hero-copy {padding-block:24px}
}