@font-face{font-family:"Playfair";src:url(fonts/Playfair-Bold.ttf);font-weight:700}
@font-face{font-family:"Lato";src:url(fonts/Lato-Regular.ttf);font-weight:400}
@font-face{font-family:"Lato";src:url(fonts/Lato-Bold.ttf);font-weight:700}
:root{--green:#1d392a;--gold:#c9a961;--cream:#faf7ec;--ink:#2a2e2a;--soft:#5f665e}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Lato,Arial,sans-serif;color:var(--ink);background:var(--cream);font-size:20px;line-height:1.55}
h1,h2,h3{font-family:Playfair,Georgia,serif;color:var(--green);line-height:1.2}
img{display:block;max-width:100%}
.wrap{max-width:1100px;margin:0 auto;padding:0 28px}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:700;padding:14px 26px;border-radius:8px;font-size:18px}
.btn.gold{background:var(--gold);color:var(--green)}
.btn.soon{background:#d9d3bf;color:var(--soft)}
.cover{box-shadow:0 10px 28px rgba(0,0,0,.18);border-radius:4px}
.label{font-size:15px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.photo{border-radius:50%;border:5px solid var(--gold);object-fit:cover}
footer{background:var(--green);color:#e8e2cf;text-align:center;padding:28px;font-size:16px}
@media(max-width:760px){.cols{grid-template-columns:1fr!important}}