.visual-pack .pack-intro{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:center;padding:40px 0}.pack-intro h1{font-size:clamp(45px,6vw,84px);margin:10px 0 20px}.accent-dot{color:#f35ba6}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tag-list span{border:1px solid #e9e9f0;border-radius:50px;padding:10px 16px;font-size:11px}.pack-purchase{background:#f8f8fc;border:1px solid #ececf3;border-radius:20px;padding:28px}.pack-purchase>strong{display:block;font-size:43px;letter-spacing:-2px;margin:10px 0}.pack-purchase p{color:#7a7d8d;font-size:13px;line-height:1.6}.pack-purchase .btn{width:100%;margin:7px 0 14px}.pack-purchase small{display:block;font-size:10px;color:#87899b}.result-section{padding:25px 0}.result-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px}.result-heading h2{font-size:33px;margin-bottom:0}.result-heading>p{color:#818697;font-size:13px;max-width:270px;line-height:1.5}.result-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 16px}.result-gallery figure{margin:0}.result-gallery figure>a{display:block;position:relative;overflow:hidden;border-radius:15px;background:#f4f4f8;aspect-ratio:4/5}.result-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.result-gallery a:hover img{transform:scale(1.035)}.result-gallery a>span{position:absolute;bottom:15px;right:15px;background:white;border-radius:50%;padding:8px 11px}.result-gallery figcaption{padding:12px 2px}.result-gallery figcaption span{display:block;font-size:9px;letter-spacing:1.6px;color:#8e94a5;margin-bottom:5px}.result-gallery figcaption strong{font-size:14px}.gallery-note{font-size:12px;line-height:1.7;color:#8c8f9e;max-width:850px}.pack-how{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #eeeef5;margin:40px 0;padding:30px 0;gap:35px}.pack-how span{color:#e5549d;font-size:12px}.pack-how h3{font-size:20px}.pack-how p{font-size:13px;line-height:1.7;color:#818596}.pack-faq{max-width:850px;padding-bottom:40px}.editorial-wrap{max-width:1440px;margin:auto;padding:0 40px}.viral-intro{position:relative;margin:30px 0 32px;padding:45px 45px 0;border-radius:24px;overflow:hidden;background:#f4f1ff;display:grid;grid-template-columns:45% 55%;min-height:415px}.viral-intro h1{font-size:clamp(46px,5.5vw,78px);line-height:1.02;margin:16px 0;letter-spacing:-.065em}.viral-intro p{font-size:14px;line-height:1.7;color:#747187;max-width:410px}.viral-intro .btn{margin-top:10px;margin-bottom:35px}.viral-hero-cast{position:relative;min-height:380px;display:flex;gap:14px;align-items:end}.cast-slice{position:relative;width:32%;height:345px;overflow:hidden;background:white;border-radius:110px 110px 0 0;transform:rotate(-6deg);border:5px solid white;box-shadow:0 5px 30px #49388415}.cast-slice:nth-child(2){height:380px;transform:rotate(3deg);z-index:2}.cast-slice:nth-child(3){height:315px;transform:rotate(8deg)}.cast-slice img{height:100%;width:auto;max-width:none;position:absolute;left:-5px;top:0}.cast-slice:nth-child(2) img{left:-6px}.viral-label{display:inline-block;background:#e8ff53;border-radius:30px;padding:9px 14px;font-size:10px;font-weight:800;letter-spacing:1px}.viral-marquee{border-block:1px solid #eeeeF4;padding:17px 0;display:flex;justify-content:space-around;gap:20px;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#6b6779;overflow:hidden;white-space:nowrap}.characters-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:44px 0 23px}.characters-head h2{font-size:36px}.characters-head p{font-size:13px;color:#888598;max-width:300px;line-height:1.7}.characters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 24px}.character-card{border:1px solid #e8e7ef;border-radius:18px;overflow:hidden;background:white}.character-sheet{display:block;background:#0c0c0d;overflow:hidden}.character-sheet img{width:100%;height:auto;display:block;transition:transform .35s}.character-sheet:hover img{transform:scale(1.025)}.character-info{padding:20px 22px}.character-info .row{align-items:start}.character-info h3{font-size:25px;margin:8px 0}.character-info p{color:#888296;font-size:12px;line-height:1.6}.character-number{font-size:10px;letter-spacing:1.5px;color:#9992a8}.character-tags{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.character-tags span{font-size:10px;background:#f6f3ff;padding:7px 10px;border-radius:40px}.character-info .btn{font-size:11px;padding:10px 15px}.viral-bottom{margin:45px 0;padding:32px 40px;border-radius:20px;background:#121217;color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.viral-bottom h2{font-size:30px;margin:0}.viral-bottom p{color:#b8b3c7;font-size:13px}.viral-bottom .btn{border:0;background:#eaff5e;color:#101113;white-space:nowrap}.visual-lightbox{border:0;border-radius:15px;padding:15px;max-width:94vw;background:#111;box-shadow:0 30px 100px #0008}.visual-lightbox::backdrop{background:#000b;backdrop-filter:blur(8px)}.visual-lightbox img{max-width:88vw;max-height:82vh;display:block}.visual-lightbox button{display:block;margin:0 0 10px auto;border:1px solid #666;background:#222;color:white;padding:8px 15px;border-radius:8px}.character-open{border:0;padding:0;width:100%;cursor:zoom-in}.viral-pending{font-size:11px;color:#8a849b;line-height:1.6}@media(max-width:900px){.visual-pack .pack-intro{grid-template-columns:1fr;gap:25px}.pack-purchase{max-width:500px}.viral-intro{grid-template-columns:1fr;padding:30px 25px 0}.viral-hero-cast{max-width:650px;min-height:320px}.cast-slice{height:300px}.cast-slice:nth-child(2){height:330px}.cast-slice:nth-child(3){height:290px}.character-info h3{font-size:21px}.character-info .row{flex-wrap:wrap}.characters-head h2{font-size:30px}.editorial-wrap{padding:0 20px}}@media(max-width:600px){.result-gallery{grid-template-columns:repeat(2,1fr);gap:15px 10px}.result-heading{display:block}.result-heading h2{font-size:28px}.pack-how{grid-template-columns:1fr;gap:10px}.characters-grid{grid-template-columns:1fr;gap:22px}.characters-head{display:block}.characters-head p{max-width:100%}.viral-intro h1{font-size:47px}.viral-hero-cast{min-height:250px;gap:7px}.cast-slice{height:230px;border-width:3px}.cast-slice:nth-child(2){height:260px}.cast-slice:nth-child(3){height:220px}.viral-bottom{flex-direction:column;align-items:start;padding:25px}.viral-intro .btn{margin-bottom:15px}.viral-marquee{justify-content:start;gap:25px}.character-info{padding:18px}.character-info h3{font-size:24px}.character-sheet{aspect-ratio:16/9}.character-sheet img{height:100%;object-fit:contain}}
.viral-hero-cast .cast-slice img{height:135%;top:-7px;left:-7px}