#principles .pr-grid{transform:translateY(-15svh)}
#principles .principles-portrait{display:none!important}
@media(max-width:800px){#principles .pr-grid{transform:translateY(-5svh);grid-template-columns:1fr;gap:25px}#principles .pr-head{display:block}#principles .pr-head h2{font-size:47px;max-width:none;margin:22px 0!important}#principles .pr-item h3{font-size:clamp(23px,5.8vw,30px)}#principles .pr-item p{font-size:16px}}
@media(max-width:500px){#principles .pr-grid{transform:none;padding-top:30px}#principles .pr-head h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){#principles .pr-grid{transform:none}}