*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#050507;color:#fff}
body{font:400 17px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:56px clamp(16px,4vw,48px) 88px}
.mark{width:180px;height:auto;margin-bottom:32px}
.eyebrow{font:700 12px/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#F7941D}
h1{font:400 clamp(40px,7vw,84px)/.92 Anton,Impact,sans-serif;text-transform:uppercase;margin:12px 0 18px}
.lede{max-width:60ch;color:#D2D2DC}
.pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px;margin-top:44px}
.card{display:block;text-decoration:none;background:#111116;border:1px solid rgba(255,255,255,.14)}
.card:hover,.card:focus-visible{border-color:#3CB6F2}
.card:focus-visible{outline:3px solid #3CB6F2;outline-offset:3px}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#222}
.card .t{padding:20px 22px 24px}
.card h2{font:400 clamp(28px,4vw,40px)/1 Anton,Impact,sans-serif;text-transform:uppercase}
.card p{margin-top:8px;color:#D2D2DC;font-size:16px}
.card .go{margin-top:14px;font:700 14px/1 Montserrat,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#F7941D}
.note{margin-top:40px;font-size:14px;color:#B4B4C0;max-width:70ch}