.motion-opening{height:265svh;min-height:0;background:#fff}
.motion-sticky{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.motion-picture{position:absolute;inset:0;background:#f8faf9;z-index:-1}
.motion-fallback{width:100%;height:68%;object-fit:cover}
#square-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.canvas-ready #square-canvas{opacity:1}.canvas-ready .motion-fallback{opacity:0}
.motion-kicker{position:absolute;top:125px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;mix-blend-mode:difference;color:#fff;z-index:2}
.motion-title{position:absolute;left:3.5%;right:3.5%;bottom:140px;pointer-events:none}
.motion-title h1{font-size:16.8vw;line-height:.83;letter-spacing:-.065em;font-weight:500;transform:translateY(calc(var(--fold,0)*-90px));opacity:var(--title-alpha,1);will-change:transform,opacity}
.motion-title h1 span+span{padding-left:22%}.motion-title h1 i{font-style:normal;color:#00b9d4}
.motion-message{position:absolute;left:1%;bottom:8vh;font-size:clamp(70px,10.5vw,170px);line-height:.86;letter-spacing:-.055em;opacity:var(--message-alpha,0);transform:translateY(calc((1 - var(--fold,0))*65px));font-weight:500}
.motion-message em{color:#00aeca;font-style:normal}
.motion-bottom{position:absolute;left:4%;right:4%;bottom:38px;display:flex;justify-content:space-between;gap:25px;align-items:end}
.motion-bottom>p{font-size:22px;font-weight:600;line-height:1.8}.motion-bottom small{font-size:13px;font-weight:400}
.motion-actions{display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:.07em}.motion-actions button{background:#ffffffcc;padding:12px 14px;border:1px solid #c6d0d1;font-size:11px}.motion-actions a{padding:12px 0}
.motion-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e5eeee}.motion-progress span{display:block;height:100%;background:#00b9d4;transform-origin:left;transform:scaleX(var(--fold,0))}
.manifesto{position:relative;background:#fff}
@media(max-width:750px){.motion-opening{height:240svh}.motion-sticky{min-height:550px}.motion-title{left:5%;right:5%;bottom:190px}.motion-title h1{font-size:16.1vw;line-height:.9}.motion-title h1 span+span{padding-left:17%}.motion-bottom{left:5%;right:5%;bottom:25px;display:block}.motion-bottom>p{font-size:20px}.motion-bottom small{font-size:12px}.motion-actions{margin-top:20px;justify-content:space-between;gap:10px;font-size:9px}.motion-actions button{font-size:10px;padding:10px}.motion-kicker{top:108px;left:5%;right:5%;font-size:9px}.motion-message{font-size:17vw;bottom:13vh}.motion-title h1{transform:translateY(calc(var(--fold,0)*-40px))}}
@media(prefers-reduced-motion:reduce){.motion-title h1,.motion-message{transform:none}.motion-opening{height:170svh}}