/* Series page heroes, option A4: label, white logo and description bottom left; buttons bottom right. */
.kd-series-a4 .elementor .dl-17.dl-17.dl-17.dl-17{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:auto auto auto !important;align-content:end !important;align-items:end !important;column-gap:48px !important;row-gap:18px !important;min-height:620px !important;padding-bottom:64px !important}
.kd-series-a4 .elementor .dl-17 > .dl-20.dl-20.dl-20.dl-20{grid-column:1 !important;grid-row:1 !important;width:auto !important;margin:0 !important}
.kd-series-a4 .elementor .dl-17 > .dl-21.dl-21.dl-21.dl-21{grid-column:1 !important;grid-row:2 !important;width:auto !important;margin:0 !important}
.kd-series-a4 .elementor .dl-17 > .dl-22.dl-22.dl-22.dl-22{grid-column:1 !important;grid-row:3 !important;width:auto !important;max-width:560px !important;margin:0 !important}
.kd-series-a4 .elementor .dl-17 > .dl-23.dl-23.dl-23.dl-23{grid-column:2 !important;grid-row:1 / span 3 !important;align-self:end !important;justify-self:end !important;width:auto !important;margin:0 !important;flex-wrap:nowrap !important}
/* The heading: its text stays for search engines and screen readers; the logo is drawn in its place. */
.kd-series-a4 .elementor .dl-21.dl-21.dl-21.dl-21 .elementor-heading-title{display:block !important;width:600px !important;max-width:100% !important;height:auto !important;aspect-ratio:var(--kd-logo-ratio) !important;margin:0 !important;font-size:0 !important;line-height:0 !important;letter-spacing:0 !important;color:transparent !important;text-shadow:none !important;background:var(--kd-logo) left center / contain no-repeat !important}
/* Narrower screens: the buttons move under the description, so the logo keeps its size. */
@media (max-width:1240px){
.kd-series-a4 .elementor .dl-17.dl-17.dl-17.dl-17{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important;row-gap:16px !important}
.kd-series-a4 .elementor .dl-17 > .dl-23.dl-23.dl-23.dl-23{grid-column:1 !important;grid-row:4 !important;justify-self:start !important;flex-wrap:wrap !important;margin-top:8px !important}
.kd-series-a4 .elementor .dl-21.dl-21.dl-21.dl-21 .elementor-heading-title{width:500px !important}
}
@media (max-width:900px){
.kd-series-a4 .elementor .dl-17.dl-17.dl-17.dl-17{min-height:540px !important;padding-bottom:40px !important}
.kd-series-a4 .elementor .dl-21.dl-21.dl-21.dl-21 .elementor-heading-title{width:320px !important}
}
/* "True of Every Series" (desktop only; on narrower screens the row stacks and needs no help): the heading block gives way so the 420px paragraph beside it never runs off the page. */
@media (min-width:1025px){
.kd-series-a4 .elementor .dl-51 > .dl-52.dl-52.dl-52.dl-52{flex:1 1 0 !important;min-width:0 !important}
.kd-series-a4 .elementor .dl-51 > .dl-54.dl-54.dl-54.dl-54{flex:0 1 420px !important;min-width:260px !important}
}