.r6-page { min-height: 100vh; background: #0f0913; }
.r6-page .site-header { position: absolute; }
.r6-hero { position: relative; display: flex; min-height: 520px; align-items: center; padding: 130px max(10vw, 9%) 70px; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(110deg, #100b16 0%, #100915 41%, #421128 100%); }
.r6-hero::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(7,5,10,.45), transparent 48%, rgba(24,5,15,.16)), linear-gradient(0deg, rgba(9,5,12,.88), transparent 42%); }
.r6-hero-grid { position: absolute; top: -25%; right: -6%; width: 65%; height: 145%; opacity: .54; background: repeating-linear-gradient(90deg, transparent 0 65px, rgba(255,137,216,.12) 66px 67px), repeating-linear-gradient(0deg, transparent 0 65px, rgba(255,137,216,.1) 66px 67px); transform: perspective(500px) rotateY(-24deg) rotateX(2deg); mask-image: linear-gradient(90deg, transparent, black 24%, black); }
.r6-hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); }.orb-a { top: -200px; right: 10%; width: 740px; height: 740px; border: 1px solid rgba(255,127,214,.38); background: radial-gradient(circle at 36% 39%, rgba(255,143,218,.43), rgba(116,15,62,.2) 35%, transparent 68%); box-shadow: inset 0 0 110px rgba(255,86,187,.18), 0 0 110px rgba(230,34,145,.11); }.orb-b { top: 80px; right: 29%; width: 310px; height: 310px; background: radial-gradient(circle at 36% 35%, rgba(255,211,246,.45), rgba(255,103,201,.35) 12%, rgba(121,22,81,.28) 49%, transparent 72%); }
.r6-hero-copy { position: relative; z-index: 2; max-width: 710px; }.r6-kicker { display: flex; gap: 9px; align-items: center; margin: 0 0 22px; color: var(--mint); font: 500 10px var(--mono); letter-spacing: .14em; }.r6-kicker span { display: grid; width: 25px; height: 25px; border: 1px solid rgba(255,102,213,.65); place-items: center; color: var(--paper); font-size: 9px; }.r6-hero h1 { margin: 0; color: var(--paper); font-size: clamp(3.5rem, 5.5vw, 5.75rem); font-weight: 700; line-height: .88; }.r6-hero h1 em { color: var(--mint); font-style: normal; }.r6-hero-copy > p:last-child { max-width: 500px; margin: 27px 0 0; color: #d7c6d8; font-size: 16px; line-height: 1.7; }.r6-hero-label { position: absolute; z-index: 1; top: 36px; right: 5%; color: rgba(255,166,223,.1); font: 700 clamp(8rem, 18vw, 17rem)/.7 var(--display); letter-spacing: -.12em; text-align: right; }
.r6-catalogue { width: min(1180px, calc(100% - 80px)); margin: 0 auto; padding: 0 0 140px; }.r6-breadcrumb { display: flex; gap: 11px; align-items: center; min-height: 56px; border-bottom: 1px solid var(--line); color: #a994aa; font: 10px var(--mono); }.r6-breadcrumb a:hover { color: var(--mint); }.r6-breadcrumb span { color: #604b63; }.r6-breadcrumb strong { color: #e6d9e6; font-weight: 500; }.catalogue-count { margin-left: auto; color: var(--mint) !important; }.catalogue-heading { display: flex; align-items: end; justify-content: space-between; padding: 70px 0 43px; }.catalogue-heading h2 { font-size: clamp(3rem, 5vw, 5.2rem); }.catalogue-heading > p { width: 310px; margin: 0 8% 9px 0; color: #b5a2b8; font-size: 13px; line-height: 1.7; }
.product-grid { display: grid; grid-template-columns: minmax(280px, 366px); gap: 22px; }.product-card { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 3px; background: #1a1020; box-shadow: 0 18px 40px rgba(0,0,0,.2); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }.product-card:hover { border-color: rgba(255,102,213,.7); box-shadow: 0 22px 48px rgba(0,0,0,.35), 0 0 32px rgba(255,57,181,.13); transform: translateY(-4px); }.product-art { position: relative; height: 292px; overflow: hidden; background: #180512; }.product-art::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 54%, rgba(20,4,14,.38)), radial-gradient(circle at 50% 35%, transparent 34%, rgba(255,46,172,.08)); pointer-events: none; }.product-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .45s ease, filter .45s ease; }.product-card:hover .product-art img { filter: saturate(1.14) contrast(1.05); transform: scale(1.045); }.product-art span { position: absolute; z-index: 2; top: 13px; left: 13px; display: grid; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.5); place-items: center; background: rgba(16,7,20,.56); color: var(--paper); font: 700 10px var(--mono); }
.product-details { padding: 22px; }.product-title-row { display: flex; align-items: start; justify-content: space-between; }.product-title-row h3 { margin: 0; font-size: 25px; font-weight: 600; letter-spacing: -.06em; }.product-code { color: var(--mint); font: 10px var(--mono); }.product-summary { min-height: 37px; margin: 10px 0 17px; color: #ac99af; font-size: 11px; line-height: 1.65; }.product-status { display: flex; gap: 7px; align-items: center; padding: 8px 10px; border: 1px solid rgba(255,102,213,.23); background: rgba(255,102,213,.13); color: var(--mint); font: 500 9px var(--mono); letter-spacing: .05em; }.product-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(255,102,213,.13); }.product-bottom { display: flex; align-items: end; justify-content: space-between; padding-top: 22px; }.product-bottom > div span, .product-bottom > div strong { display: block; }.product-bottom > div span { color: #9b859e; font: 9px var(--mono); }.product-bottom > div strong { margin-top: 3px; color: var(--paper); font: 600 21px var(--display); letter-spacing: -.06em; }.product-bottom button { display: inline-flex; gap: 20px; align-items: center; padding: 12px 13px; border: 1px solid rgba(255,102,213,.48); background: transparent; color: var(--paper); font: 500 10px var(--mono); transition: background .2s ease, color .2s ease; }.product-bottom button:hover { background: var(--mint); color: var(--ink); }.product-bottom button b { color: var(--mint); font-size: 16px; }.product-bottom button:hover b { color: var(--ink); }
.product-discord-link { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 12px 0 1px; border-top: 1px solid rgba(255,255,255,.1); color: #cbbacd; font: 500 10px var(--mono); letter-spacing: .015em; transition: color .2s ease; }.product-discord-link span { color: var(--mint); font-size: 15px; transition: transform .2s ease; }.product-discord-link:hover { color: var(--paper); }.product-discord-link:hover span { transform: translate(2px, -2px); }
.r6-footer { display: flex; width: min(1180px, calc(100% - 80px)); align-items: center; justify-content: space-between; padding: 24px 0; border-top: 1px solid var(--line); color: #957e98; font: 9px var(--mono); }.r6-footer .brand { font-size: 17px; }.r6-footer a:last-child { color: var(--ice); }.r6-footer a:last-child:hover { color: var(--mint); }
@media (max-width: 700px) { .r6-hero { min-height: 470px; padding: 118px 22px 58px; }.r6-hero-copy > p:last-child { font-size: 13px; }.r6-hero-label { top: 75px; right: -16px; }.orb-a { right: -70%; }.orb-b { right: 0; }.r6-catalogue, .r6-footer { width: calc(100% - 32px); }.catalogue-heading { display: block; padding: 55px 0 36px; }.catalogue-heading > p { width: auto; margin: 23px 0 0; }.product-grid { grid-template-columns: 1fr; }.product-art { height: 270px; }.r6-footer { gap: 13px; flex-wrap: wrap; }.r6-footer > span { order: 3; width: 100%; } }