:root{
  --bg:#080d18;
  --bg2:#0c1324;
  --panel:#111a2d;
  --panel2:#151f34;
  --text:#f5f6f8;
  --muted:#a7b0c2;
  --gold:#f5c56a;
  --gold2:#dba74a;
  --line:rgba(255,255,255,.09);
  --shadow:0 30px 80px rgba(0,0,0,.38);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#07101f 0%,var(--bg) 28%,#090e19 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.ambient{position:fixed;pointer-events:none;filter:blur(70px);opacity:.18;border-radius:999px;z-index:-1}
.ambient-one{width:460px;height:460px;background:#1f7aff;right:-120px;top:60px}
.ambient-two{width:380px;height:380px;background:#f0a830;left:-160px;top:720px}
.site-header{width:min(1240px,calc(100% - 36px));margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border:1px solid var(--line);background:rgba(8,13,24,.76);backdrop-filter:blur(18px);border-radius:22px;position:sticky;top:16px;z-index:50;box-shadow:0 16px 45px rgba(0,0,0,.22)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f8d78e,#c98a2f);color:#111;font-weight:900;letter-spacing:-1px}
.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:15px;letter-spacing:.02em}.brand-copy small{font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.12em}
.nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#dce2ed}.nav a{transition:.2s ease}.nav a:hover{color:var(--gold)}
.nav-cta{padding:10px 14px;border:1px solid rgba(245,197,106,.4);border-radius:12px;background:rgba(245,197,106,.08)}
.menu-btn{display:none;background:transparent;border:1px solid var(--line);color:white;border-radius:12px;width:44px;height:44px;font-size:22px}
.section-pad{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:112px 0}
.hero{min-height:760px;display:grid;grid-template-columns:1.04fr .96fr;gap:76px;align-items:center;padding-top:82px}
.eyebrow{margin:0 0 14px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(48px,6.2vw,88px);line-height:.98;letter-spacing:-.045em;margin-bottom:24px;max-width:850px}.hero-lead{font-size:18px;color:#bbc4d4;max-width:690px;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--gold),#f7d995);color:#17120b;box-shadow:0 12px 30px rgba(245,197,106,.14)}.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.035);color:#eff2f7}
.hero-stats{display:flex;gap:26px;margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}.hero-stats div{display:flex;flex-direction:column;gap:2px}.hero-stats strong{font-size:25px}.hero-stats span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hero-visual{position:relative;min-height:530px;display:grid;place-items:center}.orbit{position:absolute;width:440px;height:440px;border:1px solid rgba(245,197,106,.22);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.018),0 0 0 96px rgba(255,255,255,.012)}
.cover-stack{position:relative;width:460px;height:510px;perspective:1300px}.cover{position:absolute;width:198px;max-height:300px;object-fit:contain;box-shadow:0 28px 55px rgba(0,0,0,.52);border-radius:3px;transition:transform .35s ease,filter .35s ease}.c1{left:0;top:148px;transform:rotate(-14deg) translateZ(-70px)}.c2{left:86px;top:44px;transform:rotate(-6deg) translateZ(-20px)}.c3{left:188px;top:92px;transform:rotate(5deg) translateZ(30px);z-index:3}.c4{left:266px;top:176px;transform:rotate(13deg) translateZ(-10px)}.c5{left:128px;top:212px;transform:rotate(-1deg) translateZ(80px);z-index:5;width:210px}.hero-visual:hover .c1{transform:rotate(-18deg) translate(-12px,-5px)}.hero-visual:hover .c2{transform:rotate(-8deg) translate(-8px,-12px)}.hero-visual:hover .c3{transform:rotate(7deg) translate(8px,-10px)}.hero-visual:hover .c4{transform:rotate(17deg) translate(14px,-4px)}.hero-visual:hover .c5{transform:rotate(0) translateY(-14px) scale(1.03)}
.marquee-wrap{border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.025)}.marquee{display:flex;align-items:center;gap:26px;width:max-content;padding:17px 0;animation:marquee 26s linear infinite;color:#c6cedc;font-size:12px;font-weight:800;letter-spacing:.15em}.marquee i{font-style:normal;color:var(--gold)}@keyframes marquee{to{transform:translateX(-50%)}}
.section-head,.library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}.section-head h2,.library-head h2,.about h2,.closing h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(38px,4.6vw,64px);line-height:1.04;letter-spacing:-.035em;margin-bottom:0;max-width:760px}
.slider-controls{display:flex;gap:10px}.slider-controls button{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#10192b;color:white;font-size:20px;transition:.2s}.slider-controls button:hover{border-color:rgba(245,197,106,.5);color:var(--gold)}
.slider-shell{overflow:hidden;margin-inline:-10px;padding:10px}.book-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}.book-slider::-webkit-scrollbar{display:none}.slide-card{scroll-snap-align:start;flex:0 0 min(330px,80vw);background:linear-gradient(180deg,#131d31,#0f1728);border:1px solid var(--line);border-radius:24px;padding:16px;min-height:420px;display:flex;flex-direction:column;transition:.25s ease}.slide-card:hover{transform:translateY(-7px);border-color:rgba(245,197,106,.3);box-shadow:var(--shadow)}.slide-cover{height:270px;border-radius:15px;background:radial-gradient(circle at top,#263856 0%,#111827 72%);display:grid;place-items:center;overflow:hidden}.slide-cover img{height:235px;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.36))}.slide-meta{padding:17px 4px 2px}.slide-meta small,.book-meta small{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.slide-meta h3{font-size:20px;line-height:1.2;margin:7px 0 4px}.slide-meta p{color:var(--muted);font-size:13px;margin:0}
.library-head{margin-top:104px;align-items:center}.library-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.search-box{display:flex;align-items:center;gap:10px;min-width:260px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#0d1526}.search-box input{width:100%;height:46px;border:0;outline:0;background:transparent;color:white}.search-box input::placeholder{color:#6f7b90}.library-tools select{height:48px;border-radius:14px;border:1px solid var(--line);background:#0d1526;color:white;padding:0 36px 0 14px;outline:none}
.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.book-card{position:relative;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.026);padding:14px;min-height:378px;overflow:hidden;transition:.24s ease}.book-card::before{content:"";position:absolute;inset:auto -50px -80px auto;width:160px;height:160px;border-radius:50%;background:rgba(245,197,106,.05);filter:blur(8px)}.book-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.045);border-color:rgba(245,197,106,.27)}.book-card button{all:unset;display:flex;flex-direction:column;width:100%;height:100%;cursor:pointer}.book-cover{height:244px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#141d30,#0b1221);overflow:hidden}.book-cover img{height:218px;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 16px 17px rgba(0,0,0,.34));transition:transform .25s ease}.book-card:hover .book-cover img{transform:scale(1.035) rotate(.2deg)}.book-meta{padding:14px 4px 2px}.book-meta h3{font-size:16px;line-height:1.28;margin:6px 0 0}.empty-state{text-align:center;color:var(--muted);padding:36px;border:1px dashed var(--line);border-radius:18px}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about-photo-wrap{position:relative}.photo-frame{padding:14px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:var(--shadow)}.photo-frame img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px}.photo-note{position:absolute;right:-26px;bottom:36px;max-width:230px;padding:15px 17px;border-radius:16px;background:#f2cb7d;color:#1a160f;font-weight:900;font-size:12px;box-shadow:0 18px 45px rgba(0,0,0,.28);transform:rotate(-3deg)}.about-copy p:not(.eyebrow){color:#b9c1d0;font-size:16px}.about-copy h2{margin-bottom:25px}
.journey{padding-top:58px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}.timeline::before{content:"";position:absolute;left:6%;right:6%;top:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,197,106,.5),transparent)}.timeline-card{position:relative;padding:58px 18px 22px;border-radius:20px;border:1px solid var(--line);background:#0e1727;min-height:220px}.timeline-card span{position:absolute;top:10px;left:16px;display:grid;place-items:center;min-width:48px;height:32px;padding:0 10px;border-radius:999px;background:#f2cb7d;color:#17120b;font-size:11px;font-weight:900}.timeline-card h3{font-size:18px;margin-bottom:8px}.timeline-card p{color:var(--muted);font-size:13px;margin:0}
.closing{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:80px;padding:56px 58px;border:1px solid rgba(245,197,106,.18);border-radius:30px;background:linear-gradient(135deg,rgba(245,197,106,.11),rgba(34,57,95,.22));box-shadow:var(--shadow)}.closing p:not(.eyebrow){color:var(--muted);max-width:750px;margin:16px 0 0}.closing .btn{flex:0 0 auto}
footer{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:30px 0 48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.footer-brand .brand-mark{width:38px;height:38px;border-radius:12px}.footer-brand .brand-copy strong{color:white}
.book-modal{width:min(860px,calc(100% - 28px));border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#0b1322;color:white;padding:0;box-shadow:0 40px 120px rgba(0,0,0,.68)}.book-modal::backdrop{background:rgba(2,6,14,.77);backdrop-filter:blur(8px)}.modal-close{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:white;font-size:25px;z-index:2}.modal-inner{display:grid;grid-template-columns:.85fr 1.15fr;min-height:520px}.modal-cover{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at center,#273957 0%,#121a2a 66%,#0c1423 100%);border-radius:29px 0 0 29px}.modal-cover img{max-height:380px;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.4))}.modal-copy{padding:72px 54px 54px;display:flex;flex-direction:column;justify-content:center}.modal-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.06;margin-bottom:16px}.modal-copy>p:not(.eyebrow){color:var(--muted)}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.modal-actions button{color:white}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1050px){.hero{grid-template-columns:1fr;gap:18px;padding-top:90px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{min-height:560px}.book-grid{grid-template-columns:repeat(3,1fr)}.about{grid-template-columns:1fr;gap:48px}.about-photo-wrap{max-width:580px;margin:auto}.timeline{grid-template-columns:repeat(2,1fr)}.timeline::before{display:none}.closing{align-items:flex-start;flex-direction:column}.section-pad{padding:86px 0}}
@media (max-width:760px){.site-header{top:8px}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;padding:16px;border-radius:18px;background:#0d1525;border:1px solid var(--line);box-shadow:var(--shadow)}.nav.open{display:flex}.nav a{padding:10px}.section-pad{width:min(100% - 28px,1240px);padding:72px 0}.hero{min-height:auto;padding-top:74px}.hero h1{font-size:clamp(44px,14vw,66px)}.hero-visual{min-height:430px}.orbit{width:320px;height:320px}.cover-stack{transform:scale(.76);transform-origin:center;width:460px;height:510px}.hero-stats{gap:15px}.hero-stats span{font-size:10px}.section-head,.library-head{align-items:flex-start;flex-direction:column}.library-tools{width:100%;justify-content:stretch}.search-box,.library-tools select{width:100%;min-width:0}.book-grid{grid-template-columns:repeat(2,1fr);gap:12px}.book-card{min-height:330px;padding:10px}.book-cover{height:210px}.book-cover img{height:188px}.book-meta h3{font-size:14px}.photo-note{right:8px;bottom:18px}.timeline{grid-template-columns:1fr}.closing{padding:34px 26px;margin-bottom:50px}.modal-inner{grid-template-columns:1fr}.modal-cover{min-height:320px;border-radius:29px 29px 0 0;padding:28px}.modal-cover img{max-height:260px}.modal-copy{padding:38px 26px 30px}.modal-copy h2{font-size:34px}footer{align-items:flex-start;flex-direction:column}.footer-brand{display:none}}
@media (max-width:460px){.brand-copy small{display:none}.site-header{width:calc(100% - 20px)}.book-grid{grid-template-columns:1fr 1fr}.book-card{min-height:300px}.book-cover{height:180px}.book-cover img{height:160px}.book-meta small{font-size:9px}.book-meta h3{font-size:13px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.hero-stats strong{font-size:20px}.cover-stack{transform:scale(.63);margin-top:-10px}.hero-visual{min-height:360px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}