/* ─── BLOG LISTING ─── */

#hero{
  position:relative;min-height:78vh;display:flex;align-items:flex-end;padding-top:140px;
  background:
    linear-gradient(to right, rgba(13,11,9,0.6) 0%, rgba(13,11,9,0.2) 50%, rgba(13,11,9,0) 100%), 
 linear-gradient(to top, rgba(13,11,9,0.7) 0%, rgba(13,11,9,0) 50%, transparent 72%),
    url('/assets/images/blogcover.webp') center 40%/cover no-repeat;
}
.hc{position:relative;z-index:2;padding:0 80px 88px;max-width:1200px}
.hcrumb{display:flex;align-items:center;gap:10px;font-family:'Jost',sans-serif;font-weight:400;font-size:0.6rem;letter-spacing:0.35em;text-transform:uppercase;color:rgba(245,238,228,0.45);margin-bottom:26px;flex-wrap:wrap}
.hcrumb a{color:rgba(245,238,228,0.45);text-decoration:none;transition:color .3s}
.hcrumb a:hover{color:var(--gold)}
.hcsep{color:var(--gold);font-size:0.45rem;opacity:0.45}
.hccur{color:var(--gold)}
.heye{display:flex;align-items:center;gap:14px;font-family:'Jost',sans-serif;font-weight:400;font-size:0.6rem;letter-spacing:0.5em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.heye::before{content:'';width:34px;height:1px;background:var(--gold);display:block}
.hh1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.8rem,7vw,7.5rem);line-height:0.95;letter-spacing:-0.02em;color:var(--ivory);margin-bottom:20px}
.hh1 em{font-style:italic;color:var(--gold)}
.hsub{font-family:'Jost',sans-serif;font-weight:400;font-size:0.88rem;line-height:1.9;color:rgba(245,238,228,0.72);max-width:520px;letter-spacing:0.03em}
@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.hcrumb{animation:up .7s .15s ease both}.heye{animation:up .7s .3s ease both}.hh1{animation:up .9s .45s ease both}.hsub{animation:up .8s .65s ease both}

/* MARQUEE */
.mwrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--charcoal);padding:20px 0}
.mtrack{display:flex;white-space:nowrap;animation:mq 30s linear infinite}
.mit{display:inline-flex;align-items:center;flex-shrink:0}
.mtxt{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:1.1rem;color:rgba(245,238,228,0.52);letter-spacing:0.1em;padding:0 40px;transition:color .3s}
.mtxt:hover{color:var(--gold)}
.msep{color:var(--gold);font-size:0.38rem;opacity:0.55}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* FILTER BAR */
#fbar{background:var(--charcoal);padding:30px 80px;border-bottom:1px solid var(--border);position:sticky;top:66px;z-index:100}
.fbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fbar-left{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.fbar-lbl{font-family:'Jost',sans-serif;font-weight:400;font-size:0.58rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--stone);margin-right:12px;flex-shrink:0}
.ftab{font-family:'Jost',sans-serif;font-weight:400;font-size:0.6rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(245,238,228,0.5);background:none;border:1px solid transparent;padding:8px 18px;transition:all .3s var(--ease)}
.ftab:hover{color:var(--ivory);border-color:var(--border)}
.ftab.on{color:var(--ink);background:var(--gold);border-color:var(--gold)}
.search-wrap{position:relative;flex-shrink:0}
.search-input{font-family:'Jost',sans-serif;font-weight:400;font-size:0.72rem;color:var(--ivory);background:rgba(245,238,228,0.05);border:1px solid var(--border);padding:9px 40px 9px 16px;width:220px;max-width:100%;letter-spacing:0.05em;outline:none;transition:border-color .3s,background .3s}
.search-input::placeholder{color:rgba(245,238,228,0.52)}
.search-input:focus{border-color:var(--gold);background:rgba(198,169,125,0.05)}
.search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--stone);font-size:0.75rem;pointer-events:none}

