.motion-page main{max-width:1380px;padding:0 5vw;margin:auto}.motion-intro{padding:65px 0 45px}.motion-intro h1{font-size:clamp(44px,5.6vw,80px);line-height:1.05;max-width:15ch;margin:0 0 25px}.motion-intro>p{max-width:65ch;line-height:1.7}.motion-note{font-size:13px!important;color:#4b606e}.motion-intro nav{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:28px}.motion-intro nav a{padding:10px 0;text-underline-offset:5px}.motion-example{padding:50px 0;border-top:1px solid #a6bac6}.motion-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:28px}.motion-heading h2{font-size:clamp(34px,3.5vw,52px);line-height:1.1;margin:0}.motion-heading p{line-height:1.7;margin:0}.motion-canvas{height:540px;position:relative;background:#e0e8ed;overflow:hidden}.motion-canvas>img{width:100%;height:100%;object-fit:contain}.motion-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}.motion-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.motion-controls button{font:inherit;font-size:14px;border:1px solid #728b9b;background:#f7fafc;color:#223744;padding:12px 18px;min-height:46px;cursor:pointer;border-radius:4px}.motion-controls button[aria-pressed=true]{background:#263d4d;color:white}.motion-controls button:disabled{opacity:.5;cursor:default}.motion-controls label{display:flex;align-items:center;gap:12px;font-size:14px}.motion-controls input{width:180px;accent-color:#315e79}.motion-example [role=status]{font-size:13px;color:#405969}.motion-handoff{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:25px}.motion-handoff p{font-size:14px;line-height:1.7;max-width:60ch}.motion-end{padding:60px 0;border-top:1px solid #a6bac6}.motion-end h2{font-size:42px}.motion-end p{max-width:70ch;line-height:1.7}.sculpture-poster{height:100%;display:grid;place-content:center;text-align:center;color:#314858}.sculpture-poster span{font:500 65px 'Waterfront Display',serif}.motion-example.scroll-enabled{min-height:170vh}.scroll-enabled .motion-sticky{position:sticky;top:20px;background:#eef2f4;padding-bottom:10px}.scroll-enabled .motion-handoff{margin-top:45vh}.motion-page :focus-visible{outline:3px solid #28648a;outline-offset:4px}@media(max-width:700px){.motion-page main{padding:0 22px}.motion-page header{padding:20px;gap:15px;flex-wrap:wrap}.motion-page header nav{gap:14px}.motion-intro{padding:40px 0}.motion-heading{grid-template-columns:1fr;gap:16px}.motion-canvas{height:360px}.motion-handoff{align-items:flex-start;flex-direction:column}.motion-controls{gap:10px}.motion-controls label{width:100%;justify-content:space-between}.motion-controls input{width:65%}.motion-example.scroll-enabled{min-height:130vh}.scroll-enabled .motion-sticky{top:0}.motion-example{padding:35px 0}}