*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --ink:#0c0b09;
  --gold:#b5813a;
  --gold2:#e2c07a;
  --cream:#f7f3ec;
  --warm:#faf8f4;
  --mid:#7a7060;
  --light:#ede8df;
  --white:#fff;
  --navy:#111827;
}
html{scroll-behavior:smooth;}
body{font-family:'Satoshi',sans-serif;background:var(--warm);color:var(--ink);overflow-x:hidden;cursor:none;}

/* CURSOR */
#cur{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s,height .25s;}
#cur2{position:fixed;width:32px;height:32px;border:1px solid var(--gold);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .18s ease-out;}
.big #cur{width:5px;height:5px;}
.big #cur2{width:56px;height:56px;opacity:.4;}

/* ===== ULTRA NAV ===== */
nav {
  position: fixed;
  top: 0; inset-x: 0;
  z-index: 200;
  height: 68px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 0 48px;
  gap: 32px;
  transition: height .35s ease, background .35s ease, border-color .35s ease;
  border-bottom: 1px solid rgba(181,129,58,0.12);
}

nav::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(to right, transparent 0%, rgba(181,129,58,0.35) 30%, rgba(181,129,58,0.35) 70%, transparent 100%);
  pointer-events: none;
}

nav.s {
  background: rgba(12,11,9,0.97);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  height: 58px;
  border-bottom-color: rgba(181,129,58,0.18);
}

/* ===== LOGO ===== */
.nlogo {
  text-decoration: none;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.nlogo img {
  height: 48px;
  width: auto;
  display: block;
}


/* ===== NAV LINKS ===== */
.nlinks {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  gap: 0;
}

.nlinks li {
  display: flex;
  align-items: center;
}

/* Thin separator between links */
.nlinks li + li::before {
  content: '';
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
}

.nlinks a {
  color: rgba(247, 237, 237, 0.979);
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 8px 18px;
  display: block;
  transition: color .2s;
  position: relative;
}

/* Underline that slides in from left */
.nlinks a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: #b5813a;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

.nlinks a:hover {
  color: #e2c07a;
}

.nlinks a:hover::before {
  transform: scaleX(1);
}

.nlinks a.active {
  color: #e2c07a;
}

.nlinks a.active::before {
  transform: scaleX(1);
}

/* ===== RIGHT SIDE ===== */
.nav-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Search icon button */
.nav-search-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(255,255,255,0.3);
  background: none;
  border: none;
  transition: color .2s;
  padding: 0;
}

.nav-search-btn:hover {
  color: #b5813a;
}

.nav-search-btn svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
}

/* CTA — outline style, fills on hover */
.ncta {
  background: transparent;
  border: 1px solid rgba(181,129,58,0.45);
  color: #b5813a;
  padding: 9px 22px;
  font-size: 11px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .25s, color .25s, border-color .25s, transform .2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.ncta::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23b5813a' fill='none' stroke-width='2'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform .25s;
}

.ncta:hover {
  background: #b5813a;
  color: #0c0b09;
  border-color: #b5813a;
  transform: translateY(-1px);
}

.ncta:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%230c0b09' fill='none' stroke-width='2'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  transform: translateX(3px);
}

/* ===== HAMBURGER ===== */
.ham {
  display: none;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  margin-left: auto;
  padding: 4px;
}

.ham span {
  display: block;
  width: 22px;
  height: 1px;
  background: rgba(255,255,255,0.6);
  transition: all .3s cubic-bezier(.4,0,.2,1);
}

.ham:hover span { background: #b5813a; }

/* Animated X on open */
.ham.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ham.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.ham.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ===== MOBILE MENU ===== */
.mob-nav {
  display: none;
  position: fixed;
  inset: 0;
  top: 58px;
  background: rgba(8,7,6,0.98);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  z-index: 150;
  flex-direction: column;
  padding: 40px 5%;
  border-top: 1px solid rgba(181,129,58,0.12);
}

.mob-nav.open { display: flex; }

.mob-nav a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  font-family: 'Fraunces', serif;
  font-size: 28px;
  font-weight: 700;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color .2s, padding-left .2s;
}

.mob-nav a::after {
  content: '→';
  font-size: 18px;
  color: rgba(181,129,58,0.3);
  font-family: 'Satoshi', sans-serif;
  transition: color .2s, transform .2s;
}

.mob-nav a:hover {
  color: #e2c07a;
  padding-left: 8px;
}

.mob-nav a:hover::after {
  color: #b5813a;
  transform: translateX(4px);
}

.mob-nav a.mob-cta {
  color: #b5813a;
  border-bottom: none;
  margin-top: 24px;
  font-size: 20px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  nav { padding: 0 32px; }
}

