.legal-page{background:#fff;color:var(--navy)}
.legal-page__hero{position:relative;overflow:hidden;padding:clamp(55px,7vw,110px) var(--page-gutter) clamp(60px,7vw,100px);background:var(--azure);color:#fff}
.legal-page__hero::after{content:"";position:absolute;right:-4%;top:-30%;width:42vw;aspect-ratio:1;border:2px solid rgba(255,255,255,.28);box-shadow:45px 45px 0 -2px rgba(255,255,255,.11),90px 90px 0 -4px rgba(255,255,255,.1);transform:rotate(-11deg);pointer-events:none}
.legal-page__hero--cookie{background:var(--navy)}
.legal-page__hero h1{position:relative;z-index:1;margin:42px 0 26px;font:760 clamp(82px,12vw,188px)/.86 var(--display-font),Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.legal-page__hero h1 em{font-style:normal;color:var(--navy)}
.legal-page__hero--cookie h1 em{color:var(--azure)}
.legal-page__hero>p:last-child{position:relative;z-index:1;max-width:660px;margin:0;font-size:clamp(18px,2vw,27px);line-height:1.35}
.legal-page__layout{display:grid;grid-template-columns:minmax(180px,.26fr) minmax(0,.74fr);gap:clamp(35px,8vw,150px);padding:clamp(55px,7vw,100px) var(--page-gutter) clamp(80px,9vw,145px)}
.legal-page__rail{display:flex;flex-direction:column;gap:24px;font-size:14px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
.legal-page__rail span+span{color:#5f7486;font-weight:500}
.legal-page__content{max-width:920px}
.legal-page__draft{padding:24px 28px;background:#eaf7fc;border-left:5px solid var(--azure);line-height:1.55}
.legal-page__content section{padding:35px 0 42px;border-bottom:1px solid var(--metal)}
.legal-page__content h2{margin:0 0 24px;font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.035em}
.legal-page__content h3{margin:28px 0 10px;font-size:20px}
.legal-page__content p{max-width:78ch;margin:0 0 18px;font-size:clamp(16px,1.4vw,19px);line-height:1.65}
.legal-page__content p:last-child{margin-bottom:0}
.legal-page__content a{color:#087aaa;text-decoration:underline;text-underline-offset:3px}
.legal-page__settings{padding:14px 20px;background:var(--navy);border:1px solid var(--navy);color:#fff;cursor:pointer;font-weight:700}
.legal-page__settings:hover{background:var(--azure);border-color:var(--azure)}
@media(max-width:760px){.legal-page__hero{padding-inline:20px}.legal-page__hero::after{width:70vw;top:5%}.legal-page__hero h1{font-size:clamp(76px,18vw,120px)}.legal-page__layout{display:block;padding-inline:20px}.legal-page__rail{margin-bottom:35px}.legal-page__draft{padding:20px}}