/* Shared reading and keyboard affordances, in the existing platinum palette. */
html{scroll-padding-top:88px}
:where(a,button,summary,input,select,[tabindex]):focus-visible{outline:2px solid #e9ecef;outline-offset:5px}
.skip:focus{z-index:1000}
.case-page .case-work{scroll-margin-top:88px}
/* Keep photo captions legible while the image sequence changes. */
.shoot-enhanced .shoot-copy{opacity:1}
.footer{flex-wrap:wrap}
.footer .footer-legal{flex:0 0 100%;order:10;display:flex;flex-wrap:wrap;gap:8px 26px;border-top:1px solid var(--line);padding-top:18px;margin-top:12px}
.footer .footer-legal a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#b8bec5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#747d87}
.footer .footer-legal a:hover{color:var(--paper)}
.legal-main{max-width:880px;padding-block:42px 80px}
.legal-main h1{font-size:clamp(42px,6vw,72px);line-height:1.04;margin:28px 0 22px}
.legal-main h2{font-size:30px;line-height:1.2;margin:38px 0 14px}
.legal-main p,.legal-main li,.legal-main dd{color:#bfc5cb;font-size:16px;line-height:1.8}
.legal-main p+p{margin-top:14px}
.legal-main a{text-decoration:underline;text-underline-offset:4px;color:#e9ecef;overflow-wrap:anywhere}
.legal-main ul{padding-left:22px}
.legal-main li{margin-block:10px}
.legal-main .legal-note{padding:20px;border-left:2px solid #aeb8c3;background:#171b1f}
.legal-main .legal-date{font-size:13px;color:#adb5be}
.legal-main button{display:inline-flex;align-items:center;min-height:44px;background:transparent;color:#e9ecef;border:1px solid #858f9a;padding:10px 16px;cursor:pointer;margin-top:18px}
.legal-main dl>div{padding:18px 0;border-top:1px solid var(--line)}
.legal-main dt{font-size:15px;letter-spacing:0;color:#e9ecef}
.legal-main dd{margin:7px 0 0}
.legal-main [role=status]{min-height:1.8em;margin-top:12px}
@media(max-width:760px){.footer .footer-legal{gap:4px 22px;padding-top:14px}.legal-main{padding-block:26px 48px}.legal-main h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(forced-colors:active){:where(a,button,summary,input,select,[tabindex]):focus-visible{outline:2px solid Highlight}.client-mark img,.identity-wordmark{forced-color-adjust:none}}

.legal-main code{overflow-wrap:anywhere;font-size:.9em}