.lang-menu{position:relative;font:600 13px Arial,sans-serif;margin:0;align-self:center}
.lang-menu summary{white-space:nowrap;cursor:pointer;list-style:none;padding:9px 13px;border:1px solid #ddd6cd;border-radius:30px;background:#fff;color:#251f21;min-height:44px;display:flex;align-items:center}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu div{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid #e3ddd4;border-radius:14px;padding:8px;min-width:150px;box-shadow:0 14px 30px -18px #251f2180;display:flex;flex-direction:column}
.lang-menu a{padding:10px 12px;color:#251f21!important;text-decoration:none;border-radius:8px;background:none!important;font-weight:400}
.lang-menu a:hover,.lang-menu a[aria-current]{background:#f4efec!important}
nav.langs{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13px}
.lang-banner{position:fixed;inset-inline:12px;bottom:12px;z-index:50;max-width:560px;margin-inline:auto;background:#fff;border:1px solid #cfc8bf;border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px -20px #251f21aa;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:15px/1.4 Arial,sans-serif;color:#251f21}
.lang-banner p{margin:0;flex:1 1 200px}.lang-banner a{background:#286b5b;color:#fff;padding:10px 16px;border-radius:30px;text-decoration:none;font-weight:600}
.lang-banner button{background:#eee9e5;color:#251f21;border:0;border-radius:30px;padding:10px 16px;min-height:40px;cursor:pointer}
/* Arabic and other connected scripts: no letter-spacing, no forced caps */
[lang=ar] body,[lang=ar] button,[lang=ar] input,[lang=ar] textarea,[lang=ar] select,[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] .brand,[lang=ar] .cv,[lang=ar] .cv h1,[lang=ar] .cv h2,[lang=ar] .site-header>a,[lang=ar] .article-card h2,[lang=ar] .statement strong,[lang=ar] .guide h3,[lang=ar] header>a{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
[lang=ar] *{letter-spacing:0!important;text-transform:none!important}
[lang=ar] body{line-height:1.8}
[lang=ar] .hero h1{font-size:clamp(44px,5vw,76px);line-height:1.25;font-weight:700}
[lang=ar] .statement strong{font-size:25px;line-height:1.4}
[lang=ar] .eyebrow{font-size:13px}
/* mirrored home layout */
[dir=rtl] .hero-copy{left:auto;right:6%}
[dir=rtl] .mosaic{right:auto;left:3.8%}
[dir=rtl] .pause{right:auto;left:4.2%}
[dir=rtl] .footer a{margin-left:0;margin-right:14px}
@media(min-width:1500px){[dir=rtl] .hero-copy{left:auto;right:7%}}
@media(max-width:1000px){[dir=rtl] .hero-copy{left:auto;right:5%}[dir=rtl] .mosaic{right:auto;left:2%}}
@media(max-width:700px){[dir=rtl] .hero-copy{left:auto;right:auto}[dir=rtl] .mosaic{left:auto;right:auto}[dir=rtl] .pause{left:20px;right:auto}[dir=rtl] .nav{left:0;right:0}[dir=rtl] .footer a{margin:0 0 0 16px}}
@media(min-width:701px) and (max-width:900px) and (orientation:portrait){[dir=rtl] .hero-copy{left:auto;right:5%}[dir=rtl] .mosaic{left:2%;right:auto}}
/* mirrored builder and CV preview */
[dir=rtl] .cv .cv-head{flex-direction:row-reverse}[dir=rtl] .cv .photo-left{flex-direction:row}
[dir=rtl] .cv ul{padding-left:0;padding-right:20px}
[dir=rtl] .cv.modern .cv-head{border-left:0;border-right:6px solid #286b5b}
[dir=rtl] .cv.timeline .cv-body{border-left:0;border-right:2px solid #286b5b;margin-left:0;margin-right:6px;padding-left:0;padding-right:20px}
[dir=rtl] .cv.timeline h2:before{left:auto;right:-26px}
[dir=rtl] .cv.creative h2{border-left:0;border-right:4px solid #c59065;padding-left:0;padding-right:10px}
[dir=rtl] .cv.classic .cv-head{flex-direction:column-reverse}
[dir=rtl] .skip:focus{left:auto;right:20px}[dir=rtl] .skip{left:auto;right:-9999px}
[dir=rtl] .breadcrumb,[dir=rtl] .article-prose,[dir=rtl] .contents{text-align:right}
[dir=rtl] .article-prose ul,[dir=rtl] .article ul{padding-left:0;padding-right:22px}
[dir=rtl] .contents{border-left:0;border-right:3px solid #286b5b;padding-left:0;padding-right:20px;margin-left:0;margin-right:0}
/* long words (German etc.) */
.cv,.card,.article-card,.guide,.editor,h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
[lang=fr] .hero h1{font-size:clamp(44px,4.8vw,76px)}
@media(max-width:700px){[lang=fr] .hero h1{font-size:clamp(40px,11vw,60px)}}
[lang=de] .hero h1,[lang=es] .hero h1,[lang=pt] .hero h1{font-size:clamp(44px,4.6vw,72px)}
[lang=de] .hero h1{hyphens:manual}
@media(max-width:700px){[lang=de] .hero h1,[lang=es] .hero h1,[lang=pt] .hero h1{font-size:clamp(36px,10vw,56px)}}
/* wave 4: Cyrillic, CJK, Devanagari, Indonesian */
[lang=ja],[lang=ko],[lang=zh-Hans],[lang=hi],[lang=ru],[lang=id]{--cjk:1}
[lang=ja] body,[lang=ja] button,[lang=ja] input,[lang=ja] textarea,[lang=ja] select,[lang=ja] h1,[lang=ja] h2,[lang=ja] h3,[lang=ja] .cv,[lang=ja] .cv h1,[lang=ja] .cv h2,[lang=ja] .site-header>a,[lang=ja] .article-card h2,[lang=ja] .statement strong,[lang=ja] .guide h3,[lang=ja] header>a{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP","Meiryo","Droid Sans Fallback",sans-serif}
[lang=ko] body,[lang=ko] button,[lang=ko] input,[lang=ko] textarea,[lang=ko] select,[lang=ko] h1,[lang=ko] h2,[lang=ko] h3,[lang=ko] .cv,[lang=ko] .cv h1,[lang=ko] .cv h2,[lang=ko] .site-header>a,[lang=ko] .article-card h2,[lang=ko] .statement strong,[lang=ko] .guide h3,[lang=ko] header>a{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Droid Sans Fallback",sans-serif}
[lang=zh-Hans] body,[lang=zh-Hans] button,[lang=zh-Hans] input,[lang=zh-Hans] textarea,[lang=zh-Hans] select,[lang=zh-Hans] h1,[lang=zh-Hans] h2,[lang=zh-Hans] h3,[lang=zh-Hans] .cv,[lang=zh-Hans] .cv h1,[lang=zh-Hans] .cv h2,[lang=zh-Hans] .site-header>a,[lang=zh-Hans] .article-card h2,[lang=zh-Hans] .statement strong,[lang=zh-Hans] .guide h3,[lang=zh-Hans] header>a{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Droid Sans Fallback",sans-serif}
[lang=hi] body,[lang=hi] button,[lang=hi] input,[lang=hi] textarea,[lang=hi] select,[lang=hi] h1,[lang=hi] h2,[lang=hi] h3,[lang=hi] .cv,[lang=hi] .cv h1,[lang=hi] .cv h2,[lang=hi] .site-header>a,[lang=hi] .article-card h2,[lang=hi] .statement strong,[lang=hi] .guide h3,[lang=hi] header>a{font-family:"Noto Sans Devanagari","Nirmala UI","Mangal","Kohinoor Devanagari",Arial,sans-serif}
[lang=ja] *,[lang=ko] *,[lang=zh-Hans] *,[lang=hi] *{letter-spacing:0!important;text-transform:none!important}
[lang=ja] *,[lang=zh-Hans] *{hyphens:manual!important;line-break:strict}
[lang=ko] *{word-break:keep-all;overflow-wrap:break-word!important;hyphens:manual!important}
[lang=ja] body,[lang=zh-Hans] body,[lang=ko] body{line-height:1.8}
[lang=hi] body{line-height:1.75}
[lang=ja] .hero h1,[lang=zh-Hans] .hero h1,[lang=ko] .hero h1,[lang=hi] .hero h1{font-size:clamp(40px,4.6vw,68px);line-height:1.3;font-weight:700}
[lang=ja] .statement strong,[lang=zh-Hans] .statement strong,[lang=ko] .statement strong,[lang=hi] .statement strong{font-size:24px;line-height:1.45}
[lang=ru] .hero h1{font-size:clamp(40px,4.4vw,68px);hyphens:manual}
[lang=id] .hero h1{font-size:clamp(44px,4.8vw,76px)}
@media(max-width:700px){[lang=ja] .hero h1,[lang=zh-Hans] .hero h1,[lang=ko] .hero h1,[lang=hi] .hero h1,[lang=ru] .hero h1,[lang=id] .hero h1{font-size:clamp(34px,10vw,52px)}}

.pause{min-height:32px;padding:6px 12px;opacity:.85;bottom:10px}

footer a{white-space:nowrap}
.cvp-social{display:inline-flex;gap:4px;vertical-align:middle;margin-inline-start:10px}
a.cvp-soc{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0!important;border-radius:50%;color:inherit;opacity:.9}
a.cvp-soc:hover,a.cvp-soc:focus-visible{opacity:1;outline:2px solid currentColor;outline-offset:-4px}
a.cvp-soc{color:#1c1c1c;opacity:1}
a.cvp-soc:hover{color:#1f5c45}
article .cvp-social,main .cvp-social{margin-inline-start:-10px}