:root{--ink:#26322b;--paper:#eef1e8;--surface:#f8f7f0;--accent:#41694f;--line:rgba(38,50,43,.2);--radius:2px;--display:Georgia,'Times New Roman',serif;--body:'Trebuchet MS',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);line-height:1.55}button,a{font:inherit}a{color:inherit}.skip{position:fixed;left:12px;top:-60px;z-index:20;background:var(--surface);padding:10px}.skip:focus{top:12px}.header{height:72px;position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:rgba(238,241,232,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-family:var(--display);font-size:20px;text-decoration:none}.header nav{display:flex;align-items:center;gap:28px}.header nav>a{text-decoration:none;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#f8faf5;text-decoration:none;padding:13px 24px;cursor:pointer;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-small{padding:9px 16px}.button-outline{background:transparent;color:var(--ink)}.hero{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(to bottom,rgba(237,244,243,.05) 55%,var(--paper)),url('assets/generated/hero-eos.webp') center 43%/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,33,24,.25),transparent 28%,transparent 72%,rgba(17,33,24,.25));pointer-events:none}.hero-copy{position:relative;z-index:2;width:min(860px,calc(100% - 40px));text-align:center}.hero-kicker{font-size:13px;letter-spacing:.09em}.hero h1{margin:16px 0;padding:26px 36px;border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 0 0 7px rgba(255,255,255,.15);font:600 clamp(52px,8vw,104px)/.95 var(--display);color:#f8faf5;text-shadow:0 2px 28px rgba(14,30,22,.35)}.hero-copy>p:last-child{max-width:590px;margin:22px auto;color:#17271d}.tree{position:absolute;z-index:1;bottom:-5%;width:24vw;height:82%;background:linear-gradient(160deg,transparent 30%,rgba(15,35,23,.82));filter:blur(1px);opacity:.75}.tree-left{left:-9%;clip-path:polygon(20% 100%,30% 45%,3% 48%,43% 35%,24% 34%,62% 15%,49% 59%,74% 43%,57% 100%)}.tree-right{right:-9%;transform:scaleX(-1);clip-path:polygon(20% 100%,30% 45%,3% 48%,43% 35%,24% 34%,62% 15%,49% 59%,74% 43%,57% 100%)}.section-shell{width:min(1280px,calc(100% - 40px));margin:auto;padding:clamp(90px,12vw,170px) 0}.game-section{display:grid;grid-template-columns:1.35fr .65fr;min-height:760px;align-items:center}.game-visual{height:620px;background:linear-gradient(90deg,transparent 70%,var(--paper)),url('assets/generated/divnolesie.webp') center/cover}.game-copy{padding:50px;margin-left:-50px;background:rgba(248,247,240,.93);border:1px solid var(--line)}.section-mark{font-size:12px;text-transform:uppercase;letter-spacing:.18em}.game-copy h2,.section-heading h2,dialog h2{font:600 clamp(46px,7vw,82px)/1 var(--display);margin:12px 0 20px}.game-copy p:not(.section-mark){font-size:19px;margin-bottom:34px}.books{position:relative}.section-heading{max-width:680px;margin-bottom:58px}.section-heading p{max-width:580px;font-size:18px}.book-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:clamp(28px,6vw,78px);align-items:end}.book-card{position:relative;outline:none}.cover{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;color:#f5f4e9;box-shadow:0 24px 60px rgba(21,31,24,.18);transition:transform .35s}.cover span{font:600 clamp(30px,4vw,54px)/.95 var(--display)}.cover small{border-top:1px solid rgba(255,255,255,.5);padding-top:12px}.cover-one{background:linear-gradient(150deg,rgba(23,58,43,.2),rgba(10,28,20,.85)),url('assets/forest.jpg') center/cover}.cover-two{background:linear-gradient(150deg,rgba(36,57,70,.1),rgba(22,32,43,.9)),url('assets/mountains.jpg') center/cover}.cover-three{background:linear-gradient(150deg,rgba(62,43,75,.1),rgba(33,26,42,.9)),url('assets/night.jpg') center/cover}.book-card:hover .cover,.book-card:focus .cover{transform:translateY(-10px)}.book-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px}.book-meta h3{font-size:16px;margin:0}.text-link{border:0;border-bottom:1px solid;background:none;padding:4px 0;cursor:pointer}.book-popover{position:absolute;z-index:3;left:10%;right:-10%;bottom:70px;padding:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 60px rgba(30,40,33,.16);opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.book-card:hover .book-popover,.book-card:focus .book-popover{opacity:1;transform:none}.book-popover p{margin:8px 0 0}.world{padding-bottom:180px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:32px}.tabs button{padding:14px 18px}.tabs button[aria-selected=true]{background:var(--ink);color:var(--surface)}.gallery{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:16px;margin-bottom:30px}.gallery-item{min-height:340px;padding:24px;display:flex;align-items:flex-end;color:#fff;background-size:cover;background-position:center;position:relative;overflow:hidden}.gallery-item:first-child{min-height:500px}.gallery-item:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(12,22,16,.74))}.gallery-item div{position:relative;z-index:1}.gallery-item h3{font:600 28px/1.1 var(--display);margin:0}.gallery-item p{margin:8px 0 0}.music-card{background:#26352e!important;align-items:center}.music-card:before{content:"♪";position:absolute;font:600 180px/1 var(--display);color:rgba(255,255,255,.08);right:20px}footer{padding:70px clamp(20px,5vw,80px);display:grid;grid-template-columns:1fr auto;gap:50px;background:#202b25;color:#edf0e8}footer strong{font:600 32px var(--display)}footer p{margin:6px 0}.socials{display:flex;gap:28px}.socials a{text-underline-offset:6px}footer small{grid-column:1/-1;color:#aeb9b1}dialog{width:min(620px,calc(100% - 30px));border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:42px;box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(18,28,22,.68);backdrop-filter:blur(5px)}dialog h2{font-size:48px}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:32px;cursor:pointer}.all-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:60vh;overflow:auto}.all-gallery .gallery-item{min-height:220px}.grain{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.035;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='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* Вариант 1: постепенный спуск */
/* Вариант 2: воздушная акварель */
/* Вариант 3: книжная хроника */.hero-copy{text-align:left}
@media(max-width:767px){.header{padding:0 16px}.header nav>a{display:none}.header nav{gap:8px}.hero h1{font-size:48px;padding:22px 12px}.hero-kicker{margin-top:70px}.tree{width:40vw}.section-shell{width:calc(100% - 32px);padding:80px 0}.game-section{display:flex;flex-direction:column;min-height:0}.game-visual{width:100%;height:420px;background-image:linear-gradient(0deg,var(--paper),transparent 35%),url('assets/generated/divnolesie.webp')}.game-copy{margin:-70px 16px 0;padding:28px;position:relative}.book-shelf,.book-card{min-width:82%;}.book-popover{left:5%;right:5%;bottom:60px}.gallery{display:flex;overflow-x:auto;}.gallery-item,.gallery-item:first-child{min-width:85%;min-height:400px;}footer{grid-template-columns:1fr;padding-bottom:120px}.socials{flex-wrap:wrap;gap:18px}dialog{padding:28px}.all-gallery{grid-template-columns:1fr}.header nav .button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.book-card:hover .cover{transform:none}}