/* TheAshNow Theme CSS — Author: TheAshNow Team — v1.0.1 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#080808;--ink:#0f0f0f;--charcoal:#1a1a1a;--graphite:#272727;
  --ash:#555;--silver:#999;--smoke:#ccc;--paper:#f4f1ec;
  --white:#fff;--gold:#c8a240;--gold-lt:#e6c76a;--red:#c8232a;--red2:#e03030;
}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--paper)}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}

/* TOPBAR */
.topbar{background:var(--black);color:#aaa;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 40px;display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#aaa;transition:color .2s}.topbar a:hover{color:var(--gold)}
.tl,.tr{display:flex;gap:18px;align-items:center}
.live-dot{display:inline-block;width:6px;height:6px;background:var(--red2);border-radius:50%;margin-right:5px;animation:pulse 1.4s ease-in-out infinite}

/* HEADER */
header{background:var(--white);border-bottom:2px solid var(--black);padding:0 40px}
.header-inner{max-width:1380px;margin:0 auto;padding:14px 0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.h-tag{font-size:10px;font-weight:600;color:var(--ash);letter-spacing:2.5px;text-transform:uppercase}
.logo{text-align:center}
.logo-a{display:inline-flex;align-items:center;gap:10px;justify-content:center}
.logo-img,.logo-a img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(200,162,64,.25))}
.logo-tw{text-align:left}
.logo-txt{font-family:'Playfair Display',serif;font-size:42px;font-weight:900;color:var(--black);line-height:1;letter-spacing:-2px}
.logo-txt span{color:var(--red)}
.logo-sub{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-top:1px}
.h-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.btn-s{background:transparent;border:1.5px solid #ccc;color:var(--ash);font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:7px 13px;display:inline-block;transition:all .2s;border-radius:2px;cursor:pointer}
.btn-s:hover{border-color:var(--black);color:var(--black)}
.btn-p{background:var(--black);color:var(--white);font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:8px 16px;border:none;cursor:pointer;display:inline-block;transition:all .2s;border-radius:2px}
.btn-p:hover{background:var(--red)}
.mob-nav-btn{background:none;border:1px solid #ccc;color:var(--ash);padding:7px 10px;font-size:16px;cursor:pointer;display:none;border-radius:2px;line-height:1}

/* NAV */
#site-nav{background:var(--black);position:sticky;top:0;z-index:200;border-bottom:1px solid #1a1a1a}
.nav-inner{max-width:1380px;margin:0 auto;padding:0 40px;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.nl{font-family:'Barlow Condensed',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bbb;padding:12px 13px;display:inline-block;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nl:hover,.nl.active{color:var(--gold);border-bottom-color:var(--gold)}
.nl.brk{color:var(--red2);border-bottom-color:var(--red2)}
#site-nav ul{list-style:none;display:flex;align-items:center;margin:0;padding:0}
#site-nav ul li a{font-family:'Barlow Condensed',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bbb;padding:12px 13px;display:inline-block;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
#site-nav ul li a:hover,#site-nav ul li.current-menu-item>a{color:var(--gold);border-bottom-color:var(--gold)}
#site-nav ul li ul{display:none}

/* MOBILE NAV */
.mob-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.97);z-index:300;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease}
.mob-nav.open{transform:translateX(0)}
.mob-nav-inner{padding:60px 24px 40px;display:flex;flex-direction:column;gap:0}
.mob-nav-inner a,.mob-nav ul li a{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bbb;padding:12px 0;border-bottom:1px solid #1a1a1a;display:block;transition:color .2s}
.mob-nav-inner a:hover,.mob-nav ul li a:hover{color:var(--gold)}
.mob-nav ul{list-style:none;padding:0;margin:0}
.mob-nav-close{position:absolute;top:14px;right:18px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1}

/* TICKER */
.ticker{background:var(--red);overflow:hidden;display:flex;align-items:center;padding:6px 0}
.tk-lbl{background:var(--black);color:var(--gold);font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:2.5px;padding:4px 14px;flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:5px}
.tk-wrap{overflow:hidden;flex:1}
.tk-track{display:flex;animation:tk 60s linear infinite;white-space:nowrap}
.tk-track:hover{animation-play-state:paused}
.tk-item{font-size:12px;font-weight:500;padding:0 28px;color:rgba(255,255,255,.92);cursor:pointer;transition:color .2s}
.tk-item:hover{color:#fff;text-decoration:underline}
.tk-sep{color:rgba(255,255,255,.35);padding:0 2px;font-size:8px}

/* HERO: [Left 4+5] [Center 1] [Right 2+3] */
.hero-section{max-width:1380px;margin:0 auto;padding:22px 40px}
.hero-grid{display:grid;grid-template-columns:240px 1fr 240px;gap:4px;height:520px}
.hero-left,.hero-right{display:grid;grid-template-rows:1fr 1fr;gap:4px}
.hcard{position:relative;overflow:hidden;background:var(--black);display:block;height:100%}
.hcard>img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:opacity .5s,transform .7s}
.hcard:hover>img{opacity:.6;transform:scale(1.04)}
.hfb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:50px;position:absolute;inset:0}
.hbar{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.97) 0%,rgba(0,0,0,.5) 65%,transparent 100%);transition:padding .3s}
.hcard:hover .hbar{padding-bottom:18px}
.hcat{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:5px;display:block}
.htitle{font-family:'Playfair Display',serif;color:#fff;line-height:1.2;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.htitle.lg{font-size:28px;-webkit-line-clamp:4}
.htitle.sm{font-size:14px;-webkit-line-clamp:2}
.hcard:hover .htitle{color:var(--gold-lt)}
.hdate{font-size:9px;color:rgba(255,255,255,.45);margin-top:5px}
.hero-center{grid-column:2;grid-row:1}
.hero-center .htitle.lg{font-size:30px}
.hero-center .hbar{padding:28px}
.hero-center:hover .hbar{padding-bottom:32px}
.hero-center .hcat{font-size:10px;margin-bottom:8px}
.hero-center .hdate{font-size:10px;margin-top:7px}
.hero-excerpt{font-size:13px;color:rgba(255,255,255,.65);margin:6px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* SECTION DIVIDER */
.sdiv{max-width:1380px;margin:36px auto 0;padding:10px 40px 0;border-top:2px solid var(--black);display:flex;align-items:center;justify-content:space-between}
.sh{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--black)}
.sh span{color:var(--red)}
.sa{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ash);border-bottom:1.5px solid var(--smoke);padding-bottom:2px;white-space:nowrap;transition:color .2s,border-color .2s}
.sa:hover{color:var(--red);border-color:var(--red)}

