.hgrp{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}
.lang button{background:none;border:0;padding:6px 10px;border-radius:999px;font:600 13px 'Heebo',system-ui,sans-serif;color:var(--mute);cursor:pointer;min-width:38px}
.lang button[aria-pressed=true]{background:#fff;color:var(--ink)}
.lang button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
html[lang=en] body,html[lang=el] body{font-family:'Manrope','Heebo',system-ui,sans-serif}
html[lang=en] h1,html[lang=el] h1,html[lang=en] h2,html[lang=el] h2,html[lang=en] .card h3,html[lang=el] .card h3,html[lang=en] .pull p,html[lang=el] .pull p{font-family:'Fira Sans Extra Condensed','Manrope',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.005em}
html[dir=ltr] .ah h1{font-size:clamp(38px,5.4vw,80px);line-height:.95;max-width:20ch}
html[dir=ltr] h1{line-height:.98}
html[dir=ltr] .aw>h2,html[dir=ltr] .rel h2,html[dir=ltr] .fbv h2{font-size:clamp(30px,3.8vw,46px);line-height:1}
html[dir=ltr] .pull p{font-size:clamp(26px,3.2vw,38px);line-height:1.12}
html[dir=ltr] .card h3{font-size:26px;line-height:1.05}
html[dir=ltr] .aw>p.first::first-letter{float:left;margin:8px 14px 0 0;font-family:'Fira Sans Extra Condensed',sans-serif;font-weight:800;font-size:96px}

@media (max-width:480px){.top .mark{font-size:18px;letter-spacing:.1em}.hgrp{gap:6px}.lang button{padding:5px 7px;min-width:30px;font-size:12px}header.top .hgrp .btn{padding:0 12px;font-size:14px;min-height:38px}}
@media (max-width:360px){.top .mark{font-size:16px}header.top .hgrp .btn{padding:0 10px;font-size:13px}}
.top .mark{white-space:nowrap}
html[lang=el] h1,html[lang=el] h2,html[lang=en] h1,html[lang=en] h2{overflow-wrap:break-word;hyphens:manual}
@media (max-width:600px){html[dir=ltr] .ah h1,html[dir=ltr] .hin h1,html[dir=ltr] main h1{font-size:clamp(34px,10.5vw,52px);line-height:.98}html[dir=ltr] main h2{font-size:clamp(28px,8.2vw,40px);line-height:1.02}html[dir=ltr] .pull p{font-size:clamp(24px,7vw,32px)}}
@media (max-width:420px){.top .mark{font-size:16px;letter-spacing:.08em;gap:7px}.hgrp{gap:6px}.lang{padding:2px}.lang button{padding:4px 6px;min-width:27px;font-size:11.5px}header.top .hgrp .btn{padding:0 11px;font-size:13px;min-height:36px}}