*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,serif;background:#0b0b0d;color:#e6e2da}
a{color:#d9a441}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid #222}
.brand{font:700 1.2rem system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#e6e2da;text-decoration:none}nav a{margin-left:1.1rem;font-family:system-ui,sans-serif;text-decoration:none}
main{max-width:1000px;margin:auto;padding:2rem 5%}section{padding:2.5rem 0;border-bottom:1px solid #1d1d22}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.hero img{width:100%;height:auto;border:1px solid #333}
h1,h2{font-family:system-ui,sans-serif;letter-spacing:.05em}h1{font-size:2.6rem;margin:.2rem 0}.k{color:#999;text-transform:uppercase;letter-spacing:.2em;font:600 .8rem system-ui}
.btn{display:inline-block;background:#d9a441;color:#111;padding:.7rem 1.3rem;text-decoration:none;font:700 1rem system-ui;border:0;cursor:pointer;margin:.3rem .3rem 0 0}
.embed{background:#16161a;border:1px dashed #444;padding:2rem;text-align:center;color:#999;margin:1rem 0}.ph{background:#3a2f12;color:#f1d38a;padding:0 .2rem}
input{padding:.65rem;border:1px solid #444;background:#16161a;color:#eee;font:inherit;width:min(100%,320px)}
ul.soc{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}footer{padding:1.5rem 5%;color:#777;font:.9rem system-ui}
@media(max-width:700px){.hero{grid-template-columns:1fr}h1{font-size:2rem}nav a{margin:0 1rem 0 0}}