:root{--ink:#132522;--paper:#e7ece5}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 60% 0,#f5f4e9 0,var(--paper) 45%,#baccc6 100%)}header{height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid #52716d66;font-size:11px;letter-spacing:.13em;text-transform:uppercase}header a{color:inherit;text-decoration:none;font-weight:800;letter-spacing:.16em}header a:first-letter{color:#d6ab65}.intro{padding:clamp(64px,9vw,130px) clamp(22px,11vw,175px) 42px;max-width:1200px}.intro p,.epilogue>div>p{font-size:11px;letter-spacing:.17em;font-weight:bold;color:#4c665d}.intro h1{font-family:Georgia,serif;font-size:clamp(3.1rem,8.5vw,7.6rem);line-height:.87;font-weight:500;letter-spacing:-.07em;margin:22px 0 30px}.intro em{color:#4d6957;font-weight:400}.intro div{max-width:520px;font-size:17px;line-height:1.55}.journey{position:relative;height:400vh}.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:linear-gradient(145deg,#9dc3c2,#577e77 48%,#304f47)}canvas{width:100%;height:100%;display:block}#hint{position:absolute;bottom:17px;left:20px;margin:0;padding:8px 11px;border:1px solid #e1e7d388;background:#17312ad9;color:#edf0df;font-size:12px}.chapters{position:absolute;inset:0;pointer-events:none}.chapters article{position:absolute;width:min(390px,calc(100vw - 44px));padding:24px 25px;background:#132522e8;color:#edf0df;border-left:3px solid #d6ab65;box-shadow:0 18px 42px #10251f5c}.chapters article:nth-child(1){top:9%;left:max(22px,calc((100vw - 1130px)/2))}.chapters article:nth-child(2){top:33%;right:max(22px,calc((100vw - 1130px)/2))}.chapters article:nth-child(3){top:57%;left:max(22px,calc((100vw - 1130px)/2))}.chapters article:nth-child(4){top:81%;right:max(22px,calc((100vw - 1130px)/2))}.chapters b{font-size:11px;letter-spacing:.17em;color:#d6ab65}.chapters h2{font:500 clamp(2rem,4vw,3.3rem)/.95 Georgia,serif;letter-spacing:-.04em;margin:14px 0}.chapters p{font:16px/1.5 Georgia,serif;margin:0;color:#d5e0d4}.epilogue{background:var(--ink);color:#e8eadc;padding:clamp(54px,8vw,110px) max(22px,calc((100vw - 1060px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}.epilogue h2{font:500 clamp(2.6rem,5vw,5rem)/.95 Georgia,serif;letter-spacing:-.05em;margin:16px 0 0}.epilogue>p{font:19px/1.55 Georgia,serif;margin:24px 0 0;color:#cbd8cc}footer{padding:25px clamp(22px,5vw,76px);display:flex;justify-content:space-between;gap:18px;background:#0c1916;color:#b6c6b9;font-size:10px;letter-spacing:.1em;text-transform:uppercase}@media(max-width:650px){header span{display:none}.intro{padding-top:62px}.chapters article{padding:18px 19px}.epilogue{grid-template-columns:1fr;gap:12px}.epilogue>p{font-size:17px}footer{display:block;line-height:1.6}}