:root{--ink:#090a0a;--paper:#efe9dc;--cream:#f7f2e7;--gold:#d99b2b;--gold2:#f0bd55;--muted:#aaa294;--line:#292824;--red:#a43a27;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0c0c;color:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);position:sticky;top:0;z-index:20;background:rgba(7,8,8,.94);border-bottom:1px solid #282620;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-family:Georgia,serif;font-size:39px;color:var(--gold2);line-height:1}.brand strong,.brand small{display:block;letter-spacing:.24em}.brand strong{font-size:13px}.brand small{font-size:7px;color:#bfb8ac}.brand i{width:1px;height:32px;background:#4d4638;margin:0 6px}.brand b{font-family:Impact,Haettenschweiler,sans-serif;color:var(--gold2);letter-spacing:.06em;font-size:22px}.site-header nav{display:flex;align-items:center;gap:26px;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.ghost-button,.secondary-button,.icon-button{border:1px solid #61594a;background:transparent;color:inherit;border-radius:4px;cursor:pointer}.ghost-button{padding:10px 13px}.hero{min-height:575px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:70px clamp(24px,7vw,110px);background:radial-gradient(circle at 82% 25%,rgba(201,140,38,.18),transparent 35%),linear-gradient(90deg,rgba(4,5,5,.97),rgba(10,10,9,.73)),url('../../vespera_publishing_the_rack_landing_page.png');background-size:cover;background-position:center}.hero-copy{max-width:720px}.eyebrow{color:var(--gold2);font-size:12px;font-weight:850;letter-spacing:.18em;margin:0 0 12px}.hero h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(55px,7vw,104px);line-height:.9;letter-spacing:.01em;margin:0 0 26px;text-transform:uppercase}.hero h1 span{color:var(--gold2)}.hero-copy>p:not(.eyebrow){font-size:clamp(16px,1.6vw,21px);line-height:1.55;color:#d3cdc2;max-width:690px}.hero-actions{display:flex;gap:13px;margin-top:30px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:4px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;font-size:12px;cursor:pointer}.primary-button{background:linear-gradient(#efb64b,#cf8c20);border:1px solid #f1c268;color:#17120a}.secondary-button{background:#111;border-color:#6b6151;color:#fff}.hero-rack{display:flex;align-items:flex-end;justify-content:center;gap:14px;min-height:390px;perspective:1000px}.hero-cover{width:min(34%,220px);aspect-ratio:3/4;object-fit:cover;border:5px solid #151411;border-radius:5px;box-shadow:var(--shadow);transform:rotate(var(--r,0deg)) translateY(var(--y,0));transition:.25s}.hero-cover:hover{transform:rotate(0) translateY(-12px);z-index:2}.library-section{background:var(--paper);color:#161512;padding:60px clamp(20px,6vw,92px) 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-heading h2,.flow-section h2,dialog h2{font-family:Impact,Haettenschweiler,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(35px,5vw,61px);margin:0}.search{display:flex;align-items:center;gap:8px;border:1px solid #b9ae9d;padding:10px 14px;background:#fff;border-radius:5px}.search input{border:0;outline:0;background:transparent;min-width:220px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:23px}.book-card{background:#f9f5eb;border:1px solid #c6bcac;border-radius:6px;overflow:hidden;box-shadow:0 12px 28px rgba(37,28,14,.08);transition:.2s}.book-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(37,28,14,.15)}.cover-button{border:0;padding:0;background:#151515;width:100%;cursor:pointer;display:block}.book-cover{width:100%;aspect-ratio:1.52/1;object-fit:cover;display:block}.book-meta{padding:16px}.book-kicker{font-size:10px;text-transform:uppercase;color:#8c6a2c;font-weight:900;letter-spacing:.12em;margin:0}.book-meta h3{font-family:Impact,Haettenschweiler,sans-serif;font-size:27px;text-transform:uppercase;letter-spacing:.035em;margin:3px 0}.book-author{font-size:12px;font-weight:700;margin:0 0 9px;color:#625c52}.book-description{color:#5e584e;font-size:13px;line-height:1.45;min-height:56px}.book-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.book-actions .primary-button{padding:10px 15px}.item-count{font-size:11px;color:#766e61}.flow-section{padding:70px clamp(20px,7vw,110px);text-align:center;background:linear-gradient(180deg,#101111,#171714)}.flow-diagram{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:35px}.flow-diagram>div{min-width:150px;border:1px solid #685d48;background:#111;padding:25px 18px;border-radius:6px;box-shadow:0 12px 25px #0006}.flow-diagram strong,.flow-diagram span{display:block}.flow-diagram strong{font-family:Impact,sans-serif;font-size:30px;color:var(--gold2)}.flow-diagram span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aaa}.flow-diagram i{color:#d7a141;font-size:25px}.video-node{background:radial-gradient(circle,#30271c,#0d0e0e)!important}.reader{position:fixed;inset:0;background:#080909;z-index:100;color:white;display:grid;grid-template-rows:60px 1fr 52px}.reader[hidden]{display:none}.reader-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #282727;background:#0d0e0e}.reader-title{text-align:center}.reader-title strong,.reader-title span{display:block}.reader-title span{font-size:11px;color:#aaa;margin-top:2px}.reader-tools{display:flex;gap:8px}.icon-button{width:39px;height:39px;font-size:20px}.reader-shell{min-height:0;display:flex}.thumbnail-rail{width:112px;background:#111;overflow-y:auto;padding:9px;border-right:1px solid #292929;transition:.2s}.thumbnail-rail.collapsed{width:0;padding:0;border:0}.thumb{width:100%;border:2px solid transparent;background:#222;margin-bottom:8px;padding:0;cursor:pointer;position:relative}.thumb.active{border-color:var(--gold2)}.thumb img{display:block;width:100%;aspect-ratio:1.52/1;object-fit:cover}.thumb span{position:absolute;bottom:3px;right:4px;background:#000c;padding:2px 5px;font-size:9px}.video-thumb{aspect-ratio:16/9;display:grid;place-items:center;color:var(--gold2);font-size:25px;background:#201b13}.stage-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.reader-stage{width:100%;height:100%;display:grid;place-items:center;padding:18px 62px}.reader-stage img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 15px 55px #000}.reader-stage video{max-width:min(1100px,100%);max-height:82vh;background:#000;box-shadow:0 15px 55px #000}.video-card{text-align:center;width:100%}.video-card h3{font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--gold2);font-size:27px;margin:0 0 12px}.video-card p{color:#aaa}.nav-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);border:0;background:#0008;color:#fff;width:48px;height:76px;font-size:56px;line-height:1;cursor:pointer;border-radius:5px}.nav-arrow:hover{background:#c98a25}.nav-arrow.left{left:8px}.nav-arrow.right{right:8px}.nav-arrow:disabled{opacity:.2;cursor:default}.reader-footer{padding:8px 20px;background:#0d0e0e;border-top:1px solid #282727}.reader-footer p{text-align:center;font-size:10px;color:#888;margin:6px}.progress-track{height:3px;background:#333}.progress-track span{display:block;height:100%;width:0;background:var(--gold2);transition:.2s}dialog{max-width:720px;width:calc(100% - 28px);border:1px solid #9e8357;background:#171716;color:#f7f0e5;padding:32px;border-radius:8px;box-shadow:var(--shadow)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog form{position:relative}dialog li{margin:12px 0;color:#d4ccbf}dialog pre{background:#080909;color:#e7c781;padding:15px;overflow:auto;border-radius:5px;border:1px solid #35312b}.dialog-close{position:absolute;right:-15px;top:-20px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}
@media(max-width:900px){.site-header nav a{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-rack{min-height:260px}.hero-cover{width:30%}.thumbnail-rail{position:absolute;left:0;top:60px;bottom:52px;z-index:8;width:105px}.reader-stage{padding:12px 43px}.nav-arrow{width:36px;height:62px}.section-heading{align-items:stretch;flex-direction:column}.search input{width:100%;min-width:0}.search{width:100%}}@media(max-width:560px){.brand i,.brand b{display:none}.site-header{height:62px}.hero{min-height:auto;padding:45px 20px}.hero h1{font-size:53px}.hero-rack{display:none}.hero-actions{flex-direction:column}.book-grid{grid-template-columns:1fr}.book-cover{aspect-ratio:1.55/1}.flow-diagram i{transform:rotate(90deg)}.reader{grid-template-rows:55px 1fr 48px}.reader-stage{padding:8px 34px}.nav-arrow{width:30px;height:52px;font-size:42px}.reader-footer p{display:none}}