/* The Home scroll controller, with reading space for the focus pages. */
.focus-scene { min-height:100svh; display:flex; align-items:center; padding-block:clamp(64px,10svh,120px); position:relative; }
.focus-scene[data-scroll-scene="intro"] { min-height:calc(100svh - 96px); }
.focus-scene .hero { min-height:0; padding-block:0; }
.focus-scene .finance-tools { margin:36px 0 0; }
.focus-scene .tasks { padding-block:0; border-top:0; }
.focus-scene[data-scroll-scene="contact"] { min-height:calc(100svh - 100px); padding-block:clamp(48px,8svh,96px); }
.focus-scene .enquiry { padding:0 0 36px; border-top:0; }
.focus-scene[data-scroll-scene="contact"] { align-items:stretch; padding-bottom:24px; }
.focus-scene[data-scroll-scene="contact"] > .scene-content { display:flex; flex-direction:column; }
.focus-scene .enquiry { margin-block:auto; padding-bottom:0; }
.focus-scene .siblings { margin-top:clamp(64px,10svh,120px); padding-block:0; border-top:0; }
.focus-scene .sibling + .sibling { border-top:0; }
.focus-scene .sibling { width:fit-content; max-width:100%; justify-self:start; }
.focus-scene .sibling:last-child { display:flex; flex-direction:row-reverse; justify-self:end; margin-left:auto; text-align:right; }
.focus-scene .sibling:last-child svg { flex-shrink:0; }
@media(max-width:800px) {
  .focus-scene { padding-block:64px; }
  .focus-scene[data-scroll-scene="intro"] { min-height:calc(100svh - 78px); padding-block:48px 64px; }
}
@media(max-width:600px) { .focus-scene[data-scroll-scene="intro"] { min-height:calc(100svh - 104px); } }
@media print { .focus-scene, .focus-scene[data-scroll-scene="intro"], .focus-scene[data-scroll-scene="contact"] { min-height:0; padding-block:32px; } }