.nn-video{background:var(--nn-navy);color:#fff;padding-block:clamp(64px,10vw,112px)}.nn-video__head{text-align:center;margin-bottom:var(--nn-s-12);display:flex;flex-direction:column;gap:var(--nn-s-2)}.nn-video__head .nn-eyebrow{color:var(--nn-sun)}.nn-video__title{font-family:var(--nn-font-display);font-weight:600;font-size:clamp(3rem,5vw,5rem);line-height:1.1;letter-spacing:-.02em;color:#fff;margin:0;text-wrap:balance}.nn-video__desktop{display:block}.nn-video__mobile{display:none}.nn-video__main{max-width:1080px;margin:0 auto var(--nn-s-8);border-radius:var(--nn-r-lg);overflow:hidden;background:#000;box-shadow:var(--nn-sh-lg);aspect-ratio:16 / 9}.nn-video__main video,.nn-video__main img{width:100%;height:100%;object-fit:cover;display:block}.nn-video__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:var(--nn-fs-sm)}.nn-video__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--nn-s-4);max-width:1080px;margin:0 auto}.nn-video__thumb{position:relative;aspect-ratio:16 / 9;border:2px solid transparent;border-radius:var(--nn-r-md);overflow:hidden;background:var(--nn-navy-deep);text-decoration:none;color:#fff;display:block;padding:0;cursor:pointer;font-family:inherit;transition:transform .2s var(--nn-ease),border-color .2s var(--nn-ease)}.nn-video__thumb:hover{transform:translateY(-2px);border-color:var(--nn-cyan)}.nn-video__thumb.is-active{border-color:var(--nn-sun)}.nn-video__thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .2s var(--nn-ease)}.nn-video__thumb:hover img{opacity:1}.nn-video__thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--nn-sun);text-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}.nn-video__thumb-title{position:absolute;left:0;right:0;bottom:0;padding:var(--nn-s-3);font-size:var(--nn-fs-sm);font-weight:600;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));pointer-events:none}@media(max-width:720px){.nn-video__desktop{display:none!important}.nn-video__mobile{display:flex;flex-direction:column;gap:var(--nn-s-8);max-width:560px;margin:0 auto}.nn-video__mobile-clip{display:flex;flex-direction:column;gap:var(--nn-s-3)}.nn-video__mobile-player{width:100%;aspect-ratio:16 / 9;border-radius:var(--nn-r-md);background:#000;box-shadow:var(--nn-sh-md);display:block}.nn-video__mobile-title{font-family:var(--nn-font-display);font-weight:600;font-size:var(--nn-fs-md);color:#fff;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-landing-video.css.map */