/* Scroll-driven arrival, with a static, readable fallback. */
.place{position:relative;isolation:isolate;overflow:clip}
.pool-journey{position:relative}
.paper-boat{position:absolute;top:0;left:0;width:clamp(90px,12vw,180px);pointer-events:none;z-index:3;opacity:0;filter:drop-shadow(0 16px 12px #122b222b)}
.paper-boat svg{width:100%;height:auto;overflow:visible}
.motion-ready .pool-journey{height:calc(var(--vh,1svh)*155);min-height:850px}
.motion-ready .wide-photo{position:sticky;top:calc(var(--vh,1svh)*10);height:calc(var(--vh,1svh)*78);min-height:400px;max-height:850px;transform-origin:0 50%;will-change:transform;border-radius:24px}
.motion-ready .wide-photo img{will-change:transform;display:block}
.motion-ready .wide-photo figcaption{transition:opacity .15s linear}
.motion-ready [data-arrival]{opacity:0;transform:translateY(55px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.75,.2,1)}
.motion-ready [data-arrival].arrived{opacity:1;transform:none}
.motion-ready .photo-pair figure:nth-child(2){transition-delay:.14s}
.pill,.room{transition:background .25s,color .25s,border-color .25s}
.motion-paused [data-arrival]{opacity:1!important;transform:none!important}
@media(max-width:750px){.motion-ready .pool-journey{height:calc(var(--vh,1svh)*125);min-height:660px}.motion-ready .wide-photo{top:calc(var(--vh,1svh)*12);height:calc(var(--vh,1svh)*65);min-height:340px;border-radius:16px}.paper-boat{width:95px}.motion-ready .wide-photo figcaption{left:24px;right:20px}.motion-ready .wide-photo strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){.motion-ready .pool-journey{height:auto;min-height:0}.motion-ready .wide-photo{position:relative;top:auto;transform:none!important;height:660px;min-height:0}.motion-ready .wide-photo img{transform:none!important}.motion-ready .wide-photo figcaption{opacity:1!important}.paper-boat{display:none}.motion-ready [data-arrival]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce) and (max-width:750px){.motion-ready .wide-photo{height:440px}}

/* Hand-drawn sailboat and its scroll-revealed wake. */
.boat-journey{position:absolute;inset:0 0 auto;pointer-events:none;z-index:3;overflow:hidden}.boat-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.paper-boat{filter:drop-shadow(0 2px 1px #eef0e860);width:clamp(100px,10vw,150px);will-change:transform}.paper-boat svg{display:block}.boat-trail path{filter:drop-shadow(0 1px 1px #eef0e8aa)}@media(max-width:750px){.paper-boat{width:90px}}@media(prefers-reduced-motion:reduce){.boat-journey{display:none}}

/* A vitorlás és a nyomvonala a tartalom MÖGÖTT halad: a képek, szövegek elé nem lóg be. */
.place>.boat-journey{z-index:0}
.place>.section-top,.place>.intro,.place>.pool-journey,.place>.photo-pair{position:relative;z-index:1}
.place .wide-photo,.place .photo-pair figure{position:relative;z-index:1;background:#eef0e8}
.motion-ready .place .wide-photo{position:sticky}

/* a 3D ház betöltéskor finoman beúszik (a fotó csak hibánál látszik) */
#scene canvas{animation:scene-in .9s ease both}
@keyframes scene-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){#scene canvas{animation:none}}