*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit}:focus-visible{outline:3px solid currentColor;outline-offset:3px}nav{display:flex;gap:1.4rem;flex-wrap:wrap}nav a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .3s}nav a:hover{background-size:100% 2px}svg{display:block;width:100%}body{background:#e7e3da;color:#222;font:1rem/1.6 Helvetica,Arial,sans-serif}.h{display:flex;justify-content:space-between;padding:1.2rem 5vw;gap:1rem;flex-wrap:wrap}.hero{padding:7vw 5vw}h1{font:300 clamp(2.4rem,9vw,7rem)/1 Helvetica,Arial,sans-serif;margin:0}.hero p{margin:2rem 0 0 18vw;max-width:30ch}.g{padding:5vw;border-top:1px solid #2224}h2{font-weight:400;font-size:1.3rem;margin:0 0 1.5rem}figure{margin:0;overflow:hidden}figure svg{transition:transform .8s}figure:hover svg{transform:scale(1.05)}figcaption{padding:.5rem 0}ul{list-style:none;padding:0;max-width:500px}li{padding:.8rem 0;border-bottom:1px solid #2224;transition:padding .25s}li:hover{padding-left:.8rem}