/* FEATURED */
#featured{position:relative;display:grid;grid-template-columns:1.2fr 1fr;min-height:68vh;border-bottom:1px solid var(--border);cursor:pointer}
.fp-stretch{position:absolute;inset:0;z-index:3;text-indent:-9999px;overflow:hidden;background:transparent}
.fp-stretch:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
#featured .bline{cursor:pointer}
.fp-img{position:relative;overflow:hidden}
.fp-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .9s var(--ease)}
#featured:hover .fp-img img{transform:scale(1.04)}
.fp-img-ov{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,var(--ink) 100%),linear-gradient(to top,rgba(13,11,9,0.5) 0%,transparent 55%)}
.fp-feat-tag{position:absolute;top:32px;left:32px;font-family:'Jost',sans-serif;font-weight:500;font-size:0.55rem;letter-spacing:0.5em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:7px 16px;z-index:2}
.fp-content{padding:72px;display:flex;flex-direction:column;justify-content:center;background:var(--ink)}
.fp-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.fp-cat{font-family:'Jost',sans-serif;font-weight:500;font-size:0.55rem;letter-spacing:0.45em;text-transform:uppercase;color:var(--gold)}
.fp-date{font-family:'Jost',sans-serif;font-weight:400;font-size:0.62rem;letter-spacing:0.15em;color:rgba(245,238,228,0.4)}
.fp-meta-sep{width:20px;height:1px;background:var(--border);display:block}
.fp-read{display:flex;align-items:center;gap:8px;font-family:'Jost',sans-serif;font-weight:400;font-size:0.6rem;letter-spacing:0.2em;color:var(--stone)}
.fp-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15;color:var(--ivory);letter-spacing:-0.01em;margin-bottom:20px;transition:color .3s}
#featured:hover .fp-title{color:var(--gold2)}
.fp-excerpt{font-family:'Jost',sans-serif;font-weight:400;font-size:0.86rem;line-height:1.9;color:rgba(245,238,228,0.6);letter-spacing:0.02em;margin-bottom:36px}
.fp-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.tag{font-family:'Jost',sans-serif;font-weight:400;font-size:0.56rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(245,238,228,0.45);border:1px solid var(--border);padding:5px 12px;transition:all .3s}
.tag:hover{color:var(--gold);border-color:var(--gold)}

/* BLOG LAYOUT */
#blog-section{padding:80px 80px 120px;background:var(--ink)}
.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}
.posts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:14px}
.posts-count{font-family:'Jost',sans-serif;font-weight:400;font-size:0.65rem;letter-spacing:0.2em;color:var(--stone)}
.posts-count strong{color:var(--gold);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem}
.posts-sort{display:flex;gap:3px}
.sort-btn{font-family:'Jost',sans-serif;font-weight:400;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(245,238,228,0.4);background:none;border:1px solid transparent;padding:6px 12px;transition:all .3s}
.sort-btn:hover{color:var(--ivory);border-color:var(--border)}
.sort-btn.on{color:var(--gold);border-color:var(--border)}
.posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.pc{position:relative;overflow:hidden;background:var(--charcoal);display:flex;flex-direction:column;cursor:pointer}
.pc-stretch{position:absolute;inset:0;z-index:2;text-indent:-9999px;overflow:hidden;background:transparent}
.pc-stretch:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}
.pc h3.pc-title{margin:0 0 10px}
.pc .pc-link{cursor:pointer}
.pc.pc-wide{grid-column:span 2}
.pc-img{overflow:hidden;position:relative}
.pc-img img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .85s var(--ease),filter .6s}
.pc-wide .pc-img img{height:320px}
.pc:hover .pc-img img{transform:scale(1.06);filter:brightness(0.8)}
.pc-img-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,11,9,0.5) 0%,transparent 60%)}
.pc-cat-badge{position:absolute;top:16px;left:16px;font-family:'Jost',sans-serif;font-weight:500;font-size:0.5rem;letter-spacing:0.42em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:5px 11px}
.pc-body{padding:24px 24px 28px;flex:1;display:flex;flex-direction:column}
.pc-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pc-date{font-family:'Jost',sans-serif;font-weight:400;font-size:0.6rem;letter-spacing:0.15em;color:rgba(245,238,228,0.55)}
.pc-read-time{font-family:'Jost',sans-serif;font-weight:400;font-size:0.6rem;letter-spacing:0.1em;color:rgba(245,238,228,0.52);display:flex;align-items:center;gap:5px}
.pc-read-time::before{content:'·';color:var(--border)}
.pc-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.18rem;color:var(--ivory);line-height:1.3;margin-bottom:10px;letter-spacing:0.01em;transition:color .3s;flex:1}
.pc:hover .pc-title{color:var(--gold2)}
.pc-excerpt{font-family:'Jost',sans-serif;font-weight:400;font-size:0.74rem;color:rgba(245,238,228,0.5);line-height:1.72;letter-spacing:0.02em;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-wide .pc-excerpt{-webkit-line-clamp:3}
.pc-link{display:inline-flex;align-items:center;gap:7px;font-family:'Jost',sans-serif;font-weight:400;font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:gap .3s;margin-top:auto}
.pc-link::after{content:'→';transition:transform .3s}
.pc:hover .pc-link{gap:13px}
.pc:hover .pc-link::after{transform:translateX(4px)}
.pc::after{content:'';position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .4s}
.pc:hover::after{border-color:rgba(198,169,125,0.2)}
.no-results{grid-column:span 2;padding:60px 0;text-align:center}
.no-results p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;color:var(--stone)}

