/* The canvas hosts are generated by the Home runtime, so their layout stays custom. */
.qh-mobile-scene{display:none}
@media(max-width:767px){
  .quilia-home .qh-mobile-scene{display:block;flex:none;width:100%;height:clamp(300px,64svh,560px);pointer-events:none}
  .quilia-home [data-scene="6"]>.qh-mobile-scene{height:clamp(340px,72svh,640px)}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  .quilia-home .qh-mobile-scene{display:none}
}

/* A single pinned contact stage gives the matter a readable scroll interval. */
.quilia-home .qh-contact-stage{width:100%;display:flex;align-items:center;min-height:80svh}
.quilia-home .qh-contact.is-scroll-matter{height:250svh;min-height:250svh;padding-block:0;display:block}
.quilia-home .qh-contact.is-scroll-matter .qh-contact-stage{height:100svh;min-height:100svh}
@media(max-width:767px){
  .quilia-home .qh-contact-stage,
  .quilia-home .qh-contact.is-scroll-matter .qh-contact-stage{height:calc(100svh - var(--qh-mobile-pin-top));min-height:calc(100svh - var(--qh-mobile-pin-top));flex-direction:column;justify-content:center;gap:24px}
  .quilia-home .qh-contact.is-scroll-matter{height:330svh;min-height:330svh}
  .quilia-home .qh-contact.is-scroll-matter .qh-mobile-scene{height:clamp(320px,64svh,560px)}
}
@media(prefers-reduced-motion:reduce){.quilia-home .qh-contact-stage{height:auto;min-height:0}}