@media (max-width: 768px) {
  nav {
    padding: 0 20px;
    grid-template-columns: auto auto;
    gap: 16px;
  }

  .nlinks,
  .nav-right { display: none; }

  .ham { display: flex; }

  .nlogo-sub { display: none; }
}

/* HERO — height 60vh (chhota kiya, baaki sab same) */
.hero{height:60vh;min-height:480px;max-height:640px;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;}
.hero-left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 6% 8%;}
.hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(12,11,9,.88) 0%,rgba(12,11,9,.55) 50%,rgba(12,11,9,.1) 100%);}
.hero-bg img{width:100%;height:100%;object-fit:cover;}
.hero-tag{display:flex;align-items:center;gap:10px;margin-bottom:20px;opacity:0;animation:fu .7s .3s forwards;}
.hero-tag::before{content:'';width:28px;height:1px;background:var(--gold);}
.hero-tag span{font-size:10px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold2);}
.hero-h1{font-family:'Fraunces',serif;font-size:clamp(36px,4.5vw,68px);font-weight:900;color:#fff;line-height:1;margin-bottom:18px;opacity:0;animation:fu .7s .5s forwards;}
.hero-h1 i{font-style:italic;color:var(--gold2);}
.hero-sub{font-size:14.5px;color:rgba(255,255,255,.6);line-height:1.75;max-width:420px;margin-bottom:28px;font-weight:300;opacity:0;animation:fu .7s .7s forwards;}
.hero-btns{display:flex;gap:14px;align-items:center;opacity:0;animation:fu .7s .9s forwards;}
.btn-fill{background:var(--gold);color:#fff;padding:13px 30px;font-size:13.5px;font-weight:500;letter-spacing:.5px;border:none;text-decoration:none;transition:all .3s;display:inline-block;}
.btn-fill:hover{background:#9a6b28;transform:translateY(-2px);}
.btn-line{color:#fff;font-size:13px;display:flex;align-items:center;gap:7px;text-decoration:none;transition:gap .25s;}
.btn-line svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.5;}
.btn-line:hover{gap:12px;}
.hero-right{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 5% 8% 4%;}
.hero-counter{position:absolute;top:50%;right:5%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;animation:fu .5s 1.1s forwards;}
.hero-counter span{font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.35);writing-mode:vertical-rl;}
.hc-line{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--gold));}
.hc-num{font-family:'Fraunces',serif;font-size:13px;color:rgba(255,255,255,.3);}
.hero-slides-mini{display:flex;flex-direction:column;gap:10px;width:200px;align-self:flex-end;opacity:0;animation:fu .6s 1s forwards;}
.hm-thumb{position:relative;cursor:pointer;overflow:hidden;}
.hm-thumb img{width:100%;height:80px;object-fit:cover;transition:transform .5s;filter:brightness(.6);}
.hm-thumb.active img{filter:brightness(1);}
.hm-thumb:hover img{transform:scale(1.05);}
.hm-thumb .hl{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);opacity:0;transition:opacity .3s;}
.hm-thumb.active .hl{opacity:1;}
.hm-lbl{position:absolute;bottom:8px;left:10px;font-size:11px;color:#fff;letter-spacing:.5px;}
.hdots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3;}
.hdot{width:20px;height:2px;background:rgba(255,255,255,.25);border:none;cursor:pointer;transition:all .3s;padding:0;}
.hdot.on{width:36px;background:var(--gold);}

/* STATS STRIP */
.stats{background:var(--navy);display:flex;}
.sitem{flex:1;padding:26px 24px;border-right:1px solid rgba(255,255,255,.07);text-align:center;}
.sitem:last-child{border:none;}
.snum{font-family:'Fraunces',serif;font-size:34px;font-weight:700;color:var(--gold);line-height:1;}
.slbl{font-size:11px;color:rgba(255,255,255,.35);letter-spacing:1.5px;text-transform:uppercase;margin-top:5px;}

/* SHARED */
.eyebrow{font-size:10px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:12px;}
.sec-ttl{font-family:'Fraunces',serif;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.1;color:var(--ink);}
.sec-ttl i{font-style:italic;color:var(--gold);}
.see{font-size:12.5px;color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-weight:500;letter-spacing:.3px;transition:gap .2s;}
.see svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;}
.see:hover{gap:9px;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s,transform .65s;}
.reveal.on{opacity:1;transform:none;}

