@import url("./transitions.css");
@import url("./typography.css");
:root{color-scheme:dark;font-family:'Space Grotesk',Arial,Helvetica,sans-serif;background:#101010;color:#efefef}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid white;outline-offset:6px}.skip{position:absolute;top:-80px;background:#222;padding:14px}.skip:focus{top:5px}header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 5%;border-bottom:1px solid #333}.brand{font-size:23px;font-weight:700;letter-spacing:-1px}nav{display:flex;gap:24px;font-size:13px;flex-wrap:wrap}nav [aria-current]{text-decoration:underline;text-underline-offset:7px}main{max-width:1080px;margin:auto;padding:65px 30px 80px}.kicker{text-transform:uppercase;letter-spacing:3px;font-size:11px;color:#aaa}h1{font-size:clamp(48px,7vw,94px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:25px 0}.lede{font-size:19px;color:#bbb;max-width:730px;line-height:1.7}.case{display:grid;grid-template-columns:1fr 2fr;gap:45px;border-top:1px solid #444;margin-top:55px;padding-top:30px}h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin:0}h3{font-size:16px;font-weight:500;margin:25px 0 10px}.case p{color:#bbb;font-size:16px;line-height:1.8;margin:0 0 18px}.case a{display:inline-block;border:1px solid #777;border-radius:24px;padding:12px 18px;margin:8px 10px 8px 0;font-size:14px}.case a:hover{background:#333}footer{border-top:1px solid #333;padding-top:25px;margin-top:55px;font-size:13px;color:#bbb}@media(max-width:600px){header{align-items:flex-start;padding:24px;gap:20px}nav{gap:12px;font-size:11px;justify-content:flex-end}main{padding:40px 24px}.case{grid-template-columns:1fr;gap:20px;margin-top:35px}.lede{font-size:17px}}
:where(p,h1,h2,h3,a){overflow-wrap:anywhere}nav a{min-height:44px;display:inline-flex;align-items:center}nav{gap:16px}header .brand{min-height:44px;display:inline-flex;align-items:center}.case{scroll-margin-top:24px}.case>div{min-width:0}.case p{max-width:65ch}footer a{display:inline-flex;align-items:center;min-height:44px}.skip{z-index:10}#main:focus{outline:none}@media(max-width:600px){header{flex-wrap:wrap;gap:8px}header nav{width:100%;justify-content:flex-start;gap:4px 16px;font-size:13px}main{padding-top:32px}.case a{min-height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}