:root{color-scheme:light;--rail:82px;--paper:#1e211c;--ink:#25291f;--muted:#b3b9a6;--dark:#242720;--dark-text:#f1edda;--terra:#a84832;--terra-text:#fff0db;--olive:#d1d8aa}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--dark-text);font:14px/1.6 "Golos Text",Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
h1,h2,p{margin:0}
[hidden]{display:none!important}
.page{width:100%;margin:0;container-type:inline-size}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px;padding:0 max(40px,env(safe-area-inset-right)) 0 max(40px,env(safe-area-inset-left))}
.brand{display:inline-flex;align-items:center;min-height:44px;font:900 23px/1 Montserrat,Arial,sans-serif;letter-spacing:-1.4px}
.eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase}
.masthead .eyebrow{color:#bcc1ad}
.poster-grid{display:grid;grid-template-columns:38% 62%;min-height:650px}
.statement{display:flex;flex-direction:column;align-items:start;background:var(--dark);padding:38px max(40px,env(safe-area-inset-left));min-width:0}
.author{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#c3c7b4}
.statement h1{font:800 clamp(36px,4.6cqi,58px)/1.1 Montserrat,Arial,sans-serif;letter-spacing:-2px;margin:30px 0}
.statement h1 span{display:block}
.statement p{font-size:13px;line-height:1.8;color:#c3c7b4;max-width:250px}
.era{font:800 clamp(70px,9cqi,100px)/.97 Montserrat,Arial,sans-serif;letter-spacing:-5px;margin-top:auto;padding-top:44px}
.era span{display:block}
.modules{display:grid;grid-template-rows:1fr 1fr;min-width:0}
.module{display:flex;flex-direction:column;align-items:start;padding:31px max(36px,env(safe-area-inset-right)) 31px 36px;min-width:0}
.russia{background:var(--terra);color:var(--terra-text)}
.world{background:var(--olive);color:var(--ink)}
.module-meta{display:flex;flex-wrap:wrap;gap:6px 13px;font-size:11px;line-height:1.5;letter-spacing:1px;text-transform:uppercase}
.module h2{font:800 34px/1.08 Montserrat,Arial,sans-serif;letter-spacing:-1.1px;margin:24px 0 18px}
.description{font-size:13px;line-height:1.7;max-width:360px}
.module-bottom{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-top:auto;padding-top:28px;width:100%}
.module-bottom>div{min-width:0}
.facts{font-size:11px;line-height:1.6}
.progress{font-size:12px;line-height:1.65;margin-top:8px;font-weight:500}
.launch{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:46px;padding:11px 15px;border:1px solid currentColor;font:600 12px/1.5 "Golos Text",Arial,sans-serif;max-width:100%;transition:background .15s,color .15s}
.launch b{font-size:22px;font-weight:400;line-height:1}
.launch:hover{background:var(--dark-text);color:var(--ink)}
.footer{padding:18px 40px;color:var(--muted);font-size:11px}
@container(min-width:821px) and (max-width:940px){.statement{padding-left:28px;padding-right:28px}.module-bottom{gap:16px;flex-wrap:wrap}}
@container(max-width:820px){
 .masthead{min-height:66px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}
 .brand{font-size:21px}.masthead .eyebrow{display:none}
 .poster-grid{grid-template-columns:var(--rail) minmax(0,1fr);min-height:720px}
 .statement{padding:27px 0 25px;align-items:center}
 .author,.statement p{display:none}
 .statement h1{font-size:27px;line-height:1;letter-spacing:-.7px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
 .statement h1 span{display:inline}
 .era{font-size:34px;letter-spacing:-1.8px;padding-top:38px;text-align:center}
 .era span:last-child{font:600 11px/1.5 "Golos Text",Arial,sans-serif;letter-spacing:2.2px;margin-top:8px}
 .module{padding:25px max(22px,env(safe-area-inset-right)) 25px 22px;min-height:360px}
 .module-meta{display:grid;gap:4px;font-size:11px;letter-spacing:.6px}
 .module h2{font-size:26px;letter-spacing:-.8px;margin:24px 0 18px}
 .description{font-size:13px;line-height:1.65}
 .module-bottom{flex-direction:column;align-items:stretch;gap:16px;padding-top:28px}
 .facts{font-size:11px}
 .launch{width:100%;padding:11px 13px;font-size:12px}
 .footer{margin-top:auto;padding:16px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
}
@container(max-width:345px){
 .poster-grid{grid-template-columns:72px minmax(0,1fr)}
 .statement h1{font-size:25px}
 .module{padding:23px max(17px,env(safe-area-inset-right)) 23px 17px;min-height:380px}
 .module h2{font-size:22px;letter-spacing:-.6px}
 .description{font-size:12px}
 .module-meta{font-size:11px;letter-spacing:0}
 .launch{font-size:11px}
}
@media(max-width:820px){.page{display:flex;flex-direction:column;min-height:100svh;min-height:100dvh}.poster-grid{flex:1}}
@media(min-width:821px){
 .page{display:flex;flex-direction:column;min-height:790px}
 .masthead,.poster-grid,.footer{width:calc(100% - 72px);max-width:1120px;margin-left:auto;margin-right:auto}
 .masthead{min-height:82px;padding:0;border-bottom:1px solid #4c5345}
 .poster-grid{display:block;min-height:0}
 .statement{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:0 30px;background:transparent;padding:38px 0 32px}
 .author{display:none}
 .statement h1{grid-column:1;grid-row:1;font-size:clamp(34px,4.9vw,55px);line-height:1.08;letter-spacing:-1.8px;margin:0}
 .statement h1 span{display:inline}
 .statement h1 span:first-child{display:block}
 .statement p{grid-column:1;grid-row:2;font-size:13px;line-height:1.7;max-width:none;margin-top:18px}
 .statement p br{display:none}
 .era{grid-column:2;grid-row:1/3;align-self:center;margin:0;padding:0;font-size:97px;line-height:.9;letter-spacing:-6px;text-align:right;color:var(--olive)}
 .era span:last-child{font:500 11px/1.6 "Golos Text",Arial,sans-serif;letter-spacing:6px;margin:13px 4px 0 0}
 .modules{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:22px;padding-bottom:30px}
 .module{min-height:345px;padding:27px 28px}
 .module-meta{gap:5px 13px;letter-spacing:.6px}
 .module h2{font-size:31px;line-height:1.12;letter-spacing:-1px;margin:25px 0 18px}
 .description{font-size:14px;line-height:1.75}
 .module-bottom{flex-wrap:wrap;gap:16px}
 .launch{font-size:12px;gap:25px;padding:10px 15px}
 .footer{display:flex;align-items:center;min-height:70px;margin-top:auto;padding:18px 0}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}