
html{scrollbar-gutter:stable}
body{--picker-bg:#eee7f7;--picker-ink:#320e3b;--picker-hover:#ded0ef}
body.business{--picker-bg:#e1f3f0;--picker-ink:#103f3e;--picker-hover:#cbe6df}
body.about,body.legal-preview{--picker-bg:#f4faef;--picker-ink:#30452e;--picker-hover:#d7e8cf}
body .header .header-inner{max-width:1328px;width:100%;padding:0 40px;min-height:88px;display:grid;grid-template-columns:210px minmax(0,1fr) 174px 142px;gap:24px;align-items:center;direction:ltr}
body .header .header-inner>a{grid-column:1;grid-row:1;justify-self:start}
body .header .brand{display:flex;align-items:center;width:194px;gap:10px}
body .header .brand-lotus{width:66px;height:48px}
body .header .word-dark,body .header .word-light{width:118px;height:30px}
body .header .audience{grid-column:2;grid-row:1;justify-self:start;margin:0;position:static;transform:none;width:auto}
body.header-b .header .audience{justify-self:center}
body .header .navlinks{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;gap:24px;margin:0;position:static;padding:0;background:transparent;white-space:nowrap}
body[data-type=new] .header :is(.navlinks,.audience,button){font-family:'Manrope',sans-serif;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.4}
body .header .audience a{padding:11px 17px;min-height:44px;white-space:nowrap}
body .header .navlinks a{padding:12px 0;white-space:nowrap}
body .header #lang-picker{grid-column:4;grid-row:1;width:142px;order:initial;margin:0}
body .header #lang-picker>button{width:100%;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:24px;background:var(--picker-bg);color:var(--picker-ink);justify-content:space-between}
body #lang-picker-list{background:var(--picker-bg);border-color:var(--picker-hover);border-radius:16px;padding:6px;box-shadow:0 12px 32px #18211e24;font-family:'Manrope',sans-serif}
body #lang-picker-list li{color:var(--picker-ink);min-height:44px;border-radius:10px;font-size:14px}
body #lang-picker-list li:hover,body #lang-picker-list li:focus,body #lang-picker-list li[aria-selected=true]{background:var(--picker-hover)}
body .header #lang-picker>button:focus-visible{outline:3px solid var(--picker-bg);outline-offset:3px;border-color:var(--picker-ink)}
body .header .menu-button{display:none;border:0;border-radius:10px} 
@media(min-width:1200px){body.header-b .header .audience{position:absolute;grid-column:1/-1;left:50%;transform:translateX(-50%)}}
@media(max-width:1199px){body .header .header-inner{grid-template-columns:190px minmax(0,1fr) 155px 130px;gap:16px;padding-inline:24px}body .header .navlinks{gap:18px}body .header #lang-picker{width:130px}body .header .audience a{padding-inline:12px}}
@media(max-width:1000px){body .header .header-inner{grid-template-columns:1fr auto 130px;min-height:76px;padding:12px 24px;gap:10px 16px}body .header .menu-button{display:block;grid-column:2;grid-row:1;margin:0;min-height:44px;padding:10px}body .header #lang-picker{grid-column:3}body .header .audience{grid-column:1/-1;grid-row:2;justify-self:center}body .header .navlinks{display:none;grid-column:1/-1;grid-row:3;justify-content:center;padding:8px 0}body .header .navlinks.open{display:flex}body .header .brand{width:194px}}
@media(max-width:480px){body .header .header-inner{padding:10px 16px;grid-template-columns:1fr auto 112px;gap:8px}body .header .brand{width:136px;gap:6px}body .header .brand-lotus{width:44px;height:36px}body .header .word-dark,body .header .word-light{width:86px;height:25px}body .header #lang-picker{width:112px}body[data-type=new] .header :is(.navlinks,.audience,button){font-size:12px}body .header #lang-picker>button{padding:8px}.header .lang-flag svg{width:16px}body .header .menu-button{padding:8px 4px}body .header .audience a{font-size:13px;padding:10px 22px}}
@media(max-width:359px){body .header .header-inner{padding-inline:10px;grid-template-columns:1fr auto 98px;gap:6px}body .header .brand{width:118px}body .header .brand-lotus{width:36px}body .header .word-dark,body .header .word-light{width:76px}body .header #lang-picker{width:98px}body .header .lang-flag{display:none}}

/* Popup is attached to body: no header clipping / containing-block surprises. */
body #lang-picker-list{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 24px);direction:ltr}
body .header .navlinks a,body .header .navlinks a:hover,body .header .navlinks a[aria-current]{text-decoration:none!important;border-bottom:0;box-shadow:none}
body .header .navlinks a[aria-current]{font-weight:700}
/* Mirror the outer hero gutter with reading direction, not the photograph. */
@media(min-width:761px){
html[dir=rtl] body:not(.about)[data-refine=after] .hero{padding-left:max(40px,calc((100vw - 1200px)/2));padding-right:0}
html[dir=rtl] body:not(.about)[data-refine=after] .hero-copy{padding-left:24px;padding-right:max(40px,calc((100vw - 1200px)/2))}
}
html[dir=rtl] .hero-media img{inset:0;object-position:center}