/* EDITOR'S PICKS */
.ep-grid{max-width:1380px;margin:18px auto 0;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ecard{background:var(--white);display:block;transition:transform .3s,box-shadow .3s;overflow:hidden;border-radius:2px}
.ecard:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.13)}
.ecard-iw{overflow:hidden;position:relative;height:170px;background:linear-gradient(135deg,#1a1a2e,#2d2d4e)}
.ecard-img,.ecard-iw img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ecard-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px}
.ecard:hover .ecard-img,.ecard:hover .ecard-iw img{transform:scale(1.07)}
.ecard-bdg{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--black);font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;z-index:1}
.ecard-body{padding:14px}
.ecard-cat{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.ecard-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;line-height:1.35;color:var(--ink);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ecard:hover .ecard-title{color:var(--red)}
.ecard-date{font-size:10px;color:var(--silver)}

/* EXPLORE TOPICS */
.topics-wrap{max-width:1380px;margin:0 auto;padding:0 40px}
.topics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:14px}
.ttile{position:relative;overflow:hidden;height:110px;display:block}
.ttile img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.42) saturate(.7);transition:filter .4s,transform .5s}
.ttile-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;position:absolute;inset:0}
.ttile:hover img{filter:brightness(.28);transform:scale(1.07)}
.tc{position:absolute;bottom:0;left:0;right:0;padding:9px 11px}
.t-emoji{font-size:13px;margin-bottom:2px;display:block}
.t-name{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;line-height:1.1}
.t-arr{position:absolute;top:7px;right:9px;color:rgba(255,255,255,.25);font-size:12px;transition:color .3s,transform .3s}
.ttile:hover .t-arr{color:var(--gold);transform:translate(2px,-2px)}

