.nox-demo{padding-block:clamp(64px,10vw,112px)}.nox-demo__head{display:grid;justify-items:center;text-align:center}.nox-demo__head .nox-h2{max-width:22ch}.nox-demo__grid{margin-top:clamp(32px,5vw,56px)}@media screen and (max-width:767px){.nox-demo__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--nox-s3);margin-inline:calc(-1*clamp(20px,4vw,40px));padding-inline:clamp(20px,4vw,40px);padding-bottom:var(--nox-s2);scrollbar-width:none;-webkit-overflow-scrolling:touch}.nox-demo__grid::-webkit-scrollbar{display:none}.nox-demo__item{flex:0 0 76%;scroll-snap-align:center}}@media screen and (min-width:768px){.nox-demo__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--nox-s6);max-width:980px;margin-inline:auto}}.nox-demo__item{margin:0}.nox-demo__media{aspect-ratio:4 / 5;border-color:#c9a24b4d;animation:nox-demo-glow 4s ease-in-out infinite alternate}@keyframes nox-demo-glow{0%{box-shadow:0 0 30px -12px #c9a24b33}to{box-shadow:0 0 42px -8px #c9a24b73}}@media(prefers-reduced-motion:reduce){.nox-demo__media{animation:none}}.nox-demo__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nox-demo__play{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--nox-accent-soft);background:#c9a24b14;color:var(--nox-accent);animation:nox-play-pulse 2.6s ease-out infinite}@keyframes nox-play-pulse{0%{box-shadow:0 0 #c9a24b59}70%{box-shadow:0 0 0 16px #c9a24b00}to{box-shadow:0 0 #c9a24b00}}@media(prefers-reduced-motion:reduce){.nox-demo__play{animation:none}}.nox-demo__play svg{width:28px;height:28px;opacity:.9}.nox-demo__caption{margin-top:var(--nox-s3);display:flex;align-items:center;gap:var(--nox-s3);font-size:var(--nox-fs-small);font-weight:500;letter-spacing:.04em;color:var(--nox-text-soft)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-nox-demo.css.map */