.rgb-shop-hub{--rgb-pink:#ff3fbc;--rgb-purple:#8c4dff;--rgb-blue:#3a9bff;position:relative;overflow:hidden;padding:2.6rem 0 1rem;color:#f9f7ff;background:radial-gradient(circle at 8% 4%,rgba(255,63,188,.15),transparent 31rem),radial-gradient(circle at 92% 15%,rgba(58,155,255,.15),transparent 34rem),linear-gradient(180deg,#090711,#0d0918 64%,#090711)}.rgb-shop-hub:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}.rgb-shop-hub .page-width{position:relative;z-index:2}.rgb-shop-hub__glow{position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(85px);opacity:.16;pointer-events:none}.rgb-shop-hub__glow--one{left:-12rem;top:32rem;background:var(--rgb-pink)}.rgb-shop-hub__glow--two{right:-10rem;bottom:10rem;background:var(--rgb-blue)}.rgb-shop-hub__breadcrumb{display:flex;gap:.8rem;align-items:center;margin-bottom:3.4rem;color:#f4efff85;font-size:1.25rem}.rgb-shop-hub__breadcrumb a{color:inherit;text-decoration:none}.rgb-shop-hub__breadcrumb a:hover{color:#fff}.rgb-shop-hub__intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(28rem,.85fr);gap:clamp(3rem,6vw,8rem);align-items:end;margin-bottom:3rem}.rgb-shop-hub__eyebrow{margin:0 0 1rem;color:#cfc5ff;font-size:1.08rem;font-weight:800;letter-spacing:.18em}.rgb-shop-hub__intro h1{max-width:75rem;margin:0;color:#fff;font-size:clamp(4rem,6.4vw,7.6rem);line-height:.96;letter-spacing:-.055em}.rgb-shop-hub__intro-copy p{margin:0;color:#f7f3ffb8;font-size:1.55rem;line-height:1.68}.rgb-shop-hub__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.2rem}.rgb-shop-hub__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.7rem;padding:0 1.9rem;border:1px solid transparent;border-radius:999px;color:#fff;text-decoration:none;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.rgb-shop-hub__button:hover{transform:translateY(-2px)}.rgb-shop-hub__button--primary{background:linear-gradient(110deg,var(--rgb-pink),var(--rgb-purple) 50%,var(--rgb-blue));box-shadow:0 1rem 2.8rem #5a49ff38}.rgb-shop-hub__button--primary:hover{box-shadow:0 1.4rem 3.4rem #5a49ff57}.rgb-shop-hub__button--ghost{border-color:#fff3;background:#ffffff0b}.rgb-shop-hub__button--ghost:hover{border-color:#ffffff7a;background:#ffffff13}.rgb-shop-hub__button:focus-visible,.rgb-shop-tile:focus-visible{outline:3px solid #fff;outline-offset:4px}.rgb-shop-hub__promise{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:3rem 0 1.4rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;background:#ffffff14}.rgb-shop-hub__promise span{display:flex;flex-direction:column;gap:.35rem;padding:1.55rem 1.7rem;background:#0d0918f0;color:#f4f0ff9c;font-size:1.15rem;line-height:1.45}.rgb-shop-hub__promise strong{color:#fff;font-size:1.25rem}.rgb-shop-hub__categories{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(28rem,auto);gap:1.25rem;scroll-margin-top:10rem}.rgb-shop-tile{position:relative;grid-column:span 2;min-height:34rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.8rem;background:#161121;color:#fff;text-decoration:none;box-shadow:0 2rem 5rem #0000003d;isolation:isolate}.rgb-shop-tile--feature{grid-column:span 4;grid-row:span 2;min-height:52rem}.rgb-shop-tile--best{grid-column:span 4}.rgb-shop-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#191126,#101626)}.rgb-shop-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#05040cf0,#05040c47 58%,#05040c0d);z-index:1}.rgb-shop-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}.rgb-shop-tile:hover .rgb-shop-tile__media img{transform:scale(1.045);filter:saturate(1.08) brightness(1.04)}.rgb-shop-tile__copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(2rem,3vw,3.3rem)}.rgb-shop-tile__copy small{display:block;margin-bottom:.65rem;color:#d8ccff;font-size:.9rem;font-weight:800;letter-spacing:.16em}.rgb-shop-tile__copy h2{margin:0;color:#fff;font-size:clamp(2rem,2.7vw,3.5rem);line-height:1.04}.rgb-shop-tile__copy p{max-width:52rem;margin:.85rem 0 1.3rem;color:#f9f6ffb8;font-size:1.25rem;line-height:1.55}.rgb-shop-tile__copy>span{display:inline-flex;gap:.6rem;align-items:center;color:#fff;font-weight:800;font-size:1.2rem}.rgb-shop-tile__copy b{transition:transform .2s ease}.rgb-shop-tile:hover .rgb-shop-tile__copy b{transform:translate(.35rem)}.rgb-shop-hub__all-products{padding:4.2rem 0 2.2rem;text-align:center}.rgb-shop-hub__all-products span{color:#b9afff;font-size:1rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.rgb-shop-hub__all-products h2{margin:.6rem 0 0;color:#fff;font-size:clamp(2.8rem,4vw,4.8rem)}@media screen and (max-width:989px){.rgb-shop-hub__intro{grid-template-columns:1fr;gap:1.8rem}.rgb-shop-hub__intro-copy{max-width:68rem}.rgb-shop-hub__promise{grid-template-columns:1fr}.rgb-shop-hub__categories{grid-template-columns:1fr 1fr;grid-auto-rows:34rem}.rgb-shop-tile,.rgb-shop-tile--feature,.rgb-shop-tile--best{grid-column:span 1;grid-row:span 1;min-height:34rem}.rgb-shop-tile--feature{grid-column:1 / -1;min-height:44rem}}@media screen and (max-width:749px){.rgb-shop-hub{padding-top:2rem}.rgb-shop-hub__breadcrumb{margin-bottom:2.6rem}.rgb-shop-hub__intro h1{font-size:clamp(4rem,14vw,5.8rem)}.rgb-shop-hub__intro-copy p{font-size:1.42rem}.rgb-shop-hub__actions{display:grid;grid-template-columns:1fr}.rgb-shop-hub__button{width:100%}.rgb-shop-hub__categories{grid-template-columns:1fr;grid-auto-rows:32rem}.rgb-shop-tile,.rgb-shop-tile--feature,.rgb-shop-tile--best{grid-column:auto;min-height:32rem}.rgb-shop-tile--feature{min-height:38rem}.rgb-shop-tile__copy{padding:2rem}.rgb-shop-tile__copy p{font-size:1.18rem}}@media(prefers-reduced-motion:reduce){.rgb-shop-hub__button,.rgb-shop-tile__media img,.rgb-shop-tile__copy b{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/rgb-shop-page.css.map */