/* Compact layout at normal browser zoom. Loaded after the homepage styles.
   Text, media, scripts and user zoom remain unchanged. */
body header{padding-top:22px;padding-bottom:22px}
body .hero:not(.immersive){height:auto;min-height:100svh;display:flex;flex-direction:column;padding:110px 5vw 24px;gap:18px}
.hero-heading{text-align:center;flex:1;min-height:330px}
body .hero .intro{position:static;inset:auto}
body .hero .hero-entry{position:static;inset:auto;margin-top:20px}
body .hero h1{font-size:clamp(36px,6.12vw,94px)}
body .hero .cyrillic{margin:14px 0 0}
body .hero .controls{position:relative;inset:auto;flex-shrink:0;width:100%;padding-top:18px;gap:20px;margin-top:100px}
body .hero .soundbar{position:relative;inset:auto;flex-shrink:0;width:100%;gap:18px}
body .hero .soundbar .about-link{margin-left:auto}
body .hero .caption{bottom:215px}
body .hero .indicator{bottom:220px}
body .hero.immersive .hero-heading{display:none}
body .gallery,body .observer{padding-top:72px;padding-bottom:72px;max-width:1280px}
body .collection{padding-top:80px;padding-bottom:60px;max-width:1280px}
body .nebula{padding-top:68px;max-width:1160px}
body .about{padding-top:80px;padding-bottom:55px;max-width:1280px}
body h2{font-size:clamp(28px,3.4vw,44px)}
body .collection h2{font-size:clamp(36px,5.95vw,73px)}
body .nebula-heading h2{font-size:clamp(30px,4.25vw,51px)}
body .observer-copy h2{font-size:clamp(32px,4.25vw,54px)}
body .nukus-story h2{font-size:clamp(28px,3.4vw,41px)}
body .section-heading{margin-bottom:28px}
body .gallery-grid{gap:32px 24px}
body .observer-main{gap:48px}
body .nukus-story{margin-top:55px;margin-bottom:42px;padding-top:30px;padding-bottom:30px}
body .about-head{gap:48px;margin-bottom:48px}
body .film-meta{white-space:normal;overflow-wrap:anywhere}
body .site-nav{flex-wrap:wrap;row-gap:0}
body .hero .control{min-width:0}
body .hero select{min-height:44px}
@media(max-width:1000px){
 body header{flex-wrap:wrap;gap:10px}
 body .site-nav{order:3;width:100%;gap:20px}
 body #site-language{max-width:55%}
 body .hero:not(.immersive){padding-top:150px}
 body .hero .controls{flex-wrap:wrap}
 body .hero .soundbar{flex-wrap:wrap}
}
@media(max-width:800px){
 body .hero-heading{min-height:280px}
 body .hero .controls{margin-top:20px;gap:14px}
 body .hero .controls .control{flex:1 1 26%;max-width:none}
 body .hero .controls .actions{margin-left:0;flex:1 1 100%}
 body .hero .controls .actions button{flex:1}
 body .hero .soundbar{gap:12px}
 body .hero .soundbar .control{flex:1 1 120px;max-width:none}
 body #audio-status{order:4;flex-basis:100%}
}
@media(max-width:650px){
 body header{padding:16px 6vw}
 body .site-nav{gap:16px;font-size:13px}
 body .site-nav a{padding:10px 0;min-height:44px;display:flex;align-items:center}
 body .hero:not(.immersive){padding:152px 6vw 22px;min-height:100svh;gap:16px}
 body .hero-heading{min-height:260px}
 body .hero h1{font-size:clamp(25px,7.2vw,46px);letter-spacing:.08em}
 body .hero .hero-entry{margin-top:18px}
 body .hero .hero-entry button{max-width:100%}
 body .hero .controls{margin-top:12px}
 body .hero .controls .quality{flex:1 1 100%;max-width:none}
 body .hero .soundbar .about-link{margin-left:0}
 body .gallery,body .observer{padding:50px 6vw}
 body .collection{padding:54px 6vw 27px}
 body .nebula{padding:50px 6vw 10px}
 body .about{padding:54px 6vw 32px}
 body .collection h2,body html[lang^="kaa"] .collection h2{font-size:clamp(32px,12.6vw,54px)}
 html[lang^="kaa"] body .collection h2{font-size:clamp(30px,10.8vw,48px)}
 body h2{font-size:clamp(28px,7.2vw,36px)}
 body .observer-copy h2,body .nebula-heading h2,body .nukus-story h2{font-size:clamp(28px,7.5vw,38px)}
 body .gallery-grid{gap:27px}
 body .observer-main{gap:23px}
 body .about-head{gap:22px;margin-bottom:32px}
 body .nukus-story{margin:36px 0 27px;padding:23px 0}
 body .gallery>a,body .gallery>p>a{max-width:100%;overflow-wrap:anywhere;line-height:1.6}
 body .observer-copy p,body .nukus-story p{font-size:16px}
}
@media(max-width:360px){body .hero:not(.immersive){padding-top:192px}body .site-nav{column-gap:18px}body .hero-heading{min-height:230px}}