body[data-motion]{--paper:#f9f8f4;--ink:#273a3d;--accent:#8c6851;--panel:#ecebe5}
body[data-motion] .header{position:relative;border-bottom:0}
.scroll-story{height:360svh;position:relative;background:#e2e8e7}
.motion-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#d4dedd}
.motion-base{position:absolute;inset:0;z-index:-4;object-position:35% center;will-change:transform;transform:scale(1.04)}
.motion-base-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,transparent 20%,#ffffff36 60%,#f5f4ea57),linear-gradient(0deg,#182b3540,transparent 25%)}
.motion-masthead{position:absolute;top:5vh;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:start;z-index:6;pointer-events:none}
.motion-wordmark{font:clamp(35px,5vw,84px)/.9 var(--serif);letter-spacing:.1em;color:#243c40}
.motion-wordmark small{display:block;font:8px var(--sans);letter-spacing:.3em;margin-top:14px}
.motion-location{font-size:9px;letter-spacing:.2em;line-height:2;color:#2d4144;text-align:right}
.motion-opening{position:absolute;left:56%;right:5vw;top:31%;z-index:1;color:#203638;will-change:transform,opacity}
.motion-opening h1{font-size:clamp(35px,4vw,62px);line-height:1.65;margin-bottom:28px}
.motion-opening p{font-size:11px;line-height:2.3;margin-bottom:25px}
.motion-opening .eyebrow{font-size:8px;letter-spacing:.18em}
.motion-panel{position:absolute;overflow:hidden;will-change:transform;box-shadow:0 20px 80px #17272b45;border:8px solid #f8f6f0;margin:0;background:#f8f6f0}
.motion-panel img{width:100%;height:100%;object-fit:cover}
.motion-panel-one{width:42vw;height:68svh;left:5vw;top:18svh;z-index:2;transform:translate(-110vw,100svh) rotate(-18deg)}
.motion-panel-one img{object-position:38% center}
.motion-panel-two{width:37vw;height:71svh;right:7vw;top:13svh;z-index:3;transform:translate(110vw,85svh) rotate(18deg)}
.motion-panel-two img{object-position:45% center}
.motion-panel figcaption{position:absolute;left:0;bottom:0;right:0;padding:30px 20px 18px;color:#fff;background:linear-gradient(transparent,#13262bb3);font-size:10px;letter-spacing:.12em}
.motion-finale{position:absolute;inset:0;z-index:4;clip-path:inset(100% 0 0);will-change:clip-path;background:#18272a}
.motion-finale img{object-position:42% center;filter:brightness(.73)}
.motion-finale .finale-copy{position:absolute;left:8vw;bottom:20svh;max-width:700px;color:#fff;z-index:1}
.finale-copy .eyebrow{font-size:10px;letter-spacing:.2em}
.finale-copy h2{font-size:clamp(33px,4vw,63px);line-height:1.6}
.finale-copy a{display:inline-block;color:#fff;border-bottom:1px solid #fff9;padding:12px 0;margin-top:25px;font-size:12px}
.motion-scroll{position:absolute;z-index:7;left:5vw;right:5vw;bottom:5vh;display:flex;align-items:center;gap:20px;color:#fff;font-size:9px;letter-spacing:.15em;text-shadow:0 1px 8px #132a2a80}
.motion-scroll-line{height:1px;background:#ffffff60;flex:1;position:relative;overflow:hidden}
.motion-scroll-line:after{content:'';position:absolute;inset:0;background:#fff;transform:scaleX(var(--story-progress,0));transform-origin:left}
.motion-chapter{min-width:70px;text-align:right}
.motion-progress{position:fixed;z-index:50;top:0;left:0;width:100%;height:2px;background:#8c6851;transform:scaleX(0);transform-origin:left;pointer-events:none}
.motion-reveal{opacity:0;transform:translateY(48px);transition:opacity 1s ease,transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-reveal.in-view{opacity:1;transform:none}
.motion-image-reveal{clip-path:inset(12% 0 12% 0);transition:clip-path 1.4s cubic-bezier(.16,1,.3,1),opacity 1s,transform 1.2s}
.motion-image-reveal.in-view{clip-path:inset(0)}
body[data-motion] .intro{padding-top:140px}
body[data-motion] .intro-image{height:650px}
body[data-motion] .gallery-grid{grid-template-columns:repeat(2,1fr);gap:60px 40px}
body[data-motion] .gallery-item img{aspect-ratio:6/5}
body[data-motion] .gallery-item:nth-child(even){margin-top:110px}
body[data-motion] .gallery-item>span{padding-top:18px}
body[data-motion] .experience-portrait{height:480px}
body[data-motion] .plans-section{background:#e8e9e2}
body[data-motion] .plan.featured{background:#374c4d;color:#faf9f6}
body[data-motion] .design-switch{font-size:8px}
@media(max-width:850px){.motion-opening{left:49%;right:5vw}.motion-opening h1{font-size:38px}.motion-wordmark{font-size:52px}.motion-panel-one{width:50vw;height:60svh;left:3vw}.motion-panel-two{width:47vw;height:62svh;right:3vw;top:22svh}.motion-location{font-size:8px}.motion-panel{border-width:6px}body[data-motion] .intro-image{height:520px}body[data-motion] .gallery-grid{gap:35px 25px}}
@media(max-width:600px){.scroll-story{height:310svh}.motion-stage{height:100svh}.motion-wordmark{font-size:36px}.motion-wordmark small{font-size:6px;letter-spacing:.2em;margin-top:10px}.motion-masthead{top:4svh;left:24px;right:24px}.motion-location{font-size:7px;letter-spacing:.1em}.motion-base{object-position:23% center}.motion-base-shade{background:linear-gradient(0deg,#102a34d9,transparent 80%)}.motion-opening{left:25px;right:25px;top:auto;bottom:16svh;color:#fff}.motion-opening h1{font-size:34px;line-height:1.6;margin-bottom:20px}.motion-opening p{font-size:10px;line-height:2.3;margin-bottom:22px}.motion-opening>.eyebrow{font-size:7px;margin-bottom:18px}.motion-opening .button{background:#f8f7f1;color:#263a3b;border-color:#f8f7f1}.motion-panel-one{width:78vw;height:57svh;left:5vw;top:16svh}.motion-panel-two{width:77vw;height:56svh;right:5vw;top:29svh}.motion-panel{border-width:5px}.motion-panel figcaption{font-size:8px;padding:25px 12px 12px}.motion-finale img{object-position:44% center}.motion-finale .finale-copy{left:25px;right:25px;bottom:19svh}.finale-copy h2{font-size:31px}.finale-copy .eyebrow{font-size:8px}.motion-scroll{left:25px;right:25px;bottom:8svh;font-size:8px;gap:12px}.motion-chapter{min-width:40px}body[data-motion] .intro{padding-top:80px}body[data-motion] .intro-image{height:430px}body[data-motion] .gallery-grid{gap:28px 15px}body[data-motion] .gallery-item:nth-child(even){margin-top:50px}body[data-motion] .gallery-item img{aspect-ratio:3/4}body[data-motion] .gallery-item>span{font-size:8px;gap:6px}body[data-motion] .experience-portrait{height:360px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.motion-stage{position:relative;height:88svh;min-height:650px}.motion-panel,.motion-finale{display:none}.motion-opening{opacity:1!important;transform:none!important}.motion-base{transform:none!important}.motion-reveal{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.motion-scroll-line,.motion-chapter{display:none}.motion-progress{display:none}}