.comic-vods{--vods-bg:#fff7ee;--vods-ink:#2d1846;--vods-accent:#2d1846;--vods-title-shadow:#dcc7ff;--vods-dots:#ad80d4;background:var(--vods-bg);color:var(--vods-ink);overflow-x:clip}.dark .comic-vods{--vods-bg:#160d20;--vods-ink:#fff7ee;--vods-accent:#dcc7ff;--vods-title-shadow:#4b226a;--vods-dots:#c89ae9}.vods-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(60px,8vw,110px);width:min(88%,1280px);min-height:min(730px,100vh - 80px);margin:0 auto;padding:70px 0 90px;display:grid}.vods-art-wrap{isolation:isolate;width:100%;max-width:560px;margin:0 auto;position:relative}.vods-frame{aspect-ratio:1;background:#ffbf00;border:9px solid #fff7ee;border-radius:30px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:13px 14px #b989e4}.vods-frame img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.vods-number{z-index:2;color:#160d20;letter-spacing:-.07em;background:#dcc7ff;border:3px solid #2d1846;padding:2px 14px 5px;font-size:clamp(2.2rem,4vw,4rem);font-style:italic;font-weight:900;line-height:1;position:absolute;top:-6%;left:0;transform:rotate(-10deg);box-shadow:5px 6px #2d1846}.vods-halftone{z-index:-1;aspect-ratio:1;background-image:radial-gradient(var(--vods-dots) 2.5px, transparent 3px);background-size:13px 13px;border-radius:50%;width:43%;position:absolute}.vods-halftone-top{top:-11%;left:-10%}.vods-halftone-bottom{bottom:-13%;right:-11%}.vods-spark{z-index:2;color:#fff7ee;text-shadow:-2px -2px #2d1846,2px 2px #2d1846,2px -2px #2d1846,-2px 2px #2d1846;font-size:clamp(3rem,6vw,5.5rem);line-height:1;position:absolute}.vods-spark-top{top:-8%;right:-3%}.vods-spark-bottom{bottom:-8%;left:-5%}.vods-copy{min-width:0}.vods-sticker{color:#2d1846;background:#ffc3a1;border:2px solid #2d1846;padding:8px 18px;font-size:clamp(1rem,2vw,1.65rem);font-style:italic;font-weight:900;line-height:1.1;display:inline-block;transform:rotate(-2deg);box-shadow:6px 7px #4b226a}.vods-title{letter-spacing:-.065em;margin:30px 0 25px;font-size:clamp(4rem,7.8vw,7.2rem);font-weight:900;line-height:.9}.vods-title span{display:block}.vods-title-accent{color:var(--vods-accent);text-shadow:5px 6px 0 var(--vods-title-shadow);font-style:italic}.vods-description{border-left:6px solid #dcc7ff;border-radius:3px;max-width:550px;margin:0 0 30px;padding-left:22px;font-size:clamp(1.1rem,1.9vw,1.5rem);font-weight:600;line-height:1.35}.vods-button{color:#2d1846;background:#dcc7ff;border-radius:13px;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:13px 27px;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:900;line-height:1.15;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:7px 8px #4b226a}.vods-button:hover{transform:translate(2px,2px);box-shadow:5px 6px #4b226a}.vods-button:active{transform:translate(5px,6px);box-shadow:2px 2px #4b226a}.vods-button:focus-visible{outline:3px solid var(--vods-ink);outline-offset:6px}.vods-play{font-size:1.2em;line-height:1}@media (width<=767px){.vods-layout{flex-direction:column;align-items:stretch;gap:65px;width:auto;min-height:0;margin:0 26px;padding:45px 0 75px;display:flex}.vods-copy{order:0}.vods-art-wrap{order:1;width:min(85%,440px)}.vods-frame{border-width:6px;border-radius:23px;box-shadow:9px 10px #b989e4}.vods-sticker{padding:7px 12px;font-size:.9rem}.vods-title{margin:26px 0 25px;font-size:clamp(3.6rem,15vw,5.5rem)}.vods-description{border-left-width:4px;padding-left:15px;font-size:1.05rem}.vods-button{min-height:52px;padding:12px 19px;font-size:1.05rem}.vods-number{padding:2px 10px 4px;font-size:clamp(2rem,9vw,3rem)}.vods-spark{font-size:3.2rem}}@media (prefers-reduced-motion:reduce){.vods-button{transition:none}}