/* SECTION A: INTERIORS */
.sec-interiors{padding:80px 5%;background:var(--warm);}
.int-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;}
.int-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:560px;}
.int-main{grid-row:1/3;position:relative;overflow:hidden;cursor:pointer;}
.int-main img,.int-side img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.int-main:hover img,.int-side:hover img{transform:scale(1.04);}
.int-side{position:relative;overflow:hidden;cursor:pointer;}
.pov{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,11,9,.88) 0%,transparent 55%);}
.pcont{position:absolute;bottom:0;left:0;right:0;padding:22px 24px;}
.pcat{display:inline-block;background:var(--gold);color:#fff;font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;margin-bottom:9px;font-weight:600;}
.ptitle-lg{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:7px;}
.ptitle-sm{font-family:'Fraunces',serif;font-size:16px;font-weight:600;color:#fff;line-height:1.3;}
.pmeta{font-size:11.5px;color:rgba(255,255,255,.45);}
.rtime{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:rgba(255,255,255,.5);margin-top:6px;}
.rtime svg{width:12px;height:12px;stroke:var(--gold2);fill:none;}

/* SECTION B: REAL ESTATE */
.sec-restate{padding:0 5% 80px;background:var(--warm);}
.re-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;}
.re-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3px;align-items:end;}
.re-card{position:relative;overflow:hidden;cursor:pointer;}
.re-card:nth-child(1){height:320px;}
.re-card:nth-child(2){height:400px;}
.re-card:nth-child(3){height:320px;}
.re-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.re-card:hover img{transform:scale(1.05);}
.re-card .pov{background:linear-gradient(to top,rgba(12,11,9,.92) 0%,transparent 60%);}
.recat{display:inline-block;background:transparent;border:1px solid var(--gold2);color:var(--gold2);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;margin-bottom:9px;font-weight:500;}

/* SECTION C: CATEGORIES */
.sec-cats{background:var(--ink);padding:80px 5%;}
.sec-cats .sec-ttl{color:#fff;}
.sec-cats .sec-ttl i{color:var(--gold2);}
.cats-wrap{margin-top:40px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;}
.cat-item{position:relative;overflow:hidden;cursor:pointer;height:280px;}
.cat-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .4s;filter:brightness(.6) saturate(.8);}
.cat-item:hover img{transform:scale(1.08);filter:brightness(.4) saturate(.5);}
.cat-item .cin{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 14px;}
.cat-name{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:#fff;line-height:1.1;}
.cat-count{font-size:11px;color:rgba(255,255,255,.4);margin-top:3px;letter-spacing:.5px;}
.cat-arr{position:absolute;top:14px;right:14px;width:28px;height:28px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:all .3s;}
.cat-item:hover .cat-arr{opacity:1;transform:none;border-color:var(--gold);}
.cat-arr svg{width:13px;height:13px;stroke:var(--gold2);fill:none;}
.cat-item.big{grid-column:span 2;height:280px;}

/* SECTION D: PORTFOLIO */
.sec-port{padding:80px 5%;background:var(--cream);}
.port-wrap{margin-top:40px;display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:center;}
.port-tabs{display:flex;flex-direction:column;gap:3px;}
.ptab{padding:20px 22px;cursor:pointer;border-left:2px solid transparent;transition:all .25s;background:transparent;}
.ptab.act{border-left-color:var(--gold);background:rgba(181,129,58,.06);}
.ptab-num{font-size:10px;letter-spacing:2px;color:var(--mid);margin-bottom:5px;}
.ptab-title{font-family:'Fraunces',serif;font-size:16px;font-weight:600;color:var(--ink);}
.ptab-sub{font-size:12px;color:var(--mid);margin-top:3px;}
.port-viewer{position:relative;}
.ba-wrap{position:relative;height:460px;overflow:hidden;cursor:col-resize;user-select:none;}
.ba-b{position:absolute;inset:0;width:100%;}
.ba-b img{width:100%;height:100%;object-fit:cover;}
.ba-a{position:absolute;top:0;left:0;height:100%;overflow:hidden;width:50%;transition:none;}
.ba-a img{height:100%;width:100vw;max-width:900px;object-fit:cover;}
.ba-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;z-index:3;transform:translateX(-50%);}
.ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;z-index:4;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 16px rgba(0,0,0,.25);}
.ba-knob svg{width:16px;height:16px;fill:var(--gold);}
.ba-lb{position:absolute;bottom:16px;z-index:5;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;padding:5px 12px;}
.ba-lb.b{left:16px;background:rgba(0,0,0,.55);}
.ba-lb.a{right:16px;background:var(--gold);}
.port-info{margin-top:20px;display:flex;gap:24px;}
.pi-stat{flex:1;padding:16px;background:var(--warm);border-top:2px solid var(--gold);}
.pi-num{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--gold);}
.pi-lbl{font-size:11px;color:var(--mid);letter-spacing:.5px;margin-top:2px;}

