header nav{display:flex;gap:28px;font-size:14px;color:#74716b}main{padding:10vh 8vw 140px 12vw}.hero{display:grid;grid-template-columns:1fr 1.25fr;gap:5vw;align-items:center}.product-name{font-size:17px;margin:0 0 30px;color:#74716b}h1{font-size:clamp(48px,5.5vw,82px);font-weight:300;line-height:1.12;letter-spacing:-.045em;color:#1a1a1a;margin:0 0 30px}.subtitle{font-size:21px;line-height:1.55;max-width:470px;margin:0 0 32px}.github-link{display:inline-block;border-bottom:1px solid #1a1a1a66;padding-bottom:5px;font-size:16px}.status{font-size:12px;max-width:360px;margin-top:24px;color:#89837b}figure{margin:0;width:100%;max-width:580px}video{width:100%;height:auto;display:block;border-radius:12px;background:#111;box-shadow:0 15px 48px #1a1a1a15}figcaption{font:11px/1.5 system-ui,sans-serif;color:#89837b;margin-top:12px}.explanation{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;margin-top:140px;padding-top:55px;border-top:1px solid #1a1a1a18}.explanation h2{font-size:42px;margin:0}.explanation p{font-size:17px;margin:0 0 24px}.explanation a{font-size:15px;border-bottom:1px solid #1a1a1a55}@media(max-width:800px){main{padding:65px 26px 130px}.hero,.explanation{grid-template-columns:1fr;gap:48px}h1{font-size:52px}.subtitle{font-size:19px}.explanation{margin-top:80px}figure{max-width:580px}header nav{gap:20px}}