:root{
 --navy:#24324A;--teal:#3A7677;--orange:#DD7438;--paper:#F4F0E9;
 --ink:#20262B;--muted:#59636A;--line:#D9D8D2;
}
.piero-legal{
 background:var(--paper);
 color:var(--ink);
 padding:clamp(64px,8vw,118px) 0 clamp(80px,10vw,140px);
}
.piero-legal__inner{
 width:min(920px,calc(100% - 48px));
 margin:0 auto;
}
.piero-legal article{
 font-family:'Barlow',Arial,system-ui,sans-serif;
 font-size:17px;
 line-height:1.68;
}
.piero-legal h1,.piero-legal h2,.piero-legal h3{
 font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
 color:var(--navy);
 letter-spacing:-.02em;
 text-wrap:balance;
}
.piero-legal h1{
 font-size:clamp(52px,7vw,88px);
 line-height:.92;
 margin:0 0 54px;
 max-width:12ch;
 text-transform:uppercase;
}
.piero-legal h2{
 font-size:clamp(29px,3.2vw,42px);
 line-height:1.05;
 margin:64px 0 18px;
 padding-top:24px;
 border-top:1px solid var(--line);
}
.piero-legal h3{
 font-size:clamp(22px,2.2vw,29px);
 line-height:1.12;
 margin:40px 0 14px;
}
.piero-legal p{margin:0 0 20px}
.piero-legal ul,.piero-legal ol{margin:10px 0 28px;padding-left:1.35em}
.piero-legal li{margin:8px 0;padding-left:.2em}
.piero-legal a{
 color:var(--teal);
 text-decoration-thickness:1px;
 text-underline-offset:3px;
 overflow-wrap:anywhere;
}
.piero-legal a:hover{color:var(--navy)}
.piero-legal strong{font-weight:700;color:var(--navy)}
.piero-legal img{
 display:block;
 max-width:100%;
 height:auto;
 margin:30px 0 32px;
 border:1px solid var(--line);
}
.piero-legal blockquote{
 margin:34px 0;
 padding:4px 0 4px 24px;
 border-left:4px solid var(--orange);
 color:var(--navy);
 font-size:1.08em;
}
.piero-legal table{width:100%;border-collapse:collapse;margin:30px 0;display:block;overflow-x:auto}
.piero-legal th,.piero-legal td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.piero-legal th{color:var(--navy);font-weight:700}
@media(max-width:700px){
 .piero-legal{padding:56px 0 80px}
 .piero-legal__inner{width:min(100% - 32px,920px)}
 .piero-legal article{font-size:16px;line-height:1.62}
 .piero-legal h1{margin-bottom:42px}
 .piero-legal h2{margin-top:48px}
}