/* копия стилей главной; генерируется build_countries.py, руками не править */
:root{--ink:#1A1D21;--soft:#3E434B;--bronze:#9A7B4F;--bronze-lt:#B99A6B;
--paper:#FFFFFF;--tint:#FAF9F7;--line:#E7E3DB;--line-b:rgba(154,123,79,.4)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'EB Garamond',Georgia,serif;font-size:19px;line-height:1.68;
color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.label{font-family:'Jost',sans-serif;font-weight:400;font-size:12px;letter-spacing:.22em;
text-transform:uppercase}
.display{font-family:'Bodoni Moda',Georgia,serif;font-weight:500;line-height:1.14}
/* header */
header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.94);
backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.nav-brand{display:flex;align-items:center;gap:14px}
.nav-brand img{width:42px;height:42px;border-radius:50%}
.nav-brand .wm{font-family:'Bodoni Moda',serif;font-size:20px;letter-spacing:.2em;
text-transform:uppercase;display:flex;align-items:baseline;gap:.34em}
.nav-brand .wm i{font-style:normal;font-size:.72em;letter-spacing:.12em;text-transform:none;
color:var(--bronze)}
.nav-links{display:flex;gap:32px}
.nav-links a{color:var(--soft);font-family:'Jost',sans-serif;font-size:12.5px;
letter-spacing:.16em;text-transform:uppercase;transition:color .25s}
.nav-links a:hover{color:var(--bronze)}
/* ribbon */
.ribbon{position:fixed;top:76px;left:0;right:0;z-index:49;background:var(--tint);
border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}
.ribbon-inner{display:flex;gap:6px;justify-content:center;padding:0 24px;min-width:max-content;margin:0 auto}
.ribbon a{display:inline-block;padding:13px 16px;font-family:'Jost',sans-serif;font-size:11.5px;
letter-spacing:.15em;text-transform:uppercase;color:var(--soft);
border-bottom:2px solid transparent;transition:color .25s}
.ribbon a:hover{color:var(--ink)}
.ribbon a.on{color:var(--bronze);border-bottom-color:var(--bronze)}
/* hero — index */
.hero{padding:206px 0 118px;border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.hero .label{color:var(--bronze)}
.hero h1{font-size:clamp(38px,4.8vw,62px);margin:22px 0 26px;letter-spacing:-.005em}
.hero h1 em{font-style:italic;color:var(--bronze)}
.hero .lead{font-size:21px;color:var(--soft);max-width:52ch}
.hero .cta{display:inline-block;margin-top:40px;padding:15px 34px;border:1px solid var(--bronze);
color:var(--bronze);font-family:'Jost',sans-serif;font-size:12.5px;letter-spacing:.2em;
text-transform:uppercase;transition:background .3s,color .3s}
.hero .cta:hover{background:var(--bronze);color:#fff}
/* orbit */
.orbit{position:relative;width:100%;max-width:460px;margin-left:auto}
.orbit:before{content:'';display:block;padding-bottom:100%}
.orbit .ring{position:absolute;border-radius:50%;border:1px solid var(--line)}
.orbit .r1{top:0;right:0;bottom:0;left:0;border-color:var(--line-b)}
.orbit .r2{top:14%;right:14%;bottom:14%;left:14%}
.orbit .core{position:absolute;top:35%;right:35%;bottom:35%;left:35%;border-radius:50%}
.orbit .core img{width:100%;height:100%;border-radius:50%}
.sat{position:absolute;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;
overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line-b),0 10px 26px rgba(26,29,33,.10);
transition:transform .35s}
.sat:hover{transform:scale(1.1)}
.sat img{width:100%;height:100%;object-fit:cover}
.sat.fit img{width:70%;height:70%;object-fit:contain;margin:15%}
/* statement */
.statement{padding:104px 0;text-align:center}
.statement .label{color:var(--bronze)}
.statement p{font-family:'Bodoni Moda',serif;font-size:clamp(26px,3vw,36px);
line-height:1.35;max-width:21em;margin:24px auto 0}
.statement em{font-style:italic;color:var(--bronze)}
/* sections */
.sec{padding:96px 0}
.sec.alt{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{max-width:660px;margin-bottom:60px}
.sec-head .label{color:var(--bronze)}
.sec-head h2{font-size:clamp(30px,3.6vw,42px);margin-top:16px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.trio .cell{border-top:2px solid var(--bronze);padding-top:24px}
.trio h3{font-family:'Bodoni Moda',serif;font-size:27px;margin:10px 0 14px}
.trio .cell .label{color:var(--soft)}
.trio p{font-size:18px;color:var(--soft)}
/* how */
.how-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:66px;align-items:start}
.how p{margin-bottom:22px;color:var(--soft)}
.src{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:20px;align-items:baseline}
.src:last-child{border-bottom:1px solid var(--line)}
.src .label{color:var(--bronze);min-width:32px}
.src div{font-family:'Bodoni Moda',serif;font-size:23px}
.src p{font-size:16.5px;margin:4px 0 0;color:var(--soft);font-family:'EB Garamond',serif}
/* markets */
.mk{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.mk .cell{border-top:2px solid var(--bronze);padding-top:22px}
.mk h3{font-family:'Bodoni Moda',serif;font-size:29px;margin:8px 0}
.mk p{color:var(--soft);font-size:17px}
/* ecosystem */
.eco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.eco{background:var(--paper);border:1px solid var(--line);padding:44px 34px 38px;text-align:center;
transition:transform .35s,box-shadow .35s,border-color .35s}
.eco:hover{transform:translateY(-6px);box-shadow:0 26px 50px -26px rgba(26,29,33,.28);
border-color:var(--line-b)}
.eco .disc{width:116px;height:116px;margin:0 auto 24px;border-radius:50%;overflow:hidden;
background:#fff;box-shadow:0 0 0 1px var(--line-b),0 0 0 9px rgba(154,123,79,.06);
display:flex;align-items:center;justify-content:center}
.eco .disc img{width:100%;height:100%;object-fit:cover}
.eco .disc.fit img{width:70%;height:70%;object-fit:contain}
.eco h3{font-family:'Bodoni Moda',serif;font-size:26px;margin-bottom:6px}
.eco .est{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.18em;
text-transform:uppercase;color:var(--bronze);margin-bottom:13px}
.eco p{font-size:16.5px;color:var(--soft)}
.eco .go{display:inline-block;margin-top:18px;font-family:'Jost',sans-serif;font-size:11.5px;
letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);
border-bottom:1px solid var(--line-b);padding-bottom:3px}
/* brand hero */
.bhero{padding:186px 0 76px;text-align:center;background:var(--tint);
border-bottom:1px solid var(--line)}
.bhero .ring{width:182px;height:182px;margin:0 auto 32px;border-radius:50%;
border:1px solid var(--line-b);display:flex;align-items:center;justify-content:center;
box-shadow:0 0 0 14px rgba(154,123,79,.05)}
.bhero .ring .disc{width:152px;height:152px;border-radius:50%;overflow:hidden;background:#fff;
display:flex;align-items:center;justify-content:center}
.bhero .ring .disc img{width:100%;height:100%;object-fit:cover}
.bhero .ring .disc.fit img{width:74%;height:74%;object-fit:contain}
.bhero h1{font-size:clamp(34px,4.8vw,54px);letter-spacing:.02em;margin-bottom:12px}
.bhero .role{font-family:'Bodoni Moda',serif;font-style:italic;font-size:23px;
color:var(--soft)}
.bhero .facts{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 0;justify-content:center;
color:var(--bronze)}
.bhero .facts span{padding:0 18px;border-right:1px solid var(--line-b)}
.bhero .facts span:last-child{border-right:0}
/* brand body */
.bbody{padding:84px 0 36px}
.cols{display:grid;grid-template-columns:300px 1fr;gap:72px;align-items:start}
.glance{border-top:2px solid var(--bronze);padding-top:24px;position:sticky;top:152px}
.glance h3{margin-bottom:20px;color:var(--bronze)}
.glance dl div{padding:13px 0;border-bottom:1px solid var(--line)}
.glance dt{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.18em;
text-transform:uppercase;color:var(--soft);margin-bottom:4px}
.glance dd{font-size:18px}
.visit{display:inline-block;margin-top:24px;font-family:'Jost',sans-serif;font-size:11.5px;
letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);
border:1px solid var(--line-b);padding:12px 20px;transition:background .3s,color .3s}
.visit:hover{background:var(--bronze);color:#fff}
.prose p{margin-bottom:24px;max-width:66ch;color:var(--soft)}
.prose p:first-child{font-family:'Bodoni Moda',serif;font-size:27px;line-height:1.42;
color:var(--ink)}
.note{font-size:16px!important;color:var(--bronze)!important;font-style:italic}
.brand-tag{font-family:'Bodoni Moda',serif;font-style:italic;font-size:24px;
color:var(--bronze)!important;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
/* pager */
.pager{border-top:1px solid var(--line);margin-top:76px}
.pager .wrap{display:flex;justify-content:space-between;padding-top:34px;padding-bottom:60px;gap:24px}
.pager a{max-width:44%}
.pager .dir{color:var(--soft);display:block;margin-bottom:8px}
.pager .to{font-family:'Bodoni Moda',serif;font-size:26px;transition:color .25s}
.pager a:hover .to{color:var(--bronze)}
.pager .next{text-align:right;margin-left:auto}
/* footer */
footer{background:var(--ink);color:rgba(255,255,255,.78);padding:70px 0 44px}
.f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:54px;margin-bottom:52px}
footer .wm{font-family:'Bodoni Moda',serif;font-size:25px;letter-spacing:.2em;
text-transform:uppercase;color:#fff;margin:16px 0 10px}
footer .wm i{font-style:normal;font-size:.72em;letter-spacing:.12em;text-transform:none;
color:var(--bronze-lt);margin-left:.3em}
footer .tg{color:var(--bronze-lt);margin-bottom:18px}
footer h4{color:var(--bronze-lt);margin-bottom:18px}
footer li{list-style:none;margin-bottom:11px}
footer a{transition:color .25s;font-size:17px}
footer a:hover{color:var(--bronze-lt)}
footer img{width:44px;height:44px;border-radius:50%}
.f-base{border-top:1px solid rgba(255,255,255,.16);padding-top:24px;display:flex;
justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14.5px;
color:rgba(255,255,255,.5);font-family:'Jost',sans-serif;letter-spacing:.05em}
/* reveal */
html.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
html.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none;transition:none}
html{scroll-behavior:auto}}
@media (max-width:980px){.trio{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
 .nav-links{display:none}
 .hero .wrap,.how-grid{grid-template-columns:1fr}
 .orbit{margin:26px auto 0;max-width:340px}
 .cols{grid-template-columns:1fr;gap:44px}
 .glance{position:static}
 .f-grid{grid-template-columns:1fr}
 body{font-size:18px}
}
@media (max-width:640px){.trio,.eco-grid,.mk{grid-template-columns:1fr}}