:root{--navy:#081d35;--navy2:#0d2b4a;--paper:#fff;--ink:#102235;--muted:#738294;--accent:#9db7d5;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#f4f5f7;color:var(--ink)}
button,.button-link{font:inherit}.site-header{padding:26px 5vw;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:white;font-size:13px}
.library-shell{width:min(1200px,90vw);margin:auto}.hero{padding:8vh 0 12vh}.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:700;color:#59718c}.hero h1{font-size:clamp(48px,8vw,108px);line-height:.92;letter-spacing:-.055em;margin:16px 0 24px;max-width:1050px}.hero-copy{font-size:20px;line-height:1.5;color:#5c6977;max-width:620px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #d8dde3;padding-bottom:16px;margin-bottom:28px}.section-heading h2{font-size:28px;margin:0}.section-heading span{color:var(--muted)}
.publication-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;padding-bottom:90px}.publication-card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px rgba(10,35,66,.08);transition:transform .25s ease,box-shadow .25s ease}.publication-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(10,35,66,.14)}.publication-card a{color:inherit;text-decoration:none}.cover-wrap{aspect-ratio:1.45;background:#dfe6ee;overflow:hidden}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}.card-copy{padding:22px}.card-copy h3{margin:0 0 9px;font-size:22px}.card-copy p{margin:0;color:var(--muted);line-height:1.55}.view-label{display:inline-block;margin-top:18px;font-weight:700;font-size:13px}footer{padding:36px 5vw;background:var(--navy);color:rgba(255,255,255,.65)}
.viewer-page{height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 46%,#1b4364 0%,#0d2b4a 48%,#06192d 100%);color:white}.viewer-header{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);position:relative;z-index:4;background:rgba(4,21,38,.28);backdrop-filter:blur(8px)}.back-link{color:white;text-decoration:none}.viewer-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw}.viewer-controls button{border:1px solid var(--line);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:9px 12px;cursor:pointer}.viewer-controls button:disabled{opacity:.35;cursor:not-allowed}.viewer-main{height:calc(100vh - 126px);display:grid;place-items:center;overflow:hidden;padding:24px 34px;perspective:2400px}.loading{position:absolute;color:rgba(255,255,255,.75)}.zoom-stage{display:grid;place-items:center;transform-origin:center center;transition:transform .2s ease;will-change:transform}.book{position:relative;transform-origin:center center;filter:drop-shadow(0 30px 48px rgba(0,0,0,.34)) drop-shadow(0 8px 16px rgba(0,0,0,.20))}.page{position:relative;background:white;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:1px;box-shadow:0 14px 34px rgba(0,0,0,.22),0 3px 9px rgba(0,0,0,.16),inset 0 0 0 1px rgba(0,0,0,.08)}.page canvas{position:relative;z-index:1;display:block;max-width:100%;max-height:100%}.page::before,.page::after{content:"";position:absolute;top:0;bottom:0;pointer-events:none;z-index:3}.page::before{width:4px}.page::after{width:34px}.page--left::before{left:0;background:linear-gradient(to right,#c9c9c9,#ececec 48%,#fff)}.page--right::before{right:0;background:linear-gradient(to left,#c9c9c9,#ececec 48%,#fff)}.page--left::after{right:0;background:linear-gradient(to left,rgba(0,0,0,.24) 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.045) 56%,transparent 100%)}.page--right::after{left:0;background:linear-gradient(to right,rgba(0,0,0,.24) 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.045) 56%,transparent 100%)}.viewer-controls{height:60px;display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid var(--line);position:relative;z-index:4;background:rgba(4,21,38,.28);backdrop-filter:blur(8px)}.viewer-controls span{min-width:85px;text-align:center;color:rgba(255,255,255,.8);font-size:14px}
@media(max-width:700px){.viewer-header{grid-template-columns:auto 1fr auto;padding:0 10px}.viewer-title{padding:0 8px}.hero{padding-top:4vh}.publication-grid{grid-template-columns:1fr}.viewer-main{padding:8px}.viewer-controls{gap:5px}.viewer-controls button{padding:8px 10px}}