/* Actual Spline/Hana vector assets, composed within the original RMC storefront. */
.hero-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;min-height:590px!important}
.hero-copy{max-width:none;padding-block:60px 85px;min-width:0}
.hero h1{font-size:clamp(40px,4.5vw,66px)}
.hero-copy p{font-size:18px}
.hero-wordmark{color:#ffffff04}
.spline-scene{position:relative;direction:ltr;min-width:0;isolation:isolate;height:510px;perspective:1000px;background:radial-gradient(ellipse at 50% 52%,#6c9ab826,transparent 67%)}
.spline-main-part{position:absolute;width:100%;height:auto;inset:30px 0 auto;filter:drop-shadow(12px 22px 18px #00131e66);transform:rotateY(-12deg) rotateX(8deg);animation:spline-float 8s ease-in-out infinite}
.spline-kicker{position:absolute;top:8px;left:28px;font:600 10px Manrope,Arial;letter-spacing:3px;color:#a8c4d4}
.spline-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #c1dcea1f;border-radius:50%;left:7.5%;top:28px;transform:rotateX(54deg) rotateZ(-25deg);z-index:-1}
.spline-orbit-two{width:97%;left:1.5%;border-style:dashed;transform:rotateX(40deg) rotateZ(15deg)}
.spline-sticker{position:absolute;background:#f3f5f1;border:1px solid #ffffff80;border-radius:13px;box-shadow:0 18px 34px #00131e55;display:flex;flex-direction:column;align-items:center;padding:3px 7px 10px;transition:transform .4s;overflow:hidden}
.spline-sticker img{width:100%;height:auto;display:block}
.spline-sticker span{font:700 9px Manrope,Arial;letter-spacing:1.5px;color:#264456}
.spline-sticker-filter{width:130px;left:0;bottom:55px;transform:rotate(-12deg)}
.spline-sticker-plugs{width:120px;right:0;top:35px;transform:rotate(12deg)}
.spline-scene:hover .spline-sticker-filter{transform:rotate(-5deg) translateY(-7px)}
.spline-scene:hover .spline-sticker-plugs{transform:rotate(5deg) translateY(-7px)}
.spline-caption{position:absolute;bottom:15px;inset-inline:24px;display:flex;justify-content:space-between;gap:20px;font:500 10px Manrope,Arial;color:#acc5d5;letter-spacing:1px}
.spline-caption span:last-child{font-family:'Readex Pro',Arial;letter-spacing:0}
.category .spline-category-icon{width:40px;height:40px;object-fit:contain;filter:none;transition:transform .3s}
.category:hover .spline-category-icon{transform:rotate(-8deg) scale(1.1)}
.product .spline-product-art img{width:min(90%,280px);height:190px;object-fit:contain;transform:perspective(650px) rotateY(-10deg) rotateX(6deg);filter:drop-shadow(9px 14px 8px #082c421c);transition:transform .4s}
.product:hover .spline-product-art img{transform:perspective(650px) rotateY(5deg) rotateX(0deg) translateY(-5px)}
.detail .spline-product-art img{height:auto;width:min(90%,420px)}
.cart-row .spline-product-art img{width:100%;height:70px;filter:none;transform:none}
.spline-work-art{position:relative;direction:ltr;height:290px;perspective:900px;isolation:isolate}
.spline-work-art>div{position:absolute;display:grid;place-items:center;background:#f1f3ef;border:1px solid #ffffff80;box-shadow:12px 22px 36px #00152166;border-radius:16px;transition:transform .35s}
.spline-work-art img{width:100%;height:auto;display:block}
.spline-work-disc{width:58%;left:0;top:12px;transform:rotateY(12deg) rotate(-9deg);z-index:2}
.spline-work-filter{width:40%;right:4%;top:0;transform:rotateY(-14deg) rotate(12deg)}
.spline-work-shock{width:42%;right:0;bottom:0;transform:rotateY(-12deg) rotate(5deg);z-index:3}
@keyframes spline-float{0%,100%{transform:rotateY(-12deg) rotateX(8deg) translateY(0)}50%{transform:rotateY(-6deg) rotateX(4deg) translateY(-12px)}}
@media(max-width:1000px){.hero-grid{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.hero h1{font-size:44px}.spline-scene{height:420px}.spline-main-part{top:50px}.spline-sticker-filter{width:105px}.spline-sticker-plugs{width:95px}.spline-caption{font-size:8px;inset-inline:5px;bottom:12px}.spline-kicker{font-size:8px;left:10px}.spline-work-art{height:245px}}
@media(max-width:700px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:0;min-height:0!important}.hero-copy{padding:35px 0 16px}.hero-copy h1,html[lang=en] .hero-copy h1{font-size:clamp(35px,9.5vw,48px)}.hero-copy p{font-size:18px}.hero-signals{margin-top:25px}.spline-scene{height:350px;max-width:460px;width:100%;margin:0 auto 42px}.spline-main-part{top:-12px;width:95%;left:2.5%}.spline-sticker-filter{bottom:39px;left:3%;width:100px}.spline-sticker-plugs{top:10px;right:2%;width:95px}.spline-orbit{top:0}.spline-kicker{top:0;left:20px;font-size:7px}.spline-caption{bottom:8px;inset-inline:15px;font-size:8px}.spline-work-art{width:min(100%,430px);height:245px;margin:15px auto 0}.product .spline-product-art img{height:170px}.category .spline-category-icon{width:34px;height:34px}}
@media(max-width:380px){.spline-scene{height:300px}.spline-sticker-filter{width:85px}.spline-sticker-plugs{width:80px}.spline-caption{letter-spacing:0;font-size:7px}}
@media(prefers-reduced-motion:reduce){.spline-main-part{animation:none}.spline-scene:hover .spline-sticker-filter{transform:rotate(-12deg)}.spline-scene:hover .spline-sticker-plugs{transform:rotate(12deg)}.category:hover .spline-category-icon,.product:hover .spline-product-art img{transform:none}}
