.koji-art-portal,.koji-art-portal *{font-family:Red Hat Display,sans-serif!important;box-sizing:border-box}.koji-art-portal{background-color:var(--bg-color);color:#fff;overflow:hidden;position:relative}.koji-art-inner{max-width:1400px;margin:0 auto;padding:0 24px}.koji-art-hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 24px;overflow:hidden;background-image:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 1px),linear-gradient(to bottom,transparent,var(--bg-color));background-size:40px 40px,100% 100%}.koji-art-glow-orb{position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:60vw;height:60vw;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 60%);transform:translate(-50%,-50%);opacity:.15;filter:blur(80px);pointer-events:none;z-index:1;transition:opacity .5s ease}.koji-art-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:24px}.koji-art-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:30px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.koji-art-badge span{color:var(--accent-secondary);animation:koji-art-pulse 2s infinite}@keyframes koji-art-pulse{0%,to{opacity:.5}50%{opacity:1;filter:drop-shadow(0 0 5px var(--accent-secondary))}}.koji-art-huge-title{font-size:clamp(48px,10vw,120px);font-weight:900;line-height:.9;margin:0;text-transform:uppercase;background:linear-gradient(to bottom right,#fff 20%,#ffffff4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.koji-art-subtitle{font-size:clamp(14px,2vw,18px);color:#fff9;max-width:600px;line-height:1.6;margin:0}.koji-art-btn-glow{position:relative;display:inline-block;margin-top:20px;padding:16px 32px;background:var(--bg-color);color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-radius:30px;z-index:1;overflow:hidden;transition:transform .2s}.koji-art-btn-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-2;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));background-size:200% 200%;animation:art-grad-move 3s linear infinite}.koji-art-btn-glow:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;background:var(--bg-color);border-radius:28px;transition:background .3s}.koji-art-btn-glow:hover:after{background:transparent}.koji-art-btn-glow:active{transform:scale(.95)}.koji-art-marquee{width:100%;padding:20px 0;background:var(--accent-primary);transform:rotate(-2deg) scale(1.05);box-shadow:0 0 40px rgba(var(--accent-primary),.4);overflow:hidden;position:relative;z-index:20}.koji-art-marquee-track{display:flex;white-space:nowrap;animation:art-marquee-scroll 20s linear infinite;width:max-content}.koji-art-marquee-text{font-size:24px;font-weight:900;color:#000;text-transform:uppercase;padding:0 20px}@keyframes art-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.koji-art-mission{padding:120px 0;position:relative;background-color:#0b0b0b}.koji-art-mission-header{text-align:center;margin-bottom:60px}.koji-art-mission-header h2{font-size:clamp(32px,5vw,60px);font-weight:900;margin:0 0 16px}.koji-art-mission-header p{color:#fff9;font-size:16px;max-width:600px;margin:0 auto}.koji-art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;perspective:1000px}.koji-art-card-wrap{position:relative;transform-style:preserve-3d;height:100%}.koji-art-card{position:relative;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px 32px;height:100%;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .4s,transform .4s;transform:translateZ(0);will-change:transform}.koji-art-card-wrap:nth-child(6n+1) .koji-art-card{background:linear-gradient(145deg,#4a2f9466,#0b0b0b);border-color:#4a2f944d}.koji-art-card-wrap:nth-child(6n+2) .koji-art-card{background:linear-gradient(145deg,#00ff8826,#0b0b0b);border-color:#0f83}.koji-art-card-wrap:nth-child(6n+3) .koji-art-card{background:linear-gradient(145deg,#ff3b3040,#0b0b0b);border-color:#ff3b304d}.koji-art-card-wrap:nth-child(6n+4) .koji-art-card{background:linear-gradient(145deg,#0a84ff40,#0b0b0b);border-color:#0a84ff4d}.koji-art-card-wrap:nth-child(6n+5) .koji-art-card{background:linear-gradient(145deg,#ff9f0a40,#0b0b0b);border-color:#ff9f0a4d}.koji-art-card-wrap:nth-child(6n+6) .koji-art-card{background:linear-gradient(145deg,#ff375f40,#0b0b0b);border-color:#ff375f4d}.koji-art-card-shine{position:absolute;top:var(--shine-y, 50%);left:var(--shine-x, 50%);width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 40%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s;z-index:1}@media(hover:hover)and (pointer:fine){.koji-art-card-wrap:nth-child(6n+1):hover .koji-art-card{border-color:#4a2f94cc}.koji-art-card-wrap:nth-child(6n+2):hover .koji-art-card{border-color:#0f89}.koji-art-card-wrap:nth-child(6n+3):hover .koji-art-card{border-color:#ff3b3099}.koji-art-card-wrap:nth-child(6n+4):hover .koji-art-card{border-color:#0a84ff99}.koji-art-card-wrap:nth-child(6n+5):hover .koji-art-card{border-color:#ff9f0a99}.koji-art-card-wrap:nth-child(6n+6):hover .koji-art-card{border-color:#ff375f99}.koji-art-card-wrap:hover .koji-art-card-shine{opacity:1}}.koji-art-card-content{position:relative;z-index:2;transform:translateZ(30px)}.koji-art-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px}.koji-art-card-icon img{width:100%;height:100%;object-fit:contain}.koji-art-card-content h3{font-size:24px;font-weight:800;margin:0 0 12px;color:#fff}.koji-art-card-content p{font-size:14px;color:#fff9;line-height:1.5;margin:0}.koji-art-footer{position:relative;padding:150px 24px;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#0b0b0b}.koji-art-footer .koji-art-inner{position:relative;z-index:10}.koji-art-footer-title{font-size:clamp(32px,6vw,70px);font-weight:900;text-transform:uppercase;margin:0 0 40px;text-shadow:0 10px 30px rgba(0,0,0,.8)}.koji-art-mega-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:24px 60px;background:#fff;color:#000;font-size:clamp(16px,2vw,24px);font-weight:900;text-transform:uppercase;text-decoration:none;border-radius:50px;overflow:hidden;box-shadow:0 20px 50px rgba(var(--accent-primary),.4);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.koji-art-mega-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));opacity:0;transition:opacity .3s;z-index:1}.koji-art-mega-btn span{position:relative;z-index:2;transition:color .3s}.koji-art-mega-btn:hover{transform:scale(1.05) translateY(-5px)}.koji-art-mega-btn:hover:before{opacity:1}.koji-art-mega-btn:hover span{color:#fff}.koji-art-mega-btn:active{transform:scale(.95)}@keyframes art-grad-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/koji-area-artisti.css.map */