.koujin-gallery{position:relative;overflow:hidden}.koujin-gallery[data-background-style=solid]{background-color:var(--section-background-color)!important}.koujin-gallery[data-background-style=gradient]{background:linear-gradient(0deg,transparent 48%,rgba(212,175,55,.03) 48%,rgba(212,175,55,.03) 52%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(212,175,55,.03) 48%,rgba(212,175,55,.03) 52%,transparent 52%),linear-gradient(45deg,transparent 74%,rgba(212,175,55,.02) 74%,rgba(212,175,55,.02) 76%,transparent 76%),linear-gradient(-45deg,transparent 74%,rgba(212,175,55,.02) 74%,rgba(212,175,55,.02) 76%,transparent 76%),linear-gradient(135deg,rgba(15,15,25,calc(var(--background-opacity) * .95)),rgba(25,25,35,calc(var(--background-opacity) * .9)),rgba(35,25,45,calc(var(--background-opacity) * .85)),rgba(20,30,40,calc(var(--background-opacity) * .9)),rgba(30,20,40,calc(var(--background-opacity) * .95)),rgba(20,20,30,var(--background-opacity)));background-size:80px 80px,80px 80px,60px 60px,60px 60px,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0;position:relative;border-top:2px solid rgba(212,175,55,calc(var(--background-opacity) * .6));border-bottom:2px solid rgba(212,175,55,calc(var(--background-opacity) * .4));overflow:hidden;box-shadow:inset 0 0 100px rgba(212,175,55,calc(var(--background-opacity) * .1)),inset 0 0 200px rgba(212,175,55,calc(var(--background-opacity) * .05)),0 10px 50px rgba(0,0,0,calc(var(--background-opacity) * .3));animation:patternShift 120s linear infinite}.koujin-gallery[data-background-style=gradient]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(212,175,55,calc(var(--background-opacity) * .3)) 0%,transparent 15%,rgba(255,105,180,calc(var(--background-opacity) * .25)) 30%,transparent 45%,rgba(147,112,219,calc(var(--background-opacity) * .3)) 60%,transparent 75%,rgba(0,168,150,calc(var(--background-opacity) * .25)) 90%,transparent 100%);pointer-events:none;opacity:calc(var(--background-opacity) * .8);animation:shimmerWave 8s ease-in-out infinite}.koujin-gallery[data-background-style=gradient]:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 10% 15%,rgba(212,175,55,calc(var(--effect-intensity) * .6)) 0%,transparent calc(var(--effect-intensity) * 4%)),radial-gradient(circle at 90% 85%,rgba(255,105,180,calc(var(--effect-intensity) * .5)) 0%,transparent calc(var(--effect-intensity) * 4%)),radial-gradient(circle at 70% 30%,rgba(147,112,219,calc(var(--effect-intensity) * .5)) 0%,transparent calc(var(--effect-intensity) * 3%)),radial-gradient(circle at 25% 75%,rgba(0,168,150,calc(var(--effect-intensity) * .5)) 0%,transparent calc(var(--effect-intensity) * 3%)),radial-gradient(circle at 85% 25%,rgba(214,51,132,calc(var(--effect-intensity) * .4)) 0%,transparent calc(var(--effect-intensity) * 3%)),radial-gradient(circle at 40% 95%,rgba(255,215,0,calc(var(--effect-intensity) * .4)) 0%,transparent calc(var(--effect-intensity) * 2.5%)),radial-gradient(circle at 15% 60%,rgba(255,255,255,calc(var(--effect-intensity) * .8)) 0%,transparent calc(var(--effect-intensity) * 2%)),radial-gradient(circle at 80% 40%,rgba(255,255,255,calc(var(--effect-intensity) * .7)) 0%,transparent calc(var(--effect-intensity) * 2%)),radial-gradient(circle at 60% 80%,rgba(255,255,255,calc(var(--effect-intensity) * .6)) 0%,transparent calc(var(--effect-intensity) * 1.5%)),radial-gradient(circle at 30% 20%,rgba(212,175,55,calc(var(--effect-intensity) * .3)) 0%,transparent calc(var(--effect-intensity) * 2%)),radial-gradient(circle at 75% 70%,rgba(255,105,180,calc(var(--effect-intensity) * .3)) 0%,transparent calc(var(--effect-intensity) * 2%));animation:sparkleEffect 12s linear infinite;opacity:var(--effect-intensity)}@keyframes shimmerWave{0%,to{transform:translate(-100%) rotate(0);opacity:.8}50%{transform:translate(100%) rotate(180deg);opacity:.4}}@keyframes sparkleEffect{0%{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.2) rotate(90deg);opacity:.8}50%{transform:scale(.8) rotate(180deg);opacity:.6}75%{transform:scale(1.1) rotate(270deg);opacity:.9}to{transform:scale(1) rotate(360deg);opacity:1}}.koujin-gallery__decorative-elements{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.koujin-gallery__floating-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.3;animation:floatOrb 25s ease-in-out infinite}.koujin-gallery__floating-orb--1{width:calc(400px * var(--effect-intensity));height:calc(400px * var(--effect-intensity));background:radial-gradient(circle,rgba(212,175,55,calc(var(--effect-intensity) * .8)) 0%,rgba(212,175,55,calc(var(--effect-intensity) * .3)) 40%,transparent 70%);top:-200px;left:-150px;animation-duration:25s;filter:blur(calc(60px * var(--effect-intensity)))}.koujin-gallery__floating-orb--2{width:calc(350px * var(--effect-intensity));height:calc(350px * var(--effect-intensity));background:radial-gradient(circle,rgba(255,105,180,calc(var(--effect-intensity) * .7)) 0%,rgba(255,105,180,calc(var(--effect-intensity) * .3)) 40%,transparent 70%);top:40%;right:-175px;animation-duration:30s;animation-delay:-5s;filter:blur(calc(50px * var(--effect-intensity)))}.koujin-gallery__floating-orb--3{width:calc(300px * var(--effect-intensity));height:calc(300px * var(--effect-intensity));background:radial-gradient(circle,rgba(147,112,219,calc(var(--effect-intensity) * .7)) 0%,rgba(147,112,219,calc(var(--effect-intensity) * .3)) 40%,transparent 70%);bottom:-150px;left:25%;animation-duration:22s;animation-delay:-8s;filter:blur(calc(45px * var(--effect-intensity)))}.koujin-gallery__floating-orb--4{width:calc(280px * var(--effect-intensity));height:calc(280px * var(--effect-intensity));background:radial-gradient(circle,rgba(0,168,150,calc(var(--effect-intensity) * .6)) 0%,rgba(0,168,150,calc(var(--effect-intensity) * .3)) 40%,transparent 70%);top:20%;left:5%;animation-duration:28s;animation-delay:-12s;filter:blur(calc(55px * var(--effect-intensity)))}.koujin-gallery__floating-orb--5{width:calc(320px * var(--effect-intensity));height:calc(320px * var(--effect-intensity));background:radial-gradient(circle,rgba(214,51,132,calc(var(--effect-intensity) * .6)) 0%,rgba(214,51,132,calc(var(--effect-intensity) * .3)) 40%,transparent 70%);bottom:10%;right:15%;animation-duration:24s;animation-delay:-15s;filter:blur(calc(50px * var(--effect-intensity)))}@keyframes floatOrb{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(50px,-60px) scale(1.2) rotate(90deg)}50%{transform:translate(-30px,40px) scale(.8) rotate(180deg)}75%{transform:translate(-60px,-30px) scale(1.1) rotate(270deg)}}@keyframes patternShift{0%{background-position:0 0,0 0,0 0,0 0,0 0}25%{background-position:2px -2px,-2px 2px,1px -1px,-1px 1px,0 0}50%{background-position:4px -4px,-4px 4px,2px -2px,-2px 2px,0 0}75%{background-position:2px -2px,-2px 2px,1px -1px,-1px 1px,0 0}to{background-position:0 0,0 0,0 0,0 0,0 0}}@media screen and (max-width: 749px){.koujin-gallery__floating-orb{filter:blur(30px)}.koujin-gallery__floating-orb--1{width:200px;height:200px}.koujin-gallery__floating-orb--2{width:150px;height:150px}.koujin-gallery__floating-orb--3{width:120px;height:120px}.koujin-gallery__floating-orb--4,.koujin-gallery__floating-orb--5{display:none}}.koujin-gallery__container{position:relative;z-index:1;padding:var(--cavto-space-l) var(--cavto-space-m);max-width:1400px;margin:0 auto}@media screen and (min-width: 990px){.koujin-gallery__container{padding:var(--cavto-space-xl) var(--cavto-space-l)}}.koujin-gallery__accent-border{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:3px;border-radius:2px;opacity:.8;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.6) 10%,rgba(212,175,55,1) 50%,rgba(212,175,55,.6) 90%,transparent 100%);animation:subtleBorderGlow 4s ease-in-out infinite}@keyframes subtleBorderGlow{0%,to{opacity:.6;transform:translate(-50%) scaleX(.9)}50%{opacity:.9;transform:translate(-50%) scaleX(1.05)}}.koujin-gallery__content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--cavto-space-s);padding:0 var(--cavto-space-xs)}@media screen and (min-width: 750px){.koujin-gallery__content{padding:0 var(--cavto-space-s)}}@media screen and (min-width: 990px){.koujin-gallery__content{max-width:1200px;padding:0}}.text-left .koujin-gallery__content{margin-left:0;margin-right:auto}.text-center .koujin-gallery__content{margin:0 auto}.text-right .koujin-gallery__content{margin-left:auto;margin-right:0}.koujin-gallery__icons{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;position:relative;margin-bottom:calc(var(--cavto-space-l) * 1.5);padding:2rem 0}.text-left .koujin-gallery__icons{justify-content:flex-start}.text-center .koujin-gallery__icons{justify-content:center}.text-right .koujin-gallery__icons{justify-content:flex-end}@media screen and (min-width: 990px){.koujin-gallery__icons{gap:2rem;margin:0 0 calc(var(--cavto-space-l) * 2) 0}}.koujin-character-icon{width:100px;height:120px;border-radius:16px;overflow:visible;position:relative;display:flex;flex-direction:column;align-items:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;text-decoration:none;color:inherit}.koujin-character-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:linear-gradient(135deg,#d4af371a,#d4af3708,#d4af371a);transform:scale(.95);opacity:0;transition:all .4s ease;z-index:-1}.koujin-character-icon:hover:before{opacity:1;transform:scale(1.05)}.koujin-character-icon:hover{transform:translateY(-10px) scale(1.05)}.koujin-character-icon:hover .koujin-character-image{transform:scale(1.1);filter:brightness(1.1) contrast(1.05)}.koujin-character-image{width:90px;height:90px;object-fit:cover;object-position:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-radius:14px;box-shadow:0 6px 20px #00000026,0 2px 8px #0000001a;background:linear-gradient(135deg,#fdfcfb,#e2d1c3);border:3px solid rgba(255,255,255,.9);position:relative;overflow:hidden}.koujin-character-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.koujin-character-icon:hover .koujin-character-image:after{transform:translate(100%)}.koujin-character-name{font-size:.65rem;font-weight:600;color:#fff;text-align:center;margin-top:8px;letter-spacing:.03em;opacity:.8;transition:all .3s ease;white-space:nowrap}.koujin-character-icon:hover .koujin-character-name{opacity:1;color:#d4af37;transform:scale(1.05)}.koujin-character-icon[data-character=ranaja]{--glow-color: #8b4513}.koujin-character-icon[data-character=kokuko]{--glow-color: #dc143c}.koujin-character-icon[data-character=rinka]{--glow-color: #4b0082}.koujin-character-icon[data-character=miyama]{--glow-color: #2f4f4f}.koujin-character-icon[data-character=shiratama]{--glow-color: #f0f8ff}.koujin-character-icon[data-character=kohaku]{--glow-color: #ff8c00}.koujin-character-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:16px;background:radial-gradient(circle,var(--glow-color, rgba(212, 175, 55, .4)) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;filter:blur(20px)}.koujin-character-icon:hover:after{opacity:.3}.koujin-character-icon{animation:gentleFloat 6s ease-in-out infinite}.koujin-character-icon:nth-child(1){animation-delay:0s}.koujin-character-icon:nth-child(2){animation-delay:.8s}.koujin-character-icon:nth-child(3){animation-delay:1.6s}.koujin-character-icon:nth-child(4){animation-delay:2.4s}.koujin-character-icon:nth-child(5){animation-delay:3.2s}.koujin-character-icon:nth-child(6){animation-delay:4s}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-1deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(1deg)}}.koujin-gallery__main-title{margin:0 0 var(--cavto-space-xs) 0;font-family:var(--cavto-font-heading);font-weight:700;letter-spacing:.08em;line-height:1.15;position:relative;background:linear-gradient(135deg,#fff,#d4af37,#fff,#ff69b4,#fff,#d4af37);background-size:300% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(212,175,55,.5),0 0 20px rgba(255,105,180,.3),0 2px 4px rgba(0,0,0,.3);animation:textShine 6s linear infinite}@keyframes textShine{0%{background-position:-100% center}to{background-position:300% center}}.koujin-gallery__main-title.h0{font-size:clamp(2.5rem,5vw,4.5rem)}.koujin-gallery__main-title.h1{font-size:clamp(2rem,4vw,4rem)}.koujin-gallery__main-title.h2{font-size:clamp(1.75rem,3.5vw,3.5rem)}.koujin-gallery__subtitle{font-size:clamp(1rem,2vw,1.2rem);font-weight:400;margin:0 0 var(--cavto-space-m) 0;opacity:.9;letter-spacing:.04em;color:#fffffff2;font-style:italic;text-shadow:0 0 15px rgba(212,175,55,.6),0 2px 4px rgba(0,0,0,.4)}.koujin-gallery__description{margin:0 0 4rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.75;opacity:.9;font-weight:400;color:#ffffffe6;max-width:85%;text-shadow:0 1px 3px rgba(0,0,0,.3)}.text-center .koujin-gallery__description{max-width:100%;margin-left:auto;margin-right:auto}.koujin-gallery__description p{margin:0}.koujin-gallery__features{margin:6rem 0 var(--cavto-space-l) 0;position:relative;z-index:2}.koujin-gallery__feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:0 auto}@media screen and (min-width: 768px){.koujin-gallery__feature-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (min-width: 990px){.koujin-gallery__feature-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.koujin-gallery__feature-item{background:#0f0f1999;border:2px solid rgba(212,175,55,.3);border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff1a}.koujin-gallery__feature-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#d4af371a,#d4af3708,#d4af371a);opacity:0;transition:opacity .4s ease;border-radius:20px}.koujin-gallery__feature-item:hover:before{opacity:1}.koujin-gallery__feature-item:hover{transform:translateY(-8px) scale(1.02);border-color:#d4af3799;box-shadow:0 15px 40px #d4af3733,0 5px 15px #0000001a}.koujin-gallery__feature-icon{font-size:3.5rem;font-family:"Noto Serif JP",serif;font-weight:900;color:#d4af37;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin-left:auto;margin-right:auto;border:2px solid rgba(212,175,55,.3);border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);text-shadow:0 0 20px rgba(212,175,55,.8),0 4px 8px rgba(0,0,0,.6);position:relative;transition:all .4s ease;animation:floatIcon 4s ease-in-out infinite}.koujin-gallery__feature-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:1px solid rgba(212,175,55,.1);border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.05) 0%,transparent 70%);z-index:-1;transition:all .4s ease}.koujin-gallery__feature-item:hover .koujin-gallery__feature-icon{color:#fff;border-color:#d4af37cc;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,transparent 70%);text-shadow:0 0 30px rgba(212,175,55,1),0 4px 8px rgba(0,0,0,.8)}.koujin-gallery__feature-item:hover .koujin-gallery__feature-icon:before{border-color:#d4af374d;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%)}.koujin-gallery__feature-item:nth-child(1) .koujin-gallery__feature-icon{animation-delay:0s}.koujin-gallery__feature-item:nth-child(2) .koujin-gallery__feature-icon{animation-delay:1.3s}.koujin-gallery__feature-item:nth-child(3) .koujin-gallery__feature-icon{animation-delay:2.6s}@keyframes floatIcon{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.koujin-gallery__feature-title{font-size:1.3rem;font-weight:700;color:#d4af37;margin:0 0 1rem;letter-spacing:.05em}.koujin-gallery__feature-desc{font-size:1rem;color:#fffc;line-height:1.6;margin:0 0 2rem}.koujin-gallery__feature-button{display:inline-block;padding:1rem 2rem;background-color:#d4af37e6;color:#000;text-decoration:none;border-radius:25px;font-weight:600;font-size:.95rem;letter-spacing:.03em;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid rgba(212,175,55,.9)}.koujin-gallery__feature-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:all .6s ease;opacity:0}.koujin-gallery__feature-button:hover:before{width:300px;height:300px;opacity:1}.koujin-gallery__feature-button:hover{background-color:#d4af37;border-color:#d4af37;transform:translateY(-2px);box-shadow:0 8px 25px #d4af374d}.koujin-gallery__additional-text{margin:4rem 0 0;font-size:clamp(.9rem,1.8vw,1.05rem);opacity:.8;font-style:italic;font-weight:300;line-height:1.65;color:#fffc;letter-spacing:.02em;max-width:80%;text-shadow:0 1px 2px rgba(0,0,0,.3)}.text-center .koujin-gallery__additional-text{max-width:100%;margin-left:auto;margin-right:auto}.koujin-gallery__text-content{flex:1;min-width:0;max-width:100%;position:relative;z-index:1}@media screen and (max-width: 749px){.koujin-gallery__container{padding:var(--cavto-space-l) var(--cavto-space-s)}.koujin-gallery__icons{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;justify-items:center;padding:1rem .5rem;margin-bottom:var(--cavto-space-l);max-width:300px;margin-left:auto;margin-right:auto}.koujin-character-icon{width:80px;height:100px}.koujin-character-image{width:70px;height:70px}.koujin-character-name{font-size:.55rem;margin-top:6px}.koujin-gallery__feature-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.koujin-gallery__feature-item{padding:1.5rem 1rem}.koujin-gallery__feature-icon{font-size:2.5rem;margin-bottom:1rem}.koujin-gallery__feature-title{font-size:1.1rem;margin-bottom:.8rem}.koujin-gallery__feature-desc{font-size:.85rem;margin-bottom:1.5rem;line-height:1.5}.koujin-gallery__feature-button{padding:.8rem 1.5rem;font-size:.85rem;min-width:auto}.koujin-gallery__main-title{font-size:clamp(1.8rem,4vw,2.5rem)!important}.koujin-gallery__subtitle{font-size:clamp(.95rem,2vw,1.1rem)}.koujin-gallery__description{font-size:clamp(.9rem,2vw,1rem);max-width:100%}}@media screen and (min-width: 750px){.koujin-character-icon{width:110px;height:130px}.koujin-character-image{width:100px;height:100px}.koujin-character-name{font-size:.7rem}}@media screen and (min-width: 990px){.koujin-character-icon{width:120px;height:140px}.koujin-character-image{width:110px;height:110px}.koujin-character-name{font-size:.75rem;margin-top:10px}.koujin-gallery__main-title.h0{font-size:clamp(3.5rem,6vw,5.5rem);margin-bottom:calc(var(--cavto-space-xs) * 1.5)}.koujin-gallery__main-title.h1{font-size:clamp(3rem,5vw,5rem);margin-bottom:calc(var(--cavto-space-xs) * 1.5)}.koujin-gallery__main-title.h2{font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:calc(var(--cavto-space-xs) * 1.5)}.koujin-gallery__subtitle{font-size:clamp(1.1rem,2.2vw,1.4rem);margin-bottom:calc(var(--cavto-space-m) * 1.3);opacity:.68}.koujin-gallery__description{font-size:clamp(1.1rem,2.2vw,1.3rem);line-height:1.8;margin-bottom:calc(var(--cavto-space-l) * 2);opacity:.75;max-width:90%}.koujin-gallery__additional-text{font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;opacity:.62;max-width:85%}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.koujin-gallery.animate--fade-in{opacity:0;transform:translateY(30px)}.koujin-gallery.animate--fade-in.animate--slide-in{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}.koujin-gallery__feature-button:focus{outline:3px solid currentColor;outline-offset:3px;transform:translateY(-2px) scale(1.01)}.koujin-gallery__feature-button:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}@media (prefers-reduced-motion: reduce){.koujin-character-icon{animation:none}.koujin-gallery__feature-button{transition:none}.koujin-gallery__feature-button:hover{transform:none}.koujin-gallery.animate--fade-in{opacity:1;transform:none}}@media (prefers-contrast: high){.koujin-gallery__feature-button{border-width:4px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/koujin-gallery.css.map */