:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#171719;color:#efefef;font:18px/1.65 system-ui,sans-serif}header,main,footer{width:min(100% - 40px,860px);margin:auto}header{padding:24px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #444}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#cbc7ff;text-underline-offset:4px}a:hover{color:white}a:focus-visible{outline:3px solid #cbc7ff;outline-offset:5px}main{padding:54px 0}h1{font-size:clamp(32px,5vw,52px);line-height:1.13;letter-spacing:-.03em;max-width:820px}h2{font-size:25px;line-height:1.3}p{max-width:70ch}.intro{font-size:22px;color:#ccc}.eyebrow{font-size:14px;letter-spacing:.04em;color:#b6b3c4;margin-bottom:12px}section,article{border-top:1px solid #444;margin-top:38px;padding-top:24px}aside{background:#242427;padding:24px;margin-top:44px}footer{border-top:1px solid #444;padding:24px 0 40px;font-size:15px}a{overflow-wrap:anywhere}@media(max-width:480px){main{padding-top:32px}nav{gap:16px;font-size:16px}.intro{font-size:20px}aside{padding:18px}}