/* Scoped legal typography: never leak document styles into the portfolio. */
.legal-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#efefeb;color:#1e1e1e;overflow:auto;overscroll-behavior:contain;font-family:Montserrat,Arial,sans-serif;perspective:1600px}
.legal-dialog::backdrop{background:transparent}
.legal-dialog{font-weight:400;line-height:1.5;font-synthesis:none}
.legal-dialog .legal-wrap{max-width:1100px;margin:auto;padding:28px 28px 70px;transform-origin:100% 50%;min-height:100%}
.legal-dialog a{color:inherit}
.legal-dialog .legal-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #1e1e1e26}
.legal-dialog .legal-logo img{width:36px;height:auto}
.legal-dialog .legal-back{font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none}
.legal-dialog .legal-kicker{margin-top:80px;color:#ea5b0c;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.legal-dialog h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(58px,9vw,130px);line-height:.84;font-weight:400;margin:16px 0 22px}
.legal-dialog .legal-date,.legal-dialog .site-pill{display:inline-flex;margin-right:8px;padding:8px 10px;border:1px solid #1e1e1e26;font-size:9px;font-weight:800;letter-spacing:.08em}
.legal-dialog .legal-content{margin-top:64px;max-width:800px}
.legal-dialog .legal-section{padding:24px 0;border-top:1px solid #1e1e1e26}
.legal-dialog .legal-section h2{font-family:'Bebas Neue',Impact,sans-serif;font-size:30px;font-weight:400;margin:0 0 10px}
.legal-dialog .legal-section p{font-size:13px;line-height:1.75;color:#72726c;margin:0;user-select:text}
.legal-dialog .legal-section a{color:#ea5b0c}
.legal-dialog .legal-footer{margin-top:70px;padding-top:22px;border-top:1px solid #1e1e1e26;font-size:10px;color:#72726c}
@media(max-width:600px){.legal-dialog .legal-wrap{padding:20px 16px 50px}.legal-dialog .legal-kicker{margin-top:55px}}
/* Keep the sheets consistent with the borderless portfolio. */
.legal-dialog .legal-top,.legal-dialog .legal-date,.legal-dialog .site-pill,.legal-dialog .legal-section,.legal-dialog .legal-footer{border:0}
.legal-dialog .legal-content,.legal-dialog .legal-content *,.legal-dialog .legal-footer,.legal-dialog .legal-footer *{user-select:text;-webkit-user-select:text}
.legal-dialog a:focus-visible{outline:2px solid #ea5b0c;outline-offset:5px}