/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:40px;position:sticky;top:120px}
.sb-block{border:1px solid var(--border);padding:32px}
.sb-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.15rem;color:var(--ivory);letter-spacing:0.04em;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.sb-title em{font-style:italic;color:var(--gold)}
.sb-cats{list-style:none;display:flex;flex-direction:column;gap:0}
.sb-cat{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);transition:padding .3s;cursor:pointer}
.sb-cat:last-child{border-bottom:none}
.sb-cat:hover{padding:12px 0 12px 8px}
.sb-cat-name{font-family:'Jost',sans-serif;font-weight:400;font-size:0.78rem;color:rgba(245,238,228,0.65);letter-spacing:0.03em;transition:color .3s}
.sb-cat:hover .sb-cat-name{color:var(--gold)}
.sb-cat-n{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:0.9rem;color:var(--stone)}
.sb-recent{list-style:none;display:flex;flex-direction:column;gap:0}
.sb-post{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--border);transition:padding .3s}
.sb-post:last-child{border-bottom:none}
.sb-post:hover{padding:14px 0 14px 6px}
.sb-post-img{width:64px;height:56px;object-fit:cover;flex-shrink:0;transition:filter .3s}
.sb-post:hover .sb-post-img{filter:brightness(0.7)}
.sb-post-info{flex:1;min-width:0}
.sb-post-cat{font-family:'Jost',sans-serif;font-weight:400;font-size:0.52rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:5px;display:block}
.sb-post-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:0.95rem;color:var(--ivory);line-height:1.35;text-decoration:none;transition:color .3s;display:block}
.sb-post:hover .sb-post-title{color:var(--gold2)}
.sb-newsletter{background:var(--charcoal);border:1px solid var(--border);padding:32px}
.sb-nl-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:1.15rem;color:var(--ivory);letter-spacing:0.04em;margin-bottom:10px}
.sb-nl-title em{font-style:italic;color:var(--gold)}
.sb-nl-sub{font-family:'Jost',sans-serif;font-weight:400;font-size:0.76rem;color:rgba(245,238,228,0.52);line-height:1.7;margin-bottom:20px;letter-spacing:0.02em}
.sb-nl-form{display:flex;flex-direction:column;gap:10px}
.sb-nl-input{font-family:'Jost',sans-serif;font-weight:400;font-size:0.75rem;color:var(--ivory);background:rgba(245,238,228,0.05);border:1px solid var(--border);padding:11px 14px;outline:none;letter-spacing:0.05em;transition:border-color .3s}
.sb-nl-input::placeholder{color:rgba(245,238,228,0.50)}
.sb-nl-input:focus{border-color:var(--gold)}
.sb-nl-btn{font-family:'Jost',sans-serif;font-weight:500;font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:1px solid var(--gold);padding:11px 0;transition:background .35s,color .35s;width:100%;cursor:pointer}
.sb-nl-btn:hover{background:transparent;color:var(--gold)}
.sb-nl-note{font-family:'Jost',sans-serif;font-weight:400;font-size:0.6rem;color:rgba(245,238,228,0.52);letter-spacing:0.05em;margin-top:6px}
.sb-tags{display:flex;flex-wrap:wrap;gap:6px}
.sb-tag{font-family:'Jost',sans-serif;font-weight:400;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(245,238,228,0.45);border:1px solid var(--border);padding:6px 12px;transition:all .3s;cursor:pointer}
.sb-tag:hover{color:var(--gold);border-color:rgba(198,169,125,0.4)}
.pagination{display:flex;align-items:center;gap:6px;margin-top:56px;padding-top:40px;border-top:1px solid var(--border);flex-wrap:wrap}
.pg-btn{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1rem;color:rgba(245,238,228,0.45);width:40px;height:40px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;transition:all .3s;background:none;cursor:pointer}
.pg-btn:hover,.pg-btn.on{color:var(--gold);border-color:var(--border)}
.pg-btn.on{background:rgba(198,169,125,0.08)}
.pg-arrow{font-family:'Jost',sans-serif;font-size:0.9rem;color:rgba(245,238,228,0.52);transition:color .3s;background:none;border:1px solid var(--border);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pg-arrow:hover{color:var(--gold);border-color:var(--gold)}

/* NEWSLETTER FULL-WIDTH */
#subscribe{background:var(--charcoal);padding:100px 80px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.sub-left .slbl{display:inline-flex}
.sub-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.2rem,3.5vw,3.5rem);line-height:1.1;color:var(--ivory);letter-spacing:-0.02em;margin-top:6px}
.sub-title em{font-style:italic;color:var(--gold)}
.sub-body{font-family:'Jost',sans-serif;font-weight:400;font-size:0.88rem;line-height:1.9;color:rgba(245,238,228,0.58);margin-top:18px;letter-spacing:0.02em}
.sub-form{display:flex;flex-direction:column;gap:12px}
.sub-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sub-input{font-family:'Jost',sans-serif;font-weight:400;font-size:0.78rem;color:var(--ivory);background:rgba(245,238,228,0.05);border:1px solid var(--border);padding:14px 16px;outline:none;letter-spacing:0.04em;transition:border-color .3s,background .3s}
.sub-input::placeholder{color:rgba(245,238,228,0.50)}
.sub-input:focus{border-color:var(--gold);background:rgba(198,169,125,0.04)}
.sub-btn{font-family:'Jost',sans-serif;font-weight:500;font-size:0.62rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:1px solid var(--gold);padding:14px 0;transition:background .4s,color .4s;position:relative;overflow:hidden;cursor:pointer}
.sub-btn::before{content:'';position:absolute;inset:0;background:var(--ink);transform:translateX(-101%);transition:transform .45s var(--ease)}
.sub-btn:hover{color:var(--gold)}
.sub-btn:hover::before{transform:translateX(0)}
.sub-btn span{position:relative;z-index:1}
.sub-note{font-family:'Jost',sans-serif;font-weight:400;font-size:0.62rem;color:rgba(245,238,228,0.50);letter-spacing:0.05em}

