.preview-label{position:absolute;top:88px;left:42px;z-index:2;font-size:10px;letter-spacing:.12em;color:#ffffffd9}
.scene{position:relative;isolation:isolate;min-height:720px;height:100svh;max-height:1200px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;color:white;background:#272c31}
.scene-media{position:absolute;inset:0;z-index:-3}
.scene-media img{display:block;width:100%;height:100%;object-fit:cover}
.hero .scene-media img{object-position:50% 77%}
.interior .scene-media img{object-position:50% 47%}
.finish .scene-media img{object-position:50% 57%}
.scene:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.43),rgba(0,0,0,.04) 45%,rgba(0,0,0,.04) 60%,rgba(0,0,0,.66))}
.scene-heading{padding:135px 24px 0;max-width:1050px}
.scene-heading .overline{font-size:11px;letter-spacing:.13em;margin:0 0 19px;color:#ffffffdb}
.scene h1,.scene h2{font-size:clamp(38px,4.25vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1.04;margin:0;text-wrap:balance}
.scene-heading>p{font-size:16px;line-height:1.5;margin:17px auto 0;max-width:49ch;color:#fffffff0}
.scene-bottom{width:min(100%,950px);padding:25px 24px 38px}
.scene-note{font-size:10px;letter-spacing:.04em;color:#ffffffbf;margin:23px 0 0}
.interior .scene-heading,.finish .scene-heading{padding-top:110px}
@media(prefers-reduced-motion:no-preference){.scene-heading{animation:arrive 1s var(--ease) both}.scene-bottom{animation:arrive 1s .12s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@supports(animation-timeline:view()){.scene-media{animation:scene-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.scene:not(:first-child) .scene-heading{animation:scene-copy linear both;animation-timeline:view();animation-range:entry 15% cover 35%}.scene:not(:first-child) .scene-bottom{animation:none}@keyframes scene-drift{from{transform:scale(1.12) translateY(-1.5%)}to{transform:scale(1.07) translateY(1.5%)}}@keyframes scene-copy{from{opacity:.15;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}}
@media(max-width:700px){.preview-label{top:78px;left:22px;font-size:9px}.scene{min-height:690px;max-height:none}.scene-heading{padding-top:138px}.scene h1,.scene h2{font-size:40px;max-width:12ch}.scene-heading>p{font-size:14px;max-width:29ch}.hero .scene-media img{object-position:50% 65%}.hero .scene-media{inset:0 -35%}.scene-bottom{padding:22px 24px 30px}.scene-note{font-size:9px;margin-top:16px}.interior .scene-heading,.finish .scene-heading{padding-top:105px}.interior .scene-media img{object-position:48% 40%}.finish{min-height:920px}.finish .scene-media img{object-position:50% 55%}}