/* «Летопись в монетах» — стили главной, перенесены из макета * outputs/letopis-v-monetah-v2.html без изменений. * * В макете четыре наслоившихся слоя CSS: исходная тёмная тема, патч * доступности, кремовая версия и финальная белая. Каждый следующий * перекрывает предыдущий. Слои сохранены как есть — так гарантирован * ровно тот вид, который согласован; чистка мёртвых правил отдельной * задачей, чтобы не ловить расхождения на ровном месте. */ :root{--bg:#f4f2eb;--surface:#fbfaf6;--ink:#18201b;--muted:#6f746f;--forest:#152a21;--forest2:#203d31;--gold:#c69a47;--gold2:#e6c77d;--line:#d9d8d0;--white:#fff;--r:22px;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:Inter,"Segoe UI",Arial,sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img,svg{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.section{padding:116px 0}.serif{font-family:var(--serif)} .kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9a762f}.kicker:before{content:"";width:24px;height:1px;background:currentColor}.title{font:500 clamp(42px,5.3vw,72px)/.98 var(--serif);letter-spacing:-.055em;margin:16px 0 0}.section-top{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:48px}.section-top p{color:var(--muted);max-width:480px;margin:0 0 4px;font-size:15px}.text-link{display:inline-flex;align-items:center;gap:11px;margin-top:26px;font-size:13px;font-weight:750}.text-link i{width:29px;height:29px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-style:normal;transition:.2s}.text-link:hover i{transform:translateX(5px)} .announcement{height:34px;background:var(--forest);color:#dfe8e2;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.header{height:78px;position:sticky;top:0;z-index:40;background:rgba(244,242,235,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(24,32,27,.1)}.nav{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.nav-list{display:flex;gap:26px;align-items:center}.nav-list a{font-size:12px;font-weight:750}.nav-list a:hover{color:#9a762f}.logo{display:flex;align-items:center;gap:11px;justify-self:center}.logo-mark{width:48px;height:48px;border-radius:50%;padding:3px;background:var(--forest);box-shadow:0 6px 18px rgba(21,42,33,.18)}.logo-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wordmark{font:600 18px/1 var(--serif);letter-spacing:-.03em}.wordmark small{display:block;margin-top:5px;font:700 7px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.nav-actions{justify-self:end;display:flex;gap:9px}.round{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.nav-cta{background:var(--ink);color:#fff;border:0;border-radius:999px;padding:0 20px;font-size:11px;font-weight:750}.hamb{display:none} .hero{min-height:calc(100vh - 112px);padding:58px 0 36px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.hero-copy{position:relative;z-index:2}.hero h1{font:500 clamp(64px,7.5vw,112px)/.84 var(--serif);letter-spacing:-.075em;margin:23px 0 33px;max-width:680px}.hero h1 span{display:block;color:#ad8438;font-style:italic;font-weight:400}.hero-intro{display:grid;grid-template-columns:34px 1fr;gap:18px;max-width:510px;color:var(--muted);font-size:15px}.hero-intro b{height:1px;background:#9b762f;margin-top:11px}.search{margin-top:34px;display:flex;align-items:center;max-width:560px;background:var(--surface);border:1px solid var(--line);padding:6px 6px 6px 20px;border-radius:999px;box-shadow:0 18px 50px rgba(25,38,30,.08)}.search svg{width:17px;color:#767c77}.search input{min-width:0;flex:1;border:0;background:transparent;outline:none;padding:0 12px;font-size:13px}.search button{width:44px;height:44px;border:0;border-radius:50%;background:var(--gold);color:white;cursor:pointer}.hero-visual{height:640px;position:relative;background:var(--forest);border-radius:32px;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 56% 45%,rgba(222,186,104,.2),transparent 30%),repeating-radial-gradient(circle at 70% 40%,transparent 0 68px,rgba(255,255,255,.035) 69px 70px)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 45%)}.hero-coin{position:absolute;width:min(42vw,570px);right:-18px;top:35px;filter:drop-shadow(0 45px 45px rgba(0,0,0,.38));transform:rotate(8deg);z-index:2;transition:.5s cubic-bezier(.2,.8,.2,1)}.hero-visual:hover .hero-coin{transform:rotate(3deg) scale(1.02)}.archive-label{position:absolute;left:32px;top:30px;z-index:3;color:#d8e1db;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.archive-label b{display:block;color:var(--gold2);font:500 32px var(--serif);letter-spacing:-.04em;margin-top:2px}.hero-card{position:absolute;z-index:4;left:30px;bottom:30px;width:245px;padding:20px;background:rgba(248,247,241,.94);backdrop-filter:blur(14px);border-radius:18px}.hero-card small{color:#94712f;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-card h3{font:600 21px/1.1 var(--serif);margin:9px 0 12px}.hero-card p{font-size:10px;color:var(--muted);margin:0}.hero-count{position:absolute;right:30px;bottom:30px;color:#fff;z-index:4;text-align:right}.hero-count b{display:block;font:500 34px var(--serif);color:var(--gold2)}.hero-count span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#acbbb3} .quick-bar{padding:16px 0 54px}.quick-inner{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px}.quick-inner span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.quick-links{display:flex;gap:8px;flex-wrap:wrap}.quick-links a{padding:8px 13px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:700;background:rgba(255,255,255,.35);transition:.2s}.quick-links a:hover{background:var(--ink);color:#fff;border-color:var(--ink)} .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{min-height:310px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.3s}.category:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #ded7c8;right:-72px;top:-65px;box-shadow:0 0 0 25px rgba(198,154,71,.045)}.category:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(24,32,27,.1);border-color:#cab785}.cat-number{font-size:10px;color:#a08a5d}.cat-coin{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;align-self:center;background:radial-gradient(circle at 32% 28%,#f8df99,#b3812b 55%,#6a4917);box-shadow:inset 0 0 0 5px rgba(255,240,194,.4),0 16px 25px rgba(92,60,12,.18);font:600 22px var(--serif);color:#704b12;position:relative;z-index:1}.category h3{font:600 22px/1.04 var(--serif);letter-spacing:-.025em;margin:0 0 7px}.category p{font-size:10px;color:var(--muted);margin:0}.category.featured{background:var(--forest);color:#fff;border-color:var(--forest)}.category.featured p{color:#9daea5}.category.featured .cat-coin{background:radial-gradient(circle at 32% 28%,#e4e2d8,#9c9d94 55%,#555c57);color:#424b45} .timeline-section{background:var(--forest);color:#f2f0e8;overflow:hidden}.timeline-section .kicker{color:var(--gold2)}.timeline-section .section-top p{color:#aab7af}.controls{display:flex;gap:8px;margin-top:22px}.controls button{width:42px;height:42px;border:1px solid #58685f;background:transparent;border-radius:50%;color:#fff;cursor:pointer}.timeline{display:flex;overflow:auto;scrollbar-width:none;cursor:grab;scroll-snap-type:x mandatory}.timeline::-webkit-scrollbar{display:none}.era{flex:0 0 250px;min-height:330px;border-left:1px solid #42554b;padding:0 26px;scroll-snap-align:start;position:relative}.era:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:-4px;top:62px;background:var(--gold2);box-shadow:0 0 0 6px var(--forest)}.era-year{font:500 48px var(--serif);letter-spacing:-.055em;color:var(--gold2)}.era-line{height:1px;background:#42554b;margin:16px 0 54px}.era h3{font:500 22px var(--serif);margin:0 0 12px}.era p{font-size:11px;color:#9baba2;max-width:175px}.era a{display:inline-flex;margin-top:20px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#d5ddd8} .editorial-grid{display:grid;grid-template-columns:1.4fr .6fr;grid-template-rows:1fr 1fr;gap:14px}.coin-day{grid-row:1/3;min-height:670px;border-radius:28px;background:#ded7c6;position:relative;overflow:hidden;padding:34px;display:flex;align-items:flex-end}.coin-day:before{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(47,47,36,.11);border-radius:50%;right:-55px;top:-70px;box-shadow:0 0 0 65px rgba(255,255,255,.09)}.day-coin{position:absolute;width:510px;right:-25px;top:-5px;filter:sepia(.2) saturate(.72) drop-shadow(0 30px 30px rgba(58,45,20,.28));transform:rotate(5deg)}.day-info{position:relative;background:rgba(251,250,246,.94);backdrop-filter:blur(16px);border-radius:18px;padding:24px;width:350px;z-index:2}.day-info h3{font:600 30px/1 var(--serif);letter-spacing:-.03em;margin:10px 0}.day-info p{font-size:11px;color:var(--muted);margin:0}.fact-card,.update-card{border-radius:28px;padding:34px;min-height:325px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.fact-card{background:var(--gold);color:#20231e}.fact-card:after{content:"?";position:absolute;right:-14px;bottom:-94px;font:400 300px/.8 var(--serif);color:rgba(255,255,255,.16)}.fact-card blockquote{font:500 30px/1.08 var(--serif);letter-spacing:-.035em;margin:16px 0;position:relative;z-index:1}.fact-card p,.update-card p{font-size:10px;max-width:350px;margin:0;position:relative;z-index:1}.update-card{background:#d8e1dc}.update-number{font:500 72px/.9 var(--serif);letter-spacing:-.06em;color:var(--forest)}.update-card h3{font:600 22px var(--serif);margin:8px 0 0} .card-rail{display:flex;gap:14px;overflow:auto;scrollbar-width:none;padding:8px 0 25px;scroll-snap-type:x mandatory}.card-rail::-webkit-scrollbar{display:none}.coin-card{flex:0 0 calc(25% - 11px);min-width:250px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px;scroll-snap-align:start;transition:.25s}.coin-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(28,37,31,.1)}.coin-stage{height:240px;border-radius:14px;background:#e8e6df;display:grid;place-items:center;position:relative;overflow:hidden}.coin-stage:before{content:"";position:absolute;width:200px;height:200px;border:1px solid rgba(0,0,0,.06);border-radius:50%}.medal{width:158px;height:158px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 27%,#fde8aa,#b88730 55%,#684414);box-shadow:inset 0 0 0 7px rgba(255,239,190,.4),inset 0 0 18px rgba(57,31,0,.55),0 18px 25px rgba(75,50,12,.2);color:#674314;text-align:center;font:600 34px/.75 var(--serif);transition:.35s}.coin-card:hover .medal{transform:rotate(6deg) scale(1.03)}.medal small{font:700 8px/1 var(--sans);letter-spacing:.1em}.medal.silver{background:radial-gradient(circle at 32% 27%,#f7f7f3,#a8aca9 58%,#626b66);color:#4e5651}.medal.copper{background:radial-gradient(circle at 32% 27%,#e6b77f,#9a542c 58%,#532d1c);color:#5c3019}.card-tag{position:absolute;left:12px;top:12px;background:var(--forest);color:#fff;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.coin-meta{padding:18px 8px 10px}.coin-meta h3{font:600 20px/1.1 var(--serif);margin:0 0 8px}.coin-meta p{font-size:10px;color:var(--muted);margin:0}.coin-meta .code{float:right;color:#9a762f} .rulers{background:#e7e4dc}.ruler-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ruler{background:var(--surface);border-radius:20px;overflow:hidden;transition:.25s}.ruler:hover{transform:translateY(-5px)}.portrait{height:320px;background:#c3b8a3;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.portrait:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.35);top:30px;box-shadow:0 0 0 35px rgba(255,255,255,.08)}.portrait svg{height:88%;width:auto;position:relative;color:#f1ede3;filter:drop-shadow(0 14px 12px rgba(41,31,20,.23))}.ruler:nth-child(2) .portrait{background:#9eaa9d}.ruler:nth-child(3) .portrait{background:#c5b79c}.ruler:nth-child(4) .portrait{background:#89978f}.ruler-info{padding:23px}.ruler-info small{font-size:9px;color:#9a762f;text-transform:uppercase;letter-spacing:.12em}.ruler-info h3{font:600 23px/1 var(--serif);margin:9px 0}.ruler-info p{font-size:10px;color:var(--muted);margin:0} .mint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mint{border:1px solid var(--line);border-radius:20px;padding:27px;background:var(--surface);min-height:260px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.mint:hover{background:var(--forest);color:#fff;border-color:var(--forest)}.mint-top{display:flex;justify-content:space-between}.mint-mark{font:600 16px var(--serif);width:55px;height:55px;border:1px solid #c7a863;border-radius:50%;display:grid;place-items:center;color:#98732e}.mint span{font-size:9px;color:var(--muted)}.mint h3{font:600 24px/1 var(--serif);margin:0 0 9px}.mint p{font-size:10px;color:var(--muted);margin:0}.mint:hover p,.mint:hover span{color:#aab7af}.mint strong{display:block;margin-top:18px;font:500 31px var(--serif);color:#ad8438} .article-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px}.article{background:var(--surface);border-radius:20px;overflow:hidden}.article-cover{height:240px;background:var(--forest);position:relative;display:grid;place-items:center}.article:first-child .article-cover{height:360px;background:#b99550}.article-cover:before,.article-cover:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.article-cover:before{width:170px;height:170px}.article-cover:after{width:220px;height:220px}.article-glyph{font:500 76px var(--serif);color:#f4e5b9;position:relative;z-index:1}.article-body{padding:24px}.article-body small{font-size:8px;color:#9a762f;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-body h3{font:600 22px/1.1 var(--serif);letter-spacing:-.025em;margin:10px 0 13px}.article:first-child h3{font-size:29px}.article-body p{font-size:10px;color:var(--muted);margin:0} .rare{display:grid;grid-template-columns:.9fr 1.1fr;min-height:690px;background:var(--forest);color:#fff}.rare-copy{padding:90px max(48px,calc((100vw - 1240px)/2));padding-right:70px;display:flex;flex-direction:column;justify-content:center}.rare-copy .kicker{color:var(--gold2)}.rare-copy h2{font:500 clamp(48px,5.5vw,78px)/.94 var(--serif);letter-spacing:-.055em;margin:20px 0 26px}.rare-copy p{font-size:13px;color:#aab7af;max-width:490px}.rare-copy .text-link{color:#e8eee9}.map{background:#d8d0ba;position:relative;overflow:hidden;display:grid;place-items:center}.map svg{width:88%;color:#bd9e5f;filter:drop-shadow(0 16px 20px rgba(70,53,25,.14))}.pin{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--forest);border:3px solid #efd99d;box-shadow:0 0 0 7px rgba(21,42,33,.14)}.p1{left:47%;top:48%}.p2{left:62%;top:35%}.p3{left:70%;top:60%}.map-card{position:absolute;right:26px;bottom:26px;background:var(--surface);color:var(--ink);border-radius:16px;padding:18px 20px;box-shadow:0 18px 45px rgba(58,45,19,.16)}.map-card small{font-size:8px;color:#9a762f;text-transform:uppercase;letter-spacing:.12em}.map-card b{display:block;font:600 18px var(--serif);margin-top:4px} .stats{background:var(--surface);padding:90px 0}.stat-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center}.stats h2{font:500 43px/1 var(--serif);letter-spacing:-.04em;margin:12px 0 0}.stat{border-left:1px solid var(--line);padding-left:28px}.stat b{display:block;font:500 38px var(--serif);letter-spacing:-.04em;color:#a57e34}.stat span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.subscribe-section{padding:26px 0 90px}.subscribe-box{background:var(--gold);border-radius:28px;padding:56px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px;position:relative;overflow:hidden}.subscribe-box:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-170px;top:-170px;box-shadow:0 0 0 48px rgba(255,255,255,.06)}.subscribe-box h2{font:500 48px/.95 var(--serif);letter-spacing:-.045em;margin:0}.subscribe-box p{font-size:11px;margin:16px 0 0}.subscribe{background:#f8f5ec;border-radius:999px;padding:6px;display:flex;position:relative;z-index:2}.subscribe input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 18px;font-size:12px}.subscribe button{border:0;background:var(--forest);color:#fff;border-radius:999px;padding:15px 22px;font-size:10px;font-weight:800;cursor:pointer}.form-msg{position:absolute;left:14px;bottom:-26px;font-size:10px;color:#4e3a16} footer{background:#101d17;color:#dbe3de;padding:70px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:70px}.footer-copy p{font-size:10px;color:#829089;max-width:330px;margin:20px 0}.footer .wordmark small{color:#829089}.footer-col h3{font:600 16px var(--serif);margin:0 0 18px}.footer-col a{display:block;font-size:10px;color:#829089;margin:11px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #2d3c35;margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;color:#66746d;font-size:9px}.drawer{position:fixed;inset:0 0 0 auto;width:min(420px,100%);background:var(--forest);color:#fff;z-index:70;padding:95px 30px 30px;transform:translateX(100%);transition:.35s}.drawer.open{transform:none}.drawer a{display:block;font:500 32px var(--serif);padding:13px 0;border-bottom:1px solid #3c5146}.drawer-close{position:absolute;right:22px;top:22px;color:#fff;border-color:#51655b}.toast{position:fixed;right:22px;bottom:22px;background:var(--forest);color:#fff;border-radius:14px;padding:15px 18px;font-size:11px;z-index:80;opacity:0;transform:translateY(80px);transition:.3s}.toast.show{opacity:1;transform:none} @media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:70px}.hero-copy{max-width:780px}.hero-visual{height:600px}.hero-coin{width:560px}.category-grid,.ruler-grid,.mint-grid{grid-template-columns:repeat(2,1fr)}.editorial-grid{grid-template-columns:1fr 1fr}.coin-day{grid-column:1/-1;grid-row:auto}.article-grid{grid-template-columns:1fr 1fr}.article:first-child{grid-column:1/-1}.rare{grid-template-columns:1fr}.map{min-height:560px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stats-title{grid-column:1/-1;margin-bottom:35px}.stat:nth-child(2),.stat:nth-child(4){border:0}.subscribe-box{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-list{display:none}.nav{grid-template-columns:1fr auto}.logo{justify-self:start}.nav-actions{justify-self:end}.hamb{display:grid}.nav-cta{display:none}} @media(max-width:680px){.wrap{width:calc(100% - 28px)}.section{padding:78px 0}.announcement{font-size:8px}.header{height:68px}.logo-mark{width:42px;height:42px}.wordmark{font-size:16px}.hero{min-height:auto;padding-top:54px}.hero h1{font-size:62px;margin:19px 0 27px}.hero-intro{font-size:13px}.search{border-radius:16px}.hero-visual{height:485px;border-radius:22px;margin-top:5px}.hero-coin{width:430px;max-width:none;right:-87px;top:33px}.archive-label{left:22px;top:21px}.hero-card{left:18px;bottom:18px;width:215px;padding:16px}.hero-count{display:none}.quick-inner{display:block}.quick-links{margin-top:14px}.section-top{grid-template-columns:1fr;gap:20px}.title{font-size:46px}.category-grid,.ruler-grid,.mint-grid{grid-template-columns:1fr}.category{min-height:270px}.editorial-grid{display:block}.coin-day{min-height:550px;padding:18px}.day-coin{width:390px;max-width:none;right:-86px;top:8px}.day-info{width:100%;padding:20px}.fact-card,.update-card{margin-top:12px;min-height:300px;padding:27px}.fact-card blockquote{font-size:27px}.coin-card{flex-basis:82vw}.ruler-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.ruler{min-width:82vw;scroll-snap-align:start}.portrait{height:340px}.article-grid{grid-template-columns:1fr}.article:first-child{grid-column:auto}.article:first-child .article-cover{height:280px}.rare-copy{padding:70px 22px}.rare-copy h2{font-size:50px}.map{min-height:430px}.stat-grid{grid-template-columns:1fr 1fr}.stats h2{font-size:36px}.stat{padding:18px 10px;border-left:0;border-top:1px solid var(--line)}.stat b{font-size:30px}.subscribe-section{padding-bottom:55px}.subscribe-box{padding:34px 20px;border-radius:20px}.subscribe-box h2{font-size:39px}.subscribe{display:block;border-radius:15px}.subscribe input{height:50px;width:100%}.subscribe button{width:100%}.form-msg{position:static;padding:8px 6px 2px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}} /* Проверено независимыми UI, responsive и accessibility-аудитами */ :root{--muted:#626862;--gold:#9b722c;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI Variable","Segoe UI",Arial,sans-serif} .skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#fff;color:var(--ink);padding:12px 16px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18)}.skip-link:focus{top:16px} :focus-visible{outline:3px solid #b68129;outline-offset:3px}.search:focus-within,.subscribe:focus-within{box-shadow:0 0 0 3px rgba(155,114,44,.28)} .logo-mark{padding:5px;display:grid;place-items:center}.logo-mark svg{width:100%;height:100%}.logo-mark img{display:none}.footer .logo-mark:after{content:"✦";color:#f3d994;font-size:20px}.wordmark{letter-spacing:-.02em}.wordmark small{font-size:9px} .hero h1{font-size:clamp(56px,6.4vw,90px);line-height:.92;letter-spacing:-.045em;margin-bottom:29px}.hero-visual{height:590px;border-radius:26px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.filter-row button{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer}.filter-row button:hover{border-color:var(--gold);color:#76551f} .timeline-section{background:#e8e3d7;color:var(--ink)}.timeline-section .kicker{color:var(--gold)}.timeline-section .section-top p{color:var(--muted)}.timeline-section .controls button{border-color:#a7a69e;color:var(--ink);background:rgba(255,255,255,.4)}.timeline{scrollbar-width:thin;outline:none}.timeline::-webkit-scrollbar{display:block;height:5px}.era{border-color:#b9b5aa}.era:before{background:var(--gold);box-shadow:0 0 0 6px #e8e3d7}.era-line{background:#b9b5aa}.era p{font-size:13px;color:var(--muted);max-width:185px}.era a{font-size:11px;color:#76551f} .category p,.coin-meta p,.ruler-info p,.mint p,.article-body p,.hero-card p,.fact-card p,.update-card p,.footer-copy p,.footer-col a{font-size:12px}.cat-number,.archive-label,.hero-card small,.card-tag,.ruler-info small,.mint span,.article-body small,.stat span{font-size:10px}.section-top p,.rare-copy p{font-size:15px}.footer-bottom{color:#9aa59f;font-size:11px}.drawer{overflow-y:auto} .demo-note{font-size:10px!important;color:#aab4ae!important;margin-top:12px!important}.rail-hint{font-size:11px;color:var(--muted);margin:-32px 0 18px;text-align:right}.card-rail{scrollbar-width:thin}.card-rail:focus{box-shadow:0 0 0 3px rgba(155,114,44,.25);border-radius:16px} @media(max-width:680px){.hero h1{font-size:52px;line-height:.94}.hero-visual{height:450px}.hero-coin{width:390px;right:-85px}.filter-row button{font-size:10px}.rail-hint{text-align:left;margin:-10px 0 16px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* Светлая версия: крем, белый и тёплое золото без тёмных подложек */ body{background:#f8f4ea;color:#2b281f}.announcement{background:#efe2c3;color:#6f5524;border-bottom:1px solid #dfcda7}.header{background:rgba(250,247,238,.94);border-bottom-color:#e4d8bd}.nav-cta{background:#c49a4a;color:#fff}.round{background:#fffaf0;border-color:#dfd3ba} .logo-mark{width:52px;height:52px;padding:2px;background:#f5e8cb url("/assets/george-coin.jpg") center/cover no-repeat;border:2px solid #c79b48;box-shadow:0 7px 20px rgba(137,95,25,.14)}.logo-mark svg,.logo-mark img,.footer .logo-mark:after{display:none}.wordmark{color:#302a1e}.wordmark small{color:#8c7d61} .hero-visual{background:#f1e3c5;border:1px solid #dfcda7;box-shadow:0 28px 70px rgba(113,80,25,.1)}.hero-visual:before{background:radial-gradient(circle at 56% 45%,rgba(255,255,255,.7),transparent 34%),repeating-radial-gradient(circle at 70% 40%,transparent 0 68px,rgba(148,105,34,.06) 69px 70px)}.hero-visual:after{background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 48%)}.archive-label{color:#74694f}.archive-label b{color:#855f1e}.hero-count{color:#3d3526}.hero-count b{color:#986b20}.hero-count span{color:#776e5d}.hero-card{background:rgba(255,252,244,.95);border:1px solid #e0d2b6;box-shadow:0 16px 45px rgba(105,74,20,.1)} .category,.coin-card,.ruler,.mint,.article{background:#fffdf8;border-color:#e4d9c1}.category.featured{background:#f2e4c7;color:#2b281f;border-color:#d9bf87}.category.featured p{color:#736b5d}.category.featured .cat-coin{background:radial-gradient(circle at 32% 28%,#fff8de,#d4aa58 58%,#97681d);color:#745019}.category:before{border-color:#e5d5b1}.coin-stage{background:#f5eddd}.coin-stage:before{border-color:rgba(130,93,31,.11)} .timeline-section{background:#f2ead9;color:#2b281f}.timeline-section .controls button{background:#fffaf0;border-color:#d8c8a7}.era:before{box-shadow:0 0 0 6px #f2ead9}.era-year{color:#9a6e25} .coin-day{background:#efe3cb}.fact-card{background:#ead3a0;color:#30291d}.update-card{background:#f4ead5}.update-number{color:#9b702a}.rulers{background:#f5eddd}.portrait,.ruler:nth-child(2) .portrait,.ruler:nth-child(3) .portrait,.ruler:nth-child(4) .portrait{background:linear-gradient(145deg,#f2e5c9,#d7bb83)}.portrait svg{color:#fffaf0}.mint:hover{background:#f5e7ca;color:#2b281f;border-color:#d7bb83}.mint:hover p,.mint:hover span{color:#6e6657} .article-cover,.article:first-child .article-cover,.article-cover[style]{background:linear-gradient(140deg,#f0dfbc,#d1a755)!important}.article-glyph{color:#7f5a1d}.article-cover:before,.article-cover:after{border-color:rgba(116,80,24,.16)} .rare{background:#fbf7ed;color:#2b281f;border-top:1px solid #e5d8bd;border-bottom:1px solid #e5d8bd}.rare-copy .kicker{color:#9b722c}.rare-copy p{color:#6e6658}.rare-copy .text-link{color:#6f4d17}.map{background:#f1e6ce}.map svg{color:#d2b16f}.map-card{background:#fffdf8}.pin{background:#ad7d2d;border-color:#fff3d3} .stats{background:#fffdf8}.subscribe-box{background:#ead29c;color:#2b281f}.subscribe button{background:#b98835;color:#fff}.footer{background:#f4ead7;color:#2b281f;border-top:1px solid #dfcfac}.footer .wordmark{color:#2b281f}.footer .wordmark small,.footer-copy p,.footer-col a,.footer-bottom{color:#746b5a}.footer-col h3{color:#3a3225}.footer-bottom{border-top-color:#ddcba7}.drawer{background:#fbf5e7;color:#2b281f;border-left:1px solid #dfcda7}.drawer a{border-bottom-color:#dfd1b5}.drawer-close{color:#2b281f;border-color:#d7c49e}.toast{background:#f3dfb2;color:#3b3020;border:1px solid #d3b572;box-shadow:0 14px 40px rgba(102,72,20,.15)} .quick-links a:hover{background:#ead6aa;color:#4a391e;border-color:#d1ad62}.card-tag{background:#d7b56e;color:#3f3019}.catalog-btn,.search button{background:#bf9140}.mobile-panel{background:#fbf5e7;color:#2b281f}.footer-col a:hover{color:#8b6422} @media(max-width:680px){.logo-mark{width:44px;height:44px}.hero-visual{background:#f1e3c5}} /* Современная белая версия — без антикварной стилистики и бежевых заливок */ :root{--bg:#fff;--surface:#fff;--ink:#161a18;--muted:#646a66;--gold:#ad7d2c;--gold2:#cfa34e;--line:#e6e9e6;--serif:"Segoe UI Variable","Segoe UI",Arial,sans-serif;--sans:"Segoe UI Variable","Segoe UI",Arial,sans-serif} body{background:#fff;color:var(--ink);font-family:var(--sans)}.announcement{background:#fff;color:#747974;border-bottom:1px solid var(--line);font-size:10px}.header{background:rgba(255,255,255,.95);border-bottom-color:var(--line)} .wordmark{font-family:var(--sans);font-weight:750;letter-spacing:-.035em}.wordmark small{font-family:var(--sans);color:#7c817e}.kicker{color:#9a6d22}.title,.hero h1,.archive-label b,.hero-card h3,.category h3,.era-year,.era h3,.day-info h3,.fact-card blockquote,.update-number,.update-card h3,.coin-meta h3,.ruler-info h3,.mint h3,.mint strong,.article-body h3,.article-glyph,.rare-copy h2,.stats h2,.stat b,.subscribe-box h2,.footer-col h3{font-family:var(--sans)} .title{font-weight:720;letter-spacing:-.055em;line-height:.98}.hero h1{font-weight:760;letter-spacing:-.065em;line-height:.9}.hero h1 span{font-style:normal;font-weight:760;color:#a87522}.section-top p,.hero-intro{font-size:16px;line-height:1.65} .logo-mark{background:#fff url("/assets/george-coin.jpg") center/cover no-repeat;border:1px solid #d5aa58;box-shadow:0 6px 18px rgba(30,35,32,.08)}.nav-cta,.search button,.subscribe button{background:#b4812d;color:#fff} .hero-visual{background:#fff;border:1px solid var(--line);box-shadow:0 22px 60px rgba(24,28,26,.07)}.hero-visual:before,.hero-visual:after{display:none}.archive-label{color:#737874}.archive-label b{color:#202421;font-weight:700;letter-spacing:-.035em}.hero-count{color:#202421}.hero-count b{color:#9b6d22;font-family:var(--sans);font-weight:750}.hero-count span{color:#777c79}.hero-card{background:rgba(255,255,255,.97);border-color:var(--line);box-shadow:0 14px 34px rgba(23,28,25,.08)} .quick-bar,.section,.timeline-section,.rulers,.stats,.subscribe-section{background:#fff}.quick-inner{border-color:var(--line)}.quick-links a,.filter-row button{background:#fff;border-color:#dde1de;color:#424744}.quick-links a:hover,.filter-row button:hover{background:#fff;border-color:#ad7d2c;color:#8d621c} .category,.category.featured,.coin-card,.ruler,.mint,.article{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.category.featured{border:2px solid #c69643}.category.featured p{color:var(--muted)}.category:before{border-color:#eceeec;box-shadow:0 0 0 25px rgba(173,125,44,.025)} .timeline-section{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.timeline-section .section-top p{color:var(--muted)}.timeline-section .controls button{background:#fff;border-color:#dfe3df}.era{border-color:#e2e5e2}.era:before{box-shadow:0 0 0 6px #fff}.era-line{background:#e2e5e2}.era-year{font-weight:750;color:#a07123}.era h3{font-weight:700}.era a{color:#8d621c} .coin-day,.fact-card,.update-card{background:#fff;border:1px solid var(--line);color:var(--ink)}.coin-day:before{border-color:#edf0ed;box-shadow:0 0 0 65px rgba(246,247,246,.42)}.day-info{background:rgba(255,255,255,.97);border:1px solid var(--line);box-shadow:0 12px 32px rgba(20,25,22,.07)}.fact-card{border-left:4px solid #c59643}.fact-card:after{color:rgba(173,125,44,.06)}.update-number{color:#a47222} .coin-stage{background:#fff;border:1px solid #edf0ed}.coin-stage:before{border-color:#edf0ed}.card-tag{background:#fff;color:#93671f;border:1px solid #cfa957}.coin-card:hover,.ruler:hover{box-shadow:0 18px 45px rgba(22,28,24,.07)} .rulers{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portrait,.ruler:nth-child(2) .portrait,.ruler:nth-child(3) .portrait,.ruler:nth-child(4) .portrait{background:#fff;border-bottom:1px solid var(--line)}.portrait:before{border-color:#eadfca;box-shadow:0 0 0 35px rgba(173,125,44,.025)}.portrait svg{color:#d7b267;filter:none}.portrait svg path[fill="#8c744a"],.portrait svg path[fill="#7d765d"],.portrait svg path[fill="#8a7248"],.portrait svg path[fill="#596e62"]{fill:#a97827} .mint:hover{background:#fff;color:var(--ink);border-color:#c99e52}.mint:hover p,.mint:hover span{color:var(--muted)}.article-cover,.article:first-child .article-cover,.article-cover[style]{background:#fff!important;border-bottom:1px solid var(--line)}.article-glyph{color:#ac7a27}.article-cover:before,.article-cover:after{border-color:#e8e2d6} .rare{background:#fff;color:var(--ink);border-color:var(--line)}.rare-copy p{color:var(--muted)}.rare-copy .text-link{color:#865c18}.map{background:#fff;border-left:1px solid var(--line)}.map svg{color:#ecdcb9;filter:none}.map-card{background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px rgba(22,28,24,.06)} .stats{background:#fff;border-top:1px solid var(--line)}.stat{border-color:var(--line)}.subscribe-box{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 20px 55px rgba(22,28,24,.06)}.subscribe-box:after{border-color:#ece3d1;box-shadow:0 0 0 48px rgba(173,125,44,.025)}.subscribe{border:1px solid var(--line);background:#fff} .footer{background:#fff;color:var(--ink);border-color:var(--line)}.footer .wordmark,.footer-col h3{color:var(--ink)}.footer .wordmark small,.footer-copy p,.footer-col a,.footer-bottom{color:#737975}.footer-bottom{border-top-color:var(--line)}.drawer{background:#fff;color:var(--ink);border-color:var(--line)}.drawer a{font-family:var(--sans);font-weight:700;border-color:var(--line)}.toast{background:#fff;color:var(--ink);border-color:#d7b56e} @media(max-width:680px){.hero h1{font-size:50px;line-height:.94}.section{padding:72px 0}.title{font-size:44px}.map{border-left:0;border-top:1px solid var(--line)}} .visual-icon{display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.cat-coin{background:#fff!important;box-shadow:none!important;color:#a87522!important;border:1px solid #e6e9e6;width:92px;height:92px}.cat-coin .visual-icon{width:54px;height:54px}.era-icon{width:40px;height:40px;color:#a87522;margin:0 0 14px}.mint-mark{width:auto;min-width:56px;height:auto;border:0;border-radius:0;display:flex;align-items:center;gap:10px;color:#9b6d22;font-family:var(--sans);font-weight:750}.mint-mark .visual-icon{width:46px;height:46px}.mint-mark span{font-size:11px!important;color:#8a611e!important}.stat-icon{width:30px;height:30px;color:#a87522;margin-bottom:12px}.update-icon{position:absolute;right:28px;top:28px;width:72px;height:72px;color:#a87522}.subscribe-illustration{position:absolute;right:34px;bottom:22px;width:88px;height:88px;color:#a87522;opacity:.78}.coin-stage .asset-coin{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(24,28,26,.12));transition:transform .3s}.coin-card:hover .asset-coin{transform:scale(1.04) rotate(2deg)}.card-tag{z-index:2}.portrait .asset-portrait{width:100%;height:100%;object-fit:contain}.article-cover .asset-cover{width:100%;height:100%;object-fit:cover}.article-cover:before,.article-cover:after,.fact-card:after{display:none}.fact-card>div,.fact-card>p{max-width:calc(100% - 145px)}.fact-plate{position:absolute;right:20px;bottom:14px;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(49,37,15,.12))}.map-card{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px}.map-thumb{width:64px;height:64px;object-fit:contain}.map-card small,.map-card b{grid-column:2}.map-card small{align-self:end}.map-card b{align-self:start}.mint-top{align-items:flex-start}.article-cover{overflow:hidden}.coin-day .day-coin{filter:drop-shadow(0 28px 28px rgba(24,28,26,.14))} @media(max-width:680px){.fact-plate{width:112px;height:112px;opacity:.85}.fact-card>div,.fact-card>p{max-width:calc(100% - 100px)}.subscribe-illustration{display:none}.mint-mark .visual-icon{width:40px;height:40px}} .logo-mark{background-image:url("/assets/george-coin.jpg")} /* ─── дополнения проекта поверх макета ───────────────────────────────── В макете быстрые фильтры были неработающими