.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.read-progress{position:fixed;z-index:30;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a8875a,var(--gold));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}.story{padding:0 0 12vh}.webtoon{max-width:760px;margin:0 auto;container-type:inline-size}.beat{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.beat.in{opacity:1;transform:none}.cover{padding-bottom:6cqw}.cover-art{position:relative}.cover-art img{display:block;width:100%;height:auto}.cover-art:before{content:"";position:absolute;inset:0 0 auto;height:42%;z-index:1;background:linear-gradient(#0b0d13 0%,#0b0d13d9 38%,transparent)}.cover-art:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,var(--bg))}.cover-title{position:absolute;z-index:2;top:5cqw;left:0;right:0;text-align:center}.cover-logo{font:900 13.5cqw/1 Cinzel,serif;letter-spacing:.07em;color:#f4f0e6;text-shadow:0 0 4cqw #000}.cover-sub{display:inline-block;margin-top:3cqw;padding-top:2.4cqw;border-top:1px solid #b8b0a088;font:700 clamp(12px,3cqw,24px) Cinzel,serif;letter-spacing:.2em;color:#d9d3c5}.tagline{margin:4cqw 0 0;padding:0 7cqw;text-align:center;white-space:pre-line;font:italic 600 clamp(19px,4.4cqw,32px)/1.45 "Cormorant Garamond",Georgia,serif;color:#efe8da}.scroll-hint{margin:9cqw 0 0;text-align:center;font:500 11px var(--serif);letter-spacing:.3em;text-transform:uppercase;color:#a69c94}.scroll-hint:after{content:"";display:block;width:1px;height:46px;margin:12px auto 0;background:linear-gradient(var(--gold),transparent);animation:hint-drop 2.2s ease-in-out infinite}@keyframes hint-drop{0%,to{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}.chapter{padding:26cqw 6cqw 16cqw;text-align:center}.chapter-num{display:block;font:600 clamp(14px,3cqw,22px) Cinzel,serif;letter-spacing:.4em;color:var(--gold)}.chapter-num:before,.chapter-num:after{content:"";display:inline-block;vertical-align:middle;width:10cqw;height:1px;margin:0 3cqw;background:#e7c99466}.chapter-title{margin:3cqw 0 0;font:600 clamp(24px,6cqw,44px)/1.2 Cinzel,serif;letter-spacing:.14em;text-transform:uppercase;color:#f2eae0}.narration{margin:0;padding:15cqw 8cqw;text-align:center;white-space:pre-line;font:italic 600 clamp(20px,4.6cqw,32px)/1.45 "Cormorant Garamond",Georgia,serif;color:#e9e2d4}.panel{position:relative;margin:0 0 5cqw}.panel img{display:block;width:100%;height:auto;background:#111}.panel svg{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bubble{position:absolute;z-index:2;transform:translate(-50%,-50%);width:max-content;text-align:center;color:#000;font:700 clamp(11px,2.5cqw,19px)/1.25 "Comic Neue",var(--sans);text-transform:uppercase;letter-spacing:.02em}.bubble.whisper{font-style:italic;color:#222}.bubble.shout{font-size:clamp(12px,2.8cqw,21px)}.sfx{position:absolute;z-index:2;transform:translate(-50%,-50%) rotate(var(--rot));white-space:nowrap;pointer-events:none;font:calc(var(--size) * 1cqw)/1 Bangers,Impact,sans-serif;letter-spacing:.04em;color:#fff;-webkit-text-stroke:.12em #000;paint-order:stroke fill;filter:drop-shadow(.05em .05em 0 #000)}.end{padding:24cqw 6cqw 8cqw;text-align:center}.end-logo{font:900 clamp(34px,10cqw,76px)/1 Cinzel,serif;letter-spacing:.08em;color:#f4f0e6}.end-logo small{display:block;margin-top:2cqw;font:700 clamp(12px,2.6cqw,20px) Cinzel,serif;letter-spacing:.4em;color:var(--gold)}.end-note{margin:6cqw 0 7cqw;font:italic 600 clamp(18px,3.8cqw,26px) "Cormorant Garamond",Georgia,serif;color:#cfc6b8}.end-cta{display:inline-block;padding:14px 34px;border:1px solid var(--gold);color:var(--gold);font:600 13px var(--serif);letter-spacing:.22em;text-transform:uppercase;transition:background .2s,color .2s,box-shadow .2s}.end-cta:hover,.end-cta:focus-visible{background:var(--gold);color:#1a1517;box-shadow:0 0 30px #e7c99455}.end-link{display:block;margin-top:22px;font-size:12px;letter-spacing:.08em;color:#a69c94;text-decoration:underline;text-underline-offset:4px}html[lang=ko] .tagline,html[lang=ko] .narration,html[lang=ko] .end-note{font-family:"Noto Serif KR",serif;font-style:normal;font-size:clamp(17px,3.7cqw,26px);line-height:1.7}html[lang=ko] .cover-sub,html[lang=ko] .chapter-title{font-family:"Noto Serif KR",serif;letter-spacing:.08em;text-transform:none}html[lang=ko] .bubble{font-family:Noto Sans KR,sans-serif;text-transform:none;letter-spacing:0;font-size:clamp(11px,2.4cqw,18px)}html[lang=ko] .bubble.whisper{font-style:normal;font-weight:400}html[lang=ko] .bubble.shout{font-weight:900;font-size:clamp(12px,2.7cqw,20px)}html[lang=ko] .sfx{font-family:Black Han Sans,sans-serif}html[lang=ko] .end-cta,html[lang=ko] .scroll-hint{letter-spacing:.1em}@media(prefers-reduced-motion:reduce){.beat{opacity:1;transform:none;transition:none}.scroll-hint:after{animation:none}}
