.motion-story{min-height:610px}.motion-story .motion-intro{max-width:44%;min-height:390px;padding-top:30px}.motion-story .motion-intro h2{font-size:clamp(40px,4.7vw,68px)}.motion-story .motion-intro>p{font-size:15px;line-height:1.8;max-width:310px}.motion-project-link{pointer-events:auto;display:inline-block;font-size:12px;font-weight:650;color:#e3c7ff;border-bottom:1px solid #b7a0d555;padding:13px 0 8px;margin-top:4px}.motion-scene-nav{display:flex;align-items:center;gap:12px;margin-top:22px;pointer-events:auto;flex-wrap:wrap}.motion-scene-nav button{width:32px;height:32px;border:1px solid #ffffff35;background:#ffffff08;color:white;border-radius:50%;cursor:pointer}.motion-scene-nav button:hover{background:#ffffff20}.motion-scene-nav>span{font-size:10px;letter-spacing:.08em;color:#d1c6df}.motion-scene-nav #motion-scene-label{font-size:11px;letter-spacing:0;flex-basis:100%;color:#b9aec8;margin-top:3px}.motion-results{position:absolute;inset:8% 0 12% 44%;z-index:1;pointer-events:none;opacity:0;transform:translateY(25px);transition:opacity 1.1s,transform 1.5s;mask-image:linear-gradient(0deg,transparent,black 15%,black 89%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,black 15%,black 89%,transparent)}.motion-preview-stage{position:absolute;inset:0 0 0 14px;overflow:hidden;transform:perspective(1800px) rotateY(-8deg) rotateZ(-1.5deg);transform-origin:left center;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}.motion-preview-page{position:absolute;top:0;left:0;width:1280px;height:1000px;border:0;pointer-events:none;transform:scale(var(--preview-scale,.6));transform-origin:top left;opacity:0;transition:opacity 1.2s;background:#12151b}.motion-preview-page.is-current{opacity:1}.motion-story[data-phase=result] .motion-results{opacity:1;transform:translateY(0)}.motion-story .motion-film video{transition:opacity 1.2s}.motion-story[data-phase=result] .motion-film video{opacity:.09}.motion-story[data-phase=result]{background:radial-gradient(ellipse at 78% 45%,#34233e 0%,#0c0b14 70%)}.motion-sound{position:absolute;bottom:43px;left:max(5%,calc((100% - 1240px)/2 + 20px));z-index:4;display:flex;align-items:center;gap:10px;color:#ddd1ec;border:1px solid #d5b9f644;background:#21182e88;border-radius:30px;padding:10px 16px;font:11px Arial,sans-serif;cursor:pointer}.motion-sound[aria-pressed=true]{color:#f2e7ff;border-color:#bf99f3;background:#68468b55}.motion-sound>span:first-child{font-size:18px}.motion-story button:focus-visible,.motion-project-link:focus-visible{outline:3px solid #bd9ceb;outline-offset:4px}.motion-story .motion-film-caption{z-index:3}.motion-story .motion-film button{z-index:4}
@media(max-width:750px){.motion-story{min-height:850px;padding:40px 0 85px}.motion-story .motion-intro{max-width:100%;min-height:0;padding:18px 0}.motion-story .motion-intro h2{font-size:48px}.motion-story .motion-intro>p{max-width:330px;margin-top:18px}.motion-results{inset:420px -12% 88px 4%;transform:translateY(15px)}.motion-preview-stage{left:0;transform:perspective(1400px) rotateY(-5deg) rotateZ(-1deg)}.motion-story .motion-film video{object-position:65% center}.motion-story .motion-film-shade{background:linear-gradient(0deg,#0c0b14,transparent 30%,#0c0b14bb 60%,#0c0b14 100%),linear-gradient(90deg,#0c0b14b3,transparent)}.motion-story .motion-film-caption{display:none}.motion-sound{bottom:28px;left:5%}.motion-story .motion-film button{bottom:26px;right:6%}.motion-scene-nav #motion-scene-label{flex-basis:auto;margin:0}.motion-scene-nav{gap:10px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.motion-results,.motion-preview-page,.motion-story .motion-film video{transition:none;transform:none}.motion-preview-stage{transform:none}}
/* One continuous film, integrated with the page rather than embedded previews. */
.motion-story .motion-film video{opacity:1;object-fit:contain;object-position:center;background:#0c0b14}.motion-story .motion-film-shade{background:linear-gradient(0deg,#0c0b14 0%,transparent 15%,transparent 85%,#0c0b14 100%),linear-gradient(90deg,#0c0b1480 15%,transparent 48%)}.motion-story .motion-intro{max-width:43%}.motion-credits{position:absolute;left:max(5%,calc((100% - 1240px)/2 + 20px));bottom:15px;z-index:5;color:#a89bb9;font:10px/1.7 Arial,sans-serif;max-width:440px}.motion-credits summary{cursor:pointer;font-size:9px;letter-spacing:.04em}.motion-credits[open]{bottom:12px;background:#15101ef5;padding:15px;border:1px solid #b49ec144;border-radius:8px}.motion-credits a{color:#dec2fb;text-decoration:underline}.motion-sound{border-color:#c6a4fc77;background:#3a235077}.motion-sound[aria-pressed=true]{background:#7d3ec355;border-color:#c7a0fa}.motion-story .motion-film-caption{bottom:39px}.motion-story .motion-film button{bottom:38px}.motion-scene-nav #motion-scene-label{color:#d6c8e4}
@media(max-width:750px){.motion-story .motion-intro{max-width:100%}.motion-story .motion-film video{position:absolute;top:370px;height:340px;width:100%;object-fit:cover;object-position:100% center}.motion-story .motion-film-shade{background:linear-gradient(0deg,#0c0b14 0%,transparent 19%,transparent 60%,#0c0b14 92%)}.motion-story .motion-film button{bottom:40px}.motion-sound{bottom:42px}.motion-credits{left:5%;bottom:12px;max-width:80%}.motion-credits[open]{bottom:10px}.motion-story{min-height:840px}}