@font-face{font-family:"Source Serif 4";src:url(../fonts/source-serif-4-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(../fonts/source-serif-4-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(../fonts/source-serif-4-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Oswald";src:url(../fonts/oswald-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Oswald";src:url(../fonts/oswald-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
nav ul a{color:inherit;text-decoration:none}nav ul a:hover{color:var(--slate2)}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:#fff;color:#000;padding:8px 12px;z-index:99}
.menu-btn{display:none;background:none;border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer}
@media(max-width:860px){
 .menu-btn{display:block}
 nav{flex-wrap:wrap;position:relative}
 nav ul.open{display:flex!important;flex-direction:column;gap:14px;width:100%;padding:16px 0 4px;font-size:18px}
 .hero nav ul.open{background:rgba(0,0,0,.75);padding:16px;border-radius:10px;margin-top:10px}
}
video{background:#000}