*{box-sizing:border-box}body{margin:0;background:#050505;color:#fff;font-family:Arial,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}
.site-nav{height:64px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#050505;border-bottom:1px solid #34271e;position:relative;z-index:5}
.brand{font-size:25px;font-weight:1000;font-style:italic}.navlinks{display:flex;gap:24px;font-size:12px;font-weight:900;letter-spacing:.08em}
#book{height:calc(100vh - 64px);position:relative;perspective:1800px}.page{position:absolute;inset:0;display:grid;grid-template-columns:58% 42%;background:#e8dfd2;color:#17120e;transform-origin:left;transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .45s;backface-visibility:hidden}.page.off{transform:rotateY(-105deg);opacity:0;pointer-events:none}
.art{display:flex;align-items:center;justify-content:center;background:#090909;padding:20px;overflow:hidden}.art img{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(1.03) contrast(1.02)}.words{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}.num{font-size:12px;font-weight:900;letter-spacing:.2em;color:#946a48}h1{font:clamp(38px,5.4vw,78px)/.95 Georgia,serif;margin:16px 0 24px}p{font:clamp(18px,2vw,25px)/1.55 Georgia,serif}.manifesto-btn{background:#17120e;color:#fff;padding:15px 18px;font-weight:900;width:max-content;margin-top:22px}
.controls{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:8px}button{background:#111;color:#fff;border:1px solid #bd875d;padding:11px 17px;cursor:pointer}
@media(max-width:800px){.navlinks{display:none}.page{grid-template-columns:1fr;grid-template-rows:52% 48%}.art{padding:8px}.words{padding:6vw}h1{font-size:36px;margin:8px 0}p{font-size:16px}}