/* SECTION E: LATEST ARTICLES */
.sec-latest{padding:80px 5%;background:var(--warm);}
.lat-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;}
.ftabs{display:flex;gap:0;margin-bottom:36px;border-bottom:1px solid var(--light);}
.ftab{padding:10px 20px;font-size:13px;font-weight:500;color:var(--mid);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;}
.ftab.on{color:var(--ink);border-bottom-color:var(--gold);}
.lat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:24px;}
.lcard{cursor:pointer;}
.lcard:nth-child(1){grid-column:span 2;}
.lcard-img{position:relative;overflow:hidden;}
.lcard-img img{width:100%;display:block;transition:transform .6s;}
.lcard:hover .lcard-img img{transform:scale(1.04);}
.lcard:nth-child(1) .lcard-img img{height:280px;object-fit:cover;}
.lcard:not(:nth-child(1)) .lcard-img img{height:200px;object-fit:cover;}
.lcard-body{padding:18px 0 0;}
.lcard-cat{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:7px;}
.lcard-title{font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--ink);line-height:1.25;margin-bottom:8px;}
.lcard:nth-child(1) .lcard-title{font-size:24px;}
.lcard-exc{font-size:13px;color:var(--mid);line-height:1.65;font-weight:300;margin-bottom:10px;}
.lcard-meta{font-size:11.5px;color:rgba(0,0,0,.28);display:flex;gap:6px;align-items:center;}

