*{box-sizing:border-box;margin:0;padding:0;}
body{background:#FAF8F4;font-family:'Poppins',sans-serif;color:#1F1B16;-webkit-font-smoothing:antialiased;}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 48px;position:sticky;top:0;z-index:100;background:rgba(250,248,244,.92);backdrop-filter:blur(10px);border-bottom:1px solid #EFE9DD;}
.logo-img{height:36px;width:auto;display:block;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{font-family:'Syne',sans-serif;font-size:13px;font-weight:500;color:#5F5246;text-decoration:none;transition:color .15s;}
.nav-links a:hover,.nav-links a.active{color:#1F1B16;}
.nav-links .cta{color:#FAF8F4;background:#1F1B16;padding:10px 22px;border-radius:999px;font-weight:600;}
.nav-links .cta:hover{background:#3A3228;color:#FAF8F4;}
.hdr{padding:72px 48px 32px;}
.hdr-kicker{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:3px;color:#A39B8D;margin-bottom:16px;}
.hdr-title{font-family:'Cormorant',serif;font-size:56px;font-weight:600;letter-spacing:-1px;line-height:1.05;}
.filters{padding:32px 48px 32px;display:flex;gap:8px;flex-wrap:wrap;}
.filters button{font-family:'Syne',sans-serif;font-size:12px;font-weight:500;letter-spacing:.3px;padding:9px 20px;border-radius:999px;border:1px solid #D8D0C4;background:transparent;color:#5F5246;cursor:pointer;transition:all .18s;}
.filters button:hover{border-color:#1F1B16;color:#1F1B16;}
.filters button.on{background:#1F1B16;color:#FAF8F4;border-color:#1F1B16;}
.grid{padding:0 40px 60px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
.card{position:relative;border-radius:14px;overflow:hidden;background:#EDE7DB;text-decoration:none;display:block;}
.card img{width:100%;height:auto;display:block;transition:transform .5s ease;}
.card:hover img{transform:scale(1.03);}
.overlay{position:absolute;inset:0;background:rgba(31,27,22,0);transition:background .3s;display:flex;align-items:flex-end;padding:24px;pointer-events:none;}
.card:hover .overlay{background:rgba(31,27,22,.42);}
.oi{opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;}
.card:hover .oi{opacity:1;transform:translateY(0);}
.oi .tag{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.7);display:block;margin-bottom:5px;}
.oi h2{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.1px;line-height:1.3;}
.oi .arr{font-family:'Poppins',sans-serif;display:inline-block;margin-top:7px;font-size:12px;color:#E8C9A0;}
.meta{display:none;}
.meta .tag{font-family:'Poppins',sans-serif;font-size:9px;letter-spacing:1.5px;color:#A39B8D;display:block;margin-bottom:2px;}
.meta h3{font-family:'Syne',sans-serif;font-size:13px;font-weight:700;color:#1F1B16;letter-spacing:-.1px;}
footer{position:relative;overflow:hidden;padding:80px 48px 44px;text-align:center;border-top:1px solid #EFE9DD;}
.fg{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(80,140,110,.72) 0%,rgba(80,140,110,.36) 42%,transparent 70%);bottom:-270px;left:-80px;filter:blur(2px);pointer-events:none;}
.fp{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(220,150,110,.36) 0%,rgba(220,150,110,.10) 45%,transparent 70%);top:-100px;right:-30px;filter:blur(3px);pointer-events:none;}
.fi{position:relative;z-index:2;}
.fi .kicker{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:3px;color:#A39B8D;}
.fi h2{font-family:'Cormorant',serif;font-size:38px;font-weight:600;letter-spacing:-1px;margin:12px 0 0;}
.fi .btn{font-family:'Syne',sans-serif;font-weight:600;display:inline-block;margin-top:22px;font-size:13px;color:#FAF8F4;background:#1F1B16;padding:12px 28px;border-radius:999px;text-decoration:none;}
.fi .btm{display:flex;justify-content:space-between;align-items:center;margin-top:52px;padding-top:18px;border-top:1px solid #E2DBD0;}
.fi .btm span{font-family:'Poppins',sans-serif;font-size:11px;color:#A39B8D;}
@media (max-width:768px){
  nav{padding:16px 24px;}
  .logo-img{height:40px;}
  .grid{padding:0 24px 60px;gap:10px;grid-template-columns:1fr;}
  .hdr{padding:60px 24px 24px;}
  .filters{padding:24px 24px 24px;}
}