@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--ink:#eae8e1;--muted:#96958e;--paper:#0d0d0c;--line:#2b2b28;--accent:#c6a878;--serif:"DM Serif Display",Georgia,serif;--sans:"Manrope",sans-serif;--mono:"Space Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.site-shell{overflow:hidden}.topbar{height:92px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{display:flex;gap:16px;align-items:baseline;font-family:var(--mono);font-size:15px;letter-spacing:.16em}.wordmark small{font-size:9px;color:var(--muted);letter-spacing:.08em}.main-nav{display:flex;gap:34px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.main-nav a:hover,.text-link:hover,.main-nav button:hover{color:var(--accent)}.nav-admin{border:0;border-left:1px solid var(--line);padding:0 0 0 30px;background:transparent;display:flex;gap:8px;align-items:center;color:var(--muted);text-transform:uppercase;font:inherit}.menu-button{display:none;border:0;background:none}.hero{min-height:calc(100vh - 92px);padding:clamp(50px,10vw,130px) clamp(22px,10vw,150px) 70px;position:relative;background:radial-gradient(ellipse at 80% 50%,#22201a 0,#0d0d0c 45%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.hero-index,.eyebrow,.hero-aside,.book-number,.filters,.book-meta>span,footer,.lightbox-info>span,.dashboard-list>div:first-child{font:10px var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.hero-index{position:absolute;right:10%;top:13%;color:var(--accent)}.hero-line{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--line);opacity:.7}.hero .eyebrow{position:relative;z-index:1;color:var(--accent);margin:0 0 30px}.hero h1{font:clamp(72px,13vw,190px)/.87 var(--serif);font-weight:400;letter-spacing:-.065em;margin:0;position:relative;z-index:1;max-width:900px}.hero h1 em,.section-head h2 em,.manifesto h2 em,.login-panel h2 em,.dashboard h2 em{color:var(--accent);font-style:italic}.hero-copy{line-height:1.8;color:var(--muted);margin:45px 0 0;position:relative;z-index:1}.circle-link{position:absolute;right:16%;bottom:13%;height:76px;width:76px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);transition:.3s}.circle-link:hover{background:var(--accent);color:var(--paper);transform:rotate(45deg)}.hero-aside{position:absolute;bottom:14%;right:5%;line-height:1.8;text-align:right}.hero-aside span{color:var(--ink)}.archive-section{padding:145px clamp(22px,8vw,120px) 170px;background:#151513}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-head h2,.manifesto h2{font:clamp(56px,8vw,112px)/.84 var(--serif);font-weight:400;letter-spacing:-.06em;margin:26px 0 0}.section-note{color:var(--muted);line-height:1.7;margin:0 5% 0 0}.filters{display:flex;gap:30px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:48px}.filter{border:0;background:transparent;padding:0;color:var(--muted);font:inherit;letter-spacing:inherit}.filter.active,.filter:hover{color:var(--accent)}.book-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:60px 26px}.book-card{cursor:pointer}.book-card:nth-child(1){grid-column:1/6}.book-card:nth-child(2){grid-column:7/13;margin-top:130px}.book-card:nth-child(3){grid-column:2/7;margin-top:20px}.book-card:nth-child(4){grid-column:8/13;margin-top:160px}.book-image{aspect-ratio:1/.96;position:relative;overflow:hidden;background:#24241f}.card-1 .book-image{aspect-ratio:1/.76}.card-2 .book-image{aspect-ratio:1/1.18}.card-3 .book-image{aspect-ratio:1/.88}.book-image img{height:100%;width:100%;object-fit:cover;display:block;filter:saturate(.72);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.book-card:hover img{transform:scale(1.05);filter:saturate(1)}.book-number{position:absolute;top:18px;left:18px;color:var(--ink)}.view-mark{position:absolute;bottom:18px;right:18px;background:var(--paper);color:var(--accent);height:38px;width:38px;display:grid;place-items:center;opacity:0;transform:translateY(10px);transition:.3s}.book-card:hover .view-mark{opacity:1;transform:none}.book-meta{display:flex;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid var(--line);margin-top:15px}.book-meta h3{font:23px var(--serif);font-weight:400;margin:0}.book-meta p{font-size:11px;color:var(--muted);margin:8px 0;max-width:250px;line-height:1.5}.book-meta>span{text-align:right;line-height:1.5;font-size:9px}.manifesto{padding:170px clamp(22px,15vw,230px);display:grid;grid-template-columns:1fr 4fr;gap:10%;align-items:start;background:#c6a878;color:#161612}.manifesto .eyebrow,.manifesto h2 em{color:#51462f}.manifesto-mark{font:clamp(16px,2vw,26px)/1.2 var(--mono);letter-spacing:.3em}.manifesto-copy{max-width:430px;line-height:2;margin:50px 0 26px}.text-link{display:inline-flex;align-items:center;gap:10px;border:0;background:none;padding:0 0 7px;border-bottom:1px solid currentColor;font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.manifesto .text-link:hover{color:#fff}footer{height:100px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;font-size:9px}footer button{background:none;border:0;color:var(--muted);text-transform:uppercase;font:inherit;letter-spacing:inherit}.lightbox,.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0d0cf5;z-index:10;display:grid}.lightbox{grid-template-columns:2fr 1fr;padding:clamp(30px,7vw,100px)}.close-button{position:absolute;right:32px;top:28px;background:none;border:0;color:var(--ink);z-index:2}.lightbox-image{display:grid;place-items:center}.lightbox-image img{max-width:85%;max-height:78vh;object-fit:contain}.lightbox-info{align-self:end;padding:0 9% 6% 3%}.lightbox-info h2{font:clamp(40px,5vw,80px) var(--serif);font-weight:400;line-height:.9;margin:20px 0}.lightbox-info p{color:var(--muted);line-height:1.8;max-width:280px}.lightbox-nav{display:flex;gap:8px;margin-top:35px}.lightbox-nav button{border:1px solid var(--line);background:none;padding:12px;color:var(--accent)}.admin-overlay{place-items:center;background:#0d0d0ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-panel{background:#1a1a17;border:1px solid var(--line);width:min(920px,calc(100% - 36px));min-height:590px;padding:clamp(35px,6vw,80px);position:relative}.login-panel{max-width:380px;margin:0 auto}.login-panel h2,.dashboard h2{font:clamp(54px,7vw,86px)/.87 var(--serif);font-weight:400;margin:28px 0}.login-panel>p:not(.eyebrow){color:var(--muted);margin-bottom:45px}.login-panel label,.upload-form label{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.12em;margin:20px 0}.login-panel input,.upload-form input,.upload-form select,.upload-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #44443e;background:none;color:var(--ink);padding:13px 0;outline:0;font:14px var(--sans)}.upload-form select{color:var(--ink)}.upload-form option{background:#1a1a17}.upload-form textarea{resize:vertical;min-height:75px}.login-panel input:focus,.upload-form input:focus,.upload-form textarea:focus{border-color:var(--accent)}.submit-button{margin-top:25px;border:1px solid var(--accent);background:var(--accent);color:#171712;padding:14px 20px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.submit-button:hover{background:transparent;color:var(--accent)}.form-error,.form-notice{color:#df967f;font-size:12px;line-height:1.6;margin-top:15px}.form-notice{color:var(--accent)}.dashboard-head{display:flex;justify-content:space-between;align-items:start}.dashboard-head h2{margin-bottom:30px}.dashboard-head .text-link{color:var(--muted);margin-top:15px}.upload-form{max-width:560px}.form-row{display:grid;grid-template-columns:1fr 140px;gap:25px}.dashboard-list{position:absolute;right:8%;top:20%;width:240px;border-left:1px solid var(--line);padding-left:25px}.dashboard-list>div:first-child{display:flex;justify-content:space-between;margin-bottom:18px}.dashboard-list strong{font-size:10px;color:var(--accent);font-weight:400}.mini-book{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:10px 0;font-size:11px}.mini-book img{height:38px;width:32px;object-fit:cover}.mini-book small{margin-left:auto;color:var(--muted);font:9px var(--mono)}@media(max-width:760px){.topbar{height:72px}.wordmark small{display:none}.menu-button{display:block;color:var(--ink)}.main-nav{display:none;position:absolute;top:72px;right:0;left:0;background:#151513;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-admin{border:0;padding:0}.hero{min-height:calc(100vh - 72px);padding-top:90px}.hero-line{left:75%}.hero h1{font-size:20vw}.hero-index{top:8%;right:8%}.hero-aside{right:8%;bottom:8%}.circle-link{left:22px;right:auto;bottom:10%}.section-head{display:block}.section-note{margin-top:35px}.archive-section{padding-top:90px;padding-bottom:100px}.book-grid{display:block}.book-card{margin:0 0 70px!important}.filters{overflow:auto;gap:22px}.manifesto{padding:100px 22px;display:block}.manifesto-mark{margin-bottom:50px}.manifesto-copy{margin-top:35px}.lightbox{display:block;padding:55px 22px}.lightbox-image img{max-height:50vh;max-width:100%}.lightbox-info{padding:40px 0 0}.lightbox-info h2{font-size:50px}.admin-panel{min-height:calc(100vh - 36px);overflow:auto;padding:55px 28px 35px}.dashboard-list{position:static;width:auto;margin-top:55px;padding-left:0;border-left:0}.form-row{grid-template-columns:1fr 100px}}