/* DEEP DIVE */
.dd-band{background:linear-gradient(135deg,var(--black) 0%,#0d0d1a 50%,var(--black) 100%);margin:44px 0 0;overflow:hidden;position:relative}
.dd-inner{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:340px}
.dd-text{padding:52px 56px 52px 40px;display:flex;flex-direction:column;justify-content:center}
.dd-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.dd-label::before{content:'';width:24px;height:1px;background:var(--gold)}
.dd-title{font-family:'Playfair Display',serif;font-size:34px;font-weight:900;color:#fff;line-height:1.12;margin-bottom:12px}
.dd-excerpt{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.btn-dd{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--black);font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:10px 20px;border-radius:1px;transition:background .2s;align-self:flex-start}
.btn-dd:hover{background:var(--gold-lt)}
.btn-dd::after{content:' →'}
.dd-img-side{position:relative;overflow:hidden}
.dd-img-side img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(20%) brightness(.85);transition:transform .6s}
.dd-img-side:hover img{transform:scale(1.04)}
.dd-img-fallback{width:100%;min-height:340px;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;background:#1a1a2e}
.dd-overlay{position:absolute;top:0;left:0;bottom:0;width:80px;background:linear-gradient(to right,var(--black),transparent);pointer-events:none}

/* FEATURED PROFILES */
.fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.fpcard{background:var(--black);display:block;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid #1a1a1a}
.fpcard:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.fpcard-img-wrap{overflow:hidden;height:210px;background:#1a1a2e}
.fpcard-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;filter:grayscale(15%)}
.fpcard:hover .fpcard-img-wrap img{transform:scale(1.05)}
.fpcard-fb{width:100%;height:210px;display:flex;align-items:center;justify-content:center;font-size:50px;background:linear-gradient(135deg,#1a1a2e,#16213e)}
.fpcard-body{padding:14px;border-top:2px solid #1e1e1e}
.fptag{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:5px}
.fptitle{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;line-height:1.3;color:#fff;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fpcard:hover .fptitle{color:var(--gold)}
.fpdate{font-size:10px;color:#666}

/* BIG CAT GRID */
.cg{max-width:1380px;margin:0 auto;padding:0 40px}
.cg-grid{display:grid;gap:16px;margin-top:18px}
.cg-grid.c4{grid-template-columns:repeat(4,1fr)}
.cgcard{background:var(--white);display:block;overflow:hidden;transition:transform .3s,box-shadow .2s;border-radius:2px}
.cgcard:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.cgcard-img{width:100%;height:155px;object-fit:cover;display:block;transition:transform .5s}
.cgcard-fb{width:100%;height:155px;display:flex;align-items:center;justify-content:center;font-size:38px;background:linear-gradient(135deg,#1a1a2e,#2d2d4e)}
.cgcard:hover .cgcard-img{transform:scale(1.06)}
.cgcard-body{padding:13px}
.cgcat{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:5px}
.cgtitle{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;line-height:1.3;color:var(--ink);margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cgcard:hover .cgtitle{color:var(--red)}
.cgdate{font-size:10px;color:var(--silver)}

/* SMALL GRID */
.sg{max-width:1380px;margin:0 auto;padding:0 40px}
.sg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:18px}
.sgitem{display:flex;background:var(--white);overflow:hidden;transition:box-shadow .25s,border-left-color .25s;border-left:3px solid transparent}
.sgitem:hover{box-shadow:0 4px 20px rgba(0,0,0,.09);border-left-color:var(--red)}
.sgitem-img{width:105px;height:76px;object-fit:cover;flex-shrink:0;display:block;transition:transform .4s}
.sgitem-fb{width:105px;height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#1a1a2e,#2d2d4e)}
.sgitem:hover .sgitem-img{transform:scale(1.06)}
.sgitem-body{padding:9px 12px;flex:1;min-width:0}
.sgcat{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin-bottom:3px}
.sgtitle{font-family:'Playfair Display',serif;font-size:13px;font-weight:700;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px}
.sgitem:hover .sgtitle{color:var(--red)}
.sgdate{font-size:10px;color:var(--silver)}

/* HOW IT WORKS */
.how{background:linear-gradient(135deg,var(--black) 0%,#0a0a14 100%);padding:44px 40px;margin:48px 0 0;position:relative;overflow:hidden}
.how-inner{max-width:1380px;margin:0 auto;position:relative;z-index:1}
.how-head{display:flex;align-items:center;margin-bottom:28px}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--graphite)}
.how-step{background:var(--charcoal);padding:28px 24px;transition:background .3s}
.how-step:hover{background:#1e1e1e}
.how-num{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:800;color:var(--red);line-height:1;opacity:.4}
.how-icon{font-size:26px;margin:8px 0;display:block}
.how-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:#fff;margin-bottom:7px}
.how-desc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.65}

/* WHO WE ARE */
.wwa{max-width:1380px;margin:48px auto;padding:0 40px}
.wwa-inner{display:grid;grid-template-columns:1fr 1fr;background:var(--white);overflow:hidden;border:1px solid #e8e8e8}
.wwa-left{padding:44px 48px}
.wwa-lbl{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.wwa-lbl::before{content:'';width:20px;height:1px;background:var(--red)}
.wwa-title{font-family:'Playfair Display',serif;font-size:32px;font-weight:900;line-height:1.15;margin-bottom:12px}
.wwa-desc{font-size:13px;color:var(--ash);line-height:1.72;margin-bottom:16px}
.wwa-stats{display:flex;gap:28px;margin-top:18px;flex-wrap:wrap}
.wst{text-align:center}
.wst-n{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;color:var(--black);line-height:1}
.wst-l{font-size:10px;color:var(--ash);margin-top:3px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.wwa-btns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.wwa-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.wt{padding:28px;display:flex;flex-direction:column;gap:8px}
.wt:nth-child(1){background:var(--paper);border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.wt:nth-child(2){background:var(--black);border-bottom:1px solid #1a1a1a}
.wt:nth-child(3){background:var(--red);border-right:1px solid rgba(255,255,255,.1)}
.wt:nth-child(4){background:var(--paper);border-top:1px solid #e8e8e8}
.wt-icon{font-size:22px}
.wt-title{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink)}
.wt:nth-child(2) .wt-title{color:var(--gold)}
.wt:nth-child(3) .wt-title{color:#fff}
.wt-text{font-size:12px;line-height:1.6;color:var(--ash)}
.wt:nth-child(2) .wt-text{color:rgba(255,255,255,.5)}
.wt:nth-child(3) .wt-text{color:rgba(255,255,255,.8)}

/* NEWSLETTER */
.nl-section{max-width:1380px;margin:48px auto;padding:0 40px}
.nl-inner{background:var(--black);padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden;border-left:3px solid var(--gold)}
.nl-inner::before{content:'\2709';position:absolute;right:-10px;top:-20px;font-size:160px;opacity:.03;pointer-events:none;color:#fff}
.nl-lbl{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.nl-lbl::before{content:'';width:20px;height:1px;background:var(--gold)}
.nl-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;line-height:1.15;margin-bottom:9px;color:#fff}
.nl-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.65}
.nl-form{display:flex;flex-direction:column;gap:10px}
.nl-form input{border:1px solid #333;background:#111;padding:11px 14px;font-family:'Barlow',sans-serif;font-size:14px;color:#fff;outline:none;transition:border-color .2s;border-radius:1px;width:100%}
.nl-form input::placeholder{color:#555}
.nl-form input:focus{border-color:var(--gold)}
.nl-form button{background:var(--gold);color:var(--black);border:none;padding:13px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .2s;border-radius:1px;width:100%}
.nl-form button:hover{background:var(--gold-lt)}
.nl-ok{display:none;background:rgba(200,162,64,.1);border:1px solid var(--gold);color:var(--gold);padding:16px;text-align:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1px;font-size:13px;border-radius:1px}
.nl-priv{font-size:10px;color:#444}

/* FOOTER */
footer{background:var(--black);color:#bbb;padding:52px 40px 24px;border-top:1px solid #1a1a1a}
.ft{max-width:1380px;margin:0 auto}
.ft-top{display:grid;grid-template-columns:220px 1fr 1fr 1fr;gap:36px;padding-bottom:32px;border-bottom:1px solid #1a1a1a}
.ft-logo{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.ft-logo-img{width:32px;height:32px;object-fit:contain}
.ft-logo-txt{font-family:'Playfair Display',serif;font-size:20px;font-weight:900;color:#fff}
.ft-logo-txt span{color:var(--red)}
.ft-tag{font-size:12px;color:#555;margin-bottom:18px;line-height:1.6}
.ft-soc{display:flex;gap:6px;flex-wrap:wrap}
.sb{width:32px;height:32px;border:1px solid #1e1e1e;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}
.sb:hover{border-color:var(--gold);background:rgba(200,162,64,.08);color:var(--gold)}
.sb svg{width:15px;height:15px;fill:currentColor}
.ft-col-title{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #1a1a1a}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:8px}
.ft-links li{margin:0;padding:0}
.ft-links a{font-size:12px;color:#555;transition:color .2s}
.ft-links a:hover{color:var(--gold)}
.ft-bot{padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#333}
.ft-bot a{color:#333}.ft-bot a:hover{color:#666}

/* SINGLE POST */
.post-hero{position:relative;overflow:hidden;background:var(--black);height:500px}
.post-hero>img{width:100%;height:100%;object-fit:cover;display:block;opacity:.7}
.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.3) 60%,transparent 100%)}
.post-hero-content{position:absolute;bottom:0;left:0;right:0;padding:40px;max-width:1380px;margin:0 auto}
.post-cats{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.post-cat-pill{background:var(--red);color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:4px 10px}
.post-hero h1{font-family:'Playfair Display',serif;font-size:42px;font-weight:900;color:#fff;line-height:1.15;max-width:800px;margin-bottom:14px}
.post-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:rgba(255,255,255,.55);flex-wrap:wrap}
.post-meta-sep{color:var(--gold);font-size:8px}
.entry-content{font-size:17px;line-height:1.8;color:#222}
.entry-content h2{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;margin:1.8em 0 .8em}
.entry-content h3{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;margin:1.5em 0 .7em}
.entry-content p{margin-bottom:1.4em}
.entry-content a{color:var(--red);border-bottom:1px solid rgba(200,35,42,.3)}
.entry-content a:hover{border-color:var(--red)}
.entry-content img{border-radius:2px;margin:1.5em 0}
.entry-content blockquote{border-left:4px solid var(--gold);margin:2em 0;padding:1em 1.5em;background:var(--paper);font-style:italic;font-family:'Playfair Display',serif;font-size:18px}
.entry-content ul,.entry-content ol{margin:1em 0 1em 1.5em}
.entry-content li{margin-bottom:.4em}
.post-tags a{display:inline-block;background:var(--paper);color:var(--ash);font-size:12px;padding:5px 12px;margin:4px 3px;border-radius:2px;font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all .2s}
.post-tags a:hover{background:var(--black);color:var(--gold)}
.post-nav{max-width:1380px;margin:48px auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.pnav-item{background:var(--white);padding:20px 24px;display:block;transition:background .2s}
.pnav-item:hover{background:var(--black)}
.pnav-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--ash);margin-bottom:6px}
.pnav-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pnav-item:hover .pnav-label{color:var(--silver)}
.pnav-item:hover .pnav-title{color:var(--gold)}
.pnav-next{text-align:right}
.related-posts{max-width:1380px;margin:48px auto;padding:0 40px}

/* ARCHIVE */
.archive-header{background:var(--black);padding:48px 40px;position:relative;overflow:hidden}
.archive-header::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,162,64,.06) 0%,transparent 60%)}
.archive-header-inner{max-width:1380px;margin:0 auto;position:relative;z-index:1}
.archive-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.archive-title{font-family:'Playfair Display',serif;font-size:40px;font-weight:900;color:#fff;line-height:1.1;margin-bottom:8px}
.archive-desc{font-size:14px;color:rgba(255,255,255,.5);line-height:1.6;max-width:600px}
.archive-count{font-family:'Barlow Condensed',sans-serif;font-size:12px;color:var(--gold);margin-top:8px;letter-spacing:1px}
.archive-posts{max-width:1380px;margin:32px auto;padding:0 40px}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* SEARCH */
.search-header{max-width:1380px;margin:32px auto;padding:0 40px}
.search-form-big{display:flex;border:2px solid var(--black);overflow:hidden}
.search-form-big input{flex:1;padding:14px 18px;font-size:16px;font-family:'Barlow',sans-serif;border:none;outline:none;background:var(--white)}
.search-form-big button{background:var(--black);color:#fff;border:none;padding:0 24px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .2s}
.search-form-big button:hover{background:var(--red)}
.search-count{font-size:13px;color:var(--ash);margin-top:12px}

/* 404 */
.not-found{max-width:1380px;margin:80px auto;padding:0 40px;text-align:center}
.not-found-code{font-family:'Barlow Condensed',sans-serif;font-size:120px;font-weight:800;color:var(--red);line-height:1;opacity:.2}
.not-found-title{font-family:'Playfair Display',serif;font-size:36px;font-weight:900;margin-bottom:16px}
.not-found-desc{font-size:15px;color:var(--ash);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7}

/* PAGINATION */
.tan-pagination{max-width:1380px;margin:40px auto;padding:0 40px;display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap}
.tan-pagination .page-numbers{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;padding:8px 14px;background:var(--white);color:var(--ash);transition:all .2s;border-radius:2px}
.tan-pagination .page-numbers:hover,.tan-pagination .page-numbers.current{background:var(--black);color:var(--gold)}
.tan-pagination .page-numbers.dots{background:transparent;cursor:default}

/* BREADCRUMB */
.breadcrumb{font-size:12px;color:var(--silver);font-family:'Barlow',sans-serif}
.breadcrumb a{color:var(--silver);transition:color .2s}.breadcrumb a:hover{color:var(--red)}
.bc-sep{margin:0 8px;color:#ccc}

/* SIDEBAR */
.sidebar .widget{background:var(--white);padding:20px;margin-bottom:24px;border-top:3px solid var(--black)}
.sidebar .widget-title{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--smoke)}
.sidebar .widget ul{list-style:none}
.sidebar .widget ul li{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px}
.sidebar .widget ul li a{color:var(--ink);transition:color .2s}
.sidebar .widget ul li a:hover{color:var(--red)}

/* PAGE */
.page-hero{background:var(--black);padding:60px 40px;text-align:center;position:relative;overflow:hidden}
.page-hero-title{font-family:'Playfair Display',serif;font-size:48px;font-weight:900;color:#fff;margin-bottom:12px}
.page-content{max-width:800px;margin:48px auto;padding:0 40px}

/* PARTICLES */
.particle-wrap{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.particle{position:absolute;border-radius:50%;background:var(--gold)}
.p1{width:4px;height:4px;top:20%;left:15%;animation:float1 6s ease-in-out infinite}
.p2{width:3px;height:3px;top:60%;left:80%;animation:float2 8s ease-in-out infinite 1s}
.p3{width:5px;height:5px;top:40%;left:50%;animation:float1 7s ease-in-out infinite 2s}
.p4{width:2px;height:2px;top:80%;left:30%;animation:float2 5s ease-in-out infinite .5s}
.p5{width:4px;height:4px;top:15%;left:70%;animation:float1 9s ease-in-out infinite 3s}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ANIMATIONS */
@keyframes tk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes float1{0%,100%{transform:translateY(0) translateX(0);opacity:.4}50%{transform:translateY(-20px) translateX(10px);opacity:.2}}
@keyframes float2{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-15px);opacity:.15}}

/* ADMIN BAR */
.admin-bar #site-nav{top:32px}
@media(max-width:782px){.admin-bar #site-nav{top:46px}}

/* RESPONSIVE */
@media(max-width:1200px){
  .hero-grid{grid-template-columns:200px 1fr 200px}
  .ep-grid{grid-template-columns:repeat(2,1fr)}
  .topics-grid{grid-template-columns:repeat(4,1fr)}
  .ft-top{grid-template-columns:1fr 1fr;gap:28px}
  .fp-grid{grid-template-columns:repeat(2,1fr)}
  .how-grid{grid-template-columns:repeat(2,1fr)}
  .wwa-inner{grid-template-columns:1fr}
  .wwa-right{grid-template-columns:repeat(2,1fr)}
  .dd-inner{grid-template-columns:1fr}
  .dd-img-side{height:280px}
  .nl-inner{grid-template-columns:1fr;padding:32px}
  .cg-grid.c4{grid-template-columns:repeat(2,1fr)}
  .posts-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .hero-grid{grid-template-columns:1fr;height:auto;gap:3px}
  .hero-left,.hero-right{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:3px}
  .hcard{height:180px}
  .hero-center{height:320px;grid-column:1;grid-row:1}
  .htitle.lg{font-size:22px}
  .hero-left{order:2}.hero-right{order:3}
  .ep-grid{grid-template-columns:repeat(2,1fr)}
  .cg-grid.c4{grid-template-columns:repeat(2,1fr)}
  .sg-grid{grid-template-columns:1fr}
  .topics-grid{grid-template-columns:repeat(3,1fr)}
  .how-grid{grid-template-columns:repeat(2,1fr)}
  .posts-grid{grid-template-columns:1fr 1fr}
  .post-hero h1{font-size:28px}
  .archive-title{font-size:28px}
}
@media(max-width:600px){
  .topbar{padding:6px 16px}.tr{display:none}
  header{padding:0 16px}
  .header-inner{grid-template-columns:1fr;text-align:center;padding:12px 0}
  .h-tag{display:none}
  .h-actions{justify-content:center}
  .logo-img,.logo-a img{width:38px;height:38px}
  .logo-txt{font-size:32px}
  .mob-nav-btn{display:inline-block}
  .nav-inner{padding:0 8px}
  .hero-section{padding:12px 16px}
  .sdiv{padding:10px 16px 0;margin-top:24px}
  .ep-grid,.cg,.sg{padding:0 16px}
  .ep-grid{grid-template-columns:1fr}
  .fp-grid{grid-template-columns:1fr 1fr;gap:10px}
  .cg-grid.c4{grid-template-columns:1fr 1fr;gap:10px}
  .topics-wrap{padding:0 16px}
  .topics-grid{grid-template-columns:repeat(2,1fr)}
  .dd-text{padding:32px 24px}
  .dd-title{font-size:24px}
  .how{padding:36px 16px}
  .how-grid{grid-template-columns:1fr 1fr;gap:1px}
  .how-step{padding:20px 16px}
  .wwa{padding:0 16px}
  .wwa-left{padding:28px 24px}
  .wwa-title{font-size:24px}
  .wwa-right{grid-template-columns:1fr 1fr}
  .nl-section{padding:0 16px}
  .nl-inner{padding:24px}
  .nl-title{font-size:22px}
  .ft-top{grid-template-columns:1fr;gap:24px}
  footer{padding:36px 16px 20px}
  .ft-bot{flex-direction:column;gap:8px;text-align:center}
  .posts-grid{grid-template-columns:1fr}
  .archive-header{padding:32px 16px}
  .archive-posts,.related-posts,.post-nav,.tan-pagination{padding:0 16px}
  .post-hero h1{font-size:22px}
  .post-hero{height:360px}
  .post-hero-content{padding:20px 16px}
  .mob-nav{display:block}
  .search-header{padding:0 16px}
  .not-found{padding:40px 16px}
  .page-hero{padding:40px 16px}
  .page-content{padding:0 16px}
  .wwa-right{grid-template-columns:1fr}
}
@media(max-width:400px){
  .topics-grid{grid-template-columns:repeat(2,1fr)}
  .fp-grid{grid-template-columns:1fr}
  .cg-grid.c4{grid-template-columns:1fr}
  .how-grid{grid-template-columns:1fr}
  .wwa-right{grid-template-columns:1fr}
}