/* OFFER */
#offer{background:var(--warm);padding:112px 80px;text-align:center;position:relative;overflow:hidden}
.oc{position:absolute;border-radius:50%;border:1px solid var(--border);pointer-events:none}
.oc1{width:460px;height:460px;top:50%;left:50%;transform:translate(-50%,-50%)}
.oc2{width:740px;height:740px;top:50%;left:50%;transform:translate(-50%,-50%)}
.obadge{display:inline-block;font-family:'Jost',sans-serif;font-weight:500;font-size:0.58rem;letter-spacing:0.55em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:7px 20px;margin-bottom:30px}
.oh2{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.6rem,5.5vw,6rem);line-height:0.95;letter-spacing:-0.02em;color:var(--ivory);margin-bottom:18px}
.oh2 em{font-style:italic;color:var(--gold)}
.osub{font-family:'Jost',sans-serif;font-weight:400;font-size:0.86rem;color:rgba(245,238,228,0.65);letter-spacing:0.05em;line-height:1.8;margin-bottom:44px;max-width:340px;margin-left:auto;margin-right:auto}

/* RESPONSIVE */
@media(max-width:1200px){
  .blog-layout{grid-template-columns:1fr;gap:0}
  .sidebar{position:static;margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
  .sb-newsletter{grid-column:span 2}
}
@media(max-width:1024px){#featured{grid-template-columns:1fr}.fp-img{min-height:50vw}#subscribe{grid-template-columns:1fr;gap:36px}}
@media(max-width:768px){
  #hero{min-height:70vh;padding-top:110px}
  .hc{padding:0 24px 64px;max-width:100%}
  #fbar{padding:20px 24px;top:54px}
  .search-input{width:100%}
  #blog-section{padding:56px 24px 80px}
  .posts-grid{grid-template-columns:1fr}
  .pc.pc-wide{grid-column:span 1}
  #subscribe{padding:72px 24px}
  .sub-row{grid-template-columns:1fr}
  #offer{padding:72px 24px}
  .fp-content{padding:52px 28px}
  .sidebar{grid-template-columns:1fr}
  .sb-newsletter{grid-column:span 1}
}