/* LEAD MAGNET */
.sec-lead{background:var(--gold);padding:72px 5%;}
.lead-in{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.lead-left h2{font-family:'Fraunces',serif;font-size:clamp(28px,3.5vw,46px);font-weight:900;color:var(--ink);line-height:1;margin-bottom:14px;}
.lead-left h2 i{font-style:italic;}
.lead-left p{font-size:14.5px;color:rgba(12,11,9,.6);font-weight:300;line-height:1.7;}
.lead-perks{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.lform{display:flex;gap:0;}
.lform input{flex:1;padding:14px 18px;border:none;font-size:14px;font-family:'Satoshi',sans-serif;outline:none;background:rgba(255,255,255,.85);}
.lform button{padding:14px 24px;background:var(--ink);color:#fff;border:none;font-size:13px;font-weight:600;font-family:'Satoshi',sans-serif;letter-spacing:.5px;cursor:pointer;white-space:nowrap;transition:background .2s;}
.lform button:hover{background:#2a2520;}
.lfine{font-size:11px;color:rgba(248, 248, 247, 0.954);margin-top:8px;}



/* STICKY */
.sticky-wa{position:fixed;bottom:28px;right:28px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.wa-btn{width:50px;height:50px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 18px rgba(37,211,102,.4);transition:transform .3s;}
.wa-btn:hover{transform:scale(1.1);}
.wa-btn svg{width:24px;height:24px;fill:#fff;}
.consult-pill{background:var(--gold);color:#fff;padding:11px 18px;font-size:12.5px;font-weight:600;letter-spacing:.3px;text-decoration:none;display:none;box-shadow:0 4px 18px rgba(181,129,58,.4);transition:all .25s;white-space:nowrap;}
.consult-pill:hover{background:#9a6b28;transform:translateY(-2px);}

/* MOBILE MENU */
.mob-nav{display:none;position:fixed;inset:0;top:58px;background:rgba(8,7,6,.97);z-index:150;flex-direction:column;padding:32px 5%;}
.mob-nav.open{display:flex;}
.mob-nav a{color:rgba(255,255,255,.75);text-decoration:none;font-family:'Fraunces',serif;font-size:22px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);}

/* ANIMATIONS */
@keyframes fu{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}

/* RESPONSIVE */
@media(max-width:1024px){
  .int-grid{height:460px;}
  .cats-wrap{grid-template-columns:repeat(3,1fr);}
  .cat-item.big{grid-column:span 1;}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .lead-in{grid-template-columns:1fr;gap:32px;}
}
@media(max-width:768px){
  nav{padding:0 16px;grid-template-columns:auto auto;gap:16px;}
  .nlinks,.ncta{display:none;}
  .ham{display:flex;margin-left:auto;}
  .hero{grid-template-columns:1fr;height:65vh;min-height:420px;}
  .hero-right{display:none;}
  .hero-left{padding:0 5% 12%;}
  .hero-h1{font-size:34px;}
  .stats{flex-wrap:wrap;}
  .sitem{min-width:50%;border-bottom:1px solid rgba(255,255,255,.07);}
  .int-grid{grid-template-columns:1fr;grid-template-rows:auto;height:auto;}
  .int-main{height:300px;grid-row:auto;}
  .int-side{height:220px;}
  .re-grid{grid-template-columns:1fr;}
  .re-card:nth-child(1),.re-card:nth-child(2),.re-card:nth-child(3){height:240px;}
  .cats-wrap{grid-template-columns:1fr 1fr;gap:2px;}
  .cat-item,.cat-item.big{height:200px;grid-column:span 1;}
  .port-wrap{grid-template-columns:1fr;}
  .port-tabs{flex-direction:row;overflow-x:auto;gap:2px;}
  .ptab{border-left:none;border-bottom:2px solid transparent;white-space:nowrap;}
  .ptab.act{border-left:none;border-bottom-color:var(--gold);}
  .ba-wrap{height:260px;}
  .lat-grid{grid-template-columns:1fr;}
  .lcard:nth-child(1){grid-column:span 1;}
  .foot-grid{grid-template-columns:1fr;}
  .fbot{flex-direction:column;gap:8px;}
  .sticky-wa{bottom:16px;right:16px;}
  .sec-interiors,.sec-port,.sec-latest{padding:56px 4%;}
  .sec-cats{padding:56px 4%;}
  .sec-restate{padding:0 4% 56px;}
}


/* ═══ MARQUEE TICKER ═══ */
.marquee-strip {
  background: var(--gold);
  overflow: hidden;
  padding: 13px 0;
  border-top: 1px solid rgba(255,255,255,0.15);
  border-bottom: 1px solid rgba(255,255,255,0.15);
}
.marquee-track {
  display: flex;
  align-items: center;
  gap: 32px;
  width: max-content;
  animation: marqueeScroll 22s linear infinite;
}
.marquee-strip:hover .marquee-track {
  animation-play-state: paused;
}
.marquee-track span {
  font-family: 'Satoshi', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--ink);
  white-space: nowrap;
}
.marquee-dot {
  color: rgba(12,11,9,0.35) !important;
  font-size: 8px !important;
  letter-spacing: 0 !important;
}
@keyframes marqueeScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}


/* ═══ CATEGORY SHOWCASE ═══ */
.sec-cats { padding: 80px 5%; background: var(--ink); }
.sec-cats .sec-ttl { color: #fff; }
.sec-cats .sec-ttl i { color: var(--gold2); }
.cats-header { margin-bottom: 40px; }

.cats-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
  gap: 3px;
  height: 480px;
}

.cat-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.cat-card-img {
  position: absolute;
  inset: 0;
}

.cat-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: brightness(0.65);
}

.cat-card:hover .cat-card-img img {
  transform: scale(1.08);
  filter: brightness(0.4);
}

.cat-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(12,11,9,0.92) 0%,
    rgba(12,11,9,0.2) 50%,
    transparent 100%
  );
  transition: background 0.4s ease;
}

.cat-card:hover .cat-card-overlay {
  background: linear-gradient(
    to top,
    rgba(12,11,9,0.97) 0%,
    rgba(12,11,9,0.6) 60%,
    rgba(12,11,9,0.2) 100%
  );
}

.cat-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: transform 0.4s ease;
}

.cat-card:hover .cat-card-content {
  transform: translateY(-8px);
}

.cat-card-count {
  font-family: 'Satoshi', sans-serif;
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 500;
}

.cat-card-name {
  font-family: 'Fraunces', serif;
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
  margin: 0;
}

.cat-card-arrow {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(181,129,58,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease;
}

.cat-card:hover .cat-card-arrow {
  opacity: 1;
  transform: translateX(0);
  background: var(--gold);
  border-color: var(--gold);
}

.cat-card-arrow svg {
  width: 15px;
  height: 15px;
  stroke: #fff;
  fill: none;
  stroke-width: 2;
}

/* First card bigger — featured */
.cat-card:first-child .cat-card-name {
  font-size: clamp(24px, 3vw, 36px);
}

/* Responsive */
@media (max-width: 900px) {
  .cats-grid {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }
  .cat-card { height: 260px; }
}
@media (max-width: 500px) {
  .cats-grid { grid-template-columns: 1fr; }
  .cat-card { height: 220px; }
}


/* ═══ READ TIME MOOD FILTER ═══ */
/* ═══ READ TIME MOOD FILTER — ULTRA PREMIUM ═══ */
.sec-latest { padding: 80px 5%; background: #faf8f4; }

.lat-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(12,11,9,0.10);
}

.rmf-tabs {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 28px;
}

.rmf-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  font-family: 'Satoshi', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7a7060;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  background: none;
  transition: all 0.2s;
}
.rmf-tab:first-child { padding-left: 0; }
.rmf-tab svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.rmf-tab:hover { color: #0c0b09; }
.rmf-tab.active { color: #0c0b09; border-bottom-color: var(--gold); }

.rmf-count {
  font-family: 'Satoshi', sans-serif;
  font-size: 11px;
  color: #7a7060;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  padding: 14px 0;
}
.rmf-count span { color: #0c0b09; font-weight: 700; }

.rmf-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 1px;
  background: #e8e2d8;
}

.rmf-card {
  background: #faf8f4;
  padding: 28px 24px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: background 0.2s;
  cursor: pointer;
}
.rmf-card:hover { background: #fff; transform: none; }
.rmf-card.hidden { display: none; }

.rmf-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.rmf-card-num {
  font-family: 'Fraunces', serif;
  font-size: 11px;
  color: rgba(12,11,9,0.2);
  font-weight: 700;
}

.rmf-card-badge {
  font-family: 'Satoshi', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 10px;
  display: inline-block;
  margin-bottom: 0;
}
.rmf-badge-quick  { background: #0c0b09; color: #e2c07a; }
.rmf-badge-medium { background: #e8e2d8; color: #5a4a35; }
.rmf-badge-deep   { background: #b5813a; color: #fff; }

.rmf-card-cat {
  font-family: 'Satoshi', sans-serif;
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 10px;
}

.rmf-card-title {
  font-family: 'Fraunces', serif;
  font-size: 17px;
  font-weight: 700;
  color: #0c0b09;
  line-height: 1.3;
  margin-bottom: 12px;
}
.rmf-card:first-child .rmf-card-title { font-size: 22px; }

.rmf-card-exc {
  font-family: 'Satoshi', sans-serif;
  font-size: 12.5px;
  color: #7a7060;
  line-height: 1.7;
  margin-bottom: 16px;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.rmf-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(12,11,9,0.08);
  margin-top: auto;
}

.rmf-card-meta {
  font-family: 'Satoshi', sans-serif;
  font-size: 10.5px;
  color: rgba(12,11,9,0.3);
  display: flex;
  gap: 6px;
  align-items: center;
}
.rmf-meta-divider {
  width: 1px;
  height: 10px;
  background: rgba(12,11,9,0.15);
  display: inline-block;
}

.rmf-card-arr {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(181,129,58,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  flex-shrink: 0;
}
.rmf-card:hover .rmf-card-arr { background: var(--gold); border-color: var(--gold); }
.rmf-card-arr svg { width: 12px; height: 12px; stroke: var(--gold); fill: none; stroke-width: 2; transition: stroke 0.2s; }
.rmf-card:hover .rmf-card-arr svg { stroke: #fff; }

.rmf-empty {
  font-size: 13px;
  color: #7a7060;
  padding: 40px 0;
  text-align: center;
  background: #faf8f4;
}
.rmf-empty a { color: var(--gold); text-decoration: none; }

@media (max-width: 900px) {
  .rmf-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .rmf-grid { grid-template-columns: 1fr; }
  .rmf-tab { padding: 10px 14px; font-size: 10px; }
}


/* ═══ TOPIC TABS ═══ */
.sec-topics { padding: 80px 5%; background: #faf8f4; }
.topics-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 0; padding-bottom: 28px; border-bottom: 1px solid rgba(12,11,9,0.10); }

.topics-tabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(12,11,9,0.10);
  margin-bottom: 0;
  overflow-x: auto;
}
.topics-tab {
  padding: 14px 22px;
  font-family: 'Satoshi', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7a7060;
  cursor: pointer;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  margin-bottom: -1px;
  transition: all 0.2s;
  white-space: nowrap;
}
.topics-tab:first-child { padding-left: 0; }
.topics-tab:hover { color: #0c0b09; }
.topics-tab.active { color: #0c0b09; border-bottom-color: var(--gold); }

.topics-panel {
  display: none;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  background: #e8e2d8;
  margin-top: 0;
}
.topics-panel.active { display: grid; }

.topics-empty {
  grid-column: span 3;
  padding: 40px;
  text-align: center;
  font-size: 14px;
  color: var(--mid);
  background: #faf8f4;
}

.topics-card {
  background: #faf8f4;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: background 0.2s;
}
.topics-card:hover { background: #fff; }

.topics-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topics-tag {
  font-family: 'Satoshi', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 10px;
  display: inline-block;
}
.tag-interiors  { background: #0c0b09; color: #e2c07a; }
.tag-realestate { background: #b5813a; color: #fff; }
.tag-diy        { background: #e8e2d8; color: #5a4a35; }
.tag-trends     { background: #2d4a3e; color: #a8d5b5; }
.tag-tips       { background: #3a2d4a; color: #c5b8d5; }

.topics-card-num {
  font-family: 'Fraunces', serif;
  font-size: 11px;
  color: rgba(12,11,9,0.2);
  font-weight: 700;
}
.topics-card-title {
  font-family: 'Fraunces', serif;
  font-size: 17px;
  font-weight: 700;
  color: #0c0b09;
  line-height: 1.3;
}
.topics-card-exc {
  font-family: 'Satoshi', sans-serif;
  font-size: 12.5px;
  color: #7a7060;
  line-height: 1.7;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.topics-card-bottom {
  padding-top: 12px;
  border-top: 1px solid rgba(12,11,9,0.08);
  margin-top: auto;
}
.topics-card-meta {
  font-family: 'Satoshi', sans-serif;
  font-size: 10.5px;
  color: rgba(12,11,9,0.3);
}

@media (max-width: 900px) {
  .topics-panel.active { grid-template-columns: 1fr 1fr; }
  .topics-empty { grid-column: span 2; }
}
@media (max-width: 600px) {
  .topics-panel.active { grid-template-columns: 1fr; }
  .topics-empty { grid-column: span 1; }
  .topics-tab { padding: 12px 14px; font-size: 10px; }
}


/* ═══ LEAD MAGNET — PREMIUM ═══ */
.sec-lead { padding: 0; }

.lead-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
}

/* LEFT */
.lead-l {
  background: #0c0b09;
  padding: 64px 56px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lead-l::before {
  content: '';
  position: absolute;
  top: -80px; right: -80px;
  width: 320px; height: 320px;
  border: 1px solid rgba(181,129,58,0.1);
  border-radius: 50%;
}
.lead-l::after {
  content: '';
  position: absolute;
  bottom: -50px; left: -50px;
  width: 200px; height: 200px;
  border: 1px solid rgba(181,129,58,0.07);
  border-radius: 50%;
}
.lead-l-deco {
  position: absolute;
  top: 28px; right: 28px;
  width: 44px; height: 44px;
  border: 1px solid rgba(181,129,58,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.lead-l-deco svg {
  width: 18px; height: 18px;
  stroke: #b5813a; fill: none; stroke-width: 1.2;
}
.lead-eyebrow {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #b5813a;
  font-weight: 600;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.lead-eyebrow::before {
  content: '';
  width: 28px; height: 1px;
  background: #b5813a;
}
.lead-gold-line {
  width: 40px; height: 1px;
  background: linear-gradient(to right, #b5813a, transparent);
  margin-bottom: 20px;
}
.lead-h {
  font-family: 'Fraunces', serif;
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 900;
  color: #fff;
  line-height: 1.05;
  margin-bottom: 20px;
}
.lead-h em {
  font-style: italic;
  color: #e2c07a;
  display: block;
}
.lead-desc {
  font-size: 13.5px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin-bottom: 28px;
  max-width: 340px;
}
.lead-perks {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lead-perk {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: rgba(255,255,255,0.65);
}
.lead-perk-icon {
  width: 18px; height: 18px;
  border: 1px solid #b5813a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.lead-perk-icon svg {
  width: 9px; height: 9px;
  stroke: #b5813a; fill: none; stroke-width: 2.5;
}

/* RIGHT */
.lead-r {
  background: #faf6f0;
  padding: 64px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.lead-r-deco {
  position: absolute;
  bottom: 0; right: 0;
  width: 0; height: 0;
  border-style: solid;
  border-width: 0 0 70px 70px;
  border-color: transparent transparent rgba(181,129,58,0.1) transparent;
}
.lead-r-tag {
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #b5813a;
  font-weight: 600;
  margin-bottom: 10px;
}
.lead-r-title {
  font-family: 'Fraunces', serif;
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 700;
  color: #0c0b09;
  line-height: 1.2;
  margin-bottom: 8px;
}
.lead-r-sub {
  font-size: 13px;
  color: #7a7060;
  margin-bottom: 24px;
  line-height: 1.6;
}

.lead-form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.lead-input {
  width: 100%;
  padding: 13px 18px;
  border: 1.5px solid rgba(12,11,9,0.12);
  background: #fff;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: #0c0b09;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.lead-input:focus { border-color: #b5813a; box-shadow: 0 0 0 3px rgba(181,129,58,0.08); }
.lead-err {
  font-size: 12px;
  color: #d94f38;
  display: none;
  margin-top: -4px;
}
.lead-err.show { display: block; }
.lead-btn {
  width: 100%;
  padding: 15px;
  background: #0c0b09;
  color: #fff;
  border: none;
  font-family: 'Fraunces', serif;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 0.03em;
  transition: background 0.25s, transform 0.2s;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.lead-btn:hover { background: #b5813a; transform: translateY(-1px); }
.lead-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

.lead-success {
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 20px;
}
.lead-success.show { display: flex; }
.lead-success-icon {
  width: 56px; height: 56px;
  border: 2px solid #b5813a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  animation: leadPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);
}
@keyframes leadPop { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.lead-success-icon svg { width: 22px; height: 22px; stroke: #b5813a; fill: none; stroke-width: 2.5; }
.lead-success h4 { font-family: 'Fraunces', serif; font-size: 20px; color: #0c0b09; margin-bottom: 6px; }
.lead-success p { font-size: 13px; color: #7a7060; line-height: 1.6; }

.lead-trust {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.trust-badge {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: rgba(12,11,9,0.4);
}
.trust-badge svg {
  width: 12px; height: 12px;
  stroke: rgba(181,129,58,0.6);
  fill: none; stroke-width: 2;
}
.lead-fine {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: rgba(12,11,9,0.3);
}
.lead-fine svg {
  width: 11px; height: 11px;
  stroke: rgba(12,11,9,0.25);
  fill: none; stroke-width: 2;
}

/* Responsive */
@media (max-width: 768px) {
  .lead-split { grid-template-columns: 1fr; }
  .lead-l, .lead-r { padding: 48px 28px; }
  .lead-h { font-size: 28px; }
}

/* Footer Section */


/* ═══ FOOTER — PREMIUM ═══ */
.site-footer { background: #111110; padding: 0; }

.foot-gold-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(181,129,58,0.5), #b5813a, rgba(181,129,58,0.5), transparent);
}

.foot-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 48px;
  padding: 56px 5% 40px;
  border-bottom: 1px solid rgba(181,129,58,0.12);
}

/* Brand */
.foot-brand { display: flex; flex-direction: column; }

.flogo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 16px;
}
.flogo-mark {
  width: 28px; height: 28px;
  border: 1px solid rgba(181,129,58,0.4);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.flogo-dot {
  width: 8px; height: 8px;
  background: #b5813a;
  display: block;
}
.flogo-text { display: flex; flex-direction: column; gap: 2px; }
.flogo-name {
  font-family: 'Fraunces', serif;
  font-size: 17px; font-weight: 900;
  color: #fff; line-height: 1;
}
.flogo-sub {
  font-size: 9px; letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(181,129,58,0.55);
  font-family: 'Satoshi', sans-serif;
  line-height: 1;
}

.fdesc {
  font-size: 13px;
  color: rgba(255,255,255,0.3);
  line-height: 1.8;
  max-width: 260px;
  margin-bottom: 20px;
}

.fsoc { display: flex; gap: 10px; flex-wrap: wrap; }
.fsoc a {
  width: 34px; height: 34px;
  border: 1px solid rgba(181,129,58,0.25);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; font-weight: 700;
  color: #b5813a;
  text-decoration: none;
  font-family: 'Satoshi', sans-serif;
  transition: background .2s, border-color .2s, color .2s;
}
.fsoc a:hover { background: #b5813a; color: #111110; border-color: #b5813a; }

/* Columns */
.fcol h5 {
  font-size: 9.5px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #b5813a;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 0.5px solid rgba(181,129,58,0.25);
  font-family: 'Satoshi', sans-serif;
  font-weight: 600;
}
.fcol ul { list-style: none; }
.fcol li { margin-bottom: 10px; }
.fcol a {
  font-size: 13px;
  color: rgba(255,255,255,0.3);
  text-decoration: none;
  font-family: 'Satoshi', sans-serif;
  transition: color .2s;
  display: inline-flex;
  align-items: center;
  gap: 0;
}
.fcol a::before {
  content: '';
  width: 0; height: 0.5px;
  background: #b5813a;
  display: inline-block;
  transition: width .2s, margin-right .2s;
}
.fcol a:hover { color: #fff; }
.fcol a:hover::before { width: 12px; margin-right: 7px; }

/* Recent blogs */
.foot-recent { padding: 28px 5%; border-bottom: 1px solid rgba(181,129,58,0.08); }
.foot-recent-label {
  font-size: 9.5px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #b5813a;
  font-family: 'Satoshi', sans-serif;
  font-weight: 600;
  margin-bottom: 16px;
}
.foot-recent-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(181,129,58,0.12);
}
.foot-recent-item {
  background: #111110;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  transition: background .2s;
}
.foot-recent-item:hover { background: #1a1917; }
.foot-recent-cat {
  font-size: 9px; letter-spacing: 2px;
  text-transform: uppercase;
  color: #b5813a;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}
.foot-recent-title {
  font-family: 'Fraunces', serif;
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  line-height: 1.5;
}
.foot-recent-arrow {
  font-size: 12px;
  color: rgba(181,129,58,0.35);
  transition: color .2s;
  font-family: 'Satoshi', sans-serif;
}
.foot-recent-item:hover .foot-recent-arrow { color: #b5813a; }

/* Bottom bar */
.fbot {
  padding: 20px 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: rgba(255,255,255,0.2);
  font-family: 'Satoshi', sans-serif;
}
.fbot-links { display: flex; gap: 24px; }
.fbot-links a {
  color: rgba(255,255,255,0.2);
  text-decoration: none;
  font-size: 12px;
  transition: color .2s;
}
.fbot-links a:hover { color: rgba(255,255,255,0.5); }

/* Responsive */
@media (max-width: 900px) {
  .foot-grid { grid-template-columns: 1fr 1fr; gap: 32px; padding: 40px 5% 32px; }
  .foot-recent-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .foot-grid { grid-template-columns: 1fr; }
  .fbot { flex-direction: column; gap: 10px; text-align: center; }
}