header{background:var(--color-secondary-bg);justify-content:center;align-items:center;width:100%;height:320px;padding:24px 0;display:flex}.banner{border-radius:10px;justify-content:center;align-items:center;max-width:860px;height:30vw;min-height:110px;max-height:260px;display:flex;overflow:hidden}.banner img{width:1200px;height:400px}.banner video{height:100%}main{max-width:860px;margin:0 auto}main nav{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:6px;padding-top:24px;font-size:1rem;font-weight:600}a{color:var(--color-accent)}h1{letter-spacing:.01em;margin:0 0 32px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700}.container{flex-direction:column;gap:36px;display:flex}section .banner{margin-bottom:14px}section h2{margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}section h2 a:hover,section h2 a:focus{text-decoration:underline}section p{color:oklch(30% .01 90);margin:0 0 10px;font-size:13px;line-height:1.6}section ul{flex-wrap:wrap;gap:6px;padding-inline-start:0;list-style:none;display:flex}section ul li{border:1px solid oklch(80% .02 200);border-radius:10px;padding:3px 8px;font-size:.8rem}@media (width<=720px){header,main,.wrapper{padding:12px}}