
.motion-preview .hero{isolation:isolate}
.motion-preview .hero-image{animation:quiet-camera 10s cubic-bezier(.25,.35,.65,.8) infinite alternate;transform-origin:62% 48%;transition:none}
.motion-preview .hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 24% 72% at 74% 42%,#e9b67880,transparent 78%),radial-gradient(ellipse 42% 20% at 70% 86%,#e3ab6255,transparent 80%);opacity:.25;animation:quiet-light 5s ease-in-out infinite alternate}
.motion-preview .hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:#080d10;animation:room-light 5s ease-in-out infinite alternate}
@keyframes room-light{from{opacity:.28}to{opacity:0}}
@keyframes quiet-camera{from{transform:scale(1.02) translateX(-.6%)}to{transform:scale(1.12) translateX(.6%)}}
@keyframes quiet-light{from{opacity:.08}to{opacity:.9}}
@keyframes quiet-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.motion-ready .hero-copy>*{animation:quiet-enter 1.1s cubic-bezier(.2,.65,.3,1) both}
.motion-ready .hero-copy>h1{animation-delay:.1s}.motion-ready .hero-copy>p:not(.eyebrow){animation-delay:.22s}.motion-ready .hero-copy>a{animation-delay:.34s}
.motion-tools{grid-column:2;grid-row:1;align-self:end;justify-self:end;display:flex;flex-direction:column;gap:14px;align-items:flex-end;z-index:4;padding-bottom:14px;font-size:12px;color:#e9e6dd}
.motion-tools button{color:inherit;border:1px solid #ffffff50;border-radius:24px;padding:12px 18px;background:#15201780;min-height:44px}
.motion-tools a{border-bottom:1px solid #ffffff60;padding-bottom:4px}.motion-tools small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.motion-ready .motion-reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}
.motion-preview .range-tile-image img{transition:transform .7s ease}
.motion-preview .range-tile:hover .range-tile-image img{transform:scale(1.025)}
.motion-paused .hero:before,.motion-paused .hero-image,.motion-paused .hero:after,.motion-paused .hero-copy>*{animation-play-state:paused}
.motion-offscreen .hero:before,.motion-offscreen .hero-image,.motion-offscreen .hero:after{animation-play-state:paused}
.motion-disabled .hero:before,.motion-disabled .hero-image,.motion-disabled .hero:after,.motion-disabled .hero-copy>*{animation:none!important}
.motion-disabled .hero:before,.motion-disabled .hero:after{opacity:0}.motion-disabled .motion-reveal{opacity:1;transform:none;transition:none}
@media(max-width:1100px){.motion-tools{grid-column:1;grid-row:2;justify-self:start;align-items:flex-start;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}.motion-tools small{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.motion-preview .hero:before,.motion-preview .hero-image,.motion-preview .hero:after,.motion-preview .hero-copy>*{animation:none!important}.motion-preview .hero:before,.motion-preview .hero:after{opacity:0}.motion-preview .motion-reveal{opacity:1;transform:none;transition:none}.motion-preview .range-tile-image img{transition:none}}

.motion-preview .hero-image{opacity:0;transition:opacity 1.4s ease;animation:none;object-fit:cover;pointer-events:none}
.motion-preview .hero-image.is-current{opacity:1;animation:quiet-camera 12s linear infinite alternate}
.motion-preview .hero-copy h1{min-height:2.06em;font-size:clamp(64px,8.5vw,134px)}
.motion-scenes{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.motion-tools .motion-scenes button{border:0;border-bottom:1px solid #ffffff45;border-radius:0;background:transparent;text-align:left;padding:12px 8px;opacity:.65}
.motion-tools .motion-scenes button[aria-pressed=true]{opacity:1;border-color:#e8c39e;color:#e8c39e}
.motion-progress{height:2px;background:#ffffff30;width:100%;overflow:hidden}.motion-progress span{display:block;width:100%;height:100%;background:#e8c39e;transform:scaleX(0);transform-origin:left}
.motion-preview .range-tile{transition:transform .5s ease}.motion-preview .range-tile:hover{transform:translateY(-8px)}
.motion-preview .range-tile:hover .range-tile-image img{transform:scale(1.06)}
.motion-preview .light-button span,.motion-preview .text-link{transition:transform .35s ease}.motion-preview .light-button:hover span{transform:translate(4px,-4px)}
.motion-preview .pathways>a{transition:padding .4s ease,background .4s ease}.motion-preview .pathways>a:hover{padding-left:14px;background:#deddd430}
.motion-paused .hero-image.is-current,.motion-offscreen .hero-image.is-current{animation-play-state:paused}
.motion-disabled .hero-image.is-current{animation:none}.motion-disabled .hero-image{transition:none}
@media(max-width:1100px){.motion-scenes{justify-content:flex-start;flex-basis:100%}.motion-progress{flex-basis:100%;max-width:360px}.motion-tools{max-width:100%}}
@media(max-width:700px){.motion-preview .hero-copy h1{font-size:clamp(50px,10vw,70px)}.motion-tools .motion-scenes button{font-size:12px}.motion-preview .hero{padding-top:120px}.motion-preview .hero-image{object-position:62% center}}
@media(prefers-reduced-motion:reduce){.motion-preview .hero-image{transition:none}.motion-preview .hero-image.is-current{animation:none}.motion-preview .range-tile:hover,.motion-preview .range-tile:hover img{transform:none}}

.motion-preview .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}
.motion-preview .hero-copy>p:not(.eyebrow){display:none}
.motion-preview .hero-copy .light-button{margin-top:20px}
.motion-preview .hero-index{grid-row:2;padding-right:160px}
.motion-preview .hero-index>span:first-child,.motion-preview .hero-index>a{display:none}
.motion-preview .hero-index>span:nth-child(2){display:block;font-size:9px;letter-spacing:.09em;opacity:.5}
.motion-preview .motion-tools{position:absolute;grid-area:auto;width:max-content;right:6vw;bottom:22px;padding:0;display:flex;flex-direction:row;align-items:center;gap:12px;max-width:none}
.motion-preview .motion-tools .motion-scenes{display:flex;gap:0;flex:0 0 auto;flex-wrap:nowrap}
.motion-preview .motion-tools .motion-scenes button{display:grid;place-items:center;min-width:32px;width:32px;min-height:44px;height:44px;padding:0;border:0;opacity:1}
.motion-scenes button:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#ffffff55;transition:background .4s,transform .4s}
.motion-scenes button[aria-pressed=true]:after{background:#e8c39e;transform:scale(1.4)}
.motion-preview #motion-toggle{display:grid;place-items:center;padding:0;width:40px;min-height:44px;border:0;background:transparent;border-radius:0;opacity:.7}
#motion-toggle:after{content:"";width:7px;height:11px;border-left:2px solid currentColor;border-right:2px solid currentColor}
#motion-toggle[aria-pressed=true]:after{width:0;height:0;border:5px solid transparent;border-right:0;border-left:8px solid currentColor}
.motion-preview .motion-progress{display:none}
@media(max-width:700px){.motion-preview .motion-tools{right:20px;bottom:16px}.motion-preview .hero-index{padding-right:140px}.motion-preview .hero-copy h1{font-size:clamp(54px,11vw,78px)}}
