:root{--ink:#0d111c;--paper:#f5f1ea;--muted:#bbb7b1;--blue:#a8d5e5;--line:rgba(245,241,234,.28)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans SC",sans-serif}.site{min-height:100vh;overflow:hidden;background:radial-gradient(rgba(196,225,240,.04) 1px,transparent 1px);background-size:5px 5px}.nav{height:78px;position:relative;z-index:4;padding:18px 3.4vw;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--paper);text-decoration:none;font:500 16px/.82 "DM Mono",monospace;letter-spacing:-.1em}.brand span{font-size:7px;vertical-align:top}.nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px}.nav-links button,.hero-actions button{border:0;background:none;color:rgba(245,241,234,.76);font:12px "DM Mono",monospace;cursor:pointer}.nav-links button:hover,.hero-actions button:hover{color:var(--paper)}.nav-mail{color:var(--ink);background:var(--paper);padding:10px 15px;border-radius:999px;text-decoration:none;font:10px "DM Mono",monospace}.hero{height:calc(100vh - 78px);min-height:620px;position:relative;overflow:hidden}.hero-kicker{position:absolute;z-index:2;top:25px;left:3.8vw;font:10px "DM Mono",monospace;color:var(--muted)}.hero h1{position:absolute;z-index:1;top:42px;left:50%;transform:translateX(-50%);margin:0;font:500 clamp(86px,17.6vw,285px)/.77 Georgia,serif;letter-spacing:-.08em;text-align:center;white-space:nowrap}.hero h1 em{font-style:italic;color:var(--blue)}.hero-subtitle{position:absolute;z-index:2;top:39%;left:3.8vw;font:13px/1.8 "Noto Sans SC",sans-serif}.marquee{position:absolute;z-index:3;top:55%;left:50%;width:142vw;height:min(47vw,525px);transform:translate(-50%,-50%) rotate(-7deg);overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 9%,black 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 9%,black 91%,transparent)}.marquee-track{position:absolute;top:50%;left:0;display:flex;align-items:center;width:max-content;transform:translateY(-50%);animation:roll 105s linear infinite;padding:32px 0}.marquee:has(.book:hover) .marquee-track{animation-play-state:paused}@keyframes roll{to{transform:translate(-50%,-50%)}}.book-wrap{width:185px;height:263px;position:relative;flex:0 0 auto;margin-right:-94px;transition:margin .38s cubic-bezier(.2,.7,.2,1);z-index:1}.book-wrap:has(.book:hover){margin-left:52px;z-index:10}.book-wrap:has(+.book-wrap .book:hover){margin-right:-42px}.book{width:185px;height:263px;border:1px solid rgba(255,255,255,.2);background:#202839;box-shadow:8px 16px 28px rgba(0,0,0,.58),inset 6px 0 13px rgba(0,0,0,.42);transform:rotate(7deg);transition:transform .38s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;cursor:pointer}.book:hover{transform:rotate(7deg) translateY(-25px) scale(1.05)}.book:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 8%,transparent 91%,rgba(255,255,255,.1));pointer-events:none}.book img{width:100%;height:100%;object-fit:cover;display:block}.book span{position:absolute;z-index:2;left:10px;bottom:10px;padding:4px 6px;background:var(--paper);color:var(--ink);font:8px "DM Mono",monospace}.hero-actions{position:absolute;z-index:4;bottom:37px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.hero-actions button{padding:8px 17px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);backdrop-filter:blur(7px);white-space:nowrap}.hero-actions button span{color:var(--blue);font-size:15px;margin-left:4px}.marquee-note{position:absolute;z-index:3;right:3.8vw;bottom:39px;margin:0;font:9px "DM Mono",monospace;color:var(--muted)}.panel{position:fixed;z-index:10;inset:0;overflow:auto;padding:130px 12vw 80px;background:rgba(13,17,28,.97);animation:fade .3s ease both}.panel[hidden]{display:none}@keyframes fade{from{opacity:0}to{opacity:1}}.close{position:absolute;right:4vw;top:28px;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:transparent;color:var(--paper);font:28px/1 sans-serif;cursor:pointer}.page{max-width:720px}.page[hidden]{display:none}.label{font:10px "DM Mono",monospace;color:var(--blue)}.page h2{font:500 clamp(44px,6vw,82px)/1.03 Georgia,serif;letter-spacing:-.07em;margin:24px 0 34px}.page>p,.page li{font-size:15px;line-height:2;max-width:570px}.price{display:inline-flex;align-items:baseline;gap:18px;margin:0 0 18px;padding:12px 18px;border:1px solid var(--line)}.price b{font:500 55px/1 Georgia,serif}.price span,.small{font:10px "DM Mono",monospace;color:var(--muted)}.page ul{padding-left:21px;line-height:2}.download{padding:12px 18px;border:1px solid var(--line);background:#272d3a;color:var(--muted);font:11px "DM Mono",monospace}.email{display:inline-block;color:var(--paper);font:500 clamp(17px,3vw,30px) "DM Mono",monospace;border-bottom:1px solid;text-decoration:none;padding-bottom:7px}footer{position:fixed;z-index:5;bottom:0;left:0;right:0;padding:13px 3.4vw;color:#777a82;font:8px "DM Mono",monospace;background:linear-gradient(transparent,var(--ink))}@media(max-width:760px){.nav{padding:15px 5vw}.brand{font-size:12px}.nav-links{display:none}.nav-mail{font-size:8px;padding:9px 11px}.hero{min-height:590px}.hero h1{top:65px;font-size:25vw}.hero-subtitle{top:33%;left:6vw;font-size:11px}.marquee{top:53%;height:355px;width:190vw}.book-wrap{width:125px;height:178px;margin-right:-65px}.book{width:125px;height:178px}.book-wrap:has(.book:hover){margin-left:28px}.book-wrap:has(+.book-wrap .book:hover){margin-right:-37px}.hero-actions{bottom:55px;width:90vw;justify-content:center;flex-wrap:wrap}.hero-actions button{font-size:10px;padding:7px 11px}.marquee-note{display:none}.panel{padding:105px 8vw 70px}.page h2{font-size:47px}.page>p,.page li{font-size:13px}.close{right:6vw;top:22px}footer{font-size:7px}}