/* Motion belongs only to the download page. Content is visible without JavaScript. */
.release-slider{position:relative;height:66px;margin-top:18px;border:2px solid var(--ink);border-radius:99px;background:linear-gradient(to right,#397b58 var(--release-progress,0%),var(--ink) var(--release-progress,0%));color:var(--paper);display:flex;align-items:center;justify-content:center}
.release-slider label{font-size:14px;font-weight:700;padding-left:40px;pointer-events:none}
.release-slider input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:4px;appearance:none;-webkit-appearance:none;background:transparent;border:0;cursor:grab;border-radius:99px}
.release-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:54px;height:54px;border:2px solid var(--ink);border-radius:50%;background:#dcef8a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6 14h16m-6-6 6 6-6 6' fill='none' stroke='%23092c22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;box-shadow:2px 2px 0 #ffffff33}
.release-slider input::-moz-range-thumb{width:50px;height:50px;border:2px solid var(--ink);border-radius:50%;background:#dcef8a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6 14h16m-6-6 6 6-6 6' fill='none' stroke='%23092c22' stroke-width='3'/%3E%3C/svg%3E") center no-repeat}
.release-slider input::-moz-range-track{background:transparent}
.release-slider input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.release-slider input:active{cursor:grabbing}
.release-slider input:disabled{opacity:.65;cursor:default}
.slider-arrow{display:none}
.pixel-replay{display:block;margin:16px auto 0;border:1.5px solid var(--ink);border-radius:99px;background:var(--purple);color:var(--ink);font:700 13px Arial,Helvetica,sans-serif;min-height:44px;padding:10px 18px;cursor:pointer}
.pixel-replay[hidden]{display:none}
@media(max-width:520px){.release-slider label{font-size:11px;padding-left:40px}}
.split-word{display:inline-block;transform-origin:50% 90%}
@keyframes word-pop{0%{transform:translateY(25px) rotate(5deg) scale(.88);opacity:.25}65%{transform:translateY(-5px) rotate(-1deg) scale(1.03);opacity:1}100%{transform:none;opacity:1}}
.headline-enter .split-word{animation:word-pop .65s both cubic-bezier(.2,.8,.25,1.2);animation-delay:var(--word-delay)}
.preview-expand{margin-top:50px;background:var(--paper)}
.preview-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:50px max(13vw,24px);background:var(--purple);border-block:2px solid var(--ink);overflow:hidden;isolation:isolate;min-height:680px}
.preview-caption{max-width:540px;margin-left:auto;z-index:1}
.preview-caption h2{font-size:clamp(44px,6.4vw,92px);margin:24px 0}
.preview-caption h2 span{color:#7131a4}
.preview-caption>p:not(.eyebrow){font-size:20px}
.preview-label{display:inline-flex;gap:24px;margin-top:30px;font-size:11px;font-weight:800;letter-spacing:.07em;border:1.5px solid var(--ink);padding:9px 14px;border-radius:99px;background:var(--lime)}
.preview-stage figure{z-index:1;justify-self:center;border:2px solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:9px 10px 0 var(--ink);width:min(100%,320px)}
.preview-stage figure img{width:100%}
.preview-orbit{position:absolute;font-size:420px;line-height:1;color:#c2a3ef;right:-60px;top:20%;z-index:0}
.steps{display:block;max-width:1000px;margin:50px auto 0;padding-bottom:20px}
.step-card{min-height:300px;padding:36px 42px;margin-bottom:30px;transform:none;isolation:isolate;overflow:hidden}
.step-card h3{font-size:clamp(34px,4.5vw,62px);margin-top:30px;max-width:80%}
.step-card p{font-size:17px;max-width:630px;position:relative;z-index:1}
.step-card .step-symbol{font-size:80px;top:28px;right:35px;opacity:.75}
.step-pink{background:#f5cfe0}
.step-sticker{display:inline-block;margin-top:24px;background:var(--paper);border:1.5px solid var(--ink);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;transform:rotate(-2deg)}
.release-story{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;padding-block:60px 100px}
.release-intro h2{font-size:clamp(44px,5.4vw,74px);margin:22px 0 30px}
.release-intro>p:last-child{color:var(--muted);font-size:18px}
.pixel-demo{border:2px solid var(--ink);border-radius:24px;box-shadow:7px 7px 0 var(--ink);padding:24px;background:#f6edbd}
.pixel-scene{position:relative;min-height:290px;overflow:hidden;border-radius:14px}
.pixel-before,.pixel-after{padding:22px}
.demo-item{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #092c2233;font-size:15px}
.demo-item>span:first-child{font-size:28px}
.demo-item b{margin-left:auto;font-size:12px}
.demo-note{font-size:12px;margin-top:20px;color:var(--muted)}
.pixel-after{text-align:center;background:var(--lime);min-height:290px}
.pixel-after h3{font-size:37px;margin:14px 0}
.pixel-after p{font-size:14px}
.release-star{font-size:70px;line-height:1;color:var(--orange)}
.pixel-trigger{width:100%;min-height:54px;margin-top:18px;border:1.5px solid var(--ink);border-radius:14px;padding:13px 20px;background:var(--ink);color:var(--paper);font:700 16px Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:3px 3px 0 #6c8058}
.pixel-trigger span{margin-left:14px;color:var(--lime)}
.pixel-trigger:hover{background:#1d513d}
.pixel-trigger:focus-visible,.gallery-play:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.pixel-status{font-size:11px;line-height:1.5;text-align:center;margin-top:16px;min-height:33px}
.pixel-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr);pointer-events:none}
.pixel-grid span{opacity:0;background:var(--coral)}
.pixel-grid span:nth-child(3n){background:var(--purple)}
.pixel-grid span:nth-child(3n + 1){background:var(--lime)}
.gallery-play{display:block;margin:8px auto 0;border:1px solid var(--ink);border-radius:99px;min-height:44px;padding:8px 18px;background:var(--paper);color:var(--ink);font:700 12px Arial,Helvetica,sans-serif;cursor:pointer}
.is-carousel .feature-card{transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s,visibility .65s}
.is-carousel .feature-card.is-previous{transform:translateX(-133%) scale(.84) rotateY(14deg) rotateZ(-3deg)}
.is-carousel .feature-card.is-next{transform:translateX(33%) scale(.84) rotateY(-14deg) rotateZ(3deg)}
@media(prefers-reduced-motion:no-preference) and (min-height:680px){
 .motion-ready .preview-expand{height:145vh}
 .motion-ready .preview-stage{position:sticky;top:0;height:100svh;min-height:0;clip-path:inset(0 calc(var(--preview-inset,12) * 1%) round calc(var(--preview-radius,40) * 1px))}
 .motion-ready .preview-stage figure{width:auto;height:min(75svh,620px);aspect-ratio:941/1672;transform:scale(var(--preview-scale,.88));will-change:transform}
 .motion-ready .preview-stage figure img{height:100%;width:auto}
 .motion-ready .steps{padding-bottom:12vh}
 .motion-ready .step-card{position:sticky;top:calc(24px + var(--step-index) * 18px);margin-bottom:14vh;transform:scale(var(--stack-scale,1));transform-origin:50% 0}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.play-button{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.play-button:hover{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px)) scale(1.035)}}
@media(max-width:800px){.release-story{gap:30px}.preview-caption>p:not(.eyebrow){font-size:16px}.step-card{padding:30px}.step-card p{max-width:90%}.step-card .step-symbol{font-size:55px}.preview-stage{gap:20px;padding-inline:24px}}
@media(max-width:520px){
 .preview-stage{grid-template-columns:1fr;text-align:center;padding:28px 20px;gap:20px;min-height:0}
 .preview-caption{margin:0 auto}.preview-caption h2{font-size:40px;margin:10px 0}.preview-caption .eyebrow{font-size:9px}.preview-caption>p:not(.eyebrow){font-size:14px}.preview-label{display:none}
 .preview-stage figure{width:210px}.preview-orbit{font-size:280px;top:35%;right:-80px}
 .motion-ready .preview-stage figure{height:48svh;max-width:90%;width:auto}
 .step-card{padding:25px;min-height:340px}.step-card h3{font-size:36px;max-width:85%;margin-top:30px}.step-card p{font-size:15px;max-width:100%}.step-card .step-symbol{font-size:38px;right:20px}.step-number{font-size:11px}.step-sticker{font-size:10px}
 .release-story{grid-template-columns:1fr;padding-block:30px 70px}.release-intro h2{font-size:46px}.pixel-demo{padding:16px}.pixel-before,.pixel-after{padding:15px}.demo-item{font-size:13px;gap:10px}.pixel-after h3{font-size:32px}
 .is-carousel .feature-card.is-previous{transform:translateX(-145%) scale(.9) rotateY(12deg) rotateZ(-3deg)}.is-carousel .feature-card.is-next{transform:translateX(45%) scale(.9) rotateY(-12deg) rotateZ(3deg)}
}
@media(prefers-reduced-motion:reduce){.split-word,.play-button,.is-carousel .feature-card{animation:none!important;transition:none!important}.split-word,.play-button{transform:none}.preview-stage{clip-path:none}.step-card{position:relative;transform:none}.pixel-grid{display:none}}