/* Mature museum art direction */
.exhibition-home{background:#9eafaf url('assets/exhibition-background-v2.png') center center/cover no-repeat}
.abstract-city{display:none}
.exhibition-home:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,43,75,.2),transparent 30%,transparent 70%,rgba(13,43,75,.16)),linear-gradient(180deg,rgba(255,255,255,.12),rgba(9,36,63,.1));pointer-events:none}
.section-menu{width:min(790px,78vw);gap:14px;padding-top:68px}
.section-menu a{height:58px;border-radius:8px;background:linear-gradient(180deg,rgba(39,91,148,.97),rgba(25,67,115,.98));border:1px solid rgba(255,255,255,.45);box-shadow:0 3px 0 #102f55,0 12px 28px rgba(9,31,53,.27),inset 0 1px rgba(255,255,255,.24);font-size:clamp(16px,1.55vw,23px);letter-spacing:.005em}
.section-menu a:after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#d3a64e;transform:scaleY(0);transition:transform .28s;transform-origin:center}
.section-menu a:hover{transform:translateY(-3px);background:linear-gradient(180deg,#3269a4,#184573);box-shadow:0 6px 0 #102f55,0 18px 34px rgba(9,31,53,.32),inset 0 1px rgba(255,255,255,.3)}
.section-menu a:hover:after{transform:scaleY(1)}
.section-menu a:active{transform:translateY(3px);box-shadow:0 1px 0 #102f55,0 7px 15px rgba(9,31,53,.28)}
.section-menu b{color:#e2c47f}

.doc-sheet{height:auto;aspect-ratio:210/297;border-radius:3px;padding:11% 10%;background:linear-gradient(100deg,#f7f4ec,#fff 35%,#f1eee5);box-shadow:0 2px 10px rgba(5,26,47,.15),inset 0 0 0 1px rgba(38,49,55,.12);position:relative}
.doc-sheet:before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#5b5549 4px)}
.doc-sheet small{font-size:clamp(6px,.55vw,9px);letter-spacing:.08em;position:relative}
.doc-sheet b{font-size:clamp(12px,1.05vw,17px);font-weight:600;line-height:1.2;position:relative}
.doc-sheet i{height:1px;background:#9a978f;position:relative}
.doc-sheet em{position:relative}
.media-grid.documents{align-items:start;gap:22px}
.media-grid.documents:not(.five){max-width:860px}
.media-grid.documents.five{max-width:1080px;gap:18px}
.media-card{border-radius:4px;overflow:visible}
.media-card>span{border-radius:0 0 4px 4px;text-align:left;padding:80px 17px 18px;font-weight:600;letter-spacing:.02em}
.media-card:hover{transform:translateY(-7px);filter:drop-shadow(0 20px 20px rgba(4,23,43,.34))}
.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:900px}
.photo-grid .media-card[data-media-type="image"]{justify-self:center;width:100%;max-width:430px}
.photo-grid .media-card[data-orientation="landscape"]{grid-column:span 2;max-width:680px}
.photo-grid .media-card[data-orientation="portrait"]{max-width:285px}
.photo-grid .media-card[data-orientation="square"]{max-width:340px}
.photo-grid .media-card[data-media-type="image"] .photo-art{height:auto!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
.photo-grid .photo-art[style*="background-image"]{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
.photo-grid img.photo-art{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain;border:0!important;box-shadow:none!important;background:none!important}
.photo-grid .media-card:first-child .photo-art{aspect-ratio:16/10;height:auto}
.photo-grid .media-card:nth-child(2) .photo-art{aspect-ratio:4/5;height:auto}
.photo-art{border-radius:3px;box-shadow:0 4px 18px rgba(5,25,43,.24)}
.photos{padding-top:45px}
.viewer-content .doc-sheet{aspect-ratio:210/297;height:min(82vh,842px);width:auto;max-width:55vw}
.viewer-content .photo-art{max-width:70vw;object-fit:contain;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:transparent!important;box-shadow:none!important;border:0!important}
.viewer-content img.photo-art{display:block;width:auto!important;max-width:76vw!important;height:auto!important;max-height:82vh!important;margin:auto;aspect-ratio:auto!important}
.viewer-content.document-pages{display:block;width:min(68vw,980px);height:88vh;overflow-y:auto;padding:0 18px;scrollbar-color:#888 #151515;scrollbar-width:thin}
.viewer-content.document-pages img{display:block;width:min(100%,850px);height:auto;margin:0 auto 24px;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.42)}

@media(max-width:700px){.section-menu{width:88%;padding-top:48px}.section-menu a{height:55px;border-radius:6px}.photo-grid{grid-template-columns:1fr}.photo-grid .media-card[data-orientation]{grid-column:auto;max-width:100%}.photo-grid .media-card:nth-child(2) .photo-art{aspect-ratio:4/3}.viewer-content .doc-sheet{width:auto;max-width:95%;height:58vh}}

.editor-entry{position:fixed;right:18px;bottom:10px;z-index:20;color:#245591;text-decoration:none;font:600 9px Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border:1px solid rgba(36,85,145,.25);border-radius:4px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}
.editor-entry:hover{background:#245591;color:#fff}

.official-logo{width:118px;height:155px;object-fit:contain;filter:brightness(0) invert(1) sepia(.08) saturate(.35) hue-rotate(150deg) brightness(1.05);opacity:.96}
.published-element{position:absolute;z-index:80;object-fit:cover}
.published-document{width:100%;height:100%;aspect-ratio:210/297;background:#f8f6ef;color:#202020;padding:11%;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.published-document small{text-align:center}.published-document b{text-align:center;margin:18% 0}.published-document i{height:1px;background:#aaa;margin:4% 0}.published-document em{margin-top:auto;text-align:right}
@media(max-width:700px){.official-logo{width:55px;height:75px}}

.search-icon{width:18px;height:18px;border:1.8px solid #245591;border-radius:50%;display:block;position:relative}.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:#245591;right:-6px;bottom:-3px;transform:rotate(45deg)}.eye-icon{width:25px;height:15px;border:1.8px solid #245591;border-radius:70% 20%;transform:rotate(45deg);display:block;position:relative}.eye-icon:after{content:"";position:absolute;width:6px;height:6px;border:1.5px solid #245591;border-radius:50%;left:7px;top:3px}.header-icons button.active{background:#d8f449;box-shadow:0 0 0 3px rgba(216,244,73,.25)}
.site-search{position:fixed;inset:0;z-index:1500;background:rgba(7,22,39,.78);backdrop-filter:blur(12px);display:grid;place-items:start center;padding-top:9vh;opacity:0;visibility:hidden;transition:.25s}.site-search.open{opacity:1;visibility:visible}.search-dialog{width:min(760px,90vw);max-height:80vh;overflow:auto;background:#f5f2e9;color:#245591;border-radius:8px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.42);position:relative}.search-dialog>p{font-size:10px;font-weight:800;letter-spacing:.18em}.search-close{position:absolute;right:17px;top:12px;border:0;background:none;color:#245591;font-size:34px;cursor:pointer}.search-field{height:60px;border-bottom:2px solid #245591;display:flex;align-items:center;gap:15px}.search-field span{font-size:28px}.search-field input{border:0;outline:0;background:none;width:100%;font:600 25px Manrope;color:#163d6c}.search-results{padding-top:18px}.search-results a{display:grid;grid-template-columns:1fr 2fr 25px;gap:15px;align-items:center;color:#245591;text-decoration:none;border-bottom:1px solid rgba(36,85,145,.2);padding:16px 5px}.search-results a:hover{background:rgba(36,85,145,.07)}.search-results span{font-weight:800}.search-results small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667b91}.search-results b{font-size:20px}.search-empty{padding:35px 5px;color:#7a8794;text-align:center}
.accessible-view{font-size:120%;filter:contrast(1.18)}.accessible-view body{letter-spacing:.015em}.accessible-view .heading p,.accessible-view .section-menu span,.accessible-view footer{font-size:115%}.accessible-view .section-menu a{min-height:72px;font-size:25px}.accessible-view .intro-section p,.accessible-view .text-columns p,.accessible-view .chronology p{font-size:21px;line-height:1.65}.accessible-view a:focus,.accessible-view button:focus{outline:4px solid #d8f449!important;outline-offset:4px}.accessible-view .exhibition-header{background:#153f73}.accessible-view .media-section,.accessible-view.archive-page main{background:#153f73}
@media(max-width:700px){.search-dialog{padding:24px 18px}.search-field input{font-size:18px}.search-results a{grid-template-columns:1fr 24px}.search-results small{display:none}.accessible-view .section-menu a{font-size:18px;min-height:64px}}

/* 2026 exhibition content system */
[data-lang],[data-lang-content]{display:none!important}
html[lang="ru"] [data-lang="ru"]{display:inline!important}
html[lang="kk"] [data-lang="kk"]{display:inline!important}
html[lang="ru"] [data-lang-content="ru"],html[lang="kk"] [data-lang-content="kk"]{display:block!important}
html[lang="kk"] body{font-family:"Segoe UI",Arial,sans-serif}

.exhibition-header{min-height:220px;height:auto;padding-top:22px;padding-bottom:22px;grid-template-columns:190px minmax(0,1fr) 70px}
.heading{max-width:980px;width:100%;justify-self:center}
.exhibition-header .heading h1{color:#fff}
.heading h1{font-size:clamp(29px,3.25vw,48px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.exhibition-title-link{display:inline-block;color:inherit;text-decoration:none;transition:opacity .2s}
.exhibition-title-link:hover{opacity:.84}
.exhibition-title-link:focus-visible{outline:3px solid #d8f449;outline-offset:6px}
.heading p{font-size:clamp(11px,1.05vw,16px);margin:13px 0 17px;letter-spacing:.035em;line-height:1.35}
.utility{align-items:center;gap:24px}
.utility a{font-size:14px;letter-spacing:.025em}
.utility a:last-child{margin-left:38px}
.language-switcher [data-set-lang]{text-transform:uppercase}
.header-icons{gap:12px}
.header-icons button{display:grid;place-items:center;padding:0;border-width:1.5px;background:#f3f7fa;transition:background .2s,transform .2s,box-shadow .2s}
.header-icons button:hover{background:#fff;transform:translateY(-2px)}
.control-icon{display:block;width:22px;height:22px;fill:none;stroke:#245591;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;transform:none}
.eye-control{width:25px;height:25px}

.exhibition-home{height:calc(100vh - 260px);min-height:610px}
.section-menu{width:min(940px,78vw);gap:13px;padding-top:54px}
.section-menu a{min-height:66px;height:auto;grid-template-columns:42px minmax(0,1fr) 34px;padding:12px 25px;font-size:18px}
.section-menu .section-number{font-size:10px}
.section-menu .section-label{font-size:clamp(14px,1.35vw,19px);line-height:1.22;text-wrap:balance}
.section-menu .section-label [data-lang]{font-size:inherit}
.section-menu a:nth-child(2),.section-menu a:nth-child(3),.section-menu a:nth-child(4),.section-menu a:nth-child(5){background:linear-gradient(180deg,rgba(39,91,148,.98),rgba(22,61,105,.99))}

.foreword-page .foreword-main{background:#bdebf8 url('assets/background/back_4.png') center center/cover fixed no-repeat;padding-bottom:80px}
.president-quote{position:relative;margin:0;padding:54px max(8vw,calc((100vw - 1320px)/2));background:rgba(18,54,95,.88);color:#fff}
.president-quote blockquote{margin:0 auto;max-width:1180px;font:500 clamp(20px,1.7vw,25px)/1.52 Manrope,Arial,sans-serif;letter-spacing:-.005em;text-align:justify;text-justify:inter-word;hyphens:none}
.president-quote figcaption{max-width:1180px;margin:18px auto 0;color:#fff}
.president-attribution{display:block;max-width:1180px;color:#fff;font:600 clamp(21px,2vw,31px)/1.35 Manrope,Arial,sans-serif;font-style:normal;letter-spacing:-.015em;text-align:right}
.president-attribution span,.president-attribution time{display:block}
.president-attribution time{font-size:.72em;font-weight:500;letter-spacing:.01em}
.foreword-copy{max-width:1260px;margin:0 auto;padding:70px 7vw 0;color:#173d69}
.section-heading{display:grid;grid-template-columns:58px 1fr;align-items:end;border-bottom:1px solid rgba(23,61,105,.25);padding-bottom:18px;margin-bottom:30px}
.section-heading>span{font-size:11px;font-weight:800;color:#aa7c2d}.section-heading h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:0;letter-spacing:-.04em}
.foreword-copy .lead{font-size:clamp(18px,1.5vw,24px);line-height:1.65;margin:0 0 40px;max-width:1160px;color:#173d69;text-align:justify;text-justify:inter-word;hyphens:auto}
.prose-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:42px}
.prose-columns p{margin:0;font-size:15px;line-height:1.7;color:#405972;text-align:justify;text-justify:inter-word;hyphens:auto}
.foreword-prose{max-width:1160px;margin-bottom:42px}
.foreword-prose p{margin:0 0 40px;font-size:clamp(18px,1.5vw,24px);line-height:1.65;color:#173d69;text-align:justify;text-justify:inter-word;hyphens:auto}
.foreword-prose p:last-child{margin-bottom:0}
.foreword-details{border-top:1px solid rgba(23,61,105,.23);padding:0}
.foreword-details:last-child{border-bottom:1px solid rgba(23,61,105,.23)}
.foreword-details summary{cursor:pointer;list-style:none;padding:22px 42px 22px 0;font-size:18px;font-weight:800;position:relative}
.foreword-details summary::-webkit-details-marker{display:none}
.foreword-details summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:29px;font-weight:400;color:#aa7c2d;transition:transform .2s}
.foreword-details[open] summary:after{transform:rotate(45deg)}
.foreword-details>p,.foreword-details>ul{max-width:1040px;font-size:15px;line-height:1.7;color:#405972;text-align:justify;text-justify:inter-word;hyphens:auto}
.foreword-details>p{margin:0 0 18px}.foreword-details>ul{margin:0 0 28px;padding-left:21px}.foreword-details li{margin:8px 0;padding-left:5px}

.section-one-intro{padding:48px 7vw 58px;background:#f4f5f3;color:#173d69;text-align:center;display:block;position:relative}
.section-one-intro .section-index{display:block;color:#aa7c2d;font-size:13px;font-weight:800;letter-spacing:.13em;margin:0 auto 16px}
.section-one-intro h2{margin:0 auto;max-width:1120px;font-size:clamp(34px,4vw,60px);letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
.section-one-intro>p{max-width:1100px;font-size:clamp(19px,1.6vw,24px);line-height:1.65;margin:34px auto 0;padding:0;color:#405972;text-align:justify;text-justify:inter-word;hyphens:auto}

/* Individual chapter artwork begins with the document collections. */
.section-one-page,
.section-one-page main{
  background:#563415 url('assets/background/back_1.png') center center/cover fixed no-repeat;
}
.section-two-page,
.section-two-page main{
  background:#071d38 url('assets/background/back_2.png') center center/cover fixed no-repeat;
}
.section-one-page .archive-showcase,
.section-two-page .archive-showcase{
  background:rgba(8,31,56,.52);
}
.section-one-page .photo-evidence,
.section-two-page .photo-evidence{
  background:rgba(7,24,43,.44);
  color:#fff;
}
.section-one-page .photo-evidence .media-section-heading,
.section-two-page .photo-evidence .media-section-heading,
.section-one-page .photo-evidence .archive-meta h3,
.section-two-page .photo-evidence .archive-meta h3{
  color:#fff;
}
.section-one-page .photo-evidence .archive-meta p,
.section-two-page .photo-evidence .archive-meta p{
  color:rgba(255,255,255,.78);
}

/* Movement chapter artwork starts with its archival materials. */
.section-three-page,
.section-three-page main{
  background:#102c4d url('assets/background/back_3.png') center center/cover fixed no-repeat;
}
.section-three-page .archive-showcase{
  background:rgba(8,31,56,.48);
}
.section-three-page .video-evidence{
  background:rgba(7,24,43,.48);
}
.section-three-page .photo-evidence{
  background:rgba(7,24,43,.42);
  color:#fff;
}
.section-three-page .photo-evidence .media-section-heading,
.section-three-page .photo-evidence .archive-meta h3{
  color:#fff;
}
.section-three-page .photo-evidence .archive-meta p{
  color:rgba(255,255,255,.78);
}

/* Ready for the fifth chapter once its #peaceful-atom block is added. */
.section-three-page #peaceful-atom,
.section-three-page #peaceful-atom ~ .media-section{
  background:#bdebf8 url('assets/background/back_4.png') center center/cover fixed no-repeat;
  color:#173d69;
}
.section-three-page #peaceful-atom{scroll-margin-top:18px;padding-top:76px;padding-bottom:76px}
.section-three-page #peaceful-atom ~ .section-four-photos .media-section-heading,
.section-three-page #peaceful-atom ~ .section-four-photos .archive-meta h3{color:#173d69}
.section-three-page #peaceful-atom ~ .section-four-photos .media-section-heading p,
.section-three-page #peaceful-atom ~ .section-four-photos .archive-source a{color:#526a81}
.source-card-open{display:flex;flex-direction:column;align-items:stretch;width:100%;border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.archive-source{margin:12px 3px 0;font-size:15px;line-height:1.6}
.archive-source a{color:inherit;text-decoration:underline;text-decoration-color:rgba(211,166,78,.75);text-underline-offset:4px}
.archive-source a:hover{color:#9a6e25}
.source-card-open:focus-visible{outline:3px solid #d3a64e;outline-offset:5px}
.viewer-caption p a{color:#e8bf6c;text-underline-offset:4px}
.collection-summary{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px 14px;align-items:center;margin-top:42px;padding-top:24px;border-top:1px solid rgba(23,61,105,.22)}
.collection-summary strong{font-size:30px;color:#173d69}.collection-summary span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#66798d}

.archive-showcase{padding:64px 6vw 82px;background:#12365f}
.photo-evidence{padding:64px 6vw 90px;background:#e4e8e5;color:#173d69}
.media-section-heading{max-width:1320px;margin:0 auto 38px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:22px}
.photo-evidence .media-section-heading{border-color:rgba(23,61,105,.22)}
.media-section-heading>span{font-size:13px;font-weight:800;letter-spacing:.12em;color:#d3a64e}
.media-section-heading h2{font-size:clamp(29px,3vw,43px);margin:0;letter-spacing:-.035em}
.media-section-heading p{margin:0;font-size:16px;line-height:1.5;color:#bfd0e2}
.archive-grid,.evidence-grid{max-width:1320px;margin:auto;display:grid;gap:30px 22px}
.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.evidence-grid .evidence-card:last-child:nth-child(3n+1){grid-column:2}
.archive-card,.evidence-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-width:0;text-align:left;border-radius:2px;overflow:visible;filter:none!important;color:inherit}
.archive-card:hover,.evidence-card:hover{transform:translateY(-7px);filter:none!important}
.archive-thumb{position:relative;flex:0 0 auto;width:100%;overflow:hidden;background:#d7d7d3;border:1px solid rgba(255,255,255,.32);box-shadow:0 14px 32px rgba(2,18,34,.24)}
.archive-card .archive-thumb{aspect-ratio:4/5}
.evidence-card .archive-thumb{aspect-ratio:4/3;border-color:rgba(23,61,105,.22);box-shadow:0 14px 30px rgba(23,61,105,.16)}
.archive-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.72) contrast(1.03);transition:transform .45s,filter .45s}
.archive-card:hover img,.evidence-card:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.03)}
.archive-number{position:absolute;top:10px;left:10px;background:#12365f;color:#fff;padding:7px 10px;font-size:12px;font-weight:800;letter-spacing:.08em}
.page-badge{position:absolute;right:10px;top:10px;background:rgba(255,255,255,.93);color:#173d69;padding:7px 10px;font-size:12px;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.page-badge b{font-size:14px}.zoom-hint{position:absolute;right:11px;bottom:11px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d3a64e;color:#173d69;font-size:22px;opacity:0;transform:translateY(5px);transition:.25s}
.archive-card:hover .zoom-hint,.evidence-card:hover .zoom-hint{opacity:1;transform:none}
.archive-meta{padding:17px 3px 0}.archive-meta time{display:block;color:#d3a64e;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
.archive-meta h3{font-size:15px;line-height:1.38;margin:0 0 8px;color:#fff;text-align:justify;text-justify:inter-word;hyphens:auto;text-wrap:pretty}.archive-meta p{font-size:10px;line-height:1.45;margin:0;color:#aebfd1;text-align:justify;text-justify:inter-word;hyphens:auto}
.archive-card .archive-meta,.evidence-card .archive-meta,.video-card .archive-meta,.material-placeholder .archive-meta{padding-top:20px}
.archive-card .archive-meta time,.evidence-card .archive-meta time,.video-card .archive-meta time,.material-placeholder .archive-meta time{font-size:15px;line-height:1.4;margin-bottom:11px;letter-spacing:.065em}
.archive-card .archive-meta h3,.evidence-card .archive-meta h3,.video-card .archive-meta h3,.material-placeholder .archive-meta h3{font-size:21px;line-height:1.42;margin-bottom:12px}
.archive-card .archive-meta p,.evidence-card .archive-meta p,.video-card .archive-meta p,.material-placeholder .archive-meta p{font-size:15px;line-height:1.6}
.evidence-card .archive-meta time{color:#9a6e25}.evidence-card .archive-meta h3{color:#173d69}.evidence-card .archive-meta p{color:#64778a}

.viewer{--viewer-media-width:min(50vw,800px);--viewer-caption-width:min(25vw,400px);display:grid;grid-template-columns:50px var(--viewer-media-width) 50px var(--viewer-caption-width);justify-content:center;column-gap:14px;row-gap:24px;padding:35px 4vw;background:rgba(5,16,29,.97)}
.viewer-content.gallery-view{width:100%;height:90vh;display:grid;place-items:center}
.viewer-content.gallery-view img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.52)}
.viewer-nav{width:44px;height:44px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:transparent;color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}
.viewer-nav:hover{background:#d3a64e;color:#102f55;border-color:#d3a64e}.viewer-nav:disabled{opacity:.2;cursor:default}
.viewer-caption{width:100%;max-width:none;align-self:center}.viewer-counter{display:block;color:#d3a64e;font-size:13px;font-weight:800;letter-spacing:.16em;margin-bottom:22px}.viewer-caption h3{font-size:clamp(23px,2.15vw,32px);line-height:1.3;margin:0 0 17px;text-align:justify;text-justify:inter-word;hyphens:auto}.viewer-caption p{font-size:16px;line-height:1.65;color:#b8c6d4;text-align:justify;text-justify:inter-word;hyphens:auto}
.viewer-download{display:inline-flex;margin-top:20px;padding:10px 0;color:#fff;border-bottom:1px solid #d3a64e;font-size:14px;font-weight:700;text-decoration:none}.viewer-download[hidden]{display:none}
.viewer-content.video-view{width:100%;height:84vh;display:grid;place-items:center}.viewer-content.video-view video{display:block;width:100%;max-height:78vh;background:#000;box-shadow:0 18px 50px rgba(0,0,0,.52)}
.viewer.viewer-video{grid-template-columns:50px minmax(0,1fr) 50px minmax(280px,380px);justify-content:stretch;padding:35px 3vw}
.viewer.viewer-video .viewer-content.video-view{min-width:0}
.viewer.viewer-video .viewer-content.video-view video{max-width:100%;height:auto}
.viewer.viewer-video .viewer-caption{min-width:0;overflow-wrap:anywhere}

.video-evidence{padding:64px 6vw 82px;background:#0d2a4a;color:#fff}.video-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.video-card{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;text-align:left;color:#fff}.video-card .archive-thumb{aspect-ratio:16/9;border-color:rgba(255,255,255,.28);background:linear-gradient(145deg,#0a1d33,#183f69)}.video-card-art{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:16px;background:radial-gradient(circle at 50% 42%,rgba(211,166,78,.22),transparent 32%),linear-gradient(145deg,#091c30,#183f69);color:#d7e3ee;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.video-play{width:72px;height:72px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;padding-left:5px;color:#d3a64e;font-size:27px}.video-card:hover .video-play{background:#d3a64e;color:#102f55;border-color:#d3a64e}.video-card .archive-meta h3{color:#fff}.video-card .archive-meta p{color:#aebfd1}
.placeholder-thumb{aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px dashed rgba(255,255,255,.5)!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important;color:#b9cad9}.photo-evidence .placeholder-thumb{border-color:rgba(23,61,105,.35)!important;background:rgba(23,61,105,.045)!important;color:#526a81}.placeholder-symbol{width:58px;height:58px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:300}.placeholder-thumb strong{max-width:190px;padding:0 18px;text-align:center;font-size:14px;line-height:1.45}.material-placeholder{cursor:default!important}.material-placeholder:hover{transform:none!important}.photo-evidence .material-placeholder .archive-meta h3{color:#173d69}.photo-evidence .material-placeholder .archive-meta p{color:#64778a}

.section-one-page .inner-header{min-height:260px;padding-top:28px;padding-bottom:28px}.section-one-page .exhibition-header .heading h1{font-size:clamp(36px,4vw,58px);line-height:1.06}.section-one-page .heading p{font-size:clamp(13px,1.2vw,18px);margin:15px 0 20px}.section-one-page .utility a{font-size:16px}.section-one-page .official-logo{width:130px;height:170px}

.site-search .control-icon{width:24px;height:24px;flex:0 0 auto}
.search-field kbd{font:700 9px Manrope;color:#73859a;border:1px solid rgba(36,85,145,.25);border-radius:3px;padding:4px 6px}

@media(max-width:1000px){
  .exhibition-header{grid-template-columns:130px minmax(0,1fr) 60px;padding-left:4%;padding-right:4%}.official-logo{width:88px;height:118px}.heading h1{font-size:clamp(25px,4.1vw,38px)}
  .section-menu{width:min(900px,86vw)}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid .evidence-card:last-child:nth-child(3n+1){grid-column:auto}
  .viewer{grid-template-columns:42px minmax(280px,1fr) 42px;grid-template-rows:minmax(0,1fr) auto}.viewer-caption{grid-column:1 / -1;max-width:760px;margin:auto;text-align:center}.viewer-content.gallery-view{height:70vh}.viewer-content.gallery-view img{max-height:70vh}
  .viewer.viewer-video{grid-template-columns:42px minmax(280px,1fr) 42px;grid-template-rows:minmax(0,1fr) auto;padding:35px 4vw}.viewer.viewer-video .viewer-caption{grid-column:1 / -1;max-width:760px;margin:auto}
}

@media(max-width:700px){
  .exhibition-header{min-height:190px;grid-template-columns:58px minmax(0,1fr) 38px;padding:12px 15px}.official-logo{width:52px;height:70px}.heading h1{font-size:22px;line-height:1.1}.heading p{font-size:8px;margin:8px 0 11px}.utility{gap:12px}.utility a{font-size:11px}.utility a:last-child{margin-left:4px}.header-icons button{width:32px;height:32px}.control-icon{width:17px;height:17px}.eye-control{width:20px;height:20px}
  .exhibition-home{height:auto;min-height:calc(100vh - 230px);padding:30px 0 46px}.section-menu{width:90%;padding-top:10px;gap:11px}.section-menu a{min-height:64px;padding:10px 15px;grid-template-columns:28px minmax(0,1fr) 22px}.section-menu .section-label{font-size:13px}
  footer{height:auto;min-height:40px;padding:10px 20px;text-align:center;line-height:1.45}
  .president-quote{padding:38px 24px}.president-quote blockquote{font-size:20px;text-align:left;hyphens:none}.president-quote figcaption{margin-top:14px}.president-attribution{font-size:20px;line-height:1.45}
  .foreword-copy{padding:52px 24px 0}.section-heading{grid-template-columns:38px 1fr}.prose-columns{grid-template-columns:1fr;gap:20px}.foreword-copy .lead,.foreword-prose p{font-size:18px}.foreword-details summary{font-size:16px}
  .section-one-intro{padding:38px 24px 44px}.section-one-intro h2{font-size:34px}.section-one-intro>p{margin-top:24px}.collection-summary{grid-template-columns:auto 1fr;margin-top:28px}.collection-summary strong:nth-of-type(2){grid-row:2}.collection-summary>span{font-size:10px}
  .archive-showcase,.photo-evidence,.video-evidence{padding:48px 22px 62px}.media-section-heading{gap:8px}.media-section-heading>span{margin-bottom:0}.media-section-heading p{margin-top:0;font-size:15px}.archive-grid,.evidence-grid,.video-grid{grid-template-columns:1fr 1fr;gap:34px 14px}.archive-card .archive-meta time,.evidence-card .archive-meta time,.video-card .archive-meta time,.material-placeholder .archive-meta time{font-size:14px}.archive-card .archive-meta h3,.evidence-card .archive-meta h3,.video-card .archive-meta h3,.material-placeholder .archive-meta h3{font-size:18px;line-height:1.42}.archive-card .archive-meta p,.evidence-card .archive-meta p,.video-card .archive-meta p,.material-placeholder .archive-meta p{font-size:14px;line-height:1.55}
  .viewer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;grid-template-rows:minmax(0,1fr) auto;padding:55px 10px 18px;gap:10px}.viewer-content.gallery-view{height:66vh;width:100%}.viewer-content.gallery-view img{max-height:66vh}.viewer-caption{grid-column:1 / -1;margin-top:0;padding:0 18px}.viewer-caption h3{font-size:18px;margin-bottom:8px}.viewer-counter{margin-bottom:9px}.viewer-nav{width:38px;height:38px}
  .viewer.viewer-video{grid-template-columns:42px minmax(0,1fr) 42px;padding:55px 10px 18px}.viewer.viewer-video .viewer-content.video-view{height:auto;min-height:42vh}.viewer.viewer-video .viewer-caption{padding:0 18px}
}

@media(max-width:430px){.archive-grid,.evidence-grid,.video-grid{grid-template-columns:1fr}.archive-card .archive-thumb{aspect-ratio:4/5}.archive-card .archive-meta time,.evidence-card .archive-meta time,.video-card .archive-meta time,.material-placeholder .archive-meta time{font-size:13px}.archive-card .archive-meta h3,.evidence-card .archive-meta h3,.video-card .archive-meta h3,.material-placeholder .archive-meta h3{font-size:19px}.archive-card .archive-meta p,.evidence-card .archive-meta p,.video-card .archive-meta p,.material-placeholder .archive-meta p{font-size:14px}}

.chapter-summary{padding:64px max(8vw,calc((100vw - 1250px)/2)) 70px;text-align:center;background:#f4f5f3;color:#173d69}
.chapter-summary .section-index,.chapter-band .section-index{display:block;color:#aa7c2d;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:18px}
.chapter-summary h2{max-width:1120px;font-size:clamp(36px,4vw,61px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance;margin:0 auto 30px}
.chapter-summary>p,.chapter-description{max-width:1100px;font-size:clamp(19px,1.6vw,24px);line-height:1.65;margin:0 auto;color:#405972;text-align:justify;text-justify:inter-word;hyphens:auto}
.chapter-description p{margin:0}
.chapter-band{min-height:560px;padding:82px max(9vw,calc((100vw - 1240px)/2));background:#12365f;color:#fff;scroll-margin-top:20px}
.chapter-band h2{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.05em;margin:0 0 38px;text-wrap:balance}
.chapter-copy{display:grid!important;grid-template-columns:1fr 1fr;gap:50px;max-width:1050px}
.chapter-copy p{font-size:16px;line-height:1.72;margin:0;color:#c5d3e1}
.chapter-next{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding:18px 0 8px;margin-top:50px;font-weight:700;font-size:13px}.chapter-next b{color:#d3a64e;font-size:20px}
.chapter-band-light{background:#e4e8e5;color:#173d69}.chapter-band-light .chapter-copy p{color:#4b6278}
html{scroll-behavior:smooth}

.section-footer-nav{padding:46px 6vw 54px;background:#0b2949;color:#fff;border-top:1px solid rgba(211,166,78,.42)}
.section-footer-nav-inner{width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.section-footer-link{min-height:82px;display:flex;align-items:center;gap:16px;padding:17px 20px;border:1px solid rgba(255,255,255,.23);color:#fff;text-decoration:none;background:rgba(255,255,255,.035);transition:background .2s,border-color .2s,transform .2s}
.section-footer-link:hover,.section-footer-link:focus-visible{background:rgba(255,255,255,.1);border-color:#d3a64e;transform:translateY(-2px)}
.section-footer-link.is-next{border-color:rgba(211,166,78,.68)}
.section-footer-icon{flex:0 0 38px;height:38px;border:1px solid rgba(211,166,78,.7);border-radius:50%;display:grid;place-items:center;color:#d3a64e;font-size:21px;line-height:1}
.section-footer-label{font-size:16px;font-weight:700;line-height:1.3}

@media(max-width:900px){.section-footer-nav-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.section-footer-nav{padding:32px 18px 38px}.section-footer-nav-inner{grid-template-columns:1fr;gap:10px}.section-footer-link{min-height:66px;padding:13px 16px}.section-footer-label{font-size:15px}}
@media(max-width:700px){.chapter-summary{padding:46px 24px 54px}.chapter-summary h2{font-size:34px}.chapter-summary>p,.chapter-description{font-size:19px}.chapter-band{min-height:0;padding:58px 24px}.chapter-band h2{font-size:39px}.chapter-copy{grid-template-columns:1fr;gap:20px}.chapter-copy p{font-size:15px}}

/* Unified project typography: one native family and one scale per component. */
:root{
  --museum-font:"Segoe UI",Arial,sans-serif;
  --museum-header-height:260px;
  --museum-header-title:clamp(36px,4vw,58px);
  --museum-header-subtitle:clamp(13px,1.2vw,18px);
  --museum-chapter-title:clamp(36px,4vw,61px);
  --museum-intro-text:clamp(19px,1.6vw,24px);
}
html,body,button,input,textarea,select{font-family:var(--museum-font)}
html[lang="ru"] body,html[lang="kk"] body{font-family:var(--museum-font)}

.exhibition-header,
.inner-page .inner-header,
.section-one-page .inner-header,
.home-page .exhibition-header{
  height:var(--museum-header-height);
  min-height:var(--museum-header-height);
  padding:28px 7%;
  grid-template-columns:190px minmax(0,1fr) 70px;
}
.heading,.home-page .heading{width:100%;max-width:980px}
.exhibition-header .heading h1,
.section-one-page .exhibition-header .heading h1,
.home-page .heading h1,
.home-page .exhibition-header .heading h1{
  font-family:var(--museum-font);
  font-size:var(--museum-header-title);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.025em;
}
.heading p,
.section-one-page .heading p,
.home-page .heading p{
  font-family:var(--museum-font);
  font-size:var(--museum-header-subtitle);
  font-weight:400;
  line-height:1.35;
  letter-spacing:.035em;
  margin:15px 0 20px;
}
.utility a,
.section-one-page .utility a,
.home-page .utility a{
  font-family:var(--museum-font);
  font-size:16px;
  font-weight:700;
  letter-spacing:.025em;
}
.official-logo,
.section-one-page .official-logo,
.home-page .official-logo{width:130px;height:170px}

.section-one-intro h2,.chapter-summary h2{
  font-family:var(--museum-font);
  font-size:var(--museum-chapter-title);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.045em;
}
.section-one-intro>p,.chapter-summary>p,.chapter-description{
  font-family:var(--museum-font);
  font-size:var(--museum-intro-text);
  font-weight:400;
  line-height:1.65;
}
.media-section-heading h2,.section-heading h2{font-family:var(--museum-font);font-weight:700}
.media-section-heading p{font-family:var(--museum-font);font-weight:400}
.archive-meta time,.archive-meta h3,.archive-meta p,.viewer-caption h3,.viewer-caption p{font-family:var(--museum-font)}

@media(max-width:1000px){
  .exhibition-header,
  .inner-page .inner-header,
  .section-one-page .inner-header,
  .home-page .exhibition-header{
    height:230px;
    min-height:230px;
    padding-left:4%;
    padding-right:4%;
    grid-template-columns:130px minmax(0,1fr) 60px;
  }
  .exhibition-header .heading h1,
  .section-one-page .exhibition-header .heading h1,
  .home-page .heading h1,
  .home-page .exhibition-header .heading h1{font-size:clamp(25px,4.1vw,38px)}
  .official-logo,.section-one-page .official-logo,.home-page .official-logo{width:88px;height:118px}
}

@media(max-width:700px){
  .exhibition-header,
  .inner-page .inner-header,
  .section-one-page .inner-header,
  .home-page .exhibition-header{
    height:210px;
    min-height:210px;
    padding:12px 15px;
    grid-template-columns:58px minmax(0,1fr) 38px;
  }
  .exhibition-header .heading h1,
  .section-one-page .exhibition-header .heading h1,
  .home-page .heading h1,
  .home-page .exhibition-header .heading h1{font-size:22px;line-height:1.1}
  .heading p,.section-one-page .heading p,.home-page .heading p{font-size:8px;margin:8px 0 11px}
  .utility,.home-page .utility{gap:12px}
  .utility a,.section-one-page .utility a,.home-page .utility a{font-size:11px}
  .utility a:last-child,.home-page .utility a:last-child{margin-left:4px}
  .official-logo,.section-one-page .official-logo,.home-page .official-logo{width:52px;height:70px}
  .section-one-intro h2,.chapter-summary h2{font-size:34px}
  .section-one-intro>p,.chapter-summary>p,.chapter-description{font-size:19px}
}

/* Peaceful atom homepage — bright contemporary Kazakhstan */
.home-page{
  min-height:100vh;
  color:#123f73;
  background:#bdebf8 url('assets/background/back_4.png') center center/cover fixed no-repeat;
}
.home-page .exhibition-header{
  min-height:250px;
  padding:22px 7vw 18px;
  grid-template-columns:170px minmax(0,1fr) 64px;
  background:transparent;
  color:#123f73;
}
.home-page .official-logo{
  width:112px;
  height:148px;
  filter:none;
  opacity:1;
  filter:drop-shadow(0 2px 8px rgba(255,255,255,.7));
}
.home-page .heading{max-width:900px}
.home-page .heading h1,
.home-page .exhibition-header .heading h1{
  color:#0d477d;
  font-size:clamp(28px,3.05vw,46px);
  line-height:1.06;
  letter-spacing:-.035em;
  text-shadow:0 1px 0 rgba(255,255,255,.8),0 4px 18px rgba(255,255,255,.48);
}
.home-page .heading p{
  color:#315f83;
  font-size:clamp(11px,1vw,15px);
  font-weight:700;
  text-shadow:0 1px 8px rgba(255,255,255,.9);
}
.home-page .utility a{color:#174a75;text-shadow:0 1px 7px rgba(255,255,255,.9)}
.home-page .utility a.active{color:#123f73;border-bottom:2px solid #c6933c;padding-bottom:4px}
.home-page .header-icons button{
  color:#174a75;
  background:rgba(255,255,255,.62);
  border-color:#174a75;
  box-shadow:0 5px 18px rgba(20,67,91,.12);
  backdrop-filter:blur(8px);
}
.home-page .header-icons button:hover{background:#fff;box-shadow:0 8px 22px rgba(20,67,91,.18)}
.home-page .control-icon{stroke:#174a75}
.home-page .exhibition-home{
  height:auto;
  min-height:calc(100vh - 290px);
  padding:14px 0 28px;
  overflow:visible;
  background:transparent;
}
.home-page .exhibition-home:after{display:none}
.home-page .section-menu{
  width:min(970px,78vw);
  gap:10px;
  padding-top:0;
  padding-bottom:0;
}
.home-page .section-menu a,
.home-page .section-menu a:nth-child(2),
.home-page .section-menu a:nth-child(3),
.home-page .section-menu a:nth-child(4),
.home-page .section-menu a:nth-child(5){
  min-height:64px;
  height:auto;
  padding:12px 24px;
  grid-template-columns:42px minmax(0,1fr) 34px;
  color:#123f73;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(18,63,115,.18);
  border-radius:11px;
  box-shadow:0 10px 26px rgba(18,54,74,.15);
  backdrop-filter:blur(8px);
}
.home-page .section-menu a:before{display:none}
.home-page .section-menu a:after{
  left:61px;
  top:17px;
  bottom:17px;
  width:1px;
  background:#c6933c;
  transform:none;
}
.home-page .section-menu .section-number{color:#174a75;font-size:11px;font-weight:800}
.home-page .section-menu .section-label{padding-left:12px;color:#123f73;font-weight:750}
.home-page .section-menu .section-label [data-lang]{color:#123f73}
.home-page .section-menu b{color:#bd8730;font-size:26px}
.home-page .section-menu a:hover{
  color:#123f73;
  background:#fff;
  border-color:rgba(198,147,60,.6);
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(18,54,74,.19);
}
.home-page .section-menu a:active{transform:translateY(1px);box-shadow:0 6px 16px rgba(18,54,74,.15)}
.home-page footer{
  color:#174a75;
  background:rgba(255,255,255,.88);
  border-top:1px solid rgba(18,63,115,.12);
  backdrop-filter:blur(10px);
}

@media(max-width:1000px){
  .home-page .exhibition-header{min-height:230px;grid-template-columns:120px minmax(0,1fr) 58px;padding-left:4%;padding-right:4%}
  .home-page .official-logo{width:82px;height:108px}
  .home-page .section-menu{width:min(900px,86vw)}
}

@media(max-width:700px){
  .home-page{background-position:58% center;background-attachment:scroll}
  .home-page .exhibition-header{min-height:225px;grid-template-columns:56px minmax(0,1fr) 36px;padding:14px 15px 12px}
  .home-page .official-logo{width:50px;height:68px}
  .home-page .heading h1,.home-page .exhibition-header .heading h1{font-size:21px;line-height:1.08}
  .home-page .heading p{font-size:8px;margin:8px 0 10px}
  .home-page .utility{gap:11px}.home-page .utility a{font-size:10px}.home-page .utility a:last-child{margin-left:3px}
  .home-page .exhibition-home{min-height:calc(100vh - 265px);padding:18px 0 32px}
  .home-page .section-menu{width:92%;gap:10px}
  .home-page .section-menu a,.home-page .section-menu a:nth-child(2),.home-page .section-menu a:nth-child(3),.home-page .section-menu a:nth-child(4),.home-page .section-menu a:nth-child(5){min-height:66px;padding:10px 13px;grid-template-columns:27px minmax(0,1fr) 22px;border-radius:9px;background:rgba(255,255,255,.94)}
  .home-page .section-menu a:after{left:44px;top:14px;bottom:14px}
  .home-page .section-menu .section-label{padding-left:8px;font-size:12px}
  .home-page .section-menu b{font-size:21px}
}

/* Keep the homepage header on the same scale as every inner page. */
.home-page .exhibition-header{
  height:var(--museum-header-height);
  min-height:var(--museum-header-height);
  padding:28px 7%;
  grid-template-columns:190px minmax(0,1fr) 70px;
}
.home-page .heading{width:100%;max-width:980px}
.home-page .heading h1,.home-page .exhibition-header .heading h1{
  font-family:var(--museum-font);
  font-size:var(--museum-header-title);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.025em;
}
.home-page .heading p{
  font-family:var(--museum-font);
  font-size:var(--museum-header-subtitle);
  font-weight:400;
  line-height:1.35;
  letter-spacing:.035em;
  margin:15px 0 20px;
}
.home-page .utility a{font-family:var(--museum-font);font-size:16px;font-weight:700;letter-spacing:.025em}
.home-page .official-logo{width:130px;height:170px}

@media(max-width:1000px){
  .home-page .exhibition-header{height:230px;min-height:230px;padding-left:4%;padding-right:4%;grid-template-columns:130px minmax(0,1fr) 60px}
  .home-page .heading h1,.home-page .exhibition-header .heading h1{font-size:clamp(25px,4.1vw,38px)}
  .home-page .official-logo{width:88px;height:118px}
}

@media(max-width:700px){
  .home-page .exhibition-header{height:210px;min-height:210px;padding:12px 15px;grid-template-columns:58px minmax(0,1fr) 38px}
  .home-page .heading h1,.home-page .exhibition-header .heading h1{font-size:22px;line-height:1.1}
  .home-page .heading p{font-size:8px;margin:8px 0 11px}
  .home-page .utility{gap:12px}.home-page .utility a{font-size:11px}.home-page .utility a:last-child{margin-left:4px}
  .home-page .official-logo{width:52px;height:70px}
}

.president-quote blockquote,
.president-attribution,
.editor-entry,
.search-field input,
.search-field kbd{font-family:var(--museum-font)}