/* Home-only scroll story. Static, readable layout is the default fallback. */
body.meetx-motion-page{overflow-x:clip;background:#fff}
.meetx-motion-page .nav-wrap,.meetx-motion-page .nav-wrap.is-scrolled{height:64px}
.meetx-motion-page .brand-logo{height:auto;object-fit:contain;aspect-ratio:835 / 265}
.motion-opening,.motion-experience{position:relative;background:#fff;color:#231f20}
.motion-pin{position:relative;max-width:1920px;margin:auto;padding:70px 4vw}
.motion-eyebrow{display:block;font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.16em;color:#af1f23}
.opening-copy,.experience-copy{text-align:center;position:relative;z-index:3}
.opening-copy h1,.experience-copy h2{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:clamp(42px,6.6vw,104px);line-height:.98;letter-spacing:-.06em;font-weight:600;margin:20px 0}
.opening-copy p,.experience-copy p{font-size:clamp(16px,1.4vw,21px);line-height:1.5;color:#6c6568;margin:16px 0}
.opening-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;margin:22px 0}
.opening-actions a{font-size:14px}
.opening-scene{isolation:isolate;position:relative;height:480px;margin:48px auto 0;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#f4f1ee,#e5ded7);width:100%}
.motion-city{position:absolute;inset:0;display:flex;align-items:flex-end;gap:5%;padding:0 4% 8%;opacity:.65}
.motion-city i{display:block;width:17%;height:48%;background:repeating-linear-gradient(0deg,#d5cfc7 0 16px,#e8e3dd 16px 19px);border-radius:3px 3px 0 0}
.motion-city i:nth-child(2){height:75%;width:11%}.motion-city i:nth-child(3){height:58%;width:22%}.motion-city i:nth-child(4){height:88%;width:12%}.motion-city i:nth-child(5){height:65%;width:18%}
.motion-billboard{position:absolute;left:20%;top:13%;width:60%;height:64%;background:#fff;border:6px solid #aaa09b;padding:clamp(18px,3vw,44px);box-shadow:10px 14px 0 #231f201c;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.motion-billboard:after{content:"";position:absolute;width:4%;height:45%;top:100%;left:48%;background:#a99e98;z-index:-1}
.motion-billboard img{width:clamp(90px,10vw,170px);max-width:50%;height:auto;aspect-ratio:835 / 265;object-fit:contain;flex:none}
.motion-billboard strong{font-size:clamp(28px,4.4vw,76px);line-height:.97;letter-spacing:-.055em;font-weight:600;margin:15px 0;color:#af1f23}
.motion-billboard>span{font-size:clamp(8px,.7vw,12px);letter-spacing:.14em}
.motion-road{position:absolute;left:-5%;right:-5%;height:12%;bottom:7%;background:#cec7bf;transform:rotate(-3deg);border-top:3px solid #e8e3de;border-bottom:3px solid #e8e3de}
.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:16px 22px;background:#ffffffed;color:#51494b;font-size:11px;letter-spacing:.06em}
.scene-caption small{font-size:11px;letter-spacing:0;white-space:nowrap}
.opening-scroll{display:none}
.opening-scene>.opening-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 65%}
.experience-art>img{display:block;width:100%;height:100%;object-fit:cover}
.experience-outdoor .experience-art>img{object-position:50% 65%}
.experience-exhibition .experience-art>img{object-position:50% 48%}
.experience-events .experience-art>img{object-position:50% 55%}
.experience-copy h2{font-size:clamp(40px,5.2vw,82px)}
.experience-copy .text-link{font-size:14px}
.experience-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:60px}
.experience-scene{display:block;min-width:0;background:#fff;border:1px solid #ede8e6;border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #231f2008}
.experience-art{height:240px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f6f1ec,#ded6cd)}
.mini-billboard{position:absolute;left:12%;top:18%;width:76%;height:56%;display:flex;align-items:center;justify-content:center;background:#af1f23;color:#fff;text-align:center;font-size:clamp(18px,2.2vw,35px);line-height:1.1;letter-spacing:-.04em;box-shadow:5px 6px 0 #847470}
.mini-billboard:after{content:"";position:absolute;top:100%;width:6px;height:100px;background:#8c8078}
.exhibition-booth{position:absolute;left:16%;top:17%;width:68%;height:66%;border-top:17px solid #af1f23;border-left:12px solid #af1f23;background:#fff;box-shadow:12px 15px 0 #c9bdb8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:12px}
.exhibition-booth img{width:75%;height:auto;aspect-ratio:835 / 265;object-fit:contain;flex:none}.exhibition-booth span{font-size:9px;letter-spacing:.1em;text-align:center}
.experience-events .experience-art{background:linear-gradient(135deg,#fcf2f1,#e5c9c8)}
.event-stage{position:absolute;inset:17% 12% 22%;display:flex;align-items:center;justify-content:center;background:#fff;border:10px solid #af1f23;box-shadow:0 12px 0 #bd9997,0 22px 0 #d5b5b2}
.event-stage span{font-size:clamp(18px,2.1vw,32px);line-height:1.05;letter-spacing:-.04em;color:#af1f23;text-align:center}
.experience-caption{display:flex;justify-content:space-between;gap:8px;padding:18px;font-size:14px;line-height:1.3}.experience-caption b{color:#af1f23}
.experience-note{display:block;text-align:center;color:#797174;font-size:11px;margin-top:28px}
.motion-experience{scroll-margin-top:64px}
.motion-opening a:focus-visible,.motion-experience a:focus-visible{outline:3px solid #af1f23;outline-offset:4px}
/* Sticky scenes are enabled only when JS can drive them and space allows. */
@media(min-width:901px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 .motion-ready .motion-opening{height:190svh}.motion-ready .motion-experience{height:270svh}
 .motion-ready .motion-pin{position:sticky;top:64px;height:calc(100svh - 64px);padding:0;overflow:hidden}
 .motion-ready .opening-copy{position:absolute;top:5%;left:5%;width:90%}
 .motion-ready .opening-copy h1{font-size:clamp(48px,min(6.6vw,10svh),104px);margin:18px 0}
 .motion-ready .opening-copy p{margin:12px 0}
 .motion-ready .opening-actions{margin:18px 0}
 .motion-ready .opening-scene{--scene-growth:0;position:absolute;margin:0;left:22%;width:56%;top:61%;height:33%;will-change:width,height,top,left}
 .motion-ready .motion-billboard{padding:2% 4%}
 .motion-ready .motion-billboard strong{font-size:clamp(24px,calc(24px + 42px * var(--scene-growth)),76px);margin:6px 0}
 .motion-ready .motion-billboard img{width:18%;min-width:75px}
 .motion-ready .opening-scroll{display:block;position:absolute;bottom:1%;left:0;width:100%;text-align:center;font-size:11px;color:#81787b}
 .motion-ready .experience-copy{position:absolute;left:32%;width:36%;top:31%;pointer-events:none;will-change:top}
 .motion-ready .experience-copy a{pointer-events:auto}
 .motion-ready .experience-copy h2{font-size:clamp(32px,min(calc(4vw + 2.6vw * var(--title-growth,0)),calc(6svh + 3svh * var(--title-growth,0))),104px);margin:12px 0}
 .motion-ready .experience-copy p{font-size:15px;margin:12px 0}
 .motion-ready .experience-scenes{position:absolute;inset:0;display:block;margin:0;pointer-events:none}
 .motion-ready .experience-scene{position:absolute;width:27%;height:25%;pointer-events:auto;will-change:transform,left,top}
 .motion-ready .experience-art{height:calc(100% - 48px)}
 .motion-ready .experience-caption{padding:14px;font-size:13px}
 .motion-ready .experience-outdoor{left:5%;top:2%}.motion-ready .experience-exhibition{left:68%;top:2%}.motion-ready .experience-events{left:36.5%;top:74%;height:23%}
 .motion-ready .experience-note{position:absolute;bottom:0;left:0;width:100%;margin:0;font-size:10px;pointer-events:none}
 .motion-ready .mini-billboard,.motion-ready .event-stage span{font-size:clamp(18px,2vw,30px)}
}
@media(max-width:900px){.motion-pin{padding:55px 6vw}.opening-scene{height:350px}.experience-scenes{gap:16px}.experience-art{height:190px}.experience-caption{font-size:12px;padding:13px}.experience-copy h2{font-size:clamp(40px,7vw,66px)}}
@media(max-width:600px){.opening-copy h1{font-size:clamp(40px,10.5vw,60px)}.motion-eyebrow{font-size:10px;letter-spacing:.1em}.opening-scene{height:300px;border-radius:16px;margin-top:35px}.motion-billboard{left:9%;width:82%;top:14%;height:60%;padding:18px}.motion-billboard strong{font-size:36px}.motion-billboard>span{font-size:7px}.scene-caption{padding:12px;font-size:9px;flex-direction:column;gap:4px}.scene-caption small{font-size:9px}.experience-scenes{grid-template-columns:1fr;margin-top:35px}.experience-art{height:230px}.experience-caption{font-size:15px}.mini-billboard,.event-stage span{font-size:30px}.exhibition-booth img{max-width:180px}.exhibition-booth span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.meetx-motion-page{scroll-behavior:auto}.meetx-motion-page .reveal{opacity:1;transform:none;filter:none;transition:none}.meetx-motion-page .brand-logo{transition:none}}