/* BURHON TURSUNOV — Adabiy meros. Light editorial design. */
:root{
  --paper:#f8f2e7;--paper-light:#fffaf0;--paper-deep:#efe4d2;
  --ink:#3d3029;--muted:#736356;--burgundy:#79273b;--burgundy-dark:#5a192a;
  --gold:#ae8651;--gold-light:#dac49f;--line:#dac9ae;
  --serif:Georgia,"Palatino Linotype","Times New Roman",serif;
  --sans:"Segoe UI",Tahoma,Arial,sans-serif;
  scroll-behavior:smooth;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:90px}
body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--paper);line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:25;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
::selection{background:#b78387;color:white}
:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.wrap{width:min(1180px,calc(100% - 84px));margin-inline:auto}
.section{position:relative;scroll-margin-top:84px}
.skip-link{position:absolute;z-index:110;top:-90px;left:16px;padding:12px 16px;background:var(--burgundy);color:#fff}
.skip-link:focus{top:12px}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--burgundy);transform:scaleX(0);transform-origin:left center;z-index:102}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,242,231,.87);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(174,134,81,.16);transition:box-shadow .35s}
.site-header.scrolled{box-shadow:0 8px 30px rgba(75,44,31,.06)}
.header-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{font:700 16px var(--serif);letter-spacing:2.2px;color:var(--burgundy);display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand-icon{font:42px var(--serif);line-height:.5;color:var(--gold);transform:rotate(-24deg)}
.brand-light{font-weight:400}
.nav{display:flex;align-items:center;gap:33px}
.nav-link{font:14px var(--serif);padding:28px 1px;color:#5d4a3d;position:relative;transition:color .2s}
.nav-link::after{content:"";position:absolute;height:1px;background:var(--burgundy);bottom:20px;left:0;width:0;transition:width .25s}
.nav-link:hover,.nav-link.active{color:var(--burgundy)}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.menu-toggle{display:none}
/* Hero */
.hero{min-height:680px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 10% 25%,#fffaf0 0,transparent 48%),radial-gradient(ellipse at 90% 60%,#ecddc7 0,transparent 40%),var(--paper)}
.hero-glow{position:absolute;inset:0;z-index:-1;opacity:.55;background-image:radial-gradient(circle at 30% 54%,transparent 0 25%,rgba(191,151,93,.07) 55%,transparent 72%)}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:80px;align-items:center;padding:44px 0 72px}
.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}
.hero-photo-wrap{width:min(78%,420px);aspect-ratio:5/5.9;padding:10px;background:#ebdeca;box-shadow:0 15px 45px rgba(89,53,31,.16);transform:rotate(-3deg);position:relative;border:1px solid #d7c4a6;z-index:1}
.hero-photo-wrap::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.56);pointer-events:none}
.hero-photo{width:100%;height:100%;object-fit:cover;filter:sepia(.12)}
.hero-visual::before{content:"";position:absolute;left:0;top:45px;width:180px;height:350px;border:1px solid rgba(174,134,81,.28);border-radius:120px 120px 0 0;transform:rotate(-15deg)}
.hero-visual::after{content:"";position:absolute;bottom:17px;right:17px;width:110px;height:110px;background:radial-gradient(ellipse at center,rgba(174,134,81,.25),transparent 70%);z-index:0}
.hero-flourish{position:absolute;font:78px var(--serif);color:#c7a777;opacity:.5}
.hero-flourish.top{left:7px;top:32px;transform:rotate(-28deg)}
.hero-flourish.bottom{right:4%;bottom:22px;transform:rotate(24deg)}
.handwritten{position:absolute;left:0;bottom:5px;color:var(--muted);font:italic 22px/1.35 var(--serif);transform:rotate(-9deg);text-align:center;z-index:2}
.hero-copy{padding-bottom:30px}
.eyebrow,.section-number,.small-label,.resource-index,.scene-caption{font-family:var(--sans);letter-spacing:2.4px;font-weight:600;font-size:11px;color:var(--gold)}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.eyebrow-line{width:30px;height:1px;background:var(--gold)}
.hero h1{font:400 clamp(68px,7.3vw,116px)/.94 var(--serif);letter-spacing:-3.8px;margin:0;color:var(--burgundy)}
.hero h1 em{font-weight:400;font-style:normal}
.fine-rule{height:25px;display:flex;align-items:center;width:min(310px,90%);gap:12px;color:var(--gold);font-size:12px;margin:22px 0}
.fine-rule::before,.fine-rule::after{content:"";height:1px;background:var(--gold-light);flex:1}
.hero-book-title{font:italic clamp(27px,3vw,37px)/1.3 var(--serif);color:#a37c49;margin:12px 0 8px}
.hero-subtitle{color:var(--muted);font:18px var(--serif);margin:0}
.scroll-hint{margin-top:42px;display:inline-flex;align-items:center;gap:15px;font-size:12px;letter-spacing:1.1px;color:var(--muted);transition:color .2s}
.scroll-circle{height:46px;width:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--burgundy);font:25px var(--serif);transition:transform .2s,background .2s}
.scroll-hint:hover{color:var(--burgundy)}
.scroll-hint:hover .scroll-circle{background:#eee0c8;transform:translateY(5px)}
.hero-bottom-deco{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--line),transparent);position:absolute;bottom:0}
/* Headings */
.section-heading{text-align:center;margin-bottom:52px}
.section-number{display:block;color:#9c7545;margin-bottom:8px}
.section-heading h2{font:400 clamp(38px,4.4vw,61px)/1.17 var(--serif);letter-spacing:-1.5px;color:var(--burgundy);margin:0}
.heading-ornament{display:flex;gap:14px;justify-content:center;align-items:center;font-size:13px;color:var(--burgundy);margin:18px auto 0}
.heading-ornament::before,.heading-ornament::after{content:"";display:block;width:50px;height:1px;background:var(--gold)}
.section-intro{font:17px/1.5 var(--serif);color:var(--muted);margin:12px 0 0}
/* Biography */
.bio{padding:88px 0 112px;background:linear-gradient(180deg,#f7eddd 0%,#f9f4eb 78%,#f8f2e7 100%)}
.bio-grid{display:grid;grid-template-columns:.84fr 1.15fr .9fr;align-items:center;gap:36px}
.bio-photo-frame{margin:0;padding:11px 11px 16px;background:#fefcf6;border:1px solid #e0d0b7;box-shadow:0 12px 28px rgba(72,44,29,.11);transform:rotate(-3deg)}
.bio-photo-frame img{width:100%;aspect-ratio:4/4.7;object-fit:cover;filter:sepia(.22)}
.bio-photo-frame figcaption{text-align:center;font:italic 12px var(--serif);color:#8d7a64;padding-top:11px}
.bio-copy{font:16px/1.95 var(--serif);color:#5f5146}
.small-label{display:block;margin-bottom:15px}
.bio-copy p{margin:0 0 19px}
.bio-divider{color:#b99d75;font:36px var(--serif);margin-top:18px}
.quote-card{background:rgba(255,253,245,.72);border:1px solid #e0cfb7;padding:28px 28px 26px;box-shadow:0 14px 30px rgba(98,67,46,.06);transform:rotate(2deg);position:relative;min-height:240px}
.quote-card::before,.quote-card::after{content:"✦";position:absolute;color:#bea079;font:12px var(--serif)}
.quote-card::before{top:10px;left:12px}.quote-card::after{bottom:10px;right:12px}
.quote-mark{font:70px/.7 var(--serif);color:var(--gold);display:block;margin:14px 0 4px}
.quote-card p{font:italic 17px/1.65 var(--serif);margin:0;color:#5e4a3d}
.quote-author{margin-top:22px;text-align:right;font:italic 13px var(--serif);color:var(--gold)}
/* Materials */
.materials{padding:85px 0 120px;overflow:hidden}
.materials::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 20%,rgba(229,207,173,.22),transparent 22%),radial-gradient(ellipse at 100% 70%,rgba(229,207,173,.23),transparent 25%)}
.resources{display:flex;flex-direction:column;gap:24px}
.resource{--pointer-x:0px;--pointer-y:0px;display:grid;grid-template-columns:1.08fr .92fr;min-height:345px;isolation:isolate;background:#fffaf1;border:1px solid #e9dac6;border-radius:8px;box-shadow:0 10px 30px rgba(82,48,30,.065);overflow:hidden;transition:box-shadow .4s,transform .4s;position:relative}
.resource:hover{box-shadow:0 24px 46px rgba(82,48,30,.12);transform:translateY(-4px)}
.resource--reverse{grid-template-columns:.92fr 1.08fr}
.resource--reverse .resource-scene{grid-column:2;grid-row:1}
.resource--reverse .resource-info{grid-column:1;grid-row:1}
.resource-scene{position:relative;overflow:hidden;min-height:345px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#f1dcc0 0%,#ede1d0 45%,#e7d3b5 100%);border-right:1px solid #e4d2b9}
.resource--reverse .resource-scene{border-right:0;border-left:1px solid #e4d2b9}
.resource-scene::after{content:"";position:absolute;inset:13px;border:1px solid rgba(255,250,239,.37);pointer-events:none}
.resource-info{padding:48px 52px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}
.resource-info::before,.resource-info::after{content:"✧";position:absolute;color:#c9a979;font:18px var(--serif)}
.resource-info::before{top:16px;left:20px}.resource-info::after{bottom:14px;right:19px}
.resource-index{display:flex;align-items:center;gap:14px;color:#a2835f;font-size:10px}
.resource-index span:first-child{font:26px var(--serif);color:var(--gold)}
.index-line{width:26px;height:1px;background:#baa17b}
.resource h3{font:400 clamp(29px,3vw,42px)/1.16 var(--serif);letter-spacing:-.5px;color:var(--burgundy);margin:13px 0 8px}
.resource-label{font:italic 17px var(--serif);color:#ae8250}
.resource-info p{font:15px/1.85 var(--serif);color:#655548;max-width:390px;margin:20px 0 24px}
.action-link{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--burgundy);padding:12px 20px 12px 24px;min-width:182px;color:white;font:14px var(--serif);border-radius:4px;box-shadow:0 5px 16px rgba(121,39,59,.13);transition:background .22s,transform .22s,box-shadow .22s}
.action-link:not(.is-unavailable):hover{background:var(--burgundy-dark);transform:translateY(-3px);box-shadow:0 10px 24px rgba(121,39,59,.25)}
.action-link.is-unavailable{background:#ae8758;cursor:default;box-shadow:none;opacity:.91}
.action-link span:last-child{font-size:20px;line-height:1}
.scene-caption{position:absolute;bottom:22px;left:24px;color:#87694c;font-size:9px;z-index:3}
.stage-watermark{position:absolute;top:-86px;left:-34px;color:#b69a71;font:330px var(--serif);opacity:.12}
/* CSS illustrations */
.book-object{position:relative;width:218px;transform:perspective(900px) rotateY(-19deg) rotateZ(-10deg) translate(var(--pointer-x),var(--pointer-y));transform-style:preserve-3d;z-index:2;filter:drop-shadow(16px 23px 15px rgba(76,35,33,.24));transition:transform .45s ease}
.resource:hover .book-object{transform:perspective(900px) rotateY(-10deg) rotateZ(-7deg) translate(var(--pointer-x),calc(-8px + var(--pointer-y)))}
.book-object img{width:100%;aspect-ratio:400/580;object-fit:cover;border-radius:2px 5px 5px 2px;box-shadow:inset -8px 0 rgba(0,0,0,.2)}
.book-object::before{content:"";position:absolute;top:5px;bottom:3px;left:-15px;width:16px;background:linear-gradient(90deg,#391522,#733345,#391522);transform:skewY(6deg);border-radius:2px 0 0 3px;z-index:3}
.book-object::after{content:"";position:absolute;left:0;bottom:-12px;height:13px;width:99%;background:repeating-linear-gradient(0deg,#d7c6ab,#fff6e9 2px,#d9c9af 3px);transform:skewX(-43deg);transform-origin:top;z-index:-1}
.stacked-pages{position:absolute;left:12%;bottom:39px;width:75%;height:89px;transform:rotate(-5deg);background:linear-gradient(175deg,#fff9ea,#e3ccac);border:1px solid #dcc6a3;box-shadow:0 9px 17px rgba(54,35,22,.11)}
.epub-scene{background:radial-gradient(ellipse at 45% 53%,#f5e8d8,#ddc5a4 90%)}
.ereader{position:relative;width:214px;height:288px;border-radius:14px;background:linear-gradient(140deg,#352c2a,#171d22);padding:13px;z-index:3;transform:rotate(10deg) translate(var(--pointer-x),var(--pointer-y));box-shadow:10px 23px 22px rgba(55,39,28,.3);transition:transform .4s}
.resource:hover .ereader{transform:rotate(7deg) translate(var(--pointer-x),calc(-8px + var(--pointer-y)))}
.ereader-screen{height:100%;background:#f4ead7;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:20px;color:#604c39;box-shadow:inset 0 0 18px #d5c5ab}
.ereader-top,.ereader-bottom{font:8px var(--serif);letter-spacing:1px}
.ereader-title{font:italic 21px/1.15 var(--serif);color:var(--burgundy)}
.ereader-flower{font:29px var(--serif);color:#b28c54}
.ereader-lines{height:55px;width:84%;background:repeating-linear-gradient(to bottom,#bbad9b 0 1px,transparent 1px 10px);opacity:.5}
.paper{position:absolute;width:145px;height:210px;box-shadow:4px 10px 17px #7e624345;background:repeating-linear-gradient(to bottom,#fdf9ef 0 13px,#e7dac8 14px,#fffaf1 15px 19px);z-index:1}
.paper-one{transform:rotate(-32deg) translate(-67px,-1px)}.paper-two{transform:rotate(28deg) translate(76px,-9px)}
.phone-scene{background:radial-gradient(ellipse at center,#e8d6bd,#d7bb97)}
.phone-halo{position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.4);border-radius:50%}
.phone-halo::before{content:"";position:absolute;inset:35px;border:1px solid rgba(255,255,255,.28);border-radius:50%}
.phone-object{position:relative;z-index:2;width:159px;height:307px;background:#18191b;padding:8px;border-radius:25px;box-shadow:12px 24px 20px #4b33294a,0 0 0 2px #5e524c;transform:rotate(-11deg) translate(var(--pointer-x),var(--pointer-y));transition:transform .4s}
.resource:hover .phone-object{transform:rotate(-7deg) translate(var(--pointer-x),calc(-9px + var(--pointer-y)))}
.phone-object img{width:100%;height:100%;object-fit:cover;border-radius:18px;overflow:hidden}
.phone-camera{position:absolute;width:44px;height:11px;border-radius:0 0 9px 9px;background:#18191b;top:7px;left:calc(50% - 22px);z-index:4}
.desktop-scene{background:radial-gradient(ellipse at center,#f5e4cb,#d3b78f)}
.laptop{position:relative;width:min(82%,386px);z-index:2;transform:perspective(800px) rotateY(-9deg) rotateX(3deg) translate(var(--pointer-x),var(--pointer-y));transition:transform .45s}
.resource:hover .laptop{transform:perspective(800px) rotateY(-5deg) rotateX(2deg) translate(var(--pointer-x),calc(-6px + var(--pointer-y)))}
.laptop-screen{padding:9px 9px 10px;background:#222326;border:2px solid #74706c;border-radius:11px 11px 3px 3px;box-shadow:8px 18px 21px #55422d55}
.laptop-screen img{aspect-ratio:8/5;width:100%;object-fit:cover}
.laptop-base{height:15px;background:linear-gradient(#aaa5a0,#e4ddd2 55%,#9c938a);margin:0 -12px;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);border-radius:2px 2px 9px 9px;box-shadow:6px 10px 16px #66503e55}
/* Contacts / footer */
.contact{padding:76px 0 106px;background:linear-gradient(180deg,#f4e9d8,#fcf7eb)}
.contact .section-heading{margin-bottom:44px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.contact-card{background:#fff9ef;border:1px solid #e2d1b9;min-height:115px;display:flex;align-items:center;padding:23px 20px;gap:15px;border-radius:6px;box-shadow:0 6px 18px #795d3b0b;transition:transform .25s,box-shadow .25s}
.contact-card[href]:hover{transform:translateY(-5px);box-shadow:0 12px 22px #795d3b1b}
.contact-card:not([href]){cursor:default}
.contact-icon{width:50px;height:50px;flex-shrink:0;border:1px solid var(--gold-light);border-radius:50%;display:grid;place-items:center;font-size:25px;color:var(--burgundy)}
.contact-copy{display:flex;flex-direction:column;overflow:hidden}
.contact-name{font:19px var(--serif);color:var(--burgundy)}
.contact-value{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.contact-arrow{margin-left:auto;color:var(--gold);align-self:flex-start}
.footer{text-align:center;padding:34px 20px 28px;background:#fdf9f0;border-top:1px solid #e5d5bf;position:relative}
.footer-ornament{font:34px var(--serif);color:var(--gold)}
.footer p{font:italic 16px var(--serif);color:#695648;margin:8px 0}
.footer small{font-size:10px;letter-spacing:1.4px;color:#9c8974}
.back-top{position:absolute;right:6%;bottom:38px;width:39px;height:39px;border:1px solid #ccb391;border-radius:50%;display:grid;place-items:center;color:var(--burgundy);transition:transform .2s}
.back-top:hover{transform:translateY(-5px)}
/* Scroll reveal */
.has-reveal [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.has-reveal [data-reveal].is-visible{opacity:1;transform:translateY(0)}
.has-reveal .hero-copy{transition-delay:.14s}
@media(max-width:1024px){
  .wrap{width:min(100% - 54px,1180px)}
  .hero-grid{gap:38px}.hero h1{font-size:clamp(64px,8vw,92px)}
  .bio-grid{grid-template-columns:.8fr 1.25fr;gap:32px}.quote-card{grid-column:1 / -1;max-width:600px;justify-self:center;min-height:0}
  .resource-info{padding:36px 30px}.contact-grid{gap:12px}.contact-card{padding:18px 12px;gap:9px}
}
@media(max-width:720px){
  html{scroll-padding-top:75px}
  .wrap{width:calc(100% - 38px)}
  .header-inner{height:65px}.brand{font-size:12px;letter-spacing:1.3px}.brand-icon{font-size:34px}
  .menu-toggle{display:flex;width:42px;height:40px;background:transparent;border:1px solid #ddcbb0;border-radius:5px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
  .menu-toggle span{width:19px;height:1px;background:var(--burgundy)}
  .nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fcf5e9;box-shadow:0 12px 25px #3a23172b;padding:10px 26px 20px;flex-direction:column;gap:0;align-items:stretch}
  .nav.nav-open{display:flex}.nav-link{padding:12px 0}.nav-link::after{bottom:8px}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:0;padding:28px 0 70px}
  .hero-visual{min-height:335px}.hero-photo-wrap{width:min(64%,260px);aspect-ratio:5/5.7}
  .hero-visual::before{width:120px;height:220px;left:12%}.hero-flourish{font-size:50px}.hero-flourish.top{left:6%}.hero-flourish.bottom{right:9%}.handwritten{font-size:16px;left:4%;bottom:4px}
  .hero-copy{text-align:center;padding:35px 0 0}.eyebrow{justify-content:center;font-size:9px;margin-bottom:14px}
  .hero h1{font-size:clamp(58px,13vw,82px);letter-spacing:-2px}.fine-rule{margin:20px auto 12px}.hero-book-title{font-size:27px}.hero-subtitle{font-size:16px}.scroll-hint{margin-top:25px}
  .section-heading{margin-bottom:32px}.section-heading h2{font-size:39px}.bio{padding:67px 0 72px}
  .bio-grid{grid-template-columns:1fr;gap:35px}.bio-photo-frame{max-width:280px;justify-self:center}.bio-copy{font-size:16px}.quote-card{grid-column:1;max-width:100%;justify-self:stretch}
  .materials{padding:65px 0 85px}.resources{gap:21px}
  .resource,.resource--reverse{grid-template-columns:1fr}
  .resource-scene,.resource--reverse .resource-scene{grid-column:1;grid-row:1;border:0;min-height:300px}
  .resource-info,.resource--reverse .resource-info{grid-column:1;grid-row:2;padding:32px 27px 37px}
  .resource h3{font-size:32px}.resource-info p{margin:12px 0 23px}
  .book-object{width:178px}.ereader{width:195px;height:270px}
  .contact{padding:63px 0 82px}.contact-grid{grid-template-columns:1fr;max-width:480px;margin:auto;gap:13px}.contact-card{min-height:90px;padding:15px 18px}
  .back-top{right:20px;bottom:20px}
}
@media(max-width:375px){.brand{font-size:11px}.hero-visual{min-height:300px}.hero-photo-wrap{width:65%}.hero h1{font-size:57px}.section-heading h2{font-size:32px}.resource h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.has-reveal [data-reveal]{opacity:1;transform:none}}

/* --- Version 2: a continuous literary spread rather than separate UI cards. --- */
:root { --paper:#faf5eb; --paper-light:#fffaf1; --paper-deep:#efe4d2; --ink:#44372d; --burgundy:#78263b; --burgundy-dark:#5c192a; }
body { background:#faf5eb; }
.site-header{background:rgba(250,245,235,.90);border-bottom:1px solid rgba(166,119,71,.23)}
.header-inner{height:73px}
.brand-icon{font-size:37px}
.hero { min-height:700px;overflow:hidden;background:radial-gradient(ellipse at 47% 45%,#fffaf1 0,#faf5eb 53%,#eee0cd 130%); }
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 74% 36%,rgba(255,255,255,.70),transparent 52%)}
.hero-glow{opacity:.23;filter:blur(16px)}
.hero-landscape{background:url('assets/mountain-etching.svg') right bottom/contain no-repeat;position:absolute;bottom:0;right:-4%;height:76%;width:74%;opacity:.32;pointer-events:none;z-index:-1}
.hero-botanical{position:absolute;bottom:-98px;left:-95px;width:380px;height:430px;background:url('assets/botanical-branch.svg') bottom left/contain no-repeat;opacity:.64;pointer-events:none;transform:rotate(-19deg);z-index:2}
.hero-books{position:absolute;bottom:-20px;left:2%;width:340px;height:170px;background:url('assets/quill-and-books.svg') left bottom/contain no-repeat;opacity:.49;pointer-events:none;z-index:2}
.hero-side-note{position:absolute;right:4.5%;top:15%;font-size:9px;letter-spacing:2.5px;color:#af9877;transform:rotate(90deg) translateX(100%);transform-origin:right top;white-space:nowrap}
.hero-side-note span{padding-left:10px;font-size:12px}
.hero-grid{gap:80px;padding:55px 0 92px}
.hero-visual{min-height:540px}
.hero-photo-wrap{background:linear-gradient(125deg,#c8a780,#f2e0c7);padding:12px;border:8px solid #f9f1e2;box-shadow:0 18px 42px #68493526, 0 0 0 1px #d2b994;transform:rotate(-4deg)}
.hero-photo-wrap::before{content:"";position:absolute;inset:-18px 26px 24px -22px;transform:rotate(-5deg);border:1px solid #d4be9d;z-index:-1;background:#fffcf53d}
.hero-photo-wrap::after{inset:7px;border:1px solid #ffffffa8}
.hero-flourish.top{left:12%;top:55px;opacity:.50}.hero-flourish.bottom{right:7%;bottom:22px}
.handwritten{bottom:11px;left:8%;color:#85674c;z-index:5;opacity:.83}
.hero h1{font-size:clamp(75px,7.3vw,112px);letter-spacing:-4.4px}
.hero h1 em{font-style:normal}
.hero-subtitle{color:#846c59}
.scroll-hint{margin-top:38px}
.scroll-circle{background:#fff7ebbb}
/* Subtle section separators */
.bio::before,.materials::after,.contact::before{content:"";height:1px;position:absolute;top:0;left:7%;right:7%;background:linear-gradient(90deg,transparent,#b89c784f 15%,#b89c78a1 50%,#b89c784f 85%,transparent)}
.bio{padding:105px 0 127px;background:linear-gradient(180deg,#f8f0e3 0%,#fcf7ee 77%,#faf5eb 100%);overflow:hidden}
.bio-botanical{background:url('assets/botanical-branch.svg') center/contain no-repeat;position:absolute;width:260px;height:350px;top:1%;right:-88px;opacity:.26;transform:rotate(155deg);pointer-events:none}
.bio-grid{grid-template-columns:.92fr 1.17fr .96fr;gap:39px}
.bio-photo-frame{border:8px solid #fffaf0;outline:1px solid #decbb1;padding:0 0 16px;box-shadow:0 13px 28px #6e4f3338;transform:rotate(-5deg)}
.bio-photo-frame img{aspect-ratio:4/4.45}
.bio-copy{font-size:17px;line-height:1.96}
.bio-copy p:first-of-type::first-letter{font-size:44px;float:left;line-height:.85;padding:8px 6px 0 0;color:var(--burgundy);font-family:var(--serif)}
.quote-card{background:linear-gradient(145deg,#fffaf1ee,#f4e6d0ef);padding:33px;border:1px solid #d9be98;box-shadow:0 18px 27px #6d493c13}
.section-heading h2{letter-spacing:-1.4px}
.materials{padding:93px 0 130px;background:linear-gradient(180deg,#faf5eb,#fdf9f0 52%,#f7eddd)}
.materials-flower{position:absolute;width:310px;height:355px;top:13%;left:-130px;background:url('assets/botanical-branch.svg') center/contain no-repeat;opacity:.23;transform:rotate(17deg);pointer-events:none}
.resources{gap:24px}
.resource,.resource--reverse{grid-template-columns:55% 45%;min-height:360px;background:linear-gradient(120deg,#faf0e2,#fffaf1 44%,#fdf6ec);border:1px solid #e4d4bf;box-shadow:0 11px 32px #7f573618;border-radius:7px;isolation:isolate}
.resource--reverse{grid-template-columns:45% 55%}
.resource-scene,.resource--reverse .resource-scene{min-height:360px;border:0}
.resource-scene{background:radial-gradient(ellipse at center,#f0dfc8aa,#efe2d2b5 56%,#e7ceb0c7),url('assets/mountain-etching.svg') center bottom/110% auto no-repeat}
.resource-scene::before{content:"";position:absolute;bottom:-88px;left:-58px;width:240px;height:260px;background:url('assets/botanical-branch.svg') center/contain no-repeat;opacity:.44;transform:rotate(-18deg);pointer-events:none;z-index:2}
.resource--reverse .resource-scene::before{left:auto;right:-72px;transform:scaleX(-1) rotate(2deg)}
.resource-scene::after{inset:20px;border:1px solid #fffaf148}
.resource-info{z-index:4;align-self:center;min-height:275px;margin:29px 26px 29px -58px;padding:38px 40px;background:linear-gradient(140deg,#fffaf1f9,#fbf1e3f5);border:1px solid #dcc5a4;box-shadow:0 8px 30px #76533928;border-radius:2px 8px 8px 2px;backdrop-filter:blur(2px)}
.resource--reverse .resource-info{margin:29px -58px 29px 26px;border-radius:8px 2px 2px 8px}
.resource-info::before,.resource-info::after{color:#a47c4e}
.resource .resource-index{letter-spacing:2px}
.resource h3{line-height:1.13}
.resource-info p{line-height:1.65;color:#746252}
.resource-label{font-style:italic}
.resource:hover{box-shadow:0 21px 50px #7a50372c}
.scene-watermark{position:absolute;right:20px;top:17px;color:#8e70494d;font-size:10px;letter-spacing:2.6px;z-index:2}
.resource--reverse .scene-watermark{right:auto;left:24px}
.book-object{width:225px}
.scene-caption{background:#fdf3e6ab;border:1px solid #caae877c;padding:4px 10px;bottom:24px;letter-spacing:1.7px;backdrop-filter:blur(4px)}
.resource--epub .resource-scene{background:radial-gradient(ellipse at center,#ebd8be 0,#e8d5b9 70%,#f7efdf)}
.resource--android .resource-scene{background:radial-gradient(ellipse at center,#e8d6bd 0,#ddc4a0 75%,#f6e8d4)}
.resource--windows .resource-scene{background:radial-gradient(ellipse at center,#f2e3cc 0,#e9cfab 75%,#f7efdc)}
.action-link{border-radius:4px;box-shadow:0 7px 0 #67203415,0 8px 18px #79273b2c}
.action-link:not(.is-unavailable)::after{content:"";position:absolute;inset:1px;border:1px solid #fff9eb33;pointer-events:none}
.action-link:not(.is-unavailable){position:relative}
.action-link:not(.is-unavailable) span:last-child{transition:transform .25s}
.action-link:not(.is-unavailable):hover span:last-child{transform:translate(3px,-2px)}
.contact{isolation:isolate;overflow:hidden;padding:98px 0 125px;background:radial-gradient(ellipse at 12% 85%,#f5e5cd 0,transparent 55%),#f9f0e2}
.contact-flower{background:url('assets/botanical-branch.svg') left bottom/contain no-repeat;position:absolute;width:325px;height:390px;left:-98px;bottom:-85px;transform:rotate(-12deg);opacity:.53;z-index:-1;pointer-events:none}
.contact-landscape{position:absolute;background:url('assets/mountain-etching.svg') bottom right/contain no-repeat;right:-7%;bottom:-8%;width:51%;height:310px;opacity:.28;z-index:-1;pointer-events:none}
.contact-card{background:#fffaf2db;box-shadow:0 9px 22px #795d3b0c;backdrop-filter:blur(3px)}
.footer{background:#fcf7ed}
@keyframes gentle-bob {0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-8px)}}
@keyframes scroll-pulse {0%,100%{transform:translateY(0)}55%{transform:translateY(5px)}}
@media (hover:hover) and (pointer:fine){
  .hero-visual:not(:hover) .hero-photo-wrap{animation:gentle-bob 7.5s ease-in-out infinite}
  .scroll-hint:not(:hover) .scroll-circle{animation:scroll-pulse 3s ease-in-out infinite}
}
@media(max-width:1024px){
  .hero-grid{gap:33px}.hero-botanical{opacity:.43;left:-130px}.hero-books{opacity:.28;left:-60px}
  .resource-info{margin-left:-35px;padding:29px 26px;min-height:288px}
  .resource--reverse .resource-info{margin-right:-35px;padding:29px 26px}
  .resource h3{font-size:32px}.bio-grid{grid-template-columns:.9fr 1.2fr}.quote-card{grid-column:1 / -1}
}
@media(max-width:720px){
  .header-inner{height:65px}.hero{min-height:auto}.hero-grid{padding:35px 0 74px;gap:0}
  .hero-landscape{right:-33%;width:120%;height:38%;opacity:.26}
  .hero-side-note{display:none}.hero-books{width:220px;left:-56px;bottom:0;opacity:.25}
  .hero-botanical{width:240px;height:265px;bottom:3%;left:-95px;opacity:.33}
  .hero-visual{min-height:338px}.hero-photo-wrap{width:min(64%,258px);border-width:6px}
  .hero-photo-wrap::before{inset:-10px 17px 14px -10px}
  .hero-flourish.top{left:7%;top:18px}.hero-flourish.bottom{right:8%;bottom:9px}
  .handwritten{left:7%;bottom:0;font-size:16px}
  .hero h1{font-size:clamp(56px,13vw,78px);letter-spacing:-2.4px}
  .bio{padding:72px 0 82px}.bio-botanical{width:180px;right:-92px;opacity:.18}
  .bio-grid{grid-template-columns:1fr;gap:34px}.bio-photo-frame{max-width:275px}.quote-card{grid-column:1}
  .materials{padding:72px 0 90px}.resources{gap:21px}
  .resource,.resource--reverse{display:grid;grid-template-columns:1fr;min-height:0}
  .resource-scene,.resource--reverse .resource-scene{grid-column:1;grid-row:1;min-height:295px}
  .resource-info,.resource--reverse .resource-info{grid-column:1;grid-row:2;min-height:0;margin:-25px 14px 20px;padding:31px 27px 35px;border-radius:4px}
  .resource h3{font-size:30px}.scene-caption{bottom:38px;left:16px}
  .resource--reverse .scene-caption{left:16px}
  .resource-scene::before{width:195px;height:215px;bottom:-72px}
  .scene-watermark{font-size:8px}.contact{padding:74px 0 88px}.contact-flower{width:215px;left:-85px;opacity:.27}
  .contact-landscape{opacity:.17;width:80%}
}
@media (prefers-reduced-motion:reduce){
  .hero-visual:not(:hover) .hero-photo-wrap,.scroll-hint:not(:hover) .scroll-circle{animation:none}
}

/* V3: Kitob muqovasiga mos fon va o'qilishi oson matn */
.hero {
  background: #f8f0e4 url("assets/hero-background.webp") center center / cover no-repeat;
}
.hero-landscape, .hero-botanical, .hero-books {display:none}
.hero h1 {color:#78263b;text-shadow:0 2px 15px rgba(255,250,242,.3)}
.hero-book-title {color:#946224}
.hero-subtitle, .scroll-hint {color:#594431}
.eyebrow, .hero-side-note {color:#906338}

/* Asl foto va iqtibos uchun kengroq maket */
.bio-grid {grid-template-columns:.94fr 1.25fr .95fr;gap:30px;align-items:center}
.bio-photo-frame img {aspect-ratio:4/5;object-position:center 18%;filter:grayscale(1) contrast(1.06)}
.bio-copy {font-size:17px;line-height:1.78;color:#4d3b2f}
.quote-card {min-height:215px}
.quote-card p {white-space:pre-line;color:#63402e;font-size:18px}
.quote-author {color:#8f6030}
@media(max-width:1050px){.bio-grid{grid-template-columns:1fr 1.3fr}.quote-card{grid-column:1/-1;max-width:700px;justify-self:center}}
@media(max-width:720px){.bio-grid{grid-template-columns:1fr}.quote-card{grid-column:1;max-width:100%}.bio-photo-frame{max-width:290px;justify-self:center}.hero{background-position:41% center}}

/* ============================================================
   V4 — HAYOT VA IJOD: keng, o'qishga qulay biografiya
   O'zgarishlar faqat biografiya bo'limiga ta'sir qiladi.
   ============================================================ */
.bio {
  padding: 88px 0 112px;
}
.bio > .wrap {
  width: min(1300px, calc(100% - 96px));
}
.bio .section-heading {
  margin-bottom: 66px;
}
.bio-layout {
  display: grid;
  grid-template-columns: minmax(275px, 355px) minmax(0, 1fr);
  gap: clamp(40px, 5vw, 88px);
  align-items: start;
}
.bio-sidebar {
  position: sticky;
  top: 108px;
  min-width: 0;
}
.bio-layout .bio-photo-frame {
  width: min(100%, 345px);
  margin: 0 auto 36px;
  transform: rotate(-2deg);
  border: 8px solid #fffaf0;
  padding: 0 0 15px;
  outline: 1px solid #decbb1;
}
.bio-layout .bio-photo-frame img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 4.9;
  object-fit: cover;
  object-position: 50% 18%;
  filter: grayscale(1) contrast(1.04);
}
.bio-layout .bio-photo-frame figcaption {
  font: italic 13px var(--serif);
  color: #78614d;
}
.bio-layout .quote-card {
  width: 100%;
  min-height: 0;
  padding: 30px 28px;
  margin: 0;
  transform: rotate(1deg);
}
.bio-layout .quote-card p {
  font: italic 20px/1.7 var(--serif);
  white-space: pre-line;
}
.bio-layout .quote-author {
  font-size: 12px;
  line-height: 1.5;
}
.bio-story {
  min-width: 0;
  max-width: 790px;
}
.bio-story-intro {
  margin: 0 0 31px;
  padding: 3px 0 25px;
  border-bottom: 1px solid #ddc9ac;
}
.bio-story-intro .small-label {
  margin-bottom: 13px;
  font-size: 11px;
}
.bio-story-intro p {
  font: italic clamp(19px, 2vw, 23px)/1.55 var(--serif);
  color: #684f3d;
  margin: 0;
  max-width: 660px;
}
.bio-chapter {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  column-gap: 26px;
  padding: 0 0 33px;
  margin: 0 0 33px;
  border-bottom: 1px solid rgba(177, 142, 98, .25);
}
.bio-chapter-date {
  padding-top: 7px;
  color: #987044;
  font: 600 12px/1.6 var(--sans);
  letter-spacing: .6px;
  white-space: nowrap;
}
.bio-chapter-body {
  min-width: 0;
}
.bio-chapter h3 {
  font: 400 clamp(26px, 2vw, 33px)/1.2 var(--serif);
  letter-spacing: -.45px;
  color: #74253b;
  margin: 0 0 14px;
}
.bio-chapter p {
  font: 17.5px/1.75 var(--serif);
  color: #4c3a30;
  margin: 0;
  overflow-wrap: break-word;
}
.bio-source {
  margin: 5px 0 0 130px;
  font: italic 13px/1.7 var(--serif);
  color: #8b755f;
}
@media (max-width: 1100px) {
  .bio > .wrap { width: min(100% - 64px, 1050px); }
  .bio-layout { grid-template-columns: minmax(245px, 300px) minmax(0, 1fr); gap: 45px; }
  .bio-chapter { grid-template-columns: 83px minmax(0, 1fr); gap: 18px; }
  .bio-source { margin-left: 101px; }
}
@media (max-width: 780px) {
  .bio { padding: 66px 0 85px; }
  .bio > .wrap { width: min(100% - 38px, 680px); }
  .bio .section-heading { margin-bottom: 35px; }
  .bio-layout { grid-template-columns: 1fr; gap: 38px; }
  .bio-sidebar { position: static; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: center; }
  .bio-layout .bio-photo-frame { max-width: 240px; margin: 0; }
  .bio-layout .quote-card { transform: none; padding: 22px 18px; }
  .bio-layout .quote-card p { font-size: 16px; }
  .bio-story-intro { margin-bottom: 26px; }
  .bio-chapter { grid-template-columns: 94px minmax(0, 1fr); gap: 20px; padding-bottom: 25px; margin-bottom: 26px; }
  .bio-chapter p { font-size: 17px; }
  .bio-source { margin-left: 114px; }
}
@media (max-width: 540px) {
  .bio-sidebar { grid-template-columns: 1fr; justify-items: center; gap: 24px; }
  .bio-layout .bio-photo-frame { width: min(72%, 260px); margin: 0; }
  .bio-layout .quote-card { width: 100%; }
  .bio-chapter { display: block; }
  .bio-chapter-date { display: inline-block; padding: 0 0 7px; }
  .bio-chapter h3 { font-size: 27px; }
  .bio-chapter p { font-size: 16px; line-height: 1.73; }
  .bio-source { margin-left: 0; }
}


/* ================================================================
   V5 — KITOB KARTOCHKASI: haqiqiy muqova va to‘liq ko‘rinadigan 3D
   Yangi qoidalar faqat birinchi material kartochkasiga tegishli.
   ================================================================ */
.resource--book {
  grid-template-columns: minmax(0, 49%) minmax(0, 51%);
  min-height: 535px;
  overflow: hidden;
  background: #fffaf3;
}
.resource--book .resource-scene {
  min-height: 535px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 44%, rgba(255,250,242,.86), rgba(239,219,190,.82) 62%, rgba(216,187,148,.30)),
    url('assets/mountain-etching.svg') center bottom / 105% auto no-repeat;
}
.resource--book .resource-scene::after {
  inset: 23px;
  border: 1px solid rgba(161,124,77,.25);
}
.resource--book .resource-info {
  min-height: auto;
  margin: 35px 36px 35px 0;
  padding: 42px clamp(28px,3.4vw,54px);
  z-index: 5;
  background: linear-gradient(135deg,rgba(255,253,246,.96),rgba(251,241,224,.94));
  box-shadow: 0 16px 43px rgba(84,49,28,.095);
}
.resource--book .resource-info p {max-width: 470px; font-size: 17px; line-height: 1.78;}
.resource--book .resource-label {color:#95652e;}
.resource--book .book-object {
  display: block;
  width: clamp(195px, 20vw, 268px);
  max-width: 56%;
  aspect-ratio: 1055 / 1491;
  height: auto;
  position: relative;
  z-index: 4;
  margin: 0;
  transform-origin: 50% 58%;
  transform: perspective(1100px) rotateY(-9deg) rotateZ(-3deg) translate(var(--pointer-x),var(--pointer-y));
  filter: drop-shadow(16px 23px 16px rgba(49,40,38,.25));
  transition: transform .6s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.resource--book .book-object img {
  width:100%;height:100%;display:block;
  aspect-ratio:1055/1491;
  object-fit: contain;
  object-position:center;
  border:1px solid rgba(20,27,35,.24);
  border-radius: 2px 4px 4px 2px;
  box-shadow: inset 8px 0 8px rgba(15,18,21,.1);
}
.resource--book .book-object::before {
  top:2px;bottom:2px;left:-12px;width:12px;
  background:linear-gradient(90deg,#142336,#293a4e 35%,#0e1e30 90%);
  border-radius:2px 0 0 3px;
  transform: skewY(4deg);
}
.resource--book .book-object::after {
  height:9px;bottom:-8px;left:2px;width:98%;
  background: repeating-linear-gradient(to bottom,#f6eddb 0 1px,#d2c2a8 2px 3px);
  transform:skewX(-36deg);
}
.resource--book:hover .book-object {
  transform: perspective(1100px) rotateY(-2deg) rotateZ(0deg) translate(var(--pointer-x),calc(-9px + var(--pointer-y)));
  filter: drop-shadow(19px 28px 20px rgba(49,40,38,.29));
}
.resource--book .stacked-pages {
  width:45%;height:60px;left:17%;bottom:63px;
  transform:rotate(-3deg);opacity:.62;
  box-shadow: 0 8px 14px rgba(54,35,22,.09);
}
.book-cover-hint {
  position:absolute;z-index:3;bottom:24px;left:50%;
  transform:translateX(-50%);white-space:nowrap;
  font:600 10px/1.2 var(--sans);letter-spacing:2px;
  color:#78573d;background:#fff9eecc;border:1px solid #b7976a66;
  padding:9px 15px;
}
.resource--book .scene-caption {display:none;}
@media (max-width: 1000px) and (min-width:721px) {
  .resource--book {grid-template-columns:49% 51%;min-height:490px;}
  .resource--book .resource-scene {min-height:490px;}
  .resource--book .resource-info {margin:25px 22px 25px 0;padding:26px 28px;}
  .resource--book .book-object {width:220px;max-width:65%;}
  .resource--book .resource-info p {font-size:15px;}
}
@media (max-width:720px) {
  .resource--book {display:grid;grid-template-columns:1fr;min-height:0;}
  .resource--book .resource-scene {grid-column:1;grid-row:1;min-height:440px;}
  .resource--book .book-object {width:240px;max-width:66%;}
  .resource--book .resource-info {grid-column:1;grid-row:2;margin:-12px 16px 20px;padding:32px 26px;}
  .resource--book .resource-info p {font-size:16px;}
  .resource--book .stacked-pages {bottom:54px;}
}
@media (max-width:420px) {
  .resource--book .resource-scene {min-height:390px;}
  .resource--book .book-object {width:210px;}
}
@media (prefers-reduced-motion:reduce) {
  .resource--book .book-object {transition:none;}
}

/* ================================================================
   V6 — SHE’RLAR TO‘PLAMI / EPUB
   Asl muqova e-reader ekranida ko‘rsatiladi, sarlavha va tavsif
   esa bosma kitobdan alohida ekanini tushuntiradi.
   ================================================================ */
.resource--epub {
  min-height: 435px;
}
.resource--epub .resource-scene {
  min-height: 435px;
}
.resource--epub .ereader {
  width: 238px;
  height: 337px;
  padding: 12px;
  border-radius: 15px;
  transform: rotate(6deg) translate(var(--pointer-x), var(--pointer-y));
  box-shadow: 13px 25px 28px rgba(42, 33, 27, .28), 0 0 0 2px #483e37;
}
.resource--epub:hover .ereader {
  transform: rotate(2deg) translate(var(--pointer-x), calc(-7px + var(--pointer-y)));
}
.resource--epub .ereader-screen {
  display: block;
  padding: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 2px;
  background: #eee0cc;
  box-shadow: inset 0 0 9px rgba(0,0,0,.12);
}
.resource--epub .ereader-cover {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}
.resource--epub .resource-info p {max-width: 475px;}
@media (max-width: 720px) {
  .resource--epub {min-height: 0;}
  .resource--epub .resource-scene {min-height: 395px;}
  .resource--epub .ereader {width: 213px;height: 302px;}
}
@media (max-width: 420px) {
  .resource--epub .resource-scene {min-height: 365px;}
  .resource--epub .ereader {width: 196px;height: 277px;}
}
@media (prefers-reduced-motion: reduce) {
  .resource--epub .ereader {transition: none;}
}