*{box-sizing:border-box}html,body{margin:0;background:#2c3128;color:#eef0ea;font-family:Montserrat,Avenir,'Segoe UI',system-ui,sans-serif}html{overflow-x:hidden}
a{color:#c3c8bc;text-decoration:none}a:hover{color:#f6f1ec}
#bar{position:fixed;left:0;right:0;top:0;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#3f463b;border-bottom:1px solid rgba(195,200,188,.25);z-index:20}
#bar .brand{display:flex;align-items:center;gap:12px;color:#f6f1ec;font-family:'Cormorant Garamond',serif;font-size:20px;white-space:nowrap}#bar .brand em{color:#c3c8bc}#bar .brand img{height:30px;width:auto}
#bar .links{display:flex;gap:18px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}#bar .links a{color:rgba(238,240,234,.82)}
#stage{position:fixed;left:0;right:0;top:56px;bottom:74px;perspective:2600px;overflow:hidden}
#book{position:absolute;left:50%;top:50%;transform-origin:center center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.45,.05,.3,1)}
.slot{position:absolute;top:0;overflow:hidden;background:#f6f1ec}
.slot.R{box-shadow:inset 18px 0 30px -18px rgba(0,0,0,.35)}.slot.L{box-shadow:inset -18px 0 30px -18px rgba(0,0,0,.35)}
.single .slot{box-shadow:0 10px 40px rgba(0,0,0,.45)}.slot.empty{background:transparent;box-shadow:none}
.leaf{position:absolute;top:0;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.45,.05,.3,1);z-index:5}
.leaf .face{position:absolute;inset:0;overflow:hidden;background:#f6f1ec;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.leaf .back{transform:rotateY(180deg)}.leaf .back.paper{background:linear-gradient(90deg,#e9e4da,#f6f2ea)}
.leaf .shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 30%);opacity:0;transition:opacity .75s}.leaf.turning .shade{opacity:1}
.pg{position:absolute;inset:0}.pg img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
.pg .txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hit{position:fixed;top:56px;bottom:74px;width:9%;z-index:8;cursor:pointer}.hit.l{left:0}.hit.r{right:0}
#dock{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:22;display:flex;align-items:center;gap:6px;padding:6px;background:rgba(63,70,59,.96);border:1px solid rgba(195,200,188,.3);box-shadow:0 10px 30px rgba(0,0,0,.4);white-space:nowrap}
.dk{height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(195,200,188,.45);background:transparent;color:#eef0ea;font:600 10.5px Montserrat,Avenir,'Segoe UI',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.dk:hover{background:#c3c8bc;color:#2c3128;border-color:#c3c8bc}.dk.on{background:#c3c8bc;color:#2c3128;border-color:#c3c8bc}.dk.ic{width:44px;padding:0;justify-content:center}
#ind{min-width:112px;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c3c8bc}
#load{position:fixed;inset:0;z-index:40;background:#2c3128;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}#load .t{font:400 30px 'Cormorant Garamond',serif}#load .t em{color:#c3c8bc}
#more{position:relative;z-index:19;margin-top:100vh;background:#f6f1ec;color:#2f342c}#more .in{max-width:820px;margin:0 auto;padding:60px 20px 70px;text-align:center}#more h2{font:500 40px/1.1 'Cormorant Garamond',serif;margin:0 0 12px}#more h2 em{color:#868f83}#more p{font-size:15px;line-height:1.8;color:#4f5347}#more .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}#more .acts a{border:1px solid #3f463b;color:#3f463b;padding:14px 22px;font:600 11px Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase}#more .acts a.f{background:#3f463b;color:#f6f1ec}
@media (max-width:760px){#bar{padding:0 10px}#bar .brand{font-size:16px}#bar .brand span{display:none}#bar .links{display:none}#dock{bottom:8px;gap:4px;padding:4px}.dk{padding:0 10px;height:42px}.dk span{display:none}.dk.ic{width:40px}#ind{min-width:70px;font-size:10px;letter-spacing:.08em}.hit{width:14%}}
