:root{--paper:#eee8dd;--ink:#090909;--muted:#6a645b;--line:#cec5b6;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block}
.skip{position:absolute;top:-100px;left:20px;z-index:20;padding:12px;background:var(--ink);color:var(--paper)}
.skip:focus{top:12px}
.header{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand img{width:104px;height:auto;filter:brightness(0)}
.header nav{display:flex;gap:32px;font-size:12px}
.header a:hover,.footer a:hover{opacity:.58}
.legal-hero{padding:105px 6% 90px;border-bottom:1px solid var(--line)}
h1,h2{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
h1{font-size:clamp(62px,8vw,112px);line-height:.92}
h1 em{color:var(--muted);font-weight:400}
.legal-layout{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:9%;padding:90px 6% 125px}
.legal-layout aside{position:sticky;top:40px;align-self:start;border-top:1px solid var(--line);padding-top:20px}
.legal-layout aside span{font-size:10px;letter-spacing:.17em}
.legal-layout aside p{max-width:240px;color:var(--muted);font:19px/1.45 var(--serif)}
.legal-content{max-width:820px}
.legal-content section{padding:0 0 62px;margin:0 0 62px;border-bottom:1px solid var(--line)}
.legal-content section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.legal-content h2{font-size:34px;line-height:1.15;margin-bottom:30px}
.legal-content p{margin:0 0 20px;color:#39352f}
.legal-content strong{color:var(--ink);font-weight:600}
.legal-content a{border-bottom:1px solid #8e8374;padding-bottom:2px}
.footer{display:flex;justify-content:space-between;gap:35px;padding:32px 6%;border-top:1px solid #3a3630;background:var(--ink);color:var(--paper);font-size:11px}
.footer nav{display:flex;gap:28px}
@media(max-width:700px){
  .header{height:78px;padding:0 20px}.brand img{width:82px}.header nav{gap:15px;font-size:10px}
  .legal-hero{padding:72px 20px 62px}h1{font-size:62px}
  .legal-layout{grid-template-columns:1fr;gap:55px;padding:62px 20px 85px}
  .legal-layout aside{position:static}.legal-layout aside p{font-size:18px}
  .legal-content section{padding-bottom:45px;margin-bottom:45px}
  .legal-content h2{font-size:29px;margin-bottom:24px}.legal-content p{font-size:14px}
  .footer{flex-direction:column;padding:28px 20px}.footer nav{flex-wrap:wrap;gap:14px 22px}
}