/* A few complete compositions become quiet stops along the home tour.
   Native sticky positioning supplies the pause, with no per-scroll script. */
.destination-track{position:relative;display:flow-root;width:100%}
.destination-track>.destination-frame{position:sticky;top:var(--navigation-height);min-height:calc(100svh - var(--navigation-height));margin-block:0}
.destination-track>.invitation-chapter.destination-frame{padding-block:clamp(32px,6svh,64px)}
/* End the small entrance movement before the reading interval begins. */
.destination-frame [data-quiet-reveal]{transform:none!important;transition:none!important}
@media print{
 .destination-track{height:auto!important}
 .destination-track>.destination-frame{position:relative;top:auto;min-height:0}
}

/* Keep the residence's main portrait together; its founding invitation follows
   as the next part of the page instead of stealing the residence's reading stop. */
.residence-overview.destination-frame{width:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:clamp(30px,4svh,54px)}
@media(min-width:801px){
 .care-chapter.destination-frame>.continuation-inner,
 .architecture-chapter.destination-frame>.continuation-inner,
 .residence-overview.destination-frame{padding-block:clamp(28px,4svh,54px)}
 .care-chapter.destination-frame,.architecture-chapter.destination-frame{display:flex;flex-direction:column;justify-content:center}
 .care-chapter.destination-frame>.continuation-inner,.architecture-chapter.destination-frame>.continuation-inner{width:100%}
 .care-chapter.destination-frame h2,.architecture-chapter.destination-frame h2{font-size:clamp(44px,min(5.4vw,8svh),82px)}
 .care-chapter.destination-frame .care-heading{margin-bottom:clamp(22px,3svh,34px)}
 .care-chapter.destination-frame .care-moment img{height:clamp(240px,40svh,460px);aspect-ratio:auto;object-fit:cover}
 .care-chapter.destination-frame .care-principles{gap:20px}
 .care-chapter.destination-frame .care-readiness{margin-top:22px}
 .architecture-chapter.destination-frame .architecture-heading{margin-bottom:24px}
 .architecture-chapter.destination-frame .architecture-view img{height:clamp(220px,33svh,440px);aspect-ratio:auto;object-fit:cover}
 .architecture-chapter.destination-frame .architecture-plan img{max-height:29svh}
 .architecture-chapter.destination-frame .architecture-benefits{margin-top:28px}
 .architecture-chapter.destination-frame .architecture-tail{margin-top:22px}
}
/* Oversized content retains its own height. The top offset allows every line
   to scroll into view before the bottom of the frame briefly stays in place. */
.destination-track>.destination-frame--read-through{justify-content:flex-start}
@media(max-width:800px){
 /* Let the photograph pass, then settle on a deliberately composed reading
    panel. Its natural height can still grow for larger text or short screens. */
 .care-chapter.destination-frame .care-reading,
 .architecture-chapter.destination-frame .architecture-reading{min-height:calc(100svh - var(--navigation-height) - 52px);display:flex;flex-direction:column;justify-content:center;padding-top:32px}
}