.nova-commercial{--nova-commercial-ink: #07101a;--nova-commercial-muted: rgb(7 16 26 / .62);--nova-commercial-line: rgb(7 16 26 / .1);--nova-commercial-ease: cubic-bezier(.22, 1, .36, 1);color:var(--nova-commercial-ink);background:radial-gradient(circle at 92% -5rem,color-mix(in srgb,var(--nova-commercial-accent) 18%,transparent),transparent 28rem),linear-gradient(180deg,#fff 0,#f8fafc 24rem,#fff);padding:clamp(18px,2.4vw,34px) var(--page-margin, 20px) clamp(44px,6vw,78px)}.nova-commercial a{color:inherit;text-decoration:none}.nova-commercial__hero{max-width:1320px;margin:0 auto;display:grid;position:relative;grid-template-columns:minmax(0,.92fr) minmax(280px,.58fr);gap:clamp(18px,3vw,44px);align-items:end;padding-bottom:clamp(16px,2.6vw,30px);border-bottom:1px solid var(--nova-commercial-line);overflow:hidden}.nova-commercial__copy{min-width:0;position:relative;z-index:1;padding:clamp(10px,2vw,26px) 0;isolation:isolate}.nova-commercial__copy p{margin:0 0 8px;color:var(--nova-commercial-accent);font-size:12px;font-weight:950;text-transform:uppercase}.nova-commercial__copy p,.nova-commercial__copy h1,.nova-commercial__text{position:relative;z-index:1}.nova-commercial__copy h1{margin:0;max-width:18ch;font-size:clamp(36px,5.2vw,74px);font-style:italic;font-weight:950;line-height:.9;text-transform:uppercase}.nova-commercial__text{max-width:660px;margin-top:10px;color:var(--nova-commercial-muted);font-size:clamp(13px,1.2vw,16px);line-height:1.45}.nova-commercial__signal{position:relative;z-index:0;width:min(440px,78%);height:68px;margin-top:clamp(14px,2vw,24px);display:grid;grid-template-columns:1.2fr .72fr 1fr .46fr;gap:8px;opacity:.82;pointer-events:none}.nova-commercial__signal span{display:block;background:linear-gradient(135deg,color-mix(in srgb,var(--nova-commercial-accent) 72%,#ffffff),color-mix(in srgb,var(--nova-commercial-accent) 18%,transparent));transform:skew(-14deg) translateY(var(--signal-y, 0));animation:nova-commercial-signal 1.8s var(--nova-commercial-ease) infinite alternate}.nova-commercial__signal span:nth-child(2){--signal-y: 22px;opacity:.66;animation-delay:.12s}.nova-commercial__signal span:nth-child(3){--signal-y: -12px;opacity:.42;animation-delay:.22s}.nova-commercial__signal span:nth-child(4){--signal-y: 34px;opacity:.34;animation-delay:.32s}.nova-commercial__badges{display:none}.nova-commercial__showcase{position:relative;min-height:clamp(220px,24vw,330px);display:grid;align-items:end;isolation:isolate}.nova-commercial__showcase:before{content:"";position:absolute;inset:auto 0 0;height:58%;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--nova-commercial-accent) 18%,transparent),transparent 58%),linear-gradient(180deg,transparent,rgb(7 16 26 / .04));transform:skew(-12deg);z-index:-1}.nova-commercial__showcase-item{position:absolute;bottom:0;left:calc(12% + (var(--showcase-index) * 25%));width:clamp(112px,11vw,168px);display:grid;place-items:end center;transform:translateY(calc(var(--showcase-index) * -12px)) rotate(calc((var(--showcase-index) - 1) * 4deg));transition:transform .22s var(--nova-commercial-ease)}.nova-commercial__showcase-item:nth-child(2){z-index:2;width:clamp(132px,13vw,202px)}.nova-commercial__showcase-item img{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 28px rgb(7 16 26 / .16))}.nova-commercial__toolbar{max-width:1320px;margin:clamp(16px,2.4vw,26px) auto 14px;display:flex;align-items:end;justify-content:space-between;gap:16px}.nova-commercial__toolbar div{display:flex;align-items:baseline;gap:10px}.nova-commercial__toolbar strong{font-size:12px;font-weight:950;text-transform:uppercase}.nova-commercial__toolbar span{color:var(--nova-commercial-muted);font-size:12px}.nova-commercial__toolbar a{display:none}.nova-commercial-filter{max-width:1320px;margin:clamp(6px,1.2vw,12px) auto clamp(20px,2.4vw,30px);display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.nova-commercial-filter::-webkit-scrollbar{display:none}.nova-commercial-filter button{min-height:40px;flex:0 0 auto;position:relative;border:1px solid rgb(7 16 26 / .14);border-radius:999px;background:#ffffffe0;color:#07101ab8;padding:0 15px;font:inherit;font-size:12px;font-weight:950;letter-spacing:0;text-transform:uppercase;cursor:pointer;scroll-snap-align:start;animation:nova-filter-enter .42s var(--nova-commercial-ease) both;animation-delay:calc(var(--filter-index, 0) * 32ms);transition:border-color .14s var(--nova-commercial-ease),background .14s var(--nova-commercial-ease),color .14s var(--nova-commercial-ease),box-shadow .14s var(--nova-commercial-ease),transform .18s var(--nova-commercial-ease)}.nova-commercial-filter button:after{content:"";position:absolute;right:13px;bottom:7px;left:13px;height:1px;background:var(--nova-commercial-accent);opacity:0;transform:scaleX(.35);transform-origin:left center;transition:opacity .14s var(--nova-commercial-ease),transform .14s var(--nova-commercial-ease)}.nova-commercial-filter button:nth-child(1){--filter-index: 0}.nova-commercial-filter button:nth-child(2){--filter-index: 1}.nova-commercial-filter button:nth-child(3){--filter-index: 2}.nova-commercial-filter button:nth-child(4){--filter-index: 3}.nova-commercial-filter button:nth-child(5){--filter-index: 4}.nova-commercial-filter button:nth-child(6){--filter-index: 5}.nova-commercial-filter button:nth-child(7){--filter-index: 6}.nova-commercial-filter button:nth-child(8){--filter-index: 7}.nova-commercial-filter button:nth-child(9){--filter-index: 8}.nova-commercial-filter button:nth-child(10){--filter-index: 9}.nova-commercial-filter button:nth-child(11){--filter-index: 10}.nova-commercial-filter button:nth-child(12){--filter-index: 11}.nova-commercial-filter button.is-active{border-color:#07101a;background:linear-gradient(135deg,#07101a,#101d2b);color:#fff;box-shadow:none;transform:translateY(-1px)}.nova-commercial-filter button.is-active:after{opacity:1;transform:scaleX(1)}.nova-commercial__grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2vw,26px) clamp(12px,1.6vw,20px)}.nova-commercial-card{display:grid;gap:10px;min-width:0;position:relative;transition:transform .16s var(--nova-commercial-ease)}.nova-commercial-card__media{position:relative;min-height:282px;display:grid;place-items:center;background:#f7f9fc;overflow:hidden;isolation:isolate}.nova-commercial-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 16%,rgb(255 255 255 / .52) 46%,transparent 72%);opacity:0;transform:translate(-120%);transition:transform .36s var(--nova-commercial-ease),opacity .12s ease;pointer-events:none}.nova-commercial-card__media img{width:100%;height:270px;display:block;object-fit:contain;transition:transform .18s var(--nova-commercial-ease)}.nova-commercial-card__body{display:grid;gap:5px}.nova-commercial-card__body strong{font-size:13px;font-weight:820;line-height:1.22}.nova-commercial-card__body span{color:var(--nova-commercial-ink);font-size:14px;font-weight:950}.nova-commercial__pagination{max-width:1320px;margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:12px}.nova-commercial__pagination a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--nova-commercial-line);color:var(--nova-commercial-ink);font-size:12px;font-weight:900;text-transform:uppercase}.nova-commercial__pagination span{color:var(--nova-commercial-muted);font-size:12px;font-weight:850;text-transform:uppercase}.nova-commercial__empty{max-width:1320px;margin:0 auto;padding:30px 0}.nova-commercial__empty[hidden],.nova-commercial-card[hidden]{display:none!important}@media(hover:hover)and (pointer:fine){.nova-commercial-filter button:hover{border-color:#07101a57;background:#fff;color:#07101a;transform:translateY(-1px)}.nova-commercial-filter button.is-active:hover{border-color:#07101a;background:linear-gradient(135deg,#07101a,#101d2b);color:#fff}.nova-commercial-card:hover{transform:translateY(-3px)}.nova-commercial-card:hover .nova-commercial-card__media img{transform:translateY(-4px) scale(1.025)}.nova-commercial-card:hover .nova-commercial-card__media:after{opacity:1;transform:translate(120%)}.nova-commercial__showcase:hover .nova-commercial__showcase-item{transform:translateY(calc((var(--showcase-index) * -12px) - 8px)) rotate(calc((var(--showcase-index) - 1) * 2deg))}}@keyframes nova-filter-press{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes nova-filter-enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes nova-commercial-signal{0%{transform:skew(-14deg) translateY(var(--signal-y, 0)) scaleY(.82)}to{transform:skew(-14deg) translateY(calc(var(--signal-y, 0) - 8px)) scaleY(1)}}@media screen and (max-width:1180px){.nova-commercial__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:989px){.nova-commercial__hero{grid-template-columns:1fr;align-items:start}.nova-commercial__signal{left:auto;right:0}.nova-commercial__showcase{min-height:210px}.nova-commercial__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.nova-commercial{padding:18px 14px 44px}.nova-commercial__hero{gap:10px;padding-bottom:14px}.nova-commercial__copy h1{font-size:clamp(32px,10vw,46px)}.nova-commercial__text{font-size:13px}.nova-commercial__signal{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:42px;margin-top:14px;gap:5px}.nova-commercial__showcase{min-height:150px;margin-top:6px}.nova-commercial__showcase-item{left:calc(10% + (var(--showcase-index) * 25%));width:clamp(78px,24vw,108px)}.nova-commercial__showcase-item:nth-child(2){width:clamp(92px,28vw,128px)}.nova-commercial__toolbar{margin-top:14px}.nova-commercial-filter{width:calc(100% + 28px);max-width:none;display:flex;overflow-x:auto;overflow-y:hidden;margin-top:4px;margin-bottom:20px;margin-left:-14px;padding:0 14px 14px;gap:8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#07101a rgb(7 16 26 / .12)}.nova-commercial-filter::-webkit-scrollbar{display:block;height:4px}.nova-commercial-filter::-webkit-scrollbar-track{background:#07101a1f;border-radius:999px;margin-inline:14px}.nova-commercial-filter::-webkit-scrollbar-thumb{background:#07101a;border-radius:999px}.nova-commercial-filter button{min-height:42px;flex:0 0 auto;width:auto;max-width:none;padding:0 14px;font-size:11px;white-space:nowrap}.nova-commercial-filter button.is-active{transform:none}.nova-commercial__toolbar div{display:grid;gap:2px}.nova-commercial__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.nova-commercial-card__media{min-height:188px}.nova-commercial-card__media img{height:178px}.nova-commercial-card__body strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.nova-commercial-card,.nova-commercial-card__media img,.nova-commercial__showcase-item,.nova-commercial__signal span{animation-duration:.01ms!important;transition-duration:.01ms!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/nova-commercial-collection.css.map */