.otaku-hero-section{max-width:var(--page-width);margin:40px auto;padding:0 15px}.otaku-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:stretch}.otaku-hero-billboard{display:flex;flex-direction:row;min-height:400px;height:100%;background:#0f172a;border:4px solid #000;border-radius:16px;box-shadow:10px 10px #7b5cff;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.otaku-hero-billboard:hover{transform:translate(-4px,-4px);box-shadow:14px 14px #ff4ecd}.otaku-hero-slides{flex-grow:1;position:relative}.otaku-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:1;display:grid;grid-template-columns:1fr 1fr;background-color:var(--slide-bg)}.otaku-slide.is-active{opacity:1;pointer-events:auto;z-index:5}.otaku-slide-content{padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.otaku-hero-sticker{display:inline-block;padding:6px 14px;font-weight:900;font-size:clamp(1rem,3vw,1.3rem);text-transform:uppercase;border-radius:4px;margin-bottom:20px;border:2px solid var(--sub-color);background:#000;color:var(--sub-color);box-shadow:4px 4px 0 var(--sub-color);transform:rotate(-3deg)}.otaku-hero-heading{font-weight:900;font-size:clamp(2rem,6vw,3.8rem);line-height:1.1;margin:0 0 15px;color:var(--main-color);text-shadow:3px 3px 0px var(--head-shadow)}.otaku-hero-desc{color:#cbd5e1;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;margin-bottom:30px}.otaku-hero-btn{background:#00c9ff;color:#000;padding:12px 28px;font-weight:900;font-size:clamp(1.1rem,3vw,1.4rem);text-transform:uppercase;text-decoration:none;border:3px solid #000;border-radius:8px;box-shadow:4px 4px #000;transition:all .2s ease}.otaku-hero-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;background:#7b5cff;color:#fff}.otaku-slide-content{min-width:0;min-height:0;overflow:hidden}.otaku-slide-image-wrapper{position:relative;width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;border-left:4px solid #000;background:transparent}.otaku-slide-image,.otaku-placeholder-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.otaku-placeholder-wrap{background:#e2e8f0;display:flex;align-items:center;justify-content:center}.otaku-hero-sidebar{width:140px;display:flex;flex-direction:column;background:#1e293b;border-left:4px solid #000;z-index:10;flex-shrink:0}.otaku-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-bottom:3px solid #000;transition:.2s}.otaku-tab:last-child{border-bottom:none}.otaku-tab-icon{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:2px;transition:.2s}.otaku-tab-text{color:#94a3b8;font-weight:800;font-size:clamp(.9rem,2vw,1.1rem);text-transform:uppercase;text-align:center}.otaku-tab:hover:not(.is-active){background:#334155}.otaku-tab.is-active{background:#7b5cff;border-left:6px solid #fff}.otaku-tab.is-active .otaku-tab-text{color:#fff}.otaku-tab.is-active .otaku-tab-icon{transform:scale(1.2)}.otaku-quick-links-scene{display:flex;flex-direction:column;perspective:1000px;height:100%}.otaku-quick-links-header{display:flex;flex-wrap:wrap;margin-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1);flex-shrink:0}.otaku-flip-btn{background:transparent;border:none;color:#94a3b8;font-weight:900;font-size:clamp(1.2rem,3vw,1.6rem);text-transform:uppercase;padding:0 10px 10px;cursor:pointer;transition:.3s}.otaku-flip-btn.active{color:#fff;border-bottom:3px solid #ff4ecd}.otaku-quick-links-flipper{position:relative;width:100%;flex-grow:1;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.otaku-quick-links-flipper.is-flipped{transform:rotateY(180deg)}.otaku-quick-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;width:100%}.otaku-quick-front{position:relative;z-index:2;transform:rotateY(0)}.otaku-quick-back{position:absolute;top:0;left:0;right:0;bottom:0;transform:rotateY(180deg)}.otaku-quick-grid{display:grid;grid-template-columns:repeat(var(--pc-cols, 2),1fr);align-content:start;gap:10px;width:100%}.otaku-box-btn{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:3px solid #3B9FFF;color:#00c9ff;text-decoration:none;font-weight:900;transition:.3s;z-index:1;width:100%;aspect-ratio:16 / 9}.otaku-box-text{font-size:clamp(.9rem,2.5vw,1.2rem);text-transform:uppercase;text-align:center;letter-spacing:.5px;padding:5px}.otaku-box-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-4;transition:.3s}.otaku-box-btn:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:-1;opacity:0;transition:.3s;background:linear-gradient(45deg,#ff4ecd,#7b5cff,#00c9ff,#ff4ecd);background-size:300% 300%}.otaku-box-btn:hover{border-color:transparent;transform:scale(1.03)}.otaku-box-btn:not(.has-bg):hover:after{opacity:1;animation:moveGlow 3s ease infinite}.otaku-box-btn:hover .otaku-box-text{color:#fff}.otaku-box-btn.has-bg{border-color:#222;padding:0}.otaku-box-btn.has-bg:before,.otaku-box-btn.has-bg .otaku-box-text{display:none}.otaku-box-btn.has-bg:after{z-index:-3;top:-3px;left:-3px;right:-3px;bottom:-3px}.otaku-box-bg-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;border-radius:8px;background:#000}.otaku-box-bg{width:100%;height:100%;object-fit:cover;object-position:center;transition:.4s;display:block}.otaku-box-btn.has-bg:hover:after{opacity:1;animation:moveGlow 3s ease infinite}.otaku-box-btn.has-bg:hover .otaku-box-bg{transform:scale(1.1)}@keyframes moveGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:989px){.otaku-hero-grid{grid-template-columns:1fr}.otaku-hero-billboard{flex-direction:column;min-height:auto}.otaku-slide{grid-template-columns:1fr;position:relative;display:none}.otaku-slide.is-active{display:grid}.otaku-slide-content{padding:20px}.otaku-slide-image-wrapper{border-left:none;border-bottom:4px solid #000;height:250px}.otaku-slide-image{border:none}.otaku-hero-sidebar{width:100%;flex-direction:row;border-left:none;border-top:4px solid #000;height:70px}.otaku-tab{border-bottom:none;border-right:2px solid #000;padding:5px 0;min-width:33%}.otaku-tab.is-active{border-left:none;border-top:4px solid #fff}.otaku-quick-links-scene{margin-top:10px}.otaku-quick-grid{grid-template-columns:repeat(var(--mob-cols, 2),1fr)}}@media(max-width:400px){.otaku-quick-grid{grid-template-columns:repeat(2,1fr)}.otaku-hero-section{padding:0 10px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/otaku-hero.css.map */