:root{--bg:#0e0e0f;--surface:#171718;--surface2:#222121;--text:#f5efe6;--muted:#a49b92;--gold:#c6a779;--gold2:#e1c59c;--border:rgba(211,180,137,.19);--font:'Cairo',sans-serif;--serif:'Amiri',serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body.reader-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.32;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}[hidden]{display:none!important}::selection{background:#7c6242;color:white}
.skip-link{position:absolute;right:20px;top:-100px;padding:12px;background:var(--gold);color:#131313;z-index:1000}.skip-link:focus{top:12px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 max(5vw,24px);position:sticky;top:0;z-index:60;border-bottom:1px solid var(--border);background:rgba(12,12,13,.92);backdrop-filter:blur(22px)}.wordmark{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.1;white-space:nowrap}.wordmark small{display:block;font:500 10px var(--font);letter-spacing:2px;color:var(--gold);margin-top:9px}.logo-icon{display:grid;place-items:center;font-size:25px;width:47px;height:47px;border:1px solid var(--border);border-radius:50%;color:var(--gold)}.desktop-links{display:flex;gap:33px;font-size:13px;font-weight:700;color:#c3bdb7}.desktop-links a:hover,.footer a:hover{color:var(--gold2)}.header-actions{display:flex;align-items:center;gap:12px}.small-button{background:var(--gold);padding:11px 21px;color:#17120c;font-size:12px;font-weight:800;border-radius:3px}.small-button span{margin-right:9px}.icon-button{border:1px solid var(--border);color:var(--text);background:transparent;width:42px;height:42px;border-radius:5px}.hamburger{display:none}.mobile-menu{position:fixed;z-index:70;top:84px;left:0;right:0;padding:18px 7%;background:#191818;border-bottom:1px solid var(--border);box-shadow:0 18px 45px #0009}.mobile-menu a{display:block;padding:14px 8px;border-bottom:1px solid #ffffff11}
.section{padding:105px max(7vw,24px)}.hero{min-height:min(850px,95vh);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#302318 0,transparent 57%),#101011}.hero-light{position:absolute;width:520px;height:520px;background:#bd915329;filter:blur(110px);left:12%;top:10%;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:730px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:800;margin:0 0 20px}.gold-line{display:inline-block;width:25px;height:1px;background:var(--gold);vertical-align:middle;margin-left:11px}.hero h1{font:700 clamp(52px,6vw,105px)/1.32 var(--serif);letter-spacing:-1px;margin:0 0 23px}.hero h1 em{font-weight:400;font-style:normal;color:var(--gold)}.hero-description{max-width:570px;color:#c9c0b5;line-height:2.4;font-size:16px;margin-bottom:30px}.hero-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 28px;border-radius:3px;font:700 13px var(--font);transition:.2s;border:1px solid var(--gold)}.primary-button{background:var(--gold);color:#16130f}.primary-button:hover,.small-button:hover{background:var(--gold2)}.secondary-button{color:var(--gold2);background:transparent}.secondary-button:hover{background:#c6a77916}.hero-stat{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:50px;color:var(--muted);font-size:12px}.hero-stat strong{font-size:21px;font-weight:700;color:var(--gold2);padding-left:5px}.hero-stat i{height:21px;width:1px;background:var(--border)}.hero-books{height:530px;position:relative;perspective:1100px;display:flex;align-items:center;justify-content:center}.hero-cover{position:absolute;background-size:cover;background-position:center;box-shadow:25px 30px 50px #0009;border-radius:3px;aspect-ratio:2/3;transform-style:preserve-3d}.hero-cover-front{height:410px;transform:rotate(-4deg) rotateY(-13deg) translateX(20px);z-index:3}.hero-cover-back{height:355px;transform:rotate(8deg) translateX(-135px) translateY(12px);opacity:.78;filter:brightness(.65)}.hero-glow{position:absolute;width:450px;height:420px;background:#9e68432a;filter:blur(90px);border-radius:50%}.scroll-hint{position:absolute;bottom:24px;right:7vw;color:var(--gold);font-size:11px;letter-spacing:2px;display:flex;gap:20px;align-items:center}
.library{background:#141414}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:40px}.section-heading h2,.about-section h2,.closing h2{font:700 clamp(38px,4.3vw,64px)/1.4 var(--serif);margin:0 0 9px}.section-heading h2 span,.closing h2 span{color:var(--gold)}.muted{color:var(--muted);font-size:13px;line-height:1.9}.library-count{border:1px solid var(--border);border-radius:90px;width:94px;height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold2);font:700 31px var(--serif)}.library-count span{font:600 10px var(--font);color:var(--muted)}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px;flex-wrap:wrap}.search-wrap{height:50px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:4px;background:#1e1e1e;padding:0 16px;flex:1;max-width:460px}.search-wrap span{font-size:26px;color:var(--gold)}.search-wrap input{background:transparent;color:var(--text);border:0;outline:none;width:100%;font:500 13px var(--font)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:10px 20px;border:1px solid var(--border);border-radius:30px;background:transparent;color:var(--muted);font-size:12px}.filter.active,.filter:hover{color:#17120c;background:var(--gold);border-color:var(--gold)}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.book-card{background:#1a1919;border:1px solid var(--border);transition:border .2s,transform .2s;min-width:0;overflow:hidden}.book-card:hover{transform:translateY(-5px);border-color:#b79764aa}.cover-click{border:0;background:radial-gradient(ellipse at center,#3a2e28,#201e1c);padding:24px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio: .92;overflow:hidden}.cover-click img{height:100%;max-width:88%;object-fit:contain;box-shadow:13px 18px 25px #0007;transition:transform .25s}.cover-click:hover img{transform:scale(1.045)}.cover-click::after{content:'اضغط للقراءة';position:absolute;bottom:12px;color:#e1c59c;background:#151414c4;padding:5px 17px;border:1px solid var(--border);border-radius:20px;font-size:10px}.book-card-content{padding:22px}.genre-badge{font-size:10px;color:var(--gold);letter-spacing:.5px}.book-card h3{font:700 27px var(--serif);margin:8px 0 10px}.book-card-description{color:#b8b0a6;font-size:11px;line-height:2;min-height:65px}.book-meta{display:flex;gap:12px;flex-wrap:wrap;color:#877c74;font-size:10px;margin:20px 0}.book-actions{display:flex;gap:8px}.read-button{flex:1;background:var(--gold);border:1px solid var(--gold);padding:10px 12px;color:#17120b;font-size:12px;font-weight:800}.pdf-link{padding:10px;border:1px solid var(--border);font-size:11px;color:var(--gold2)}.continue-label{display:block;margin-top:8px;color:var(--gold);font-size:10px}.no-results{padding:55px;text-align:center;color:var(--muted)}
.about-section{background:linear-gradient(150deg,#211d19,#111112 70%)}.about-frame{max-width:820px;margin:auto;border-right:2px solid var(--gold);padding:25px 38px 30px 0}.about-frame p{color:#c3b8ac;font-size:14px;line-height:2.6}.about-frame .about-lead{font:400 24px/2 var(--serif);color:var(--text)}.about-frame .about-quote{font:400 28px/1.7 var(--serif);color:var(--gold2)}.quotes-section{background:#141414}.quotes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quotes-grid blockquote{margin:0;background:#1e1c1b;border:1px solid var(--border);padding:32px;font:400 22px/2 var(--serif);min-height:240px}.quotes-grid cite{display:block;color:var(--gold);font:600 11px var(--font);margin-top:19px}.closing{text-align:center;background:radial-gradient(ellipse at top,#32271e,#111111 73%)}.closing p:not(.eyebrow){color:var(--muted);line-height:2}.social-links{display:flex;gap:10px;justify-content:center;margin-top:30px}.social-links a{border:1px solid var(--gold);padding:12px 25px;color:var(--gold);font-size:13px;border-radius:3px}.social-links a:hover{background:var(--gold);color:#161616}.footer{padding:35px max(7vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;flex-wrap:wrap}.footer-name{color:var(--gold2);font:700 22px var(--serif)}
.reader{position:fixed;inset:0;background:#121110;z-index:200;display:flex;flex-direction:column;overscroll-behavior:contain}.reader-header{height:70px;min-height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;gap:10px;background:#191817;border-bottom:1px solid var(--border)}.reader-back,.reader-download{justify-self:start;display:flex;align-items:center;gap:8px;padding:9px 13px;color:var(--gold2);border:1px solid var(--border);background:none;border-radius:4px;font-size:12px}.reader-download{justify-self:end}.reader-book-title{text-align:center;min-width:0}.reader-book-title strong{display:block;font:700 21px var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reader-book-title small{color:var(--muted);font-size:10px}.reader-stage{position:relative;flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;background:radial-gradient(circle,#282521,#151412 65%);scrollbar-width:thin}.reader-stage img{display:block;position:relative;z-index:2;height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 5px 28px #0008;user-select:none;-webkit-user-drag:none;flex:none}.reader-stage img.loading{visibility:hidden}.page-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:14px;z-index:3}.page-error{position:absolute;inset:20px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;background:#171717;padding:22px}.page-error p{max-width:370px;color:var(--muted);font-size:13px;line-height:2}.tap-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:70px;background:#191817bd;color:var(--gold);border:1px solid var(--border);font-size:45px;line-height:1;border-radius:5px}.tap-next{left:15px}.tap-prev{right:15px}.reader-controls{background:#191817;border-top:1px solid var(--border);min-height:77px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.reader-controls button{background:#292724;border:1px solid var(--border);color:var(--text);padding:8px 13px;border-radius:5px;font-size:12px}.reader-controls button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.reader-primary-controls,.reader-secondary-controls{display:flex;gap:9px;align-items:center}.reader-primary-controls button{min-width:88px}.page-status{min-width:91px;text-align:center;font:700 16px var(--font);font-variant-numeric:tabular-nums}.page-status .of{color:var(--muted);padding:0 3px}.reader-secondary-controls #zoom-label{min-width:45px;text-align:center;font-size:11px;color:var(--muted)}.page-jump{color:var(--muted);font-size:11px}.page-jump input{width:56px;background:#2b2926;border:1px solid var(--border);color:var(--text);padding:7px;text-align:center;border-radius:4px;direction:ltr}.reader-hint{background:#191817;color:#887d72;border-top:1px solid #ffffff0a;font-size:10px;text-align:center;padding:4px 10px max(5px,env(safe-area-inset-bottom));line-height:1.7}
@media(max-width:1120px){.desktop-links{gap:15px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:70px}.hero-books{height:450px}.hero-cover-front{height:340px}.hero-cover-back{height:300px}}
@media(max-width:700px){.site-header{height:67px;padding:0 17px}.wordmark{font-size:19px;gap:8px}.wordmark small{font-size:9px}.logo-icon{width:38px;height:38px;font-size:21px}.desktop-links,.header-actions .small-button{display:none}.hamburger{display:block}.mobile-menu{top:67px}.section{padding:65px 20px}.hero{min-height:790px;grid-template-columns:1fr;align-content:start;padding-top:70px}.hero-content{z-index:4}.hero h1{font-size:clamp(48px,10vw,72px);line-height:1.26}.hero-description{font-size:13px;line-height:2.2;max-width:95%}.hero-buttons{gap:10px}.hero-buttons .primary-button,.hero-buttons .secondary-button{padding:12px 18px;font-size:11px;gap:10px}.hero-stat{margin-top:22px;gap:10px;font-size:10px}.hero-stat strong{font-size:16px}.hero-books{height:275px;position:absolute;bottom:8px;left:0;right:0;opacity:.74;pointer-events:none}.hero-cover-front{height:245px;transform:rotate(-5deg) translateX(40px)}.hero-cover-back{height:210px;transform:rotate(8deg) translateX(-77px)}.scroll-hint{display:none}.section-heading{align-items:center}.section-heading h2{font-size:40px}.library-count{height:62px;width:62px;font-size:21px;flex-shrink:0}.library-count span{font-size:8px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cover-click{padding:12px;aspect-ratio:.9}.book-card-content{padding:14px}.book-card h3{font-size:22px}.book-card-description{font-size:10px;min-height:76px}.book-meta{font-size:9px;margin:12px 0}.book-actions{flex-direction:column}.read-button,.pdf-link{padding:8px;font-size:10px;text-align:center}.library-toolbar{align-items:stretch}.search-wrap{max-width:none;flex-basis:100%}.filters{gap:6px}.filter{font-size:10px;padding:7px 12px}.about-frame{padding-right:22px}.about-frame .about-lead{font-size:21px}.quotes-grid{grid-template-columns:1fr}.quotes-grid blockquote{min-height:0;padding:25px}.closing h2{font-size:42px}.footer{display:block;text-align:center}.footer a{display:block;margin:16px 0}.reader-header{height:61px;min-height:61px;padding:0 9px}.reader-back,.reader-download{font-size:12px;padding:7px 9px}.reader-back span,.reader-download span{display:none}.reader-book-title strong{font-size:18px}.reader-stage{min-height:0}.tap-arrow{width:30px;height:53px;font-size:30px;opacity:.67}.tap-next{left:3px}.tap-prev{right:3px}.reader-controls{padding:7px 10px;gap:7px;min-height:94px;justify-content:center}.reader-controls button{padding:7px 9px}.reader-primary-controls button{min-width:67px}.reader-primary-controls{gap:5px}.page-status{min-width:77px;font-size:14px}.reader-secondary-controls{gap:4px}.reader-secondary-controls button{font-size:11px}.page-jump{display:none}.reader-hint{font-size:9px}.reader-stage img{max-width:calc(100% - 10px)}}
@media(max-height:690px){.reader-hint{display:none}.reader-header{height:52px;min-height:52px}.reader-controls{min-height:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* ── 2026 atelier edition · rounded architecture & tactile 3D books ── */
:root{
  --bg:#0b090c;--surface:#181319;--surface2:#241d25;
  --text:#fcf5ec;--muted:#b3a49d;--gold:#c4a376;--gold2:#f1d4a1;
  --border:rgba(225,194,152,.20);
  --curve:clamp(22px,3vw,38px);
}
body{
  background:
    radial-gradient(ellipse 60vw 40vw at 10% 10%,rgba(103,55,52,.12),transparent 80%),
    radial-gradient(ellipse 65vw 38vw at 90% 60%,rgba(122,83,48,.08),transparent 80%),
    #0b090c;
}
::selection{background:#9c774f;color:#fff}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:240;background:linear-gradient(90deg,#8b6253,#f0d5a0,#b38a61);transform-origin:right;transform:scaleX(0);pointer-events:none;box-shadow:0 1px 12px #b28b5c75}
body.reader-open .scroll-progress{display:none}
.site-header{
  top:12px;margin:12px max(2vw,14px) 0;
  width:calc(100% - 2 * max(2vw,14px));
  height:76px;
  border:1px solid rgba(223,183,143,.22);
  border-radius:26px;
  background:rgba(19,15,19,.83);
  box-shadow:0 18px 50px #0007,inset 0 1px #ffffff09;
  backdrop-filter:blur(25px) saturate(130%);
}
.logo-icon{border-radius:18px;background:linear-gradient(150deg,#443529,#171314);transform:rotate(-8deg);transition:transform .35s ease}
.wordmark:hover .logo-icon{transform:rotate(7deg) scale(1.05)}
.desktop-links a{position:relative;transition:color .25s}
.desktop-links a::after{content:'';position:absolute;right:0;left:100%;bottom:-9px;height:1px;background:var(--gold2);transition:left .3s ease}
.desktop-links a:hover::after,.desktop-links a:focus-visible::after{left:0}
.small-button,.primary-button,.secondary-button,.social-links a,
.read-button,.pdf-link,.reader-back,.reader-download,.icon-button,
.reader-controls button{border-radius:999px}
.small-button,.primary-button,.read-button{background:linear-gradient(125deg,#d6b886,#b9915d 54%,#dfc596);box-shadow:0 7px 24px #be8f4938;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.small-button:hover,.primary-button:hover,.read-button:hover{background:linear-gradient(125deg,#f1d8a9,#cba36d);transform:translateY(-3px);box-shadow:0 13px 28px #c39b594b}
.small-button:active,.primary-button:active,.read-button:active{transform:translateY(1px) scale(.98)}
.secondary-button{border-color:rgba(235,200,147,.43);background:rgba(255,255,255,.025);transition:transform .25s,background .25s,border-color .25s}
.secondary-button:hover{transform:translateY(-3px);border-color:#e2bc83;background:#e2bc8317}
.mobile-menu{top:102px;left:17px;right:17px;border:1px solid var(--border);border-radius:23px;background:#1d181eeb;backdrop-filter:blur(24px);box-shadow:0 25px 55px #000a}
.section{position:relative}
.hero{
  margin-top:-100px;padding-top:190px;min-height:min(930px,105vh);
  background:radial-gradient(ellipse at 70% 48%,#33231f99,transparent 53%),radial-gradient(ellipse at 26% 55%,#2e2029a5,transparent 54%),#0c0a0d;
  isolation:isolate;
}
.hero::before{
  content:'';position:absolute;right:-9%;top:9%;width:60%;height:83%;pointer-events:none;
  border:1px solid rgba(210,165,107,.11);border-radius:48% 52% 32% 68% / 63% 35% 65% 37%;
  transform:rotate(-19deg);
}
.hero::after{
  content:'';position:absolute;left:7%;bottom:9%;width:280px;height:280px;border:1px solid #d9ad6d19;
  border-radius:70% 30% 60% 40%;transform:rotate(33deg);pointer-events:none;
}
.hero-light{filter:blur(100px);background:#b17d6a2c}
.hero h1{letter-spacing:-.025em;text-wrap:balance;text-shadow:0 8px 35px #0009}
.hero h1 em{background:linear-gradient(145deg,#f1dcb1,#b6885c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{color:#d4c7b8}
.hero-stat{padding:17px 21px;background:#ffffff07;border:1px solid #ffffff10;border-radius:100px;width:max-content;max-width:100%;backdrop-filter:blur(9px);margin-top:45px}
.hero-books{z-index:2;perspective:1200px;filter:drop-shadow(0 35px 65px #0009)}
.hero-books::before{
  content:'';position:absolute;width:min(90%,510px);aspect-ratio:1;border-radius:48% 52% 40% 60% / 48% 32% 68% 52%;
  border:1px solid #d2ad795e;box-shadow:inset 0 0 0 20px #d2ad7909,0 0 0 45px #d2ad7907;
  transform:rotate(-24deg);
  animation:orb-drift 14s ease-in-out infinite alternate;pointer-events:none;
}
.hero-cover{
  border-radius:5px 10px 10px 5px;
  box-shadow:-7px 5px 0 #342a25, -12px 9px 0 #100d0e, 24px 28px 60px #000c;
  outline:1px solid #ffffff1b;
  backface-visibility:hidden;
  will-change:transform;
}
.hero-cover::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(90deg,#ffffff09,transparent 20%,transparent 84%,#0008 100%);
  pointer-events:none;
}
.hero-cover-front{animation:hero-float-front 7.5s ease-in-out infinite alternate}
.hero-cover-back{animation:hero-float-back 8.5s ease-in-out infinite alternate;filter:brightness(.74)}
.hero-glow{background:radial-gradient(circle,#ba795e55,transparent 65%);filter:blur(46px)}
.hero-seal{position:absolute;z-index:5;right:3%;bottom:9%;width:114px;height:114px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e2c79b6f;background:linear-gradient(140deg,#352a26e8,#161014ee);border-radius:50%;box-shadow:0 12px 30px #0009,inset 0 0 0 7px #e7c39113;transform:rotate(11deg)}
.hero-seal strong{font:700 37px/1.1 var(--serif);color:var(--gold2)}
.hero-seal span{font:700 10px var(--font);color:#e3d3b5}
.library{background:linear-gradient(180deg,#151015,#110f12);isolation:isolate}
.library::before{content:'';position:absolute;left:0;top:0;width:42%;height:55%;background:radial-gradient(ellipse,#4f2e3122,transparent 70%);pointer-events:none}
.section-heading h2,.about-section h2,.closing h2{letter-spacing:-.015em}
.section-heading h2 span,.closing h2 span{background:linear-gradient(100deg,#f0d9ad,#bc8e5d);-webkit-background-clip:text;background-clip:text;color:transparent}
.library-count{border-radius:30px;background:linear-gradient(145deg,#33272488,#191217);box-shadow:inset 0 1px #ffffff14}
.search-wrap{border-radius:999px;background:#ffffff06;transition:background .2s,border-color .2s;box-shadow:inset 0 1px #ffffff0b}
.search-wrap:focus-within{border-color:#d8ac80;background:#eecf9e0e}
.filter{border-radius:999px;transition:transform .2s,background .2s}
.filter:hover{transform:translateY(-2px)}
.book-grid{gap:25px;perspective:1400px}
.book-card{
  border-radius:30px;
  background:linear-gradient(155deg,#272029,#171418 55%,#20191f);
  border:1px solid rgba(219,174,127,.19);
  box-shadow:0 18px 50px #0004,inset 0 1px #ffffff08;
  transition:transform .35s cubic-bezier(.2,.65,.2,1),border-color .35s,box-shadow .35s;
  transform:translateZ(0);
}
.book-card:hover,.book-card:focus-within{transform:translateY(-10px);border-color:#d5b07a88;box-shadow:0 28px 70px #0009,0 0 40px #b0805212}
.cover-click{
  perspective:1000px;overflow:hidden;aspect-ratio:1/1.07;
  border-radius:23px 23px 30px 30px;
  background:radial-gradient(ellipse at 55% 26%,#79534455,#2d2329 48%,#151216 100%);
  padding:25px;
}
.cover-click::before{content:'';position:absolute;width:170%;height:48%;left:-35%;bottom:-26%;border:1px solid #cf9d6950;border-radius:50%;transform:rotate(-15deg);background:#e7b47e0d;filter:blur(.2px)}
.cover-click::after{bottom:16px;border-radius:999px;padding:7px 20px;background:#171318da;backdrop-filter:blur(8px);transition:background .25s,transform .25s}
.cover-click:hover::after{background:#4a342b;transform:translateY(-3px)}
.book-3d{--tilt-x:0deg;--tilt-y:0deg;display:block;position:relative;aspect-ratio:2/3;height:91%;max-height:280px;transform-style:preserve-3d;transform-origin:center center;transform:rotateX(var(--tilt-x)) rotateY(calc(-18deg + var(--tilt-y))) rotateZ(3deg);transition:transform .25s ease,filter .25s ease;filter:drop-shadow(22px 23px 13px #0009);z-index:1;pointer-events:none}
.book-3d img{display:block;height:100%;width:100%;max-width:none;max-height:none;object-fit:fill;border-radius:3px 8px 8px 3px;box-shadow:0 0 0 1px #ffffff26,4px 0 13px #0009;transform:translateZ(9px);backface-visibility:hidden;transition:none}
.book-spine{position:absolute;z-index:0;left:-12px;top:1%;width:18px;height:98%;background:linear-gradient(90deg,#080808,#493229 60%,#120e0e);transform-origin:right center;transform:rotateY(-77deg);border-radius:2px 0 0 2px;box-shadow:-3px 1px 11px #000c}
.book-3d::after{content:'';position:absolute;inset:0;border-radius:3px 8px 8px 3px;transform:translateZ(10px);background:linear-gradient(90deg,#ffffff2a,transparent 15%,transparent 78%,#0008);pointer-events:none}
.cover-click:hover .book-3d,.cover-click:focus-visible .book-3d{transform:rotateX(var(--tilt-x)) rotateY(calc(-5deg + var(--tilt-y))) rotateZ(0deg) scale(1.055);filter:drop-shadow(25px 28px 17px #000b)}
.book-card-content{padding:24px 22px 23px}
.book-card h3{font-size:29px}
.book-card-description{color:#c6b7ac}
.book-meta{color:#a99a8c}
.read-button{border-radius:999px}
.pdf-link{border-radius:999px;padding-inline:15px;transition:background .2s,border-color .2s}
.pdf-link:hover{background:#e2bf8921;border-color:#dcb783}
.about-section{padding-block:118px;background:radial-gradient(ellipse at 8% 30%,#4d2a2b41,transparent 50%),linear-gradient(145deg,#1c161a,#0e0b0e)}
.about-frame{position:relative;max-width:960px;padding:55px clamp(25px,5vw,65px);border:1px solid var(--border);border-right:3px solid #c6a779;border-radius:42px 110px 42px 42px;background:linear-gradient(140deg,#34252377,#18141aee);box-shadow:0 24px 80px #0006;overflow:hidden}
.about-frame::after{content:'✦';position:absolute;top:-70px;left:-24px;font:280px/1 var(--serif);color:#d6b17d0c;pointer-events:none}
.about-frame p{position:relative}
.about-frame .about-lead{font-size:clamp(22px,2.2vw,31px)}
.quotes-section{background:#121014}
.quotes-grid blockquote{position:relative;border-radius:34px 34px 70px 34px;background:linear-gradient(155deg,#292028,#191519);padding:42px 34px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.quotes-grid blockquote::before{content:'“';position:absolute;left:22px;top:-65px;font:190px var(--serif);color:#b8915930;pointer-events:none}
.quotes-grid blockquote:hover{transform:translateY(-8px);border-color:#cea36e79;box-shadow:0 20px 40px #0007}
.closing{background:radial-gradient(ellipse at 50% -20%,#70443538,transparent 55%),#100d10}
.closing>div{max-width:860px;margin:auto;padding:55px 26px;border:1px solid #d7ab7354;border-radius:160px 40px 160px 40px;background:linear-gradient(135deg,#261a1f99,#21181a88);box-shadow:0 30px 70px #0005}
.social-links a{transition:transform .25s,background .25s}
.social-links a:hover{transform:translateY(-3px)}
.reader{background:radial-gradient(ellipse at center,#2a2427,#110e12)}
.reader-header,.reader-controls,.reader-hint{background:rgba(21,17,20,.95);backdrop-filter:blur(20px)}
.reader-header{border-bottom:1px solid rgba(221,177,133,.28)}
.reader-stage{background:radial-gradient(ellipse at 50% 40%,#3f3029,#171218 72%)}
.reader-stage::before{content:'';position:absolute;width:min(70vw,550px);height:min(70vw,550px);border-radius:50%;border:1px solid #d0a67418;box-shadow:0 0 0 50px #d0a67406;pointer-events:none}
.reader-stage img{border-radius:6px;box-shadow:0 0 0 1px #fbe6c937,14px 15px 44px #000a}
.reader-stage img.page-turn{animation:page-open .42s cubic-bezier(.12,.84,.25,1) both;transform-origin:right center}
.reader-controls button:hover:not(:disabled){background:#4a3932}
.tap-arrow{border-radius:22px;background:#211a20e0;backdrop-filter:blur(10px)}
@keyframes hero-float-front{
  from{transform:translateY(0) rotate(-4deg) rotateY(-13deg) translateX(20px)}
  to{transform:translateY(-17px) rotate(-1deg) rotateY(-21deg) translateX(23px)}
}
@keyframes hero-float-back{
  from{transform:translateY(10px) rotate(8deg) translateX(-135px)}
  to{transform:translateY(-7px) rotate(12deg) translateX(-140px)}
}
@keyframes orb-drift{to{transform:rotate(5deg) scale(1.04)}}
@keyframes page-open{from{opacity:.65;transform:perspective(1200px) rotateY(-8deg) scale(.987)}to{opacity:1;transform:perspective(1200px) rotateY(0) scale(1)}}
@media(max-width:1120px){.book-3d{max-height:270px}.hero-seal{right:0}}
@media(max-width:700px){
  .site-header{height:65px;top:8px;margin:8px 10px 0;width:calc(100% - 20px);padding:0 14px;border-radius:19px}
  .mobile-menu{top:83px;left:10px;right:10px}
  .logo-icon{border-radius:13px}
  .hero{margin-top:-81px;padding-top:160px;min-height:830px}
  .hero::before{right:-30%;top:8%;width:90%;height:62%}
  .hero h1{font-size:clamp(47px,10vw,72px)}
  .hero-stat{padding:12px 15px;margin-top:26px;border-radius:22px;gap:11px}
  .hero-books{height:290px;bottom:5px;opacity:.9}
  .hero-cover-front{animation:none;transform:rotate(-4deg) rotateY(-12deg) translateX(34px);box-shadow:-5px 3px 0 #352a28,-8px 6px 0 #120e12,18px 24px 40px #000a}
  .hero-cover-back{animation:none;transform:rotate(8deg) translateX(-90px)}
  .hero-books::before{width:280px}
  .hero-seal{width:76px;height:76px;right:9%;bottom:18%;transform:rotate(10deg)}
  .hero-seal strong{font-size:25px}
  .hero-seal span{font-size:8px}
  .section-heading{margin-bottom:28px}
  .library-count{border-radius:21px}
  .book-grid{gap:12px}
  .book-card{border-radius:22px}
  .cover-click{padding:12px;border-radius:18px;aspect-ratio:.87}
  .book-3d{height:82%;max-height:210px;transform:rotateY(-15deg) rotateZ(3deg);filter:drop-shadow(10px 13px 8px #0008)}
  .cover-click::after{bottom:8px;font-size:9px;padding:5px 10px}
  .book-card:hover{transform:none}
  .book-card-content{padding:16px 13px}
  .book-card h3{font-size:24px}
  .about-section{padding-block:70px}
  .about-frame{padding:30px 23px;border-radius:34px 70px 34px 34px}
  .quotes-grid blockquote{border-radius:25px 25px 55px 25px}
  .closing>div{padding:42px 17px;border-radius:75px 25px 75px 25px}
  .reader-stage::before{width:55vw;height:55vw;box-shadow:0 0 0 20px #d0a67406}
  .reader-stage img{border-radius:2px}
}
@media(max-width:390px){
  .hero{min-height:820px}
  .hero-stat{font-size:9px}
  .book-card h3{font-size:20px}
  .book-card-description{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .hero-cover-front,.hero-cover-back,.hero-books::before,.reader-stage img.page-turn{animation:none!important}
  .book-3d,.book-card,.quotes-grid blockquote{transition:none!important}
}