.hero-image{width:100%;height:100%;background:none;object-fit:contain;object-position:right center;transform:none;background-color:#07090d}.hero-shade{background:linear-gradient(90deg,rgba(3,5,8,.95),rgba(3,5,8,.82) 30%,rgba(3,5,8,.22) 65%),linear-gradient(0deg,rgba(3,5,8,.7),transparent 35%)}.hero-playback{position:absolute;z-index:4;right:24px;bottom:24px;border:1px solid #aeb8bd;background:#07090ddd;color:#fff;border-radius:4px;padding:10px 16px;font:inherit;cursor:pointer}.hero-playback:focus-visible{outline:3px solid #5de5d3;outline-offset:3px}.render-demos{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.render-demos figure{margin:0;background:#0e1218;border:1px solid rgba(255,255,255,.13);overflow:hidden;border-radius:8px}.render-demos figure:first-child{grid-column:1/-1}.render-demos video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.render-demos figcaption{padding:16px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.render-demos figcaption span{color:#aeb8bd;font-size:.875rem}.gallery figure{height:auto;display:flex;flex-direction:column}.gallery figure img{height:auto;aspect-ratio:1;object-fit:contain}.gallery figure figcaption{position:static;background:#0e1218;padding:18px;min-height:86px}.gallery figure video{width:100%;aspect-ratio:1;object-fit:contain;display:block}.gallery figure:first-child{grid-column:auto}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.hero-image{object-position:center;opacity:.75}.hero-shade{background:linear-gradient(90deg,rgba(3,5,8,.82),rgba(3,5,8,.4)),linear-gradient(0deg,rgba(3,5,8,.75),transparent)}.render-demos,.gallery{grid-template-columns:1fr}.hero-playback{bottom:55px;right:18px}.render-demos figcaption{padding:14px}.scroll-cue{font-size:.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.render-demos figcaption{position:static;background:#0e1218;transform:none}.render-demos figcaption strong{color:#f4f7f8}.gallery figure{position:relative;min-height:0;overflow:visible}.gallery figure img{transform:none}
.gallery figure{aspect-ratio:auto}.gallery figcaption span{font-size:.875rem}.gallery figure:hover img{transform:none}
@media(max-width:760px){.hero-image{object-fit:cover;object-position:58% center;opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(3,5,8,.78),rgba(3,5,8,.3)),linear-gradient(0deg,rgba(3,5,8,.88),rgba(3,5,8,.1) 70%)}.hero-copy{text-shadow:0 2px 14px #000}.hero-actions{text-shadow:none}}


.gallery figure:last-child img[src*="ultraviolet"]{aspect-ratio:1;object-fit:contain;background:#07090d}

.developer-note:not(.hero){max-width:1240px;margin:0 auto;padding:32px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr);gap:32px;border:1px solid var(--line);border-left:3px solid var(--teal);background:#0e1218}.developer-note h2{font-size:1.4rem;line-height:1.4;letter-spacing:-.02em;max-width:280px}.developer-note p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}@media(max-width:760px){.developer-note:not(.hero){margin:0 18px;padding:24px;grid-template-columns:1fr;gap:16px}}