body{overflow-x:hidden}.site-header{backdrop-filter:blur(14px)}.header-inner{height:100%}.logo,.footer-logo{font-weight:600}.nav a.active{color:var(--gold);border-color:var(--gold)}.nav-request{padding-left:14px!important;padding-right:14px!important}.langs a{transition:color .2s}.langs a.active{color:var(--green);font-weight:700}.menu-toggle{display:none;background:transparent;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--green);margin:6px 0;transition:.25s}.footer-copy small{display:block;margin-top:8px;color:#8a918d}.footer-contact a:hover{color:var(--gold)}
.case{position:relative;transition:transform .25s,box-shadow .25s}.case:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(18,60,50,.09);z-index:1}.case img{transition:filter .3s}.case:hover img{filter:saturate(.85) contrast(1.03)}.case p{color:var(--muted);font-size:12px;line-height:1.6}.cards:has(.case:only-child){grid-template-columns:minmax(300px,430px)}.panel-empty{grid-column:1/-1;padding:60px;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail{padding:70px 0 100px;max-width:960px}.detail-media{height:570px;position:relative;background:var(--green);overflow:hidden}.detail-media img{position:absolute;inset:0;height:100%;opacity:0;transition:opacity .5s}.detail-media img.active{opacity:1}.carousel-prev,.carousel-next{position:absolute;z-index:2;bottom:20px;width:48px;height:48px;border:0;background:var(--ivory);color:var(--green);font-size:20px;cursor:pointer}.carousel-prev{right:74px}.carousel-next{right:20px}.detail-tools{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:12px}.share-toggle{border:0;background:none;color:var(--gold);cursor:pointer}.share-strip{display:flex;gap:18px;max-height:0;overflow:hidden;opacity:0;border-bottom:1px solid transparent;transition:.25s}.share-strip.open{max-height:80px;opacity:1;padding:18px 0;border-color:var(--line)}.share-strip a{font-size:11px;color:var(--gold);cursor:pointer}.detail h1{font-size:clamp(42px,7vw,76px);line-height:1.05;margin:55px 0 20px}.detail-role{color:var(--gold);margin-bottom:35px}.detail-copy{max-width:760px;font-size:18px;line-height:1.9;color:var(--muted)}
@media(max-width:760px){.site-header{height:70px}.header-inner{position:relative}.menu-toggle{display:block;order:3}.langs{margin-left:auto}.nav{display:none;position:absolute;left:-14px;right:-14px;top:69px;background:var(--ivory);border-bottom:1px solid var(--line);padding:18px 28px 28px;box-shadow:0 18px 30px rgba(18,60,50,.08)}.nav.open{display:grid;gap:0}.nav a{padding:15px 0!important;border-bottom:1px solid var(--line);font-size:16px}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero-copy{padding:58px 0}.hero-copy h1{font-size:clamp(38px,12vw,56px)}.intro{padding:65px 0 45px}.display{font-size:58px}.cards:has(.case:only-child){grid-template-columns:1fr}.band{padding:30px 24px;align-items:flex-start;flex-direction:column}.detail{padding:35px 0 70px}.detail-media{height:60vw;min-height:300px}.share-strip{flex-wrap:wrap}.share-strip.open{max-height:160px}.footer{padding:30px 0}.footer-row{gap:18px}}
.pillar-icon{width:38px;height:38px;color:var(--gold)}
.pillar-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.pillar h3{margin-top:22px}
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:64px}
.hero-copy h1{font-size:clamp(34px,3.6vw,48px);line-height:1.08}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy h1{font-size:clamp(32px,9vw,40px)}}
html[lang="kz"] .serif,
html[lang="kz"] h1,
html[lang="kz"] h2,
html[lang="kz"] h3,
html[lang="kz"] .num,
html[lang="kz"] .step b,
html[lang="kz"] .year{font-family:"Times New Roman",Times,serif}
.share-strip.open{margin-top:8px;padding:16px 18px;max-height:86px;background:#f0e8d9;border:1px solid #dfcfb3;border-left:3px solid var(--gold);opacity:1}
.share-strip.open a{color:var(--green);font-weight:600}
.share-strip.open a:hover{color:var(--gold)}
.detail-media{height:clamp(300px,34vw,400px)}
@media(max-width:760px){.detail-media{height:52vw;min-height:230px;max-height:340px}}