*{box-sizing:border-box}html,body{margin:0;background:#0d0d0d;color:#fff;font-family:Inter,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}body{overflow-x:hidden}
#loader{position:fixed;inset:0;background:#eee9e0;color:#171717;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .65s,visibility .65s}
#loader.hide{opacity:0;visibility:hidden}.loader-title{font:500 13px Manrope;letter-spacing:.18em}.bar{width:210px;height:1px;background:#bbb;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#111}.loader span{font-size:9px}
header{position:fixed;z-index:20;top:0;left:0;right:0;padding:25px 34px;display:flex;justify-content:space-between;mix-blend-mode:difference}
header a{color:#fff;text-decoration:none;font-size:10px;letter-spacing:.16em}.book{border:1px solid #ffffff88;border-radius:30px;padding:10px 15px}
#sequence{height:1100vh;position:relative}.sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#111}
canvas{position:absolute;inset:0;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004 0%,transparent 30%,transparent 65%,#0007 100%)}
.intro{position:absolute;left:6vw;bottom:8vh;transition:opacity .4s,transform .4s}.intro small,.end small{font-size:9px;letter-spacing:.22em}.intro h1,.end h2{font:300 clamp(58px,9vw,140px)/.82 Manrope;margin:15px 0 28px;letter-spacing:-.065em}.intro p{font-size:9px;letter-spacing:.16em}.intro b{margin-left:8px}
.chapter{position:absolute;right:3vw;bottom:4vh;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.18em;text-shadow:0 2px 12px #000}.chapter span{opacity:.6}
.progress{position:absolute;left:3vw;right:3vw;bottom:2.2vh;height:1px;background:#ffffff44}.progress i{display:block;width:0;height:100%;background:#fff}
.end{min-height:100vh;background:#e9e4dc;color:#181818;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8vw}
.end a{color:#181818;text-decoration:none;border-bottom:1px solid #181818;padding-bottom:6px;font-size:10px;letter-spacing:.16em}
@media(max-width:700px){header{padding:18px}.intro{left:7vw;bottom:10vh}.intro h1{font-size:18vw}.chapter{right:5vw}.logo{max-width:130px;line-height:1.4}}