/* One scroll camera enters a lit window and explains the daily mechanism. */
.house-story{position:relative}
.house-story.is-moving{height:720svh}
.house-story.is-moving .home-house{position:sticky;top:80px;height:calc(100svh - 80px);padding-block:24px;overflow:hidden;contain:paint}
.house-story.is-moving .house-scene-in{height:100%;align-items:center;position:relative;z-index:2}
.house-story.is-moving .house-figure{min-height:0}
.house-story.is-moving .quotum-house .house{max-width:min(540px,calc(100svh - 210px))}
.house-story .zoom-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;visibility:hidden}
.house-story .zoom-facade{position:absolute;inset:0;width:100%;height:100%}
.house-story .zoom-machine{position:absolute;inset:0}
.zoom-caption{position:absolute;right:var(--side);top:50%;transform:translateY(-50%);width:310px;color:#F1F4FF;font-family:var(--author);background:#0F0B2B;display:grid}
.zoom-step{grid-area:1/1}
.zoom-step[hidden]{display:block!important;visibility:hidden}
.zoom-progress{grid-area:2/1}
.zoom-flow-note{grid-area:3/1}
.zoom-caption h3{font:500 28px/1.1 var(--author);margin:0 0 18px}
.zoom-caption .zoom-value{font:500 52px/1 var(--author);letter-spacing:-.035em;margin:0 0 14px}
.zoom-caption p{font:400 17px/1.45 var(--author);margin:12px 0}
.zoom-caption .zoom-note{color:#C3C4D8;font-size:14px}
.zoom-progress{display:flex;gap:8px;margin-top:22px}
.zoom-progress button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #807994;background:transparent;color:#F1F4FF;font:400 16px/1 var(--author);pointer-events:auto}
.zoom-progress button[aria-current=step]{border-color:#F1F4FF;background:#4C4666}
.zoom-plain{font:500 14px/1.4 var(--author);background:none;color:inherit;border:1px solid currentColor;min-height:44px;padding:8px 14px;margin-top:16px}
.zoom-cards{padding:32px var(--side) 56px;background:#0F0B2B;color:#F1F4FF}
.zoom-cards>h2{margin:0 0 24px;font:500 32px/1.2 var(--author)}
.zoom-cards ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.zoom-cards li{border-top:1px solid #4C4666;padding-top:18px}
.zoom-cards h3{font:500 20px/1.2 var(--author);margin:0 0 12px}
.zoom-cards .zoom-value{font:500 26px/1.2 var(--author);margin:0 0 12px}
.zoom-cards p{font:400 15px/1.5 var(--author);margin:8px 0}
.zoom-cards .zoom-note{color:#C3C4D8;font-size:14px}
.house-story.is-moving .zoom-cards{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;bottom:0}
.house-story .zoom-overview{max-width:1000px;display:block;width:100%;margin:0 auto 32px}
.zoom-source,.zoom-caption .zoom-flow-note{color:#C3C4D8;font:400 14px/1.4 var(--author)}
.zoom-cards .zoom-source{margin-bottom:24px}
.house-story:not(.is-moving) .zoom-layer{display:none}
@media(max-width:800px){
 .house-story.is-moving .home-house{padding-block:20px}
 .house-story.is-moving .house-scene-in{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px}
 .house-story.is-moving .house-copy h2{font-size:32px;margin-bottom:10px}
 .house-story.is-moving .house-copy .mechanism{font-size:16px;line-height:1.35}
 .house-story.is-moving .house-copy .source{font-size:14px;margin-top:12px}
 .house-story.is-moving .house-copy .actions{margin-top:10px}
 .house-story.is-moving .quotum-house .house{max-width:340px}
 .house-story.is-moving .house-detail,.house-story.is-moving .house-link,.house-story.is-moving .phone-seat{display:none}
 .house-story.is-moving .zoom-plain{margin-top:10px}
 .zoom-caption{left:20px;right:20px;top:auto;bottom:16px;transform:none;width:auto;padding-top:16px;border-top:1px solid #4C4666;background:#0F0B2B;min-height:310px}
 .zoom-caption h3{font-size:23px;margin-bottom:10px}
 .zoom-caption .zoom-value{font-size:38px;margin-bottom:10px}
 .zoom-caption p{font-size:15px;line-height:1.38;margin:8px 0}
 .zoom-caption .zoom-note,.zoom-caption .zoom-flow-note{font-size:14px;line-height:1.35}
 .zoom-progress{margin-top:12px}
 .zoom-cards ol{grid-template-columns:1fr}
 .zoom-cards{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){
 .house-story.is-moving{height:auto}
 .house-story.is-moving .home-house{position:static;height:auto}
 .house-story .zoom-layer{display:none}
}