:root{--brand-ink:#13262c;--brand-mint:#b8f6d9;--brand-paper:#edf1ed;--brand-forest:#285e50;--brand-point:#5cbea0;--brand-muted:#566c6c}
.brand img{display:block;width:200px;height:auto;max-width:45vw}.brand{min-width:0}.integration-notice{position:relative;z-index:100;background:#b8f6d9;color:#13262c;padding:18px 24px;margin:84px 24px 0;border:1px solid #285e50;border-radius:12px;font-size:16px;line-height:1.5}.integration-notice a{text-decoration:underline}button:disabled{cursor:wait;opacity:.65}@media(max-width:760px){.brand img{width:165px}.integration-notice{margin:76px 18px 0}}

.language-links{display:flex;gap:20px;margin:0 0 24px;font-size:14px}.language-links a{text-decoration:underline}

@media(min-width:761px){.hero h1{font-size:clamp(62px,7.5vw,120px);max-width:52%}.hero h1 .second{margin-left:2.3vw}}

/* Decorative material studies occupy their own zone, never behind copy. */
.cc-intro-aside{max-width:500px;justify-self:end}.cc-editorial-art{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;margin:-40px 0 18px;pointer-events:none}.cc-intro-aside>p{font-size:16px;line-height:1.85;color:#566c6c}.page-intro .content-inner{align-items:center}.subpage .content-section{padding-bottom:100px}.subpage .page-intro{border-bottom:1px solid #13262c26}
@media(max-width:760px){.cc-intro-aside{justify-self:stretch;max-width:none;display:grid;grid-template-columns:1fr}.cc-editorial-art{max-height:180px;margin:0 auto 15px;max-width:330px}.cc-intro-aside>p{font-size:15px;line-height:1.7}.page-intro .content-inner{gap:15px}.subpage .content-section{padding-bottom:70px}}

/* Shared locale control: direct links on desktop, native disclosure on phones. */
.cc-locale-control{position:relative;flex:none;color:#13262c;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.2;letter-spacing:.025em}
.cc-locale-inline{display:flex;align-items:center;gap:2px;border:1px solid #285e5033;border-radius:999px;padding:3px;background:#edf1ede6}
.cc-locale-control .cc-locale-inline a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;padding:6px;border:0;border-radius:999px;color:#405b56;text-decoration:none;font-weight:600}
.cc-locale-control a[aria-current=page]{background:#13262c;color:#edf1ed;border:0}
.cc-locale-control a:not([aria-current=page]):hover{background:#d9e9df;color:#13262c}
.cc-locale-control a:focus-visible,.cc-locale-control summary:focus-visible{outline:2px solid #285e50;outline-offset:3px}
.cc-locale-menu{display:none;position:relative}
.cc-locale-menu>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:53px;min-height:40px;padding:8px;border:1px solid #285e5040;border-radius:999px;background:#edf1ed;color:#13262c;cursor:pointer;list-style:none;font-size:11px;font-weight:600;box-sizing:border-box}
.cc-locale-menu>summary::-webkit-details-marker{display:none}
.cc-locale-chevron{width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.cc-locale-menu[open] .cc-locale-chevron{transform:rotate(225deg);margin-top:3px}
.cc-locale-options{position:absolute;right:0;top:calc(100% + 10px);z-index:50;min-width:166px;padding:6px;border:1px solid #285e5033;border-radius:14px;background:#edf1ed;box-shadow:0 12px 30px #13262c20}
.cc-locale-control .cc-locale-options a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:0;border-radius:9px;color:#13262c;text-decoration:none;font-size:13px;white-space:nowrap;box-sizing:border-box}
.cc-locale-options a span{min-width:28px;font-size:10px;font-weight:700;letter-spacing:.04em}
.cc-locale-control .cc-locale-options a[aria-current=page]{background:#13262c;color:#edf1ed}
@media(max-width:760px){.cc-locale-inline{display:none}.cc-locale-menu{display:block}}

/* Keep the exact wordmark and both menu/contact actions clear on narrow headers. */
@media(max-width:760px){body>header .nav{gap:8px}body>header .nav>.mobile-link{display:none}body>header .brand img{width:150px;max-width:41vw}body>header .cc-locale-control{margin-right:0}}
@media(max-width:375px){body>header .nav{gap:6px}body>header .brand img{width:132px}body>header .cc-locale-menu>summary{min-width:51px}}

/* Exact Brand Kit light artwork; keep one accessible wordmark image. */
body.dark>header .brand img{content:url('/assets/clever-v23/wordmark-light.svg')}
body:not(.dark) #experience .story-title .accent{color:#285e50}
/* The Kazakh first word is longer; RU/EN retain the approved reference scale. */
@media(min-width:761px){html[lang=kk] .hero h1{font-size:clamp(48px,7vw,112px)}}
@media(max-width:760px){html[lang=kk] .hero h1{font-size:13vw}}