@font-face{font-family:Manrope;src:url('fonts/menu/manrope.ttf');font-weight:200 800;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#191b1e;color:#f2f3f4;font:18px/1.65 Manrope,Arial,sans-serif}main{max-width:1600px;margin:auto;padding:32px}nav{display:flex;justify-content:space-between;gap:24px;margin-bottom:48px}a{color:inherit;text-underline-offset:4px}h1{font-size:clamp(36px,5vw,60px);line-height:1.15;margin:16px 0}h2{font-size:28px;line-height:1.3}.intro{max-width:900px;color:#c1c7ce}.eyebrow,.tag{font-size:14px;letter-spacing:.05em;text-transform:uppercase}.builds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:36px 0}.build,.source,.explain{border:1px solid #424952;border-radius:18px;overflow:hidden;background:#22272d}.build:first-child{border-top:5px solid #e58bb0}.build:nth-child(2){border-top:5px solid #6bc8da}.build img{display:block;width:100%;height:340px;object-fit:cover;object-position:top}.body{padding:28px}.tag{color:#efb57c}.state{font-size:15px;color:#9cd8c7}.go{display:inline-block;padding:12px 18px;border-radius:10px;background:#e4b885;color:#22272d;font-weight:700}.explain{padding:30px;margin:36px 0}.explain h2{margin-top:0}dt{font-weight:750;color:#d5b5eb;margin-top:22px}dd{margin:8px 0;color:#c1c7ce}.sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.source{display:block;padding:24px;text-decoration:none;border-left:5px solid #89b7de}.source:nth-child(even){border-left-color:#b3c78a}.source h3{margin-top:0}.source p{color:#c1c7ce}a:focus-visible{outline:3px solid #bba5ff;outline-offset:4px}footer{color:#bbc2cb;font-size:14px;margin:36px 0}@media(max-width:850px){.builds,.sources{grid-template-columns:1fr}}@media(max-width:500px){main{padding:18px}nav{flex-wrap:wrap}.body,.explain{padding:22px}.build img{height:260px}}
