:root{
  --bg:#FAFAF8;--bg2:#F2F1EE;--bg3:#ECEAE6;
  --text:#0D0D0B;--text2:#4A4A44;--text3:#888880;
  --border:#E0DED8;--border2:#C8C6C0;
  --accent:#B07D3A;--accent-bg:rgba(176,125,58,.08);--accent-bd:rgba(176,125,58,.22);
  --card:#FFFFFF;--card-shadow:0 2px 16px rgba(0,0,0,.06);
  --nav-bg:rgba(250,250,248,.92);--nav-border:rgba(0,0,0,.07);
  --radius:14px;--radius-lg:22px;--pill:999px;--nav-h:68px;
  --t:0.22s ease;
}
[data-theme="dark"]{
  --bg:#0C0C0A;--bg2:#161614;--bg3:#1E1E1B;
  --text:#F0EFEA;--text2:#A8A79F;--text3:#666660;
  --border:#2A2A26;--border2:#3A3A36;
  --accent:#D4924E;--accent-bg:rgba(212,146,78,.1);--accent-bd:rgba(212,146,78,.25);
  --card:#141412;--card-shadow:0 2px 20px rgba(0,0,0,.3);
  --nav-bg:rgba(12,12,10,.92);--nav-border:rgba(255,255,255,.06);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Roboto',sans-serif;background:var(--bg);color:var(--text);transition:background var(--t),color var(--t);overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Roboto',sans-serif;line-height:1.1;}
a{color:inherit;text-decoration:none;}
button{font-family:'Roboto',sans-serif;cursor:pointer;border:none;background:none;}

/* NAV — NAS.com floating pill */
#main-nav{
  position:fixed;top:14px;left:50%;transform:translateX(-50%);
  z-index:1700;
  display:flex;align-items:center;gap:0;
  padding:6px 6px 6px 18px;
  background:#fff;
  border-radius:var(--pill);
  box-shadow:0 4px 24px rgba(0,0,0,.10),0 1px 4px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.06);
  white-space:nowrap;
  transition:background var(--t),box-shadow var(--t);
  max-width:calc(100vw - 2rem);
}
[data-theme="dark"] #main-nav{
  background:#1A1A18;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 4px 24px rgba(0,0,0,.35);
}
.nav-brand{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none;margin-right:6px;}
.nav-logo{width:30px;height:30px;border-radius:50%;background:var(--text);display:flex;align-items:center;justify-content:center;font-family:'Roboto',sans-serif;font-weight:300;font-size:11px;color:var(--bg);flex-shrink:0;transition:background var(--t),color var(--t);}
.nav-name{font-family:'Roboto',sans-serif;font-weight:300;font-size:14px;letter-spacing:-.01em;color:var(--text);}
.nav-sep{width:1px;height:20px;background:var(--border);margin:0 6px;flex-shrink:0;}
.nav-links{display:flex;align-items:center;gap:0;}
.nav-link{font-size:13px;font-weight:300;color:var(--text2);padding:7px 13px;border-radius:var(--pill);cursor:pointer;transition:all var(--t);white-space:nowrap;}
.nav-link:hover{color:var(--text);background:var(--bg2);}
.nav-link.active{color:var(--text);}
.nav-right{display:flex;align-items:center;gap:7px;margin-left:6px;}
.theme-toggle{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t);color:var(--text2);flex-shrink:0;}
.theme-toggle:hover{border-color:var(--border2);color:var(--text);}
.nav-cta{font-size:13px;font-weight:300;padding:9px 20px;border-radius:var(--pill);background:var(--accent);color:#fff;cursor:pointer;transition:all var(--t);white-space:nowrap;flex-shrink:0;}
.nav-cta:hover{opacity:.88;transform:translateY(-1px);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;flex-shrink:0;}
.hamburger span{width:20px;height:1.5px;background:var(--text);border-radius:2px;transition:all .25s;}
#mob-menu{
  display:none;position:fixed;top:72px;left:50%;transform:translateX(-50%);
  background:#fff;border-radius:18px;
  box-shadow:0 8px 32px rgba(0,0,0,.12);
  border:1px solid rgba(0,0,0,.06);
  padding:1rem;z-index:1700;flex-direction:column;gap:2px;
  min-width:220px;
}
[data-theme="dark"] #mob-menu{background:#1A1A18;border-color:rgba(255,255,255,.08);}
#mob-menu.open{display:flex;}
.mob-link{font-size:14px;font-weight:300;color:var(--text2);padding:10px 14px;border-radius:10px;cursor:pointer;transition:all var(--t);}
.mob-link:hover,.mob-link.active{background:var(--bg2);color:var(--text);}

/* PAGE SYSTEM */
.page{display:none;min-height:100vh;}
.page.active{display:block;}
.section{max-width:1160px;margin:0 auto;padding:5rem 2rem;}

/* SHARED */
.spark{color:var(--accent);font-size:13px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:300;padding:5px 14px;border-radius:var(--pill);background:var(--accent-bg);border:1px solid var(--accent-bd);color:var(--accent);}
.btn-dark{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:300;padding:12px 26px;border-radius:var(--pill);background:var(--text);color:var(--bg);cursor:pointer;transition:all var(--t);}
.btn-dark:hover{opacity:.8;transform:translateY(-1px);}
.btn-outline{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:300;padding:12px 26px;border-radius:var(--pill);border:1.5px solid var(--border2);color:var(--text);cursor:pointer;transition:all var(--t);}
.btn-outline:hover{border-color:var(--text);background:var(--bg2);}
.stat-num{font-family:'Roboto',sans-serif;font-size:2.5rem;font-weight:300;letter-spacing:-.04em;color:var(--text);}
.stat-label{font-size:13px;color:var(--text3);margin-top:4px;}
.pg-title{font-size:clamp(2.4rem,5vw,4rem);font-weight:300;letter-spacing:-.04em;color:var(--text);line-height:1.05;}
.pg-sub{font-size:1.05rem;color:var(--text2);line-height:1.7;margin-top:1rem;max-width:560px;}
.sec-num{font-size:11px;font-weight:300;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;}
.sec-hd{margin-bottom:3rem;}







/* ══ HOME GALLERY — MAGAZINE MOSAIC ══ */
.hm-gal-section{ padding:4rem 0 0; }

.hm-gal-hdr{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap;
}
.hm-gal-em{
  font-style:normal;
  background:linear-gradient(135deg,#B07D3A,#F5C842);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hm-gal-hdr-right{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;}
.hm-gal-hdr-sub{font-size:12.5px;color:var(--text3);font-weight:300;text-align:right;}
.hm-gal-view-all{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 22px;border-radius:999px;
  background:var(--text);color:var(--bg);
  border:none;cursor:pointer;
  font-size:13px;font-weight:300;font-family:"Roboto",sans-serif;
  transition:opacity .2s,transform .2s;
}
.hm-gal-view-all:hover{opacity:.85;transform:translateX(3px);}

/* Mosaic */
.hm-gal-mosaic{
  display:grid;
  grid-template-columns:42% 1fr;
  grid-template-rows:420px;
  gap:5px;
  padding:0 2rem;
  max-width:1160px;margin:0 auto;
}
.hm-gm-stack{display:flex;flex-direction:column;gap:5px;}
.hm-gm-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1;}

/* Individual mosaic item */
.hm-gm{
  position:relative;overflow:hidden;cursor:pointer;
  border-radius:0;background:var(--bg3);
}
.hm-gm-feature{border-radius:14px 0 0 14px;}
.hm-gm-row:first-child .hm-gm:first-child{border-radius:0 14px 0 0;}
.hm-gm-row:first-child .hm-gm:last-child{border-radius:0 14px 0 0;}
.hm-gm-row:last-child .hm-gm:last-child{border-radius:0 0 14px 0;}
.hm-gm img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.25,.46,.45,.94);
}
.hm-gm:hover img{transform:scale(1.07);}

/* Overlay */
.hm-gm-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 55%);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:1rem 1.1rem;
  opacity:0;transition:opacity .3s;
}
.hm-gm:hover .hm-gm-overlay{opacity:1;}
.hm-gm-tag{
  display:inline-block;width:fit-content;
  font-size:10px;font-weight:300;color:#fff;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(176,125,58,.75);backdrop-filter:blur(4px);
  padding:3px 10px;border-radius:4px;margin-bottom:.35rem;
}
.hm-gm-caption{
  font-size:14px;font-weight:300;color:#fff;line-height:1.3;
}
/* Feature overlay always shows tag at bottom */
.hm-gm-feature .hm-gm-overlay{ opacity:1; background:linear-gradient(to top, rgba(0,0,0,.65) 0%, transparent 45%); }
.hm-gm-feature .hm-gm-caption{ font-size:1.05rem; }

/* CTA tile */
.hm-gm-cta{
  background:linear-gradient(135deg,#0d1a2e 0%,#1a3a5c 100%);
  border:1px solid rgba(176,125,58,.3);
  border-radius:0 0 0 0;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:border-color .3s,background .3s;
}
.hm-gm-cta:hover{border-color:rgba(176,125,58,.7);background:linear-gradient(135deg,#112238,#1f4570);}
.hm-gm-cta-inner{text-align:center;}
.hm-gm-cta-num{
  font-size:3.2rem;font-weight:300;color:#fff;
  line-height:1;letter-spacing:-.06em;
}
.hm-gm-cta-num span{font-size:2rem;color:#B07D3A;}
.hm-gm-cta-label{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-bottom:.8rem;
}
.hm-gm-cta-line{
  width:32px;height:1px;background:rgba(176,125,58,.5);
  margin:0 auto .8rem;
}
.hm-gm-cta-sub{
  font-size:12px;font-weight:300;color:rgba(176,125,58,.9);
  line-height:1.6;letter-spacing:.04em;
}
.hm-gm-wide{ grid-column:span 1; }

/* Bottom horizontal strip */
.hm-gal-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  padding:5px 2rem 0;
  max-width:1160px;margin:0 auto 0;
}
.hm-gs-item{
  position:relative;height:140px;overflow:hidden;cursor:pointer;
  background:var(--bg3);
}
.hm-gs-item:first-child{border-radius:0 0 0 14px;}
.hm-gs-item:last-child{border-radius:0 0 14px 0;}
.hm-gs-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.hm-gs-item:hover img{transform:scale(1.08);}
.hm-gs-overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,.35);
  display:flex;align-items:flex-end;padding:.7rem .8rem;
  opacity:0;transition:opacity .3s;
}
.hm-gs-item:hover .hm-gs-overlay{opacity:1;}
.hm-gs-overlay span{
  font-size:11px;color:#fff;letter-spacing:.08em;text-transform:uppercase;font-weight:300;
  background:rgba(0,0,0,.5);backdrop-filter:blur(4px);padding:3px 9px;border-radius:4px;
}

/* Bottom section spacing */
.hm-gal-section > .hm-sec-inner + .hm-gal-mosaic ~ .hm-gal-strip + * { margin-top:4rem; }

/* Responsive */
@media(max-width:860px){
  .hm-gal-mosaic{grid-template-columns:1fr;grid-template-rows:auto;}
  .hm-gm-feature{border-radius:14px;height:260px;}
  .hm-gm-row{height:160px;}
  .hm-gal-strip{grid-template-columns:repeat(2,1fr);height:auto;}
  .hm-gs-item{height:120px;}
}

/* ══ REELS VERTICAL CARDS ══ */
.hm-reels-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.hm-rv{cursor:pointer;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--border);transition:transform .22s,border-color .22s,box-shadow .22s;}
.hm-rv:hover{transform:translateY(-4px);border-color:rgba(176,125,58,.45);box-shadow:0 12px 32px rgba(0,0,0,.12);}
.hm-rv-thumb{
  position:relative;aspect-ratio:9/16;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.hm-rv-emoji{font-size:3rem;position:relative;z-index:1;transition:transform .3s;}
.hm-rv:hover .hm-rv-emoji{transform:scale(1.12);}
.hm-rv-play-ring{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.18);backdrop-filter:blur(6px);
  border:1.5px solid rgba(255,255,255,.5);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .22s;z-index:2;
}
.hm-rv:hover .hm-rv-play-ring{opacity:1;}
.hm-rv-views{
  position:absolute;top:10px;left:10px;z-index:3;
  font-size:11px;font-weight:300;color:#fff;
  background:rgba(0,0,0,.45);backdrop-filter:blur(4px);
  padding:3px 8px;border-radius:6px;
  display:flex;align-items:center;gap:4px;
}
.hm-rv-views::before{content:"▶";font-size:8px;opacity:.8;}
.hm-rv-dur{
  position:absolute;bottom:10px;right:10px;z-index:3;
  font-size:11px;color:rgba(255,255,255,.85);
  background:rgba(0,0,0,.55);padding:2px 7px;border-radius:5px;
}
.hm-rv-gradient{
  position:absolute;inset:0;z-index:0;
  background:linear-gradient(to top, rgba(0,0,0,.4) 0%, transparent 50%);
}
.hm-rv-info{padding:.85rem .9rem .9rem;}
.hm-rv-title{font-size:13px;font-weight:300;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.3rem;}
.hm-rv-ch{font-size:11px;color:var(--text3);}
.hm-reels-all-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 20px;border-radius:999px;
  background:var(--accent);color:#fff;border:none;cursor:pointer;
  font-size:13px;font-weight:300;font-family:"Roboto",sans-serif;
  transition:opacity .2s,transform .2s;flex-shrink:0;
}
.hm-reels-all-btn:hover{opacity:.88;transform:translateX(3px);}
@media(max-width:800px){.hm-reels-strip{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.hm-reels-strip{grid-template-columns:repeat(2,1fr);gap:10px;}}


/* ══ HERO BG ANIMATIONS ══ */

/* Floating geometric shapes */
.hm-geo{
  position:absolute;pointer-events:none;
  border:1px solid rgba(176,125,58,.18);
  border-radius:4px;
}
.hm-geo-1{
  width:120px;height:120px;top:15%;left:8%;
  transform:rotate(22deg);
  animation:hm-geo-float1 12s ease-in-out infinite;
}
.hm-geo-2{
  width:60px;height:60px;top:60%;left:15%;
  transform:rotate(-15deg);
  border-color:rgba(176,125,58,.1);
  animation:hm-geo-float2 16s ease-in-out infinite;
}
.hm-geo-3{
  width:180px;height:180px;top:10%;right:5%;
  transform:rotate(45deg);
  border-color:rgba(176,125,58,.08);border-radius:50%;
  animation:hm-geo-float3 20s ease-in-out infinite;
}
.hm-geo-4{
  width:80px;height:80px;bottom:20%;right:12%;
  transform:rotate(30deg);
  border-color:rgba(176,125,58,.12);
  animation:hm-geo-float4 14s ease-in-out infinite;
}
@keyframes hm-geo-float1{
  0%,100%{transform:rotate(22deg) translate(0,0);}
  33%{transform:rotate(28deg) translate(8px,-12px);}
  66%{transform:rotate(18deg) translate(-6px,8px);}
}
@keyframes hm-geo-float2{
  0%,100%{transform:rotate(-15deg) translate(0,0);}
  50%{transform:rotate(-22deg) translate(-10px,15px);}
}
@keyframes hm-geo-float3{
  0%,100%{transform:rotate(45deg) scale(1) translate(0,0);}
  40%{transform:rotate(55deg) scale(1.08) translate(-10px,10px);}
  70%{transform:rotate(38deg) scale(0.95) translate(8px,-8px);}
}
@keyframes hm-geo-float4{
  0%,100%{transform:rotate(30deg) translate(0,0);}
  50%{transform:rotate(42deg) translate(12px,-10px);}
}

/* Dot grid overlay */
.hm-dot-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle, rgba(176,125,58,.12) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
  opacity:.6;
  animation:hm-grid-drift 25s ease-in-out infinite alternate;
}
@keyframes hm-grid-drift{
  0%{background-position:0 0;}
  100%{background-position:36px 36px;}
}

/* Scan line sweep */
.hm-scan{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;
}
.hm-scan::after{
  content:"";
  position:absolute;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(176,125,58,.25),transparent);
  animation:hm-scan-move 8s linear infinite;
  top:-10px;
}
@keyframes hm-scan-move{
  0%{top:-10px;}
  100%{top:calc(100% + 10px);}
}

/* Enhanced orbs */
.hm-orb-1{
  width:600px;height:600px;top:-15%;left:-8%;
  background:radial-gradient(circle, rgba(176,125,58,.22) 0%, transparent 70%);
  animation:hm-o1 16s ease-in-out infinite alternate;
  filter:blur(70px);
}
.hm-orb-2{
  width:500px;height:500px;bottom:0;right:-8%;
  background:radial-gradient(circle, rgba(176,125,58,.15) 0%, transparent 70%);
  animation:hm-o2 20s ease-in-out infinite alternate;
  filter:blur(70px);
}
.hm-orb-3{
  width:350px;height:350px;top:35%;left:35%;
  background:radial-gradient(circle, rgba(255,200,80,.07) 0%, transparent 70%);
  animation:hm-o3 25s ease-in-out infinite alternate;
  filter:blur(60px);
}

/* ══════════════════════════════════════════
   HOME PAGE — REDESIGN v2
══════════════════════════════════════════ */

/* HERO */
.hm-hero{position:relative;overflow:hidden;background:#0d1a2e;padding-top:var(--nav-h);display:flex;flex-direction:column;}
.hm-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);}
.hm-orb-1{width:500px;height:500px;top:-10%;left:-5%;background:rgba(176,125,58,.18);animation:hm-o1 14s ease-in-out infinite alternate;}
.hm-orb-2{width:400px;height:400px;bottom:5%;right:-5%;background:rgba(176,125,58,.12);animation:hm-o2 18s ease-in-out infinite alternate;}
.hm-orb-3{width:300px;height:300px;top:40%;left:40%;background:rgba(255,200,100,.06);animation:hm-o3 22s ease-in-out infinite alternate;}
@keyframes hm-o1{0%{transform:translate(0,0) scale(1);}100%{transform:translate(60px,40px) scale(1.15);}}
@keyframes hm-o2{0%{transform:translate(0,0);}100%{transform:translate(-50px,-30px) scale(1.1);}}
@keyframes hm-o3{0%{transform:translate(0,0);}100%{transform:translate(40px,-40px);}}
.hm-gold-bar{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#B07D3A,#F5D99A,#B07D3A,transparent);background-size:300% 100%;animation:bar-shift 5s linear infinite;}
.hm-hero-inner{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:1rem 2rem 1.5rem;display:grid;grid-template-columns:1fr 380px;gap:4rem;align-items:center;position:relative;z-index:1;box-sizing:border-box;}
.hm-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:.8rem;font-size:12px;font-weight:300;color:rgba(176,125,58,.9);letter-spacing:.12em;text-transform:uppercase;}
.hm-ey-dot{width:8px;height:8px;border-radius:50%;background:#B07D3A;flex-shrink:0;animation:pdot 1.5s infinite;}
.hm-hero-h1{display:flex;flex-direction:column;margin-bottom:.6rem;}
.hm-h1-line{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:300;color:#fff;line-height:1.05;letter-spacing:-.04em;}
.hm-h1-gold{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:300;line-height:1.05;letter-spacing:-.04em;background:linear-gradient(135deg,#D4924E,#F5D99A,#B07D3A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hm-hero-tagline{font-size:1rem;font-weight:300;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:1rem;}
.hm-hero-stats{display:flex;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:.5rem 0;}
.hm-stat{padding:.2rem 1.2rem .2rem 0;}
.hm-stat-n{font-size:1.1rem;font-weight:300;color:#fff;letter-spacing:-.03em;}
.hm-stat-l{font-size:10px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;}
.hm-stat-sep{width:1px;height:30px;background:rgba(255,255,255,.12);margin:0 1rem 0 0;flex-shrink:0;}
.hm-hero-ctas{display:flex;gap:12px;margin-bottom:1.2rem;flex-wrap:wrap;}
.hm-btn-gold{padding:11px 28px;border-radius:999px;background:linear-gradient(135deg,#B07D3A,#D4924E);color:#fff;border:none;cursor:pointer;font-size:13.5px;font-weight:300;font-family:"Roboto",sans-serif;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(176,125,58,.35);}
.hm-btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(176,125,58,.5);}
.hm-btn-ghost{padding:11px 28px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;font-size:13.5px;font-weight:300;font-family:"Roboto",sans-serif;transition:all .2s;}
.hm-btn-ghost:hover{background:rgba(255,255,255,.14);}
.hm-media-logos{display:flex;flex-direction:column;gap:6px;}
.hm-ml-label{font-size:10px;color:rgba(255,255,255,.22);letter-spacing:.1em;text-transform:uppercase;}
.hm-ml-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hm-ml-row span{font-size:13px;font-weight:300;color:rgba(255,255,255,.32);letter-spacing:.02em;}
.hm-ml-dot{color:rgba(255,255,255,.12)!important;font-size:10px!important;}

/* Photo */
.hm-hero-right{display:flex;align-items:center;justify-content:center;}
.hm-photo-outer{position:relative;width:220px;height:270px;}
.hm-photo-frame{width:100%;height:100%;border-radius:180px 180px 100px 100px;overflow:hidden;border:1px solid rgba(176,125,58,.3);box-shadow:0 0 0 8px rgba(176,125,58,.06),0 32px 80px rgba(0,0,0,.5);}
.hm-fc{position:absolute;background:rgba(10,20,40,.88);backdrop-filter:blur(12px);border:1px solid rgba(176,125,58,.35);border-radius:12px;padding:9px 13px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:10;white-space:nowrap;}
.hm-fc-a{top:18px;left:-50px;}
.hm-fc-b{bottom:70px;right:-44px;}
.hm-fc-live{top:48%;left:-56px;transform:translateY(-50%);font-size:11.5px;font-weight:300;color:#fff;border-color:rgba(34,197,94,.4);}
.hm-fc-icon{font-size:1.2rem;}
.hm-fc-t{font-size:12px;font-weight:300;color:#fff;}
.hm-fc-s{font-size:10.5px;color:rgba(255,255,255,.45);}
.hm-fc-dot{width:8px;height:8px;border-radius:50%;background:#B07D3A;animation:pdot 1.5s infinite;}
.hm-live-dot{width:7px;height:7px;border-radius:50%;background:#22C55E;animation:pdot 1.5s infinite;}

/* Ticker */


/* SHARED SECTIONS */
.hm-section{padding:4rem 0;}
.hm-section-alt{background:var(--bg2);}
.hm-sec-inner{max-width:1160px;margin:0 auto;padding:0 2rem;}
.hm-sec-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap;}
.hm-sec-eye{font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:300;margin-bottom:.3rem;}
.hm-sec-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:300;color:var(--text);letter-spacing:-.04em;margin:0;}
.hm-sec-lnk{font-size:13px;color:var(--accent);cursor:pointer;white-space:nowrap;transition:opacity .2s;flex-shrink:0;}
.hm-sec-lnk:hover{opacity:.7;}

/* PODCAST */
.hm-pods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.hm-pod-card{
  background:var(--card);border:1px solid var(--border);border-radius:16px;
  overflow:hidden;cursor:pointer;
  display:flex;flex-direction:column;
  transition:border-color .22s,transform .22s,box-shadow .22s;
}
.hm-pod-card:hover{border-color:rgba(176,125,58,.4);transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.12);}
.hm-pod-card .hm-pod-thumb{
  width:100%;aspect-ratio:16/9;
  font-size:4rem;
  flex-shrink:0;
}
.hm-pod-card .hm-pod-details{
  padding:1.1rem 1.2rem 1.3rem;
  display:flex;flex-direction:column;gap:.4rem;
}
@media(max-width:900px){.hm-pods-grid{grid-template-columns:1fr 1fr;}}@media(max-width:560px){.hm-pods-grid{grid-template-columns:1fr;}}
.hm-pod-thumb{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer;}
.hm-pod-play-btn{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;}
.hm-pod-thumb:hover .hm-pod-play-btn{opacity:1;}
.hm-pod-play-btn svg{background:rgba(255,255,255,.92);border-radius:50%;padding:12px;width:48px;height:48px;}
.hm-pod-dur-tag{position:absolute;bottom:7px;right:8px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;padding:2px 7px;border-radius:4px;}
.hm-pod-new-tag{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;font-size:9.5px;padding:2px 9px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;}
.hm-pod-details{display:flex;flex-direction:column;gap:.5rem;padding-top:2px;}
.hm-pod-ep-label{font-size:11px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;}
.hm-pod-ep-title{font-size:1.05rem;font-weight:300;color:var(--text);line-height:1.4;}
.hm-pod-ep-meta{font-size:12px;color:var(--text3);}
.hm-pod-ep-desc{font-size:13.5px;color:var(--text2);line-height:1.7;}
.hm-pod-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:.3rem;}
.hm-pb{padding:6px 15px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:300;font-family:"Roboto",sans-serif;border:1.5px solid;transition:all .2s;background:none;}
.hm-pb-sp{border-color:#1DB954;color:#1DB954;}
.hm-pb-sp:hover{background:#1DB954;color:#fff;}
.hm-pb-ap{border-color:#FC3C44;color:#FC3C44;}
.hm-pb-ap:hover{background:#FC3C44;color:#fff;}
.hm-pb-yt{border-color:#FF0000;color:#FF0000;}
.hm-pb-yt:hover{background:#FF0000;color:#fff;}

/* GALLERY GRID */






.hm-gig-count span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-top:4px;}





/* REELS */
.hm-reels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.hm-rc{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;}
.hm-rc:hover{transform:translateY(-3px);border-color:rgba(176,125,58,.4);box-shadow:0 8px 24px rgba(0,0,0,.1);}
.hm-rc-bg{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:2.5rem;}
.hm-rc-info{padding:.75rem;}
.hm-rc-title{font-size:13px;font-weight:300;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.3rem;}
.hm-rc-views{font-size:11.5px;color:var(--text3);}

/* NEWS */
.hm-news-row{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start;}
.hm-nc{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s;}
.hm-nc:hover{transform:translateY(-3px);border-color:rgba(176,125,58,.4);}
/* Featured */
.hm-nc-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 0 0;}
.hm-nc-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.hm-nc:hover .hm-nc-img{transform:scale(1.05);}
.hm-nc-cat{
  position:absolute;top:10px;left:10px;
  font-size:10px;color:#fff;
  background:rgba(176,125,58,.85);backdrop-filter:blur(4px);
  padding:3px 10px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;
}
.hm-nc-body{padding:1.1rem 1.2rem 1.3rem;}
.hm-nc-date{font-size:11.5px;color:var(--text3);margin-bottom:.35rem;}
.hm-nc-title{font-size:14px;font-weight:300;color:var(--text);line-height:1.4;margin-bottom:.3rem;}
.hm-nc-desc{font-size:13px;color:var(--text2);line-height:1.6;}

/* Side list */
.hm-news-list{display:flex;flex-direction:column;gap:10px;}
.hm-nc-sm{
  display:grid;grid-template-columns:90px 1fr;
  gap:.85rem;align-items:center;
  padding:.75rem;border-radius:10px;
}
.hm-nc-sm:hover{background:var(--bg3);}
.hm-nc-sm-img{
  width:90px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;
  background:var(--bg3);
}
.hm-nc-sm-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.hm-nc-sm:hover .hm-nc-sm-img img{transform:scale(1.07);}
.hm-nc-sm-body{display:flex;flex-direction:column;gap:.25rem;}
.hm-nc-sm-cat{font-size:10px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;}
.hm-nc-sm .hm-nc-title{font-size:13px;font-weight:300;color:var(--text);line-height:1.35;}
.hm-nc-sm .hm-nc-date{font-size:11px;color:var(--text3);}

/* BOOK */
.hm-book-strip{background:#0d1a2e;border-top:1px solid rgba(176,125,58,.2);border-bottom:1px solid rgba(176,125,58,.2);padding:4rem 0;}
.hm-bs-inner{max-width:1160px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 200px;gap:4rem;align-items:center;}
.hm-bs-eye{font-size:11px;color:rgba(176,125,58,.8);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;}
.hm-bs-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:300;color:#fff;letter-spacing:-.04em;margin-bottom:.8rem;}
.hm-bs-sub{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:1.5rem;max-width:480px;}
.hm-bs-right{display:flex;justify-content:center;align-items:center;}
.hm-book-3d{width:130px;height:180px;position:relative;transform:perspective(600px) rotateY(-18deg);transition:transform .4s;}
.hm-book-3d:hover{transform:perspective(600px) rotateY(-5deg);}
.hm-book-face{width:100%;height:100%;background:linear-gradient(160deg,#1a3a5c,#0d1a2e);border:1px solid rgba(176,125,58,.4);border-radius:3px 10px 10px 3px;padding:1.2rem 1rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.05);}
.hm-book-title-text{font-size:1rem;font-weight:300;color:#fff;line-height:1.25;letter-spacing:-.02em;}
.hm-book-author-text{font-size:10.5px;color:rgba(176,125,58,.9);letter-spacing:.04em;}
.hm-book-spine-3d{position:absolute;left:-16px;top:0;bottom:0;width:16px;background:linear-gradient(to right,#0a1628,#1a3a5c);border-radius:3px 0 0 3px;border-left:1px solid rgba(176,125,58,.2);}

/* CONTACT CTA */
.hm-cta-strip{padding:5rem 0;background:var(--bg);text-align:center;}
.hm-ctas-inner{max-width:600px;margin:0 auto;padding:0 2rem;}
.hm-ctas-eye{font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;}
.hm-ctas-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:300;color:var(--text);letter-spacing:-.04em;margin-bottom:1rem;line-height:1.2;}
.hm-ctas-sub{font-size:1rem;color:var(--text2);line-height:1.7;margin-bottom:2rem;}

/* RESPONSIVE */
@media(max-width:960px){
  .hm-hero-inner{grid-template-columns:1fr;gap:2rem;}
  .hm-hero-right{display:none;}
  .hm-pod-row{grid-template-columns:1fr;}
  .hm-news-row{grid-template-columns:1fr;}
  .hm-bs-inner{grid-template-columns:1fr;}
  .hm-bs-right{display:none;}
  .hm-reels-grid{grid-template-columns:repeat(2,1fr);}
  .hm-gal-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:160px 160px;}
  .hm-gi-tall{grid-row:span 2;}
  .hm-gi-wide{grid-column:span 2;}
}
@media(max-width:600px){
  .hm-reels-grid{grid-template-columns:repeat(2,1fr);}
  .hm-gal-grid{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px;}
  .hm-gi-tall,.hm-gi-wide{grid-row:auto;grid-column:auto;}
}

/* ══════════════════════════════════════════
   ABOUT PAGE — REDESIGN
══════════════════════════════════════════ */

/* HERO */
.ab-hero{
  position:relative;overflow:hidden;
  background:#153455;
  padding-top:var(--nav-h);
}
.ab-hero::before{
  content:'';
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 55% 70% at 20% 30%, rgba(255,180,100,.13) 0%, transparent 60%),
    radial-gradient(ellipse 45% 60% at 80% 70%, rgba(240,150,60,.10) 0%, transparent 55%),
    radial-gradient(ellipse 35% 50% at 55% 20%, rgba(255,220,120,.07) 0%, transparent 50%);
  background-size:200% 200%;
  animation:ab-grad-move 10s ease-in-out infinite alternate;
  z-index:0;
}
@keyframes ab-grad-move{
  0%  { background-position: 0% 0%, 100% 100%, 50% 0%; }
  33% { background-position: 40% 60%, 60% 30%, 80% 80%; }
  66% { background-position: 80% 20%, 20% 80%, 10% 50%; }
  100%{ background-position: 100% 100%, 0% 0%, 90% 10%; }
}
.ab-hero-bg-text{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-size:clamp(8rem,18vw,17rem);font-weight:300;
  color:transparent;-webkit-text-stroke:1px rgba(176,125,58,.1);
  white-space:nowrap;letter-spacing:-.06em;
  pointer-events:none;user-select:none;
  animation:ahn-drift 22s ease-in-out infinite alternate;
  z-index:1;
}
.ab-hero-bar{
  position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,#B07D3A,#D4924E,#F5D99A,#D4924E,#B07D3A,transparent);
  background-size:300% 100%;
  animation:bar-shift 5s linear infinite;
  z-index:2;
}
.ab-hero-inner{
  max-width:1160px;margin:0 auto;
  padding:2.5rem 2rem 0;
  display:grid;grid-template-columns:1fr 360px;
  gap:3.5rem;align-items:end;
  position:relative;z-index:1;
}
.ab-hero-eyebrow{
  display:flex;align-items:center;gap:10px;margin-bottom:1.4rem;
}
.ab-ey-line{display:block;width:28px;height:1.5px;background:#B07D3A;}
.ab-ey-txt{font-size:11.5px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:rgba(176,125,58,.9);}
.ab-hero-h1{
  font-size:clamp(2.8rem,5vw,4.2rem);font-weight:300;
  color:#fff;letter-spacing:-.05em;line-height:1.0;
  margin-bottom:.6rem;
}
.ab-hero-h1 em{font-style:normal;
  background:linear-gradient(135deg,#D4924E,#F5C842);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.ab-hero-role{font-size:13px;font-weight:300;color:rgba(255,255,255,.45);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.2rem;}
.ab-hero-sub{font-size:1rem;color:rgba(255,255,255,.6);line-height:1.75;max-width:420px;margin-bottom:1.4rem;}
.ab-hero-pills{display:flex;flex-wrap:wrap;gap:8px;}
.ab-pill{
  font-size:11.5px;font-weight:300;padding:5px 14px;
  border-radius:999px;
  border:1px solid rgba(176,125,58,.35);
  color:rgba(176,125,58,.9);background:rgba(176,125,58,.08);
}
/* Photo */
.ab-hero-right{display:flex;align-items:flex-end;justify-content:center;}
.ab-photo-frame{
  position:relative;
  width:280px;
  border-radius:18px 18px 0 0;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(176,125,58,.3),0 -20px 60px rgba(0,0,0,.3);
}
.ab-photo-img{
  width:100%;display:block;
  object-fit:cover;object-position:28% center;
  aspect-ratio:3/4;
}
.ab-photo-badge{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(10,20,35,.82);backdrop-filter:blur(8px);
  border:1px solid rgba(176,125,58,.45);
  border-radius:999px;padding:6px 14px;white-space:nowrap;z-index:3;
}
.ab-pb-dot{
  width:7px;height:7px;border-radius:50%;
  background:#D4924E;animation:pdot 1.5s infinite;flex-shrink:0;
}
.ab-photo-badge span:last-child{font-size:11px;font-weight:300;color:rgba(255,255,255,.88);letter-spacing:.04em;}

/* Stats strip */
.ab-stats-strip{
  max-width:1160px;margin:0 auto;
  padding:1.6rem 2rem;
  display:flex;align-items:center;
  gap:0;
  position:relative;z-index:1;
  flex-wrap:wrap;
}
.ab-stat{flex:1;min-width:100px;padding:.5rem 0;}
.ab-stat-n{font-size:1.5rem;font-weight:300;color:#fff;letter-spacing:-.04em;}
.ab-stat-l{font-size:10px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;}
.ab-stat-div{width:1px;height:36px;background:rgba(255,255,255,.1);flex-shrink:0;margin:0 1rem;}

/* SECTIONS */
.ab-section{padding:4rem 0;}
.ab-section-alt{background:var(--bg2);}
.ab-section-inner{max-width:1160px;margin:0 auto;padding:0 2rem;}
.ab-sec-label{
  font-size:11px;font-weight:300;color:var(--accent);
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;
  display:flex;align-items:center;gap:8px;
}
.ab-sec-label::before{content:'✦';}
.ab-sec-title{
  font-size:clamp(1.8rem,3vw,2.6rem);font-weight:300;
  color:var(--text);letter-spacing:-.04em;margin-bottom:2.5rem;
}

/* BIO */
.ab-bio-grid{display:grid;grid-template-columns:1fr 260px;gap:4rem;align-items:start;}
.ab-bio-text p{font-size:1.02rem;color:var(--text2);line-height:1.9;font-weight:300;margin-bottom:1.4rem;}
.ab-bio-text strong{color:var(--text);font-weight:400;}
.ab-aside-card{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px 0;
  border-bottom:1px solid var(--border);
}
.ab-aside-card:last-child{border-bottom:none;}
.ab-aside-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px;}
.ab-aside-label{font-size:10.5px;color:var(--text3);letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px;}
.ab-aside-val{font-size:13.5px;color:var(--text);font-weight:300;}

/* SERVICES */
.ab-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.ab-svc-card{
  background:var(--card);
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  padding:1.8rem 1.6rem;
  transition:all var(--t);
  position:relative;overflow:hidden;
}
.ab-svc-card:nth-child(3n){border-right:none;}
.ab-svc-card:nth-child(4),.ab-svc-card:nth-child(5),.ab-svc-card:nth-child(6){border-bottom:none;}
.ab-svc-card::before{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  transform:scaleX(0);transition:transform .35s ease;
}
.ab-svc-card:hover::before{transform:scaleX(1);}
.ab-svc-card:hover{background:var(--bg2);}
.ab-svc-ic{
  font-size:1.5rem;
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,rgba(176,125,58,.15),rgba(176,125,58,.05));
  border:1px solid rgba(176,125,58,.2);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1rem;
}
.ab-svc-num{
  position:absolute;top:1.2rem;right:1.4rem;
  font-size:11px;font-weight:300;color:var(--border2);
  letter-spacing:.05em;
}
.ab-svc-name{font-size:15.5px;font-weight:300;color:var(--text);margin-bottom:.5rem;line-height:1.35;}
.ab-svc-desc{font-size:12.5px;color:var(--text3);line-height:1.65;}

/* NUMBERS BAR */
.ab-numbers-bar{
  background:#0f2540;
  border-top:1px solid rgba(176,125,58,.2);
  border-bottom:1px solid rgba(176,125,58,.2);
  padding:2.5rem 0;
}
.ab-numbers-inner{
  max-width:1160px;margin:0 auto;padding:0 2rem;
  display:grid;grid-template-columns:repeat(7,1fr);gap:1px;
  background:rgba(255,255,255,.06);
}
.ab-num-item{
  background:#0f2540;padding:1.4rem 1rem;text-align:center;
}
.ab-num-n{font-size:1.4rem;font-weight:300;color:#fff;letter-spacing:-.03em;margin-bottom:.3rem;}
.ab-num-l{font-size:10px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.07em;line-height:1.4;}

/* TIMELINE */
.ab-timeline{display:flex;flex-direction:column;gap:0;}
.ab-tl-item{display:grid;grid-template-columns:120px 32px 1fr;gap:0;align-items:start;}
.ab-tl-left{padding-top:6px;display:flex;justify-content:flex-end;padding-right:1rem;}
.ab-tl-logo-wrap{
  width:64px;height:64px;border-radius:12px;overflow:hidden;
  background:var(--card);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
}
.ab-tl-logo{width:100%;height:100%;object-fit:contain;padding:6px;}
.ab-tl-dot-col{display:flex;flex-direction:column;align-items:center;padding-top:20px;}
.ab-tl-dot{
  width:12px;height:12px;border-radius:50%;
  border:2px solid var(--border2);background:var(--bg);
  flex-shrink:0;z-index:1;
}
.ab-tl-dot-active{border-color:var(--accent);background:var(--accent);}
.ab-tl-line{width:2px;flex:1;background:var(--border);margin-top:4px;min-height:60px;}
.ab-tl-right{padding:0 0 3rem 1.4rem;}
.ab-tl-period{font-size:11px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.3rem;}
.ab-tl-role{font-size:1.15rem;font-weight:300;color:var(--text);margin-bottom:.2rem;}
.ab-tl-company{font-size:13px;color:var(--text3);margin-bottom:.8rem;}
.ab-tl-company a{color:var(--accent);text-decoration:none;}
.ab-tl-company a:hover{text-decoration:underline;}
.ab-tl-desc{font-size:14px;color:var(--text2);line-height:1.8;font-weight:300;margin-bottom:.8rem;}
.ab-tl-desc strong{color:var(--text);font-weight:400;}
.ab-tl-tags{display:flex;flex-wrap:wrap;gap:6px;}
.ab-tl-tags span{font-size:11.5px;font-weight:300;padding:4px 12px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);color:var(--text2);}

/* EDUCATION */
.ab-edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.ab-edu-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:2rem;
  display:flex;flex-direction:column;gap:.5rem;
  transition:all var(--t);
}
.ab-edu-card:hover{border-color:var(--accent-bd);transform:translateY(-2px);}
.ab-edu-logo{width:56px;height:56px;object-fit:contain;border-radius:10px;margin-bottom:.5rem;background:var(--bg2);padding:6px;}
.ab-edu-degree{font-size:1.05rem;font-weight:300;color:var(--text);}
.ab-edu-major{font-size:13px;color:var(--accent);}
.ab-edu-school{font-size:13px;color:var(--text2);}
.ab-edu-year{font-size:12px;color:var(--text3);margin-top:.3rem;}

/* PHILOSOPHY */
.ab-philosophy{
  background:#153455;
  padding:4rem 0;
}
.ab-sec-label-light::before{content:'✦';}
.ab-sec-label-light{color:rgba(176,125,58,.8);}
.ab-sec-title-light{color:#fff;}
.ab-phil-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:.5rem;}
.ab-phil-pills span{
  font-size:13px;font-weight:300;
  padding:8px 20px;border-radius:999px;
  border:1px solid rgba(176,125,58,.3);
  color:rgba(255,255,255,.75);background:rgba(176,125,58,.08);
  transition:all .2s;
}
.ab-phil-pills span:hover{background:rgba(176,125,58,.18);border-color:rgba(176,125,58,.6);color:#fff;}

/* PROJECTS */
.ab-proj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ab-proj-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;
  transition:all var(--t);cursor:pointer;
}
.ab-proj-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.12);border-color:var(--accent-bd);}
.ab-proj-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;}
.ab-proj-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.ab-proj-card:hover .ab-proj-thumb img{transform:scale(1.05);}
.ab-proj-badge{
  position:absolute;top:10px;left:10px;
  font-size:10px;font-weight:300;padding:3px 10px;
  border-radius:999px;background:rgba(176,125,58,.85);color:#fff;
  letter-spacing:.06em;text-transform:uppercase;
}
.ab-proj-info{padding:1rem;}
.ab-proj-name{font-size:14px;font-weight:300;color:var(--text);margin-bottom:.2rem;}
.ab-proj-meta{font-size:11.5px;color:var(--text3);}

/* RESPONSIVE */
@media(max-width:900px){
  .ab-hero-inner{grid-template-columns:1fr;gap:2rem;}
  .ab-hero-right{display:none;}
  .ab-bio-grid{grid-template-columns:1fr;}
  .ab-services-grid{grid-template-columns:1fr 1fr;}
  .ab-numbers-inner{grid-template-columns:repeat(4,1fr);}
  .ab-proj-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .ab-services-grid{grid-template-columns:1fr;}
  .ab-edu-grid{grid-template-columns:1fr;}
  .ab-proj-grid{grid-template-columns:1fr 1fr;}
  .ab-numbers-inner{grid-template-columns:repeat(2,1fr);}
  .ab-tl-item{grid-template-columns:48px 28px 1fr;}
  .ab-tl-logo-wrap{width:40px;height:40px;}
}


/* ══════════════════════════════════════════
   PODCAST — LIST & GRID
══════════════════════════════════════════ */

/* Control bar */
.pod-control-bar{
  max-width:960px;margin:0 auto;
  padding:.75rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;border-bottom:1px solid var(--border);
}
.pod-filters{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;}
.pod-filters::-webkit-scrollbar{display:none;}

.yt-filter{white-space:nowrap;font-size:12.5px;font-weight:300;padding:6px 15px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all var(--t);flex-shrink:0;}
.yt-filter.active,.yt-filter:hover{background:var(--text);color:var(--bg);border-color:var(--text);}




/* Show/hide views */
#pod-list-view{display:block;}

/* ── LIST VIEW ── */
.yt-list{max-width:960px;margin:0 auto;padding:.5rem 1rem 4rem;display:flex;flex-direction:column;}

.yt-card{display:grid;grid-template-columns:280px 1fr;gap:1.4rem;padding:1.25rem 1rem 1.5rem;border-bottom:1px solid var(--border);cursor:pointer;align-items:start;border-radius:0;transition:background var(--t);margin:0;}
.yt-card:hover{background:var(--bg2);}
.yt-card:last-child{border-bottom:none;}
.yt-thumb{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--bg3);width:100%;}
.yt-thumb-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.2rem;transition:transform .35s;}

.yt-card:hover .yt-thumb-bg{transform:scale(1.04);}
.yt-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);opacity:0;transition:.2s;}
.yt-card:hover .yt-thumb-play{opacity:1;}
.yt-play-ic{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;}

.yt-duration{position:absolute;bottom:6px;right:7px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:300;padding:2px 6px;border-radius:4px;}
.yt-new-badge{position:absolute;top:7px;left:7px;background:var(--accent);color:#fff;font-size:9.5px;padding:2px 8px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;font-weight:300;}
.yt-info{display:flex;flex-direction:column;gap:.35rem;padding-top:1px;}
.yt-channel-row{display:flex;align-items:center;gap:8px;margin-bottom:.1rem;}
.yt-ch-mini{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:300;}
.yt-ch-mini-name{font-size:12px;color:var(--text2);font-weight:300;}
.yt-verified{color:var(--accent);margin-left:2px;}
.yt-ep-label{font-size:11px;color:var(--accent);font-weight:300;letter-spacing:.05em;text-transform:uppercase;}
.yt-title{font-size:15px;font-weight:300;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.yt-meta{font-size:12px;color:var(--text3);}
.yt-desc{font-size:13px;color:var(--text2);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.yt-ch-btn{display:inline-flex;align-items:center;gap:5px;margin-top:.3rem;font-size:12px;font-weight:300;color:var(--text2);background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:5px 12px;cursor:pointer;font-family:"Roboto",sans-serif;transition:all var(--t);}
.yt-ch-btn:hover{background:var(--text);color:var(--bg);border-color:var(--text);}
.yt-ch-btn-out{background:none;}
.pod-load-more{display:block;margin:1.5rem auto 0;padding:9px 28px;border-radius:999px;background:none;border:1.5px solid var(--border);font-size:13px;font-weight:300;color:var(--text2);cursor:pointer;font-family:"Roboto",sans-serif;transition:all var(--t);}
.pod-load-more:hover{background:var(--text);color:var(--bg);border-color:var(--text);}

/* ── GRID VIEW ── */





.pgv-card:hover 

.pgv-card:hover 









.g-pod-1{background:linear-gradient(135deg,#1B2A4A,#2A4A6B);}
.g-pod-2{background:linear-gradient(135deg,#0A2E1A,#15803D);}
.g-pod-3{background:linear-gradient(135deg,#1A0A2E,#5E17B8);}
.g-pod-4{background:linear-gradient(135deg,#2E1A0A,#B07D3A);}
.g-pod-5{background:linear-gradient(135deg,#1A0A00,#8B2600);}
.g-pod-6{background:linear-gradient(135deg,#0A1A2E,#1565C0);}
.g-pod-7{background:linear-gradient(135deg,#1A1A0A,#4A7C00);}
.g-pod-8{background:linear-gradient(135deg,#2E0A1A,#8B006B);}
@media(max-width:780px){.yt-card.yt-featured{grid-template-columns:1fr;}.yt-card{grid-template-columns:140px 1fr;gap:.75rem;}}
@media(max-width:480px){.yt-card{grid-template-columns:120px 1fr;}}

/* NEWS */
.news-feat{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;margin-bottom:3rem;}
.news-feat-thumb{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;}
.news-feat-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;}
.news-cat{display:inline-block;font-size:11px;font-weight:300;padding:4px 12px;border-radius:var(--pill);background:var(--accent-bg);border:1px solid var(--accent-bd);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.8rem;}
.news-feat-title{font-family:'Roboto',sans-serif;font-size:1.6rem;font-weight:300;line-height:1.2;color:var(--text);margin-bottom:.8rem;}
.news-feat-exc{font-size:15px;color:var(--text2);line-height:1.7;margin-bottom:1.2rem;}
.news-meta{font-size:13px;color:var(--text3);margin-bottom:1.5rem;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.news-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--t);}
.news-card:hover{transform:translateY(-3px);border-color:var(--border2);box-shadow:var(--card-shadow);}
.news-card-thumb{aspect-ratio:16/9;}
.news-card-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;}
.news-card-body{padding:1.2rem;}
.news-card-title{font-family:'Roboto',sans-serif;font-size:15px;font-weight:300;color:var(--text);line-height:1.3;margin:.5rem 0 .5rem;}
.news-card-exc{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:.8rem;}
.news-card-meta{font-size:12px;color:var(--text3);}

/* GALLERY */
.gal-filters{display:flex;gap:8px;margin-bottom:2rem;flex-wrap:wrap;}
.gal-filter{font-size:13px;font-weight:300;padding:7px 18px;border-radius:var(--pill);background:var(--card);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all var(--t);}
.gal-filter.active,.gal-filter:hover{border-color:var(--accent-bd);color:var(--accent);background:var(--accent-bg);}
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:10px;}
.gal-item{position:relative;overflow:hidden;cursor:pointer;border-radius:var(--radius);background:var(--bg2);}
.gal-item.span2r{grid-row:span 2;}
.gal-item.span2c{grid-column:span 2;}
.gal-item.span2r .gal-photo{height:100%;}
.gal-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;transition:transform .4s ease;}
.gal-item:hover .gal-photo{transform:scale(1.05);}
.gal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .3s;display:flex;align-items:flex-end;padding:1rem;}
.gal-info{opacity:0;transform:translateY(8px);transition:all .25s;color:#fff;font-size:13px;font-weight:300;}
.gal-item:hover .gal-overlay{background:rgba(0,0,0,.42);}
.gal-item:hover .gal-info{opacity:1;transform:translateY(0);}
.gal-like-n{display:flex;align-items:center;gap:5px;}
.gal-like-n svg{width:14px;height:14px;}
/* Lightbox */
#gal-lb{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.88);backdrop-filter:blur(16px);align-items:center;justify-content:center;padding:2rem;}
#gal-lb.open{display:flex;}
.lb-inner{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:1fr 340px;max-width:900px;width:100%;max-height:90vh;}
.lb-img-side{position:relative;background:var(--bg2);display:flex;align-items:center;justify-content:center;min-height:480px;}
.lb-img-placeholder{cursor:zoom-in;transition:transform .3s;user-select:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.lb-img-placeholder.zoomed{transform:scale(1.18);cursor:zoom-out;}
.lb-info-side{display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid var(--border);}
.lb-header{padding:1.2rem 1.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;}
.lb-avatar{width:38px;height:38px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:300;font-family:'Roboto',sans-serif;border:1px solid var(--border);}
.lb-uname{font-family:'Roboto',sans-serif;font-size:14px;font-weight:300;}
.lb-loc{font-size:12px;color:var(--text3);margin-top:1px;}
.lb-body{padding:1.4rem;flex:1;}
.lb-caption{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:1rem;}
.lb-hashtags{display:flex;flex-wrap:wrap;gap:6px;}
.lb-hash{font-size:12px;font-weight:300;color:var(--accent);}
.lb-actions{padding:1rem 1.4rem;border-top:1px solid var(--border);display:flex;gap:.8rem;}
.lb-act{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:300;color:var(--text2);padding:6px 12px;border-radius:var(--pill);border:1px solid var(--border);transition:all var(--t);}
.lb-act:hover,.lb-act.liked{color:var(--accent);border-color:var(--accent-bd);background:var(--accent-bg);}
.lb-act svg{width:16px;height:16px;}
.lb-close-btn,.lb-prev-btn,.lb-next-btn{position:fixed;background:var(--card);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all var(--t);}
.lb-close-btn:hover,.lb-prev-btn:hover,.lb-next-btn:hover{background:var(--bg2);}
.lb-close-btn{top:1.5rem;right:1.5rem;}
.lb-prev-btn{left:1.5rem;top:50%;transform:translateY(-50%);}
.lb-next-btn{right:1.5rem;top:50%;transform:translateY(-50%);}
.lb-close-btn svg,.lb-prev-btn svg,.lb-next-btn svg{width:18px;height:18px;}

/* FAQ */
.faq-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2.5rem;}
.faq-cat{font-size:13px;font-weight:300;padding:7px 18px;border-radius:var(--pill);background:var(--card);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all var(--t);}
.faq-cat.active,.faq-cat:hover{border-color:var(--accent-bd);color:var(--accent);background:var(--accent-bg);}
.faq-list{display:flex;flex-direction:column;gap:10px;}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--t);}
.faq-item.open{border-color:var(--accent-bd);}
.faq-q{padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1rem;}
.faq-q-txt{font-size:15.5px;font-weight:300;color:var(--text);line-height:1.4;}
.faq-item.open .faq-q-txt{color:var(--accent);}
.faq-ic{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;color:var(--text2);}
.faq-item.open .faq-ic{background:var(--accent-bg);border-color:var(--accent-bd);color:var(--accent);transform:rotate(45deg);}
.faq-ic svg{width:14px;height:14px;}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-item.open .faq-ans{max-height:300px;}
.faq-ans-in{padding:0 1.5rem 1.5rem;font-size:14.5px;color:var(--text2);line-height:1.8;}

/* CONTACT */
.contact-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:start;}
.cf-info-panel{display:flex;flex-direction:column;position:sticky;top:calc(var(--nav-h) + 1.5rem);}
@media(max-width:900px){
  .contact-wrap{grid-template-columns:1fr;}
  .cf-info-panel{position:static;}
}
.contact-info-sub{font-size:15px;color:var(--text2);line-height:1.7;margin-bottom:2rem;}
.cinfo-cards{display:flex;flex-direction:column;gap:10px;margin-bottom:2rem;}
.cinfo-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.4rem;display:flex;align-items:center;gap:12px;}
.cinfo-icon{width:38px;height:38px;border-radius:10px;background:var(--accent-bg);border:1px solid var(--accent-bd);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.cinfo-label{font-size:11px;font-weight:300;color:var(--text3);letter-spacing:.04em;text-transform:uppercase;}
.cinfo-val{font-size:14px;font-weight:300;color:var(--text);margin-top:2px;}
.csoc-grid{display:flex;gap:8px;flex-wrap:wrap;}
.csoc-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all var(--t);}
.csoc-btn:hover{border-color:var(--accent-bd);background:var(--accent-bg);}
.contact-form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:var(--card-shadow);}
.form-title{font-family:'Roboto',sans-serif;font-size:1.3rem;font-weight:300;margin-bottom:1.5rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.form-label{font-size:12.5px;font-weight:300;color:var(--text2);letter-spacing:.02em;}
.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-family:'Roboto',sans-serif;font-size:14px;transition:border-color var(--t),background var(--t);}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);}
.form-textarea{min-height:110px;resize:vertical;}
.form-select{cursor:pointer;-webkit-appearance:none;}
.form-submit{width:100%;padding:13px;border-radius:var(--pill);background:var(--text);color:var(--bg);font-size:15px;font-weight:300;cursor:pointer;transition:all var(--t);border:none;font-family:'Roboto',sans-serif;}
.form-submit:hover{opacity:.82;}

/* ── CONTACT INQUIRY TYPE SELECTOR ── */
.contact-types-wrap{margin-bottom:2.5rem;}
.ct-label{font-size:12.5px;font-weight:300;color:var(--text2);margin-bottom:1rem;letter-spacing:.04em;text-transform:uppercase;}
.ct-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;}
@media(max-width:1000px){.ct-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:600px){.ct-grid{grid-template-columns:repeat(3,1fr);}}
.ct-btn{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.1rem .7rem;text-align:center;cursor:pointer;transition:all var(--t);}
.ct-btn:hover{border-color:var(--accent-bd);background:var(--accent-bg);transform:translateY(-2px);}
.ct-btn.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-bg);}
.ct-icon{font-size:1.5rem;margin-bottom:.5rem;line-height:1;}
.ct-name{font-size:12.5px;font-weight:300;color:var(--text);line-height:1.2;margin-bottom:.25rem;}
.ct-desc{font-size:10.5px;color:var(--text3);line-height:1.3;}

/* ── CONTACT CONTEXT BANNER ── */
.ct-context{display:flex;align-items:flex-start;gap:1rem;background:var(--accent-bg);border:1px solid var(--accent-bd);border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.5rem;}
.ct-context-icon{font-size:1.8rem;flex-shrink:0;line-height:1;padding-top:.1rem;}
.ct-context-title{font-size:15px;font-weight:300;color:var(--text);margin-bottom:.3rem;letter-spacing:-.01em;}
.ct-context-sub{font-size:13px;color:var(--text2);line-height:1.65;}

/* ── OTP SECTION ── */
.otp-section{margin-bottom:14px;}
.otp-row{display:flex;gap:10px;align-items:flex-end;}
.otp-row .form-group{flex:1;margin-bottom:0;}
.otp-send-btn{white-space:nowrap;padding:11px 18px;border-radius:10px;background:var(--text);color:var(--bg);font-family:'Roboto',sans-serif;font-size:13px;font-weight:300;cursor:pointer;border:none;transition:all var(--t);flex-shrink:0;align-self:flex-end;}
.otp-send-btn:hover{opacity:.82;}
.otp-send-btn:disabled{opacity:.4;cursor:not-allowed;}
.otp-hint{font-size:12px;color:var(--accent);margin-top:6px;min-height:18px;}

/* FOOTER — single line */
#main-footer{
  background:var(--bg2);border-top:1px solid var(--border);
  padding:.75rem 2rem;transition:background var(--t);
}
.foot-line{
  max-width:1160px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:.5rem;
}
.foot-copy{font-size:11.5px;color:var(--text3);letter-spacing:.01em;}
.foot-copy span{color:var(--text2);}
.foot-right{display:flex;align-items:center;gap:1.2rem;}
.foot-nav-lnk{font-size:11.5px;color:var(--text3);cursor:pointer;transition:color var(--t);}
.foot-nav-lnk:hover{color:var(--accent);}
.foot-dot{width:3px;height:3px;border-radius:50%;background:var(--border2);}

/* GRADIENTS */
.g-pod-1{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);}
.g-pod-2{background:linear-gradient(135deg,#1B4332,#2D6A4F,#52B788);}
.g-pod-3{background:linear-gradient(135deg,#370617,#6A040F,#D62828);}
.g-pod-4{background:linear-gradient(135deg,#3A0CA3,#4361EE,#7209B7);}
.g-pod-5{background:linear-gradient(135deg,#7400B8,#6930C3,#5E60CE);}
.g-pod-6{background:linear-gradient(135deg,#003049,#D62828,#F77F00);}
.g-pod-7{background:linear-gradient(135deg,#0D3349,#126782,#17A8C3);}
.g-pod-8{background:linear-gradient(135deg,#1C1C1C,#3D3D3D,#6B6B6B);}
.g-n1{background:linear-gradient(135deg,#0D1117,#1A2332);}
.g-n2{background:linear-gradient(135deg,#1A1A2E,#2D1B69);}
.g-n3{background:linear-gradient(135deg,#1B4332,#2D6A4F);}
.g-n4{background:linear-gradient(135deg,#370617,#9D0208);}
.g-n5{background:linear-gradient(135deg,#0D3B6E,#1565C0);}
.g-n6{background:linear-gradient(135deg,#3A0CA3,#560BAD);}
.gg1{background:linear-gradient(135deg,#D4A85A,#A0723D);}
.gg2{background:linear-gradient(135deg,#5B8DB8,#3A6A9A);}
.gg3{background:linear-gradient(135deg,#C77DFF,#7B2FBE);}
.gg4{background:linear-gradient(135deg,#2DC653,#1A8A38);}
.gg5{background:linear-gradient(135deg,#FFB703,#FB8500);}
.gg6{background:linear-gradient(135deg,#00BBF9,#0077B6);}
.gg7{background:linear-gradient(135deg,#F72585,#B5179E);}
.gg8{background:linear-gradient(135deg,#4CC9F0,#4361EE);}
.gg9{background:linear-gradient(135deg,#FF6B6B,#FF8E53);}
.gg10{background:linear-gradient(135deg,#43AA8B,#277DA1);}
.gg11{background:linear-gradient(135deg,#F9C74F,#F3722C);}
.gg12{background:linear-gradient(135deg,#6A4C93,#1982C4);}
.rb1{background:linear-gradient(160deg,#0D1B2A,#1B2A4A,#2A4A6B);}
.rb2{background:linear-gradient(160deg,#1A0A00,#3D1200,#8B2600);}
.rb3{background:linear-gradient(160deg,#0A2E1A,#0D5C34,#15803D);}
.rb4{background:linear-gradient(160deg,#1A0A2E,#3D1280,#5E17B8);}
.rb5{background:linear-gradient(160deg,#2E1A0A,#7A4A12,#B07D3A);}



/* ═══ NAS.COM ANIMATED GRADIENT BACKGROUND (light mode only) ═══ */
body::before{
  content:'';
  position:fixed;inset:0;z-index:-1;
  background:var(--bg);
  transition:background var(--t);
}
[data-theme="light"] body::before{display:none;}
.gradient-canvas{
  position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  display:block;
}
[data-theme="dark"] .gradient-canvas{display:none;}
.g-orb{
  position:absolute;border-radius:50%;filter:blur(80px);opacity:0.55;
  animation:orb-float var(--dur,18s) ease-in-out infinite alternate;
}
.g-orb-1{width:600px;height:600px;background:radial-gradient(circle,#F5D99A 0%,#F0C060 40%,transparent 70%);top:-100px;left:-100px;--dur:20s;}
.g-orb-2{width:500px;height:500px;background:radial-gradient(circle,#FBE8C8 0%,#F5C87A 40%,transparent 70%);top:20%;right:-80px;--dur:25s;animation-direction:alternate-reverse;}
.g-orb-3{width:400px;height:400px;background:radial-gradient(circle,#FDEBD0 0%,#FAD7A0 40%,transparent 70%);bottom:10%;left:20%;--dur:22s;}
.g-orb-4{width:350px;height:350px;background:radial-gradient(circle,#FFF0DC 0%,#F8C471 30%,transparent 65%);top:50%;right:20%;--dur:28s;animation-direction:alternate-reverse;}
.g-orb-5{width:300px;height:300px;background:radial-gradient(circle,#FEFEFE 0%,#FDECD1 50%,transparent 70%);bottom:-50px;right:-50px;--dur:16s;}
@keyframes orb-float{
  0%{transform:translate(0,0) scale(1);}
  33%{transform:translate(40px,-30px) scale(1.05);}
  66%{transform:translate(-20px,50px) scale(0.97);}
  100%{transform:translate(60px,20px) scale(1.03);}
}
[data-theme="light"] .page{background:transparent;}
[data-theme="dark"] .gradient-canvas{opacity:0;}

/* ═══ MARQUEE ═══ */
.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);padding:.7rem 0;margin-top:0;}
.marquee-track{display:flex;gap:0;animation:marquee 28s linear infinite;white-space:nowrap;}
.marquee-track:hover{animation-play-state:paused;}
.marquee-item{display:inline-flex;align-items:center;gap:8px;padding:0 2.2rem;font-size:12px;font-weight:300;color:var(--text2);letter-spacing:.04em;text-transform:uppercase;border-right:1px solid var(--border);}
.marquee-item .mi-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}


/* ═══ CREATIVE HEROES ═══ */
/* About hero banner */
.about-hero-banner{position:relative;overflow:hidden;background:var(--text);min-height:340px;display:flex;align-items:flex-end;padding:0;}
.ahb-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(8rem,18vw,16rem);font-weight:300;color:rgba(255,255,255,.04);white-space:nowrap;pointer-events:none;letter-spacing:-.05em;user-select:none;}
.ahb-inner{max-width:1160px;margin:0 auto;width:100%;padding:3rem 2rem;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:rgba(255,255,255,.08);}
.ahb-stat{background:var(--text);padding:2rem 1.5rem;}
.ahb-stat-n{font-size:2.2rem;font-weight:300;color:#fff;letter-spacing:-.04em;}
.ahb-stat-l{font-size:12px;color:rgba(255,255,255,.45);margin-top:.3rem;letter-spacing:.04em;text-transform:uppercase;}
.ahb-title-block{max-width:1160px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;}
.ahb-chips{display:flex;gap:8px;flex-wrap:wrap;}

/* Podcast hero */
.pod-hero-banner{background:var(--text);padding:4rem 0 0;overflow:hidden;position:relative;}
.phb-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");opacity:.4;}
.phb-inner{max-width:1160px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;}
.phb-live{display:inline-flex;align-items:center;gap:7px;background:rgba(212,146,78,.15);border:1px solid rgba(212,146,78,.3);border-radius:var(--pill);padding:5px 14px;margin-bottom:1.5rem;}
.phb-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pdot 1.5s infinite;}
.phb-live-txt{font-size:11px;font-weight:300;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;}
.phb-title{font-size:clamp(2.8rem,5.5vw,5rem);font-weight:300;color:#fff;letter-spacing:-.04em;line-height:1.0;margin-bottom:1rem;}
.phb-title em{font-style:normal;color:var(--accent);}
.phb-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem;}
.phb-m{font-size:13px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px;}
.phb-m strong{color:rgba(255,255,255,.85);font-weight:300;}
.phb-wave{display:flex;align-items:flex-end;gap:3px;height:60px;padding-bottom:0;}
.phb-bar{border-radius:3px 3px 0 0;background:var(--accent);opacity:.6;animation:wave-anim var(--dur,.8s) ease-in-out infinite alternate;}
@keyframes wave-anim{0%{opacity:.3;transform:scaleY(.3);}100%{opacity:.7;transform:scaleY(1);}}

/* News hero */
.news-hero-banner{background:var(--bg);border-bottom:3px solid var(--text);padding:2.5rem 0 0;}
.nhb-inner{max-width:1160px;margin:0 auto;padding:0 2rem;}
.nhb-masthead{text-align:center;padding:1.5rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;}
.nhb-date{font-size:12px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;}
.nhb-name{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:300;letter-spacing:-.05em;color:var(--text);line-height:1;}
.nhb-tagline{font-size:13px;color:var(--text3);margin-top:.4rem;letter-spacing:.06em;text-transform:uppercase;}
.nhb-cats{display:flex;justify-content:center;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}
.nhb-cat{font-size:12px;font-weight:300;color:var(--text2);padding:.7rem 1.4rem;cursor:pointer;transition:all var(--t);border-right:1px solid var(--border);}
.nhb-cat:last-child{border-right:none;}
.nhb-cat:hover,.nhb-cat.active{background:var(--text);color:var(--bg);}

/* Gallery hero */
.gal-hero-banner{background:var(--text);padding:3.5rem 0 2.5rem;position:relative;overflow:hidden;}
.ghb-inner{max-width:1160px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;}
.ghb-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.ghb-preview{display:flex;gap:8px;align-items:flex-end;}
.ghb-pic{border-radius:10px;overflow:hidden;flex-shrink:0;}
.ghb-pic img{display:block;}
.ghb-emoji{display:flex;align-items:center;justify-content:center;font-size:1.8rem;}

/* FAQ hero */
.faq-hero-banner{background:var(--bg);padding:4rem 0 3rem;text-align:center;position:relative;overflow:hidden;}
.fhb-giant{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-size:clamp(12rem,25vw,22rem);font-weight:300;color:var(--border);pointer-events:none;user-select:none;line-height:1;letter-spacing:-.05em;}
.fhb-inner{position:relative;z-index:1;}
.fhb-label{display:inline-block;font-size:11px;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;}

/* Contact hero */
.contact-hero-banner{background:var(--text);padding:4rem 0 3.5rem;position:relative;overflow:hidden;}
.chb-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 80px);pointer-events:none;}
.chb-inner{max-width:1160px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.chb-left{}
.chb-eyebrow{font-size:11px;font-weight:300;color:rgba(255,255,255,.4);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;}
.chb-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:300;color:#fff;letter-spacing:-.04em;line-height:1.0;}
.chb-title em{font-style:normal;color:var(--accent);}
.chb-sub{font-size:15px;color:rgba(255,255,255,.5);line-height:1.7;margin-top:1rem;}
.chb-right{display:flex;flex-direction:column;gap:12px;}
.chb-info-item{display:flex;align-items:center;gap:12px;padding:1rem 1.2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);}
.chb-icon{width:36px;height:36px;border-radius:9px;background:var(--accent-bg);border:1px solid var(--accent-bd);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.chb-lbl{font-size:11px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.05em;}
.chb-val{font-size:14px;color:#fff;font-weight:300;margin-top:2px;}

@media(max-width:900px){
  .pod-strip{grid-template-columns:1fr;}
  .news-strip{grid-template-columns:1fr 1fr;}
  .biz-grid{grid-template-columns:1fr;}
  .gal-snap{grid-template-columns:repeat(3,1fr);}
  .book-inner{flex-direction:column;}
  .ahb-inner{grid-template-columns:1fr 1fr;}
  .phb-wave{display:none;}
  .chb-inner{grid-template-columns:1fr;}
  .chb-right{display:none;}
  .nhb-cats{flex-wrap:wrap;}
  .ghb-preview{display:none;}
}
@media(max-width:600px){
  .news-strip{grid-template-columns:1fr;}
  .gal-snap{grid-template-columns:repeat(2,1fr);}
  .pod-strip{grid-template-columns:1fr;}
}

/* TOAST */
#toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(60px);background:var(--text);color:var(--bg);font-size:13.5px;font-weight:300;padding:12px 24px;border-radius:var(--pill);z-index:9999;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* RESPONSIVE */
@media(max-width:900px){
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:flex;}
  /* New heroes — mobile */
  .home-hero-new{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:calc(var(--nav-h)+4rem) 1.5rem 3rem;}
  .home-photo-wrap-new{max-height:340px;aspect-ratio:auto;}
  .home-hero-new .home-stats{gap:1.5rem;}
  .ahn-stats-row{grid-template-columns:1fr 1fr;}
  .ahn-title-wrap{grid-template-columns:1fr;}
  .chn-inner{grid-template-columns:1fr;}
  .chn-right{display:none;}
  .ghn-inner{grid-template-columns:1fr;}
  .ghn-previews{display:none;}
  .nhn-masthead{font-size:clamp(3rem,8vw,6rem);}
  /* Old grid items */
  .home-photo-col{display:flex;justify-content:center;}
  .home-tile-grid{grid-template-columns:repeat(4,1fr);}
  .about-hero{grid-template-columns:1fr;}
  .about-photo{aspect-ratio:1;max-width:280px;}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .sk-grid{grid-template-columns:1fr 1fr;}
  .pod-featured,.news-feat{grid-template-columns:1fr;}
  .pod-grid,.news-grid{grid-template-columns:repeat(2,1fr);}
  .contact-wrap{grid-template-columns:1fr;}
  .gal-grid{grid-template-columns:repeat(2,1fr);}
  .gal-item.span2r,.gal-item.span2c{grid-row:span 1;grid-column:span 1;}
  .lb-inner{grid-template-columns:1fr;}
  .lb-info-side{display:none;}
  .form-row{grid-template-columns:1fr;}
  .foot-line{flex-direction:column;gap:.4rem;}
  .foot-right{gap:.8rem;}
}
@media(max-width:600px){
  .home-tile-grid{grid-template-columns:repeat(3,1fr);}
  .pod-grid{grid-template-columns:1fr 1fr;}
  .news-grid{grid-template-columns:1fr;}
}

/* ── MEDIA LOGOS ── */
.featured-in-row{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);}
.fi-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text3);font-weight:300;margin-bottom:.9rem;}
.fi-logos{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;}
.fi-logo{font-weight:700;color:var(--text2);opacity:.45;transition:opacity .2s;cursor:default;line-height:1;}
.fi-logo:hover{opacity:.7;}
.fi-forbes{font-family:Georgia,serif;font-size:14px;letter-spacing:-.01em;}
.fi-toi{font-family:Georgia,serif;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;}
.fi-ht{font-family:Georgia,serif;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;}
.fi-et{font-family:Georgia,serif;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;}
.fi-ndtv{font-family:'Arial Black',sans-serif;font-size:11px;letter-spacing:-.01em;}

/* ═══════════════════════════════════════
   NEW HERO SECTIONS — All Pages
═══════════════════════════════════════ */

/* ── HOME HERO ── */
.home-hero-new{
  position:relative;min-height:100vh;
  display:grid;grid-template-columns:1fr 420px;gap:5rem;
  align-items:center;
  padding:calc(var(--nav-h) + 5.5rem) 2rem 4rem;
  max-width:1160px;margin:0 auto;
  overflow:visible;
}
/* Dark mesh canvas behind home */
#home-mesh{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  overflow:hidden;display:block;
}
[data-theme="dark"] #home-mesh{display:block;}
[data-theme="light"] #home-mesh{display:none;}
/* keep existing light-mode orbs working */
[data-theme="light"] .gradient-canvas{display:block;}
[data-theme="dark"] .gradient-canvas{display:none;}

.home-hero-new .home-h1{
  font-size:clamp(2.2rem,4vw,3.4rem);font-weight:300;
  letter-spacing:-.04em;line-height:1.05;color:var(--text);
}
.home-hero-new .home-h1 em{font-style:normal;color:var(--accent);}
.home-hero-new .home-sub{
  font-size:1.05rem;color:var(--text2);line-height:1.75;
  margin:1.4rem 0 2rem;max-width:440px;
}
.home-hero-new .home-stats{
  display:flex;gap:2.5rem;margin-top:3rem;
  padding-top:2rem;border-top:1px solid var(--border);
}
/* eyebrow line */
.hn-eyebrow{
  display:flex;align-items:center;gap:10px;
  margin-bottom:2rem;
}
.hn-ey-line{width:28px;height:1.5px;background:var(--accent);}
.hn-ey-txt{font-size:11.5px;font-weight:300;letter-spacing:.1em;
  text-transform:uppercase;color:var(--accent);}
/* photo wrap */
.home-photo-wrap-new{
  position:relative;aspect-ratio:4/5;border-radius:24px;
  overflow:hidden;background:linear-gradient(145deg,var(--bg2),var(--bg3));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 32px 80px rgba(0,0,0,.22),0 8px 24px rgba(176,125,58,.14);
  transition:transform .5s ease,box-shadow .5s ease;
}
.home-photo-wrap-new:hover{
  transform:translateY(-8px) scale(1.012);
  box-shadow:0 48px 96px rgba(0,0,0,.28),0 12px 32px rgba(176,125,58,.22);
}
.hpw-init{
  font-size:5rem;font-weight:300;color:var(--border2);
}
/* diagonal SVG decoration */
.hn-svg-deco{
  position:absolute;top:0;right:460px;bottom:0;
  width:120px;pointer-events:none;opacity:.18;
}

/* ── ABOUT HERO ── */
.about-hero-new{
  position:relative;width:100%;overflow:hidden;
  background:#153455;min-height:360px;
  display:flex;flex-direction:column;
  padding-top:var(--nav-h);
}
.ahn-ghost{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-size:clamp(7rem,16vw,15rem);font-weight:300;
  color:transparent;
  -webkit-text-stroke:1px rgba(176,125,58,.18);
  white-space:nowrap;letter-spacing:-.05em;
  pointer-events:none;user-select:none;
  animation:ahn-drift 22s ease-in-out infinite alternate;
}
@keyframes ahn-drift{
  0%{transform:translate(-50%,-50%) translateX(0);}
  100%{transform:translate(-50%,-50%) translateX(60px);}
}
.ahn-gradient-bar{
  position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,#B07D3A,#D4924E,#F5D99A,#D4924E,#B07D3A,transparent);
  background-size:300% 100%;
  animation:bar-shift 5s linear infinite;
}
@keyframes bar-shift{
  0%{background-position:0% 50%;}
  100%{background-position:300% 50%;}
}
.ahn-stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:rgba(255,255,255,.07);
  position:relative;z-index:1;
}
.ahn-stat{
  padding:2rem 1.5rem;background:#153455;
}
.ahn-stat-n{font-size:2.4rem;font-weight:300;color:#fff;letter-spacing:-.04em;}
.ahn-stat-l{font-size:11px;color:rgba(255,255,255,.38);margin-top:.3rem;
  letter-spacing:.08em;text-transform:uppercase;}
.ahn-title-wrap{
  max-width:1160px;margin:0 auto;width:100%;
  padding:2.5rem 2rem 2.5rem;position:relative;z-index:1;
  display:grid;grid-template-columns:1fr auto;
  align-items:end;gap:2rem;
}
.ahn-title-wrap h2{
  font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:300;
  color:#fff;letter-spacing:-.04em;line-height:1.05;
}
.ahn-chips{display:flex;gap:8px;flex-wrap:wrap;}
.ahn-chip{
  font-size:12px;font-weight:300;padding:5px 14px;
  border-radius:999px;border:1px solid rgba(176,125,58,.35);
  color:rgba(176,125,58,.9);background:rgba(176,125,58,.08);
}

/* ── NEWS HERO ── */
.news-hero-new{
  position:relative;overflow:hidden;
  background:#153455;
  padding-top:var(--nav-h);
  border-bottom:1px solid rgba(176,125,58,.15);
}
/* editorial ink-wash accent */
.news-hero-new::before{
  content:'';
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 80% at 80% 50%, rgba(176,125,58,.12) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 10% 80%, rgba(21,52,85,.6) 0%, transparent 60%);
}

/* ── PODCAST HERO ── */

.nhn-inner{
  max-width:1160px;margin:0 auto;padding:2rem 2rem 0;
  position:relative;z-index:1;
}
.nhn-eyebrow{
  display:flex;align-items:center;gap:1rem;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
  padding:.6rem 0;margin-bottom:1.5rem;
}
.nhn-date{font-size:11px;font-weight:300;color:rgba(255,255,255,.35);
  letter-spacing:.1em;text-transform:uppercase;}
.nhn-divider{width:1px;height:12px;background:rgba(255,255,255,.15);}
.nhn-masthead{
  font-size:clamp(4rem,10vw,9rem);font-weight:300;
  color:#fff;letter-spacing:-.06em;line-height:.85;
  margin-bottom:1.2rem;
}
.nhn-masthead span{
  background:linear-gradient(135deg,#B07D3A,#D4924E,#F5C842);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.nhn-tagline{
  font-size:13px;font-weight:300;color:rgba(255,255,255,.4);
  letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:1.5rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding-bottom:1.2rem;
}
.nhn-cats{display:flex;gap:8px;padding:1.2rem 0;flex-wrap:wrap;}
.nhn-cat{
  font-size:12px;font-weight:300;padding:6px 16px;
  border-radius:999px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.6);cursor:pointer;
  transition:all .2s;
}
.nhn-cat:hover,.nhn-cat.active{
  background:rgba(176,125,58,.2);
  border-color:rgba(176,125,58,.4);
  color:#D4924E;
}

/* ── GALLERY HERO ── */
.gal-hero-new{
  position:relative;overflow:hidden;
  min-height:220px;
  background:#153455;
  display:flex;align-items:flex-end;
  padding-top:var(--nav-h);
}
.ghn-diagonal{
  position:absolute;inset:0;pointer-events:none;
  overflow:hidden;
}
.ghn-diagonal::before{
  content:'';position:absolute;
  top:-50%;right:-10%;
  width:70%;height:200%;
  background:linear-gradient(135deg,
    rgba(176,125,58,.14) 0%,
    rgba(212,146,78,.08) 30%,
    transparent 60%);
  transform:rotate(-15deg);
  animation:ghn-sweep 8s ease-in-out infinite alternate;
}
@keyframes ghn-sweep{
  0%{opacity:.6;transform:rotate(-15deg) translateX(0);}
  100%{opacity:1;transform:rotate(-15deg) translateX(30px);}
}
.ghn-ghost-text{
  position:absolute;bottom:-0.2em;left:0;right:0;
  font-size:clamp(8rem,18vw,20rem);font-weight:300;
  color:transparent;
  -webkit-text-stroke:1px rgba(176,125,58,.1);
  letter-spacing:-.06em;line-height:1;
  user-select:none;pointer-events:none;
  white-space:nowrap;overflow:hidden;
}
.ghn-inner{
  max-width:1160px;margin:0 auto;width:100%;
  padding:2rem 2rem 2.5rem;
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr auto;
  align-items:flex-end;gap:2rem;
}
.ghn-num{font-size:11px;font-weight:300;color:rgba(176,125,58,.7);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;}
.ghn-title{
  font-size:clamp(2rem,4vw,3.2rem);font-weight:300;
  color:#fff;letter-spacing:-.04em;line-height:1.05;
}
.ghn-sub{font-size:13px;color:rgba(255,255,255,.35);margin-top:.5rem;}
.ghn-previews{
  display:flex;gap:8px;align-items:flex-end;
}
.ghn-prev-block{
  border-radius:12px;overflow:hidden;
  flex-shrink:0;
}


/* ── GALLERY HERO WATERMARKS ── */
.ghn-watermarks{
  position:absolute;inset:0;pointer-events:none;overflow:hidden;
}
.ghn-wm{
  position:absolute;
  opacity:1;
}
.ghn-wm-1{ width:80px; right:6%;  top:18%; transform:rotate(8deg); }
.ghn-wm-2{ width:120px; right:22%; top:12%; transform:rotate(-4deg); }
.ghn-wm-3{ width:50px; right:14%; top:8%;  transform:rotate(-10deg); }
.ghn-wm-4{ width:72px; right:36%; top:20%; transform:rotate(5deg); }
.ghn-wm-5{ width:130px; right:48%; top:10%; transform:rotate(-6deg); }
.ghn-wm-6{ width:64px; right:2%;  top:30%; transform:rotate(12deg); }
@media(max-width:768px){
  .ghn-wm-4,.ghn-wm-5{display:none;}
}

/* ── FAQ HERO ── */
.faq-hero-new{
  position:relative;overflow:hidden;
  width:100%;
  background:var(--bg);
  border-bottom:1px solid var(--border);
  padding:var(--nav-h) 0 0;
}
.fhn-bg-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(var(--border) 1px,transparent 1px),
    linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.5;
}
.fhn-q-ghost{
  position:absolute;right:5%;top:50%;
  transform:translateY(-50%);
  font-size:22vw;font-weight:300;
  color:transparent;
  -webkit-text-stroke:2px var(--accent-bd);
  line-height:1;user-select:none;pointer-events:none;
  animation:fhn-float 7s ease-in-out infinite alternate;
}
@keyframes fhn-float{
  0%{transform:translateY(-50%) scale(1);}
  100%{transform:translateY(-52%) scale(1.04);}
}
.fhn-inner{
  max-width:1160px;margin:0 auto;
  padding:3rem 2rem 2.5rem;
  position:relative;z-index:1;
}
.fhn-label{
  font-size:11px;font-weight:300;color:var(--accent);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;
  display:flex;align-items:center;gap:8px;
}
.fhn-label::after{content:'';flex:0 0 24px;height:1.5px;background:var(--accent);opacity:.5;}
.fhn-title{
  font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:300;
  color:var(--text);letter-spacing:-.04em;line-height:1.05;
  margin-bottom:1rem;
}
.fhn-sub{font-size:15px;color:var(--text2);line-height:1.7;max-width:520px;}

/* ── CONTACT HERO ── */
.contact-hero-new{
  position:relative;overflow:hidden;width:100%;
  background:#153455;
  padding:var(--nav-h) 0 0;
}
.chn-noise{
  position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  opacity:.6;
}
.chn-beam{
  position:absolute;top:0;right:0;
  width:50%;height:100%;
  background:linear-gradient(135deg,
    rgba(176,125,58,.15) 0%,
    rgba(176,125,58,.05) 40%,
    transparent 70%);
  pointer-events:none;
}
.chn-inner{
  max-width:1160px;margin:0 auto;
  padding:.8rem 2rem 2.5rem 2rem;
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 340px;
  gap:3rem;align-items:center;
}
@media(max-width:900px){
  .chn-inner{grid-template-columns:1fr;}
  .chn-photo-wrap{display:none;}
}
.chn-left{}
.chn-num{font-size:11px;font-weight:300;color:rgba(176,125,58,.8);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;
  display:flex;align-items:center;gap:8px;}
.chn-num::after{content:'';flex:0 0 20px;height:1.5px;background:#B07D3A;opacity:.5;}
.chn-title{
  font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:300;
  color:#fff;letter-spacing:-.04em;line-height:1.05;
  margin-bottom:.5rem;
}
.chn-title em{font-style:normal;
  background:linear-gradient(135deg,#D4924E,#F5C842);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.chn-sub{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.65;max-width:360px;}
.chn-right{
  display:flex;flex-direction:column;gap:12px;
}
.chn-info{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-radius:12px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  transition:all .2s;
}
.chn-info:hover{background:rgba(255,255,255,.08);border-color:rgba(176,125,58,.3);}
.chn-icon{font-size:1.3rem;flex-shrink:0;}
.chn-lbl{font-size:10.5px;color:rgba(255,255,255,.35);letter-spacing:.07em;text-transform:uppercase;}
.chn-val{font-size:13.5px;color:#fff;font-weight:300;margin-top:1px;}

/* ── CONTACT HERO PHOTO ── */
.chn-photo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
}
.chn-photo-frame{
  position:relative;
  width:280px;height:280px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:
    0 0 0 4px rgba(176,125,58,.55),
    0 0 0 8px rgba(176,125,58,.18),
    0 24px 60px rgba(0,0,0,.45);
}
.chn-photo-img{
  width:100%;height:100%;object-fit:cover;object-position:30% 15%;
  display:block;
  filter:none;
  transition:transform .4s ease;
}
.chn-photo-frame:hover .chn-photo-img{
  transform:scale(1.04);
}
/* remove overlays */
.chn-photo-frame::after{display:none;}
/* gold top-right corner accent */
.chn-photo-frame::before{display:none;}
/* "Available" badge */
.chn-photo-badge{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(10,20,35,.82);
  backdrop-filter:blur(8px);
  border:1px solid rgba(176,125,58,.45);
  border-radius:999px;padding:6px 14px;
  white-space:nowrap;z-index:3;
}
.chn-pb-dot{
  width:7px;height:7px;border-radius:50%;
  background:#D4924E;
  animation:pdot 1.5s infinite;
  flex-shrink:0;
}
.chn-photo-badge span{
  font-size:11px;font-weight:300;color:rgba(255,255,255,.88);
  letter-spacing:.04em;
}
/* stats row below photo */
.chn-photo-stat-row{
  display:flex;align-items:center;justify-content:center;
  gap:0;width:100%;max-width:280px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;padding:12px 0;
}
.chn-pstat{text-align:center;flex:1;}
.chn-pstat-n{
  font-size:1.15rem;font-weight:300;color:#fff;
  letter-spacing:-.04em;line-height:1;
}
.chn-pstat-l{
  font-size:9.5px;color:rgba(255,255,255,.38);
  text-transform:uppercase;letter-spacing:.08em;margin-top:4px;
}
.chn-pstat-div{width:1px;height:28px;background:rgba(255,255,255,.1);}


/* ══════════════════════════════════════════
   NEWS DETAIL OVERLAY
══════════════════════════════════════════ */
#news-detail{
  position:fixed;inset:0;z-index:1600;
  background:var(--bg);
  overflow-y:auto;
  display:none;
  transform:translateX(100%);
  transition:transform .38s cubic-bezier(.25,.8,.25,1);
  will-change:transform;
}
#news-detail.nd-open{
  transform:translateX(0);
}

/* ── HERO SECTION ── */
.nd-hero{
  position:relative;
  width:100%;
  height:82vh;
  min-height:480px;
  overflow:hidden;
  background:var(--bg2);
}
.nd-hero-img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
}
/* layered gradient: dark top for nav, dark bottom for content */
.nd-hero-grad{
  position:absolute;inset:0;
  background:
    linear-gradient(to bottom,
      rgba(0,0,0,.55) 0%,
      transparent 22%,
      transparent 45%,
      rgba(0,0,0,.3) 65%,
      rgba(0,0,0,.85) 100%
    );
  pointer-events:none;
}

/* Back pill — top left, below nav */
.nd-back-pill{
  position:absolute;
  top:calc(var(--nav-h) + 18px);
  left:2rem;
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  padding:7px 16px 7px 10px;
  font-size:13px;font-weight:300;color:#fff;
  cursor:pointer;transition:all .2s;
  z-index:2;
}
.nd-back-pill:hover{background:rgba(255,255,255,.22);}
.nd-back-pill svg{flex-shrink:0;}

/* Hero content — fixed at bottom of image */
.nd-hero-content{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:2.5rem 2.5rem 2rem;
  z-index:2;
}
.nd-hero-inner{
  max-width:1100px;margin:0 auto;
}
.nd-hero-eyebrow{
  display:flex;align-items:center;gap:10px;
  margin-bottom:1rem;
}
.nd-cat-pill{
  font-size:10.5px;font-weight:300;
  padding:4px 14px;border-radius:999px;
  background:rgba(176,125,58,.3);
  border:1px solid rgba(176,125,58,.55);
  color:#F5C87A;letter-spacing:.08em;text-transform:uppercase;
}
.nd-read-badge{
  font-size:12px;color:rgba(255,255,255,.5);
}
.nd-hero-title{
  font-size:clamp(1.8rem,3.8vw,3.2rem);
  font-weight:300;color:#fff;
  letter-spacing:-.03em;line-height:1.1;
  margin-bottom:1.6rem;
  max-width:820px;
}

/* Controls bar — overlaid at bottom of hero */
.nd-controls{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.nd-ctrl-btn{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:300;
  padding:8px 18px;border-radius:999px;
  cursor:pointer;transition:all .2s;
  font-family:'Roboto',sans-serif;border:none;
}
.nd-ctrl-ghost{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2) !important;
  color:#fff;
}
.nd-ctrl-ghost:hover{background:rgba(255,255,255,.22);}
.nd-ctrl-like{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.2) !important;
  color:#fff;
}
.nd-ctrl-like.liked{
  background:rgba(220,50,50,.25) !important;
  border-color:rgba(220,50,50,.5) !important;
}
.nd-ctrl-like.liked svg{fill:rgb(220,50,50);stroke:rgb(220,50,50);}
.nd-ctrl-views{
  background:transparent;
  border:1px solid rgba(255,255,255,.15) !important;
  color:rgba(255,255,255,.6);
  cursor:default;pointer-events:none;
}
.nd-ctrl-solid{
  background:#fff;color:#111;
  border:1px solid transparent !important;
}
.nd-ctrl-solid:hover{background:rgba(255,255,255,.88);}
.nd-ctrl-divider{
  width:1px;height:20px;
  background:rgba(255,255,255,.2);
  flex-shrink:0;
}

/* ── ARTICLE BODY ── */
.nd-body-wrap{
  max-width:1060px;margin:0 auto;
  padding:3rem 2rem 5rem;
}

/* Byline strip */
.nd-byline{
  display:flex;align-items:center;gap:12px;
  padding:1.2rem 0;
  border-bottom:1px solid var(--border);
  margin-bottom:2rem;
}
.nd-author-avatar{
  width:42px;height:42px;border-radius:50%;
  background:var(--text);color:var(--bg);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:300;flex-shrink:0;
}
.nd-author-name{font-size:14px;font-weight:300;color:var(--text);}
.nd-pub-meta{font-size:12px;color:var(--text3);margin-top:2px;}
.nd-byline-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nd-byline-stat{
  display:flex;align-items:center;gap:5px;
  font-size:12.5px;color:var(--text3);
}

/* Article content */
.nd-lead{
  font-size:1.15rem;color:var(--text);line-height:1.85;
  margin-bottom:2rem;font-weight:300;
  border-left:3px solid var(--accent);padding-left:1.4rem;
}
.nd-content{
  font-size:1rem;color:var(--text2);line-height:1.95;
  font-weight:300;
}
.nd-content p{margin-bottom:1.6rem;}
.nd-content h3{
  font-size:1.2rem;font-weight:300;color:var(--text);
  margin:2.4rem 0 .9rem;letter-spacing:-.02em;
}
.nd-content strong{font-weight:400;color:var(--text);}
.nd-pullquote{
  margin:2.8rem 0;padding:1.8rem 2.2rem;
  background:var(--accent-bg);
  border-left:4px solid var(--accent);
  border-radius:0 14px 14px 0;
  font-size:1.08rem;font-weight:300;font-style:italic;
  color:var(--text);line-height:1.65;
}
.nd-tags{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:2.5rem 0 0;
  padding-top:1.5rem;
  border-top:1px solid var(--border);
}
.nd-tag{
  font-size:12px;font-weight:300;
  padding:5px 14px;border-radius:999px;
  background:var(--bg2);border:1px solid var(--border);
  color:var(--text2);
}

/* Bottom action bar */
.nd-bottom-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.6rem 0;
  border-top:1px solid var(--border);
  gap:1rem;flex-wrap:wrap;
  margin-top:2rem;
}
.nd-bottom-stats{display:flex;gap:1.4rem;}
.nd-bstat{
  display:flex;align-items:center;gap:5px;
  font-size:13px;color:var(--text3);
}
.nd-bottom-btns{display:flex;gap:10px;}
.nd-bb{
  display:flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:300;
  padding:10px 22px;border-radius:999px;
  cursor:pointer;border:none;font-family:'Roboto',sans-serif;
  transition:all var(--t);
}
.nd-bb-like{
  background:var(--bg2);color:var(--text2);
  border:1.5px solid var(--border) !important;
}
.nd-bb-like:hover,.nd-bb-like.liked{
  background:rgba(220,50,50,.08);
  border-color:rgba(220,50,50,.35) !important;
  color:rgb(220,50,50);
}
.nd-bb-like.liked svg{fill:rgb(220,50,50);stroke:rgb(220,50,50);}
.nd-bb-share{background:var(--text);color:var(--bg);}
.nd-bb-share:hover{opacity:.82;}

/* Next Article */
.nd-next-wrap{
  margin-top:3.5rem;
  padding-top:2rem;
  border-top:2px solid var(--border);
}
.nd-next-label{
  font-size:11px;font-weight:300;color:var(--text3);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;
}
.nd-next-card{
  display:flex;align-items:center;gap:1.2rem;
  background:var(--card);border:1.5px solid var(--border);
  border-radius:var(--radius-lg);padding:1.3rem;
  cursor:pointer;transition:all var(--t);
}
.nd-next-card:hover{border-color:var(--accent-bd);transform:translateX(4px);}
.nd-next-img{
  width:100px;height:74px;border-radius:10px;
  object-fit:cover;flex-shrink:0;
}
.nd-next-info{flex:1;min-width:0;}
.nd-next-cat{
  font-size:10.5px;color:var(--accent);
  letter-spacing:.07em;text-transform:uppercase;display:block;margin-bottom:.3rem;
}
.nd-next-title{font-size:15px;font-weight:300;color:var(--text);line-height:1.3;}
.nd-next-meta{font-size:12px;color:var(--text3);margin-top:.3rem;}
.nd-next-arrow{
  font-size:1.4rem;color:var(--accent);flex-shrink:0;
  transition:transform var(--t);
}
.nd-next-card:hover .nd-next-arrow{transform:translateX(4px);}

/* Related */
.nd-related-wrap{margin-top:3.5rem;}
.nd-section-label{
  font-size:11px;font-weight:300;color:var(--text3);
  letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:1.4rem;
  display:flex;align-items:center;gap:10px;
}
.nd-section-label::after{content:'';flex:1;height:1px;background:var(--border);}
.nd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:700px){.nd-related-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.nd-related-grid{grid-template-columns:1fr;}}
.nd-rel-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;
  cursor:pointer;transition:all var(--t);
}
.nd-rel-card:hover{
  border-color:var(--accent-bd);
  transform:translateY(-3px);
  box-shadow:0 12px 36px rgba(0,0,0,.1);
}
.nd-rel-thumb{height:136px;overflow:hidden;}
.nd-rel-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.nd-rel-card:hover .nd-rel-thumb img{transform:scale(1.06);}
.nd-rel-body{padding:1rem;}
.nd-rel-cat{font-size:9.5px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;}
.nd-rel-title{font-size:13.5px;font-weight:300;color:var(--text);line-height:1.35;margin:.3rem 0 .4rem;}
.nd-rel-meta{font-size:11px;color:var(--text3);}


/* TOP BAR */
.nd-topbar{
  position:sticky;top:0;z-index:10;
  background:var(--bg);
  border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:1rem;
  padding:.75rem 2rem;
}
.nd-back{
  display:flex;align-items:center;gap:6px;
  font-size:13px;font-weight:300;color:var(--text2);
  background:none;border:none;cursor:pointer;
  padding:6px 12px 6px 6px;
  border-radius:var(--pill);
  border:1px solid var(--border);
  transition:all var(--t);flex-shrink:0;
}
.nd-back:hover{color:var(--text);border-color:var(--border2);}
.nd-back svg{flex-shrink:0;}
.nd-topbar-title{
  flex:1;font-size:13px;font-weight:300;color:var(--text2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.nd-topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.nd-action-btn{
  display:flex;align-items:center;gap:5px;
  font-size:12.5px;font-weight:300;color:var(--text2);
  background:none;border:1.5px solid var(--border);
  border-radius:var(--pill);padding:6px 13px;cursor:pointer;
  font-family:'Roboto',sans-serif;
  transition:all var(--t);
}
.nd-action-btn:hover{border-color:var(--border2);color:var(--text);}
.nd-like-btn.liked{
  border-color:rgba(220,50,50,.4);
  color:rgb(220,50,50);
  background:rgba(220,50,50,.06);
}
.nd-like-btn.liked svg{fill:rgb(220,50,50);stroke:rgb(220,50,50);}
.nd-share-btn:hover{background:var(--accent-bg);border-color:var(--accent-bd);color:var(--accent);}

/* HERO IMAGE */
.nd-hero-img-wrap{
  position:relative;width:100%;height:52vh;min-height:280px;
  overflow:hidden;background:var(--bg2);
}
.nd-hero-img-wrap img{
  width:100%;height:100%;object-fit:cover;
  display:block;
}
.nd-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.65) 100%);
}
.nd-hero-meta{
  position:absolute;bottom:1.8rem;left:2rem;
  display:flex;align-items:center;gap:10px;
}
.nd-cat-badge{
  font-size:10.5px;font-weight:300;
  padding:4px 14px;border-radius:var(--pill);
  background:rgba(176,125,58,.25);
  border:1px solid rgba(176,125,58,.5);
  color:#F5C87A;letter-spacing:.07em;text-transform:uppercase;
}
.nd-read-time{
  font-size:11.5px;color:rgba(255,255,255,.55);font-weight:300;
}

/* ARTICLE BODY */
.nd-body-wrap{
  max-width:780px;margin:0 auto;
  padding:3rem 2rem 5rem;
}
.nd-article{}
.nd-title{
  font-size:clamp(1.8rem,4vw,3rem);font-weight:300;
  color:var(--text);letter-spacing:-.03em;line-height:1.1;
  margin-bottom:1.5rem;
}
.nd-byline{
  display:flex;align-items:center;gap:12px;
  padding:1.2rem 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  margin-bottom:2rem;
}
.nd-author-avatar{
  width:40px;height:40px;border-radius:50%;
  background:var(--text);color:var(--bg);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:300;flex-shrink:0;
}
.nd-author-name{font-size:14px;font-weight:300;color:var(--text);}
.nd-pub-meta{font-size:12px;color:var(--text3);margin-top:2px;}
.nd-byline-actions{margin-left:auto;flex-shrink:0;}
.nd-inline-like{
  display:flex;align-items:center;gap:5px;
  font-size:12.5px;font-weight:300;color:var(--text3);
  background:none;border:1.5px solid var(--border);
  border-radius:var(--pill);padding:5px 12px;cursor:pointer;
  font-family:'Roboto',sans-serif;transition:all var(--t);
}
.nd-inline-like:hover,.nd-inline-like.liked{
  border-color:rgba(220,50,50,.4);color:rgb(220,50,50);
  background:rgba(220,50,50,.05);
}
.nd-inline-like.liked svg{fill:rgb(220,50,50);stroke:rgb(220,50,50);}
.nd-lead{
  font-size:1.15rem;color:var(--text);line-height:1.8;
  margin-bottom:2rem;font-weight:300;
  border-left:3px solid var(--accent);padding-left:1.2rem;
}
.nd-content{
  font-size:1rem;color:var(--text2);line-height:1.9;
  font-weight:300;
}
.nd-content p{margin-bottom:1.5rem;}
.nd-content h3{
  font-size:1.15rem;font-weight:300;color:var(--text);
  margin:2.2rem 0 .8rem;letter-spacing:-.02em;
}
.nd-pullquote{
  margin:2.5rem 0;padding:1.6rem 2rem;
  background:var(--accent-bg);
  border-left:4px solid var(--accent);
  border-radius:0 12px 12px 0;
  font-size:1.05rem;font-weight:300;font-style:italic;
  color:var(--text);line-height:1.6;
}
.nd-tags{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:2.5rem 0;
  padding-top:1.5rem;
  border-top:1px solid var(--border);
}
.nd-tag{
  font-size:12px;font-weight:300;
  padding:5px 14px;border-radius:var(--pill);
  background:var(--bg2);border:1px solid var(--border);
  color:var(--text2);
}

/* BOTTOM ACTION BAR */
.nd-bottom-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.5rem 0;border-top:1px solid var(--border);
  gap:1rem;flex-wrap:wrap;
  margin-top:2rem;
}
.nd-bottom-stats{
  display:flex;gap:1.4rem;
}
.nd-bstat{
  display:flex;align-items:center;gap:5px;
  font-size:13px;color:var(--text3);
}
.nd-bottom-btns{display:flex;gap:10px;}
.nd-bb{
  display:flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:300;
  padding:10px 22px;border-radius:var(--pill);
  cursor:pointer;border:none;font-family:'Roboto',sans-serif;
  transition:all var(--t);
}
.nd-bb-like{
  background:var(--bg2);color:var(--text2);
  border:1.5px solid var(--border);
}
.nd-bb-like:hover,.nd-bb-like.liked{
  background:rgba(220,50,50,.08);
  border-color:rgba(220,50,50,.35);
  color:rgb(220,50,50);
}
.nd-bb-like.liked svg{fill:rgb(220,50,50);stroke:rgb(220,50,50);}
.nd-bb-share{
  background:var(--text);color:var(--bg);
}
.nd-bb-share:hover{opacity:.82;}

/* NEXT ARTICLE */
.nd-next-wrap{
  margin-top:3.5rem;
  padding-top:2rem;
  border-top:2px solid var(--border);
}
.nd-next-label{
  font-size:11px;font-weight:300;
  color:var(--text3);letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:1rem;
}
.nd-next-card{
  display:flex;align-items:center;gap:1.2rem;
  background:var(--card);border:1.5px solid var(--border);
  border-radius:var(--radius-lg);padding:1.2rem;
  cursor:pointer;transition:all var(--t);
}
.nd-next-card:hover{border-color:var(--accent-bd);transform:translateX(4px);}
.nd-next-img{
  width:90px;height:68px;border-radius:10px;
  object-fit:cover;flex-shrink:0;
}
.nd-next-info{flex:1;min-width:0;}
.nd-next-cat{
  font-size:10.5px;color:var(--accent);
  letter-spacing:.07em;text-transform:uppercase;
  display:block;margin-bottom:.3rem;
}
.nd-next-title{
  font-size:15px;font-weight:300;color:var(--text);
  line-height:1.3;
}
.nd-next-meta{font-size:12px;color:var(--text3);margin-top:.3rem;}
.nd-next-arrow{
  font-size:1.4rem;color:var(--accent);flex-shrink:0;
  transition:transform var(--t);
}
.nd-next-card:hover .nd-next-arrow{transform:translateX(4px);}

/* RELATED ARTICLES */
.nd-related-wrap{margin-top:3.5rem;}
.nd-section-label{
  font-size:11px;font-weight:300;color:var(--text3);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.4rem;
  display:flex;align-items:center;gap:10px;
}
.nd-section-label::after{
  content:'';flex:1;height:1px;background:var(--border);
}
.nd-related-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}
@media(max-width:700px){.nd-related-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.nd-related-grid{grid-template-columns:1fr;}}
.nd-rel-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;
  cursor:pointer;transition:all var(--t);
}
.nd-rel-card:hover{
  border-color:var(--accent-bd);
  transform:translateY(-3px);
  box-shadow:0 12px 36px rgba(0,0,0,.1);
}
.nd-rel-thumb{height:130px;overflow:hidden;}
.nd-rel-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.nd-rel-card:hover .nd-rel-thumb img{transform:scale(1.06);}
.nd-rel-body{padding:1rem;}
.nd-rel-cat{
  font-size:9.5px;color:var(--accent);
  letter-spacing:.08em;text-transform:uppercase;
}
.nd-rel-title{
  font-size:13.5px;font-weight:300;color:var(--text);
  line-height:1.35;margin:.3rem 0 .4rem;
}
.nd-rel-meta{font-size:11px;color:var(--text3);}

/* ── COMMON KEYFRAME ── */
@keyframes wave-anim{
  0%{transform:scaleY(1);}
  100%{transform:scaleY(var(--scale,0.3));}
}

/* ══ REELS PAGE — Instagram Profile ══ */
#page-reels{
  padding-top:var(--nav-h);
  overflow:visible;
  max-width:935px;
  margin:0 auto;
}

.ig-profile-header{
  padding:1.5rem 1.5rem 0;
  border-bottom:1px solid var(--border);
}
.ig-profile-inner{
  display:flex;align-items:flex-start;gap:2.5rem;
  margin-bottom:1.5rem;
}
/* Avatar */
.ig-avatar-wrap{position:relative;flex-shrink:0;}
.ig-avatar-ring{
  width:90px;height:90px;border-radius:50%;
  background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  padding:3px;display:flex;align-items:center;justify-content:center;
}
.ig-avatar{
  width:100%;height:100%;border-radius:50%;
  object-fit:cover;object-position:28% 15%;
  border:3px solid var(--bg);
  display:block;
}
.ig-story-dot{
  position:absolute;bottom:4px;right:4px;
  width:16px;height:16px;border-radius:50%;
  background:#22C55E;border:2.5px solid var(--bg);
}

/* Info */
.ig-profile-info{flex:1;}
.ig-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:1rem;}
.ig-username{font-size:1.25rem;font-weight:300;color:var(--text);}
.ig-verified{width:20px;height:20px;flex-shrink:0;}
.ig-follow-btn{
  padding:6px 20px;border-radius:8px;font-size:13.5px;font-weight:300;
  background:var(--accent);color:#fff;border:none;cursor:pointer;
  font-family:'Roboto',sans-serif;transition:opacity .2s;
}
.ig-follow-btn:hover{opacity:.85;}
.ig-msg-btn{
  padding:6px 20px;border-radius:8px;font-size:13.5px;font-weight:300;
  background:var(--bg2);color:var(--text);border:1px solid var(--border);cursor:pointer;
  font-family:'Roboto',sans-serif;transition:background .2s;
}
.ig-msg-btn:hover{background:var(--bg3);}
.ig-stats-row{display:flex;gap:2.5rem;margin-bottom:1rem;}
.ig-stat-item{display:flex;flex-direction:column;gap:2px;}
.ig-stat-item strong{font-size:1rem;font-weight:400;color:var(--text);}
.ig-stat-item span{font-size:13px;color:var(--text2);font-weight:300;}
.ig-bio{display:flex;flex-direction:column;gap:3px;}
.ig-display-name{font-size:14px;font-weight:400;color:var(--text);}
.ig-bio-text{font-size:13.5px;color:var(--text2);line-height:1.65;font-weight:300;}
.ig-bio-text strong{color:var(--text);font-weight:400;}
.ig-bio-link{font-size:13.5px;color:#0095f6;text-decoration:none;margin-top:2px;}
.ig-bio-link:hover{text-decoration:underline;}

/* Highlights */
.ig-highlights{
  display:flex;gap:1.5rem;padding:1.2rem 0;
  overflow-x:auto;scrollbar-width:none;
}
.ig-highlights::-webkit-scrollbar{display:none;}
.ig-hl{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;}
.ig-hl-ring{
  width:62px;height:62px;border-radius:50%;
  background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  padding:2.5px;display:flex;align-items:center;justify-content:center;
  transition:transform .2s;
}
.ig-hl:hover .ig-hl-ring{transform:scale(1.06);}
.ig-hl-thumb{
  width:100%;height:100%;border-radius:50%;
  border:2.5px solid var(--bg);
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
}
.ig-hl span{font-size:11.5px;color:var(--text2);font-weight:300;white-space:nowrap;}

/* Tabs */
.ig-tabs{display:flex;border-top:1px solid var(--border);margin:0 -1.5rem;}
.ig-tab{
  flex:1;max-width:180px;
  padding:12px 0;border:none;background:none;
  display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:300;
  color:var(--text3);cursor:pointer;font-family:'Roboto',sans-serif;
  border-top:2px solid transparent;transition:all .2s;margin-top:-1px;
}
.ig-tab-active{color:var(--text);border-top-color:var(--text);}

/* ── REEL GRID ── */
.ig-reel-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3px;
  padding:3px 0 3rem;
  width:100%;
}
.ig-reel-thumb{
  position:relative;
  aspect-ratio:9/16;
  overflow:hidden;cursor:pointer;
  background:var(--bg2);
}
.ig-reel-bg{position:absolute;inset:0;}
.ig-reel-thumb-emoji{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-size:2.5rem;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));
  transition:transform .3s;
  z-index:1;
  pointer-events:none;
}
.ig-reel-thumb:hover .ig-reel-thumb-emoji{transform:translate(-50%,-50%) scale(1.15);}
/* dark hover tint */
.ig-reel-thumb::after{
  content:'';position:absolute;inset:0;background:rgba(0,0,0,0);
  transition:background .25s;z-index:2;
  pointer-events:none;
}
.ig-reel-thumb:hover::after{background:rgba(0,0,0,.18);}
/* play + views overlay (visible on hover) */
.ig-reel-overlay{
  position:absolute;bottom:0;left:0;right:0;
  display:flex;align-items:center;gap:5px;
  padding:10px 8px;
  background:linear-gradient(transparent,rgba(0,0,0,.65));
  color:#fff;font-size:12.5px;font-weight:300;
  opacity:0;transition:opacity .25s;
  z-index:3;
  pointer-events:none;
}
.ig-reel-thumb:hover .ig-reel-overlay{opacity:1;}
.ig-reel-duration{
  position:absolute;top:8px;right:8px;
  font-size:11px;color:rgba(255,255,255,.8);
  background:rgba(0,0,0,.5);border-radius:4px;
  padding:2px 6px;z-index:3;
  pointer-events:none;
}
/* Coming soon tiles */
.ig-reel-soon{cursor:default;}
.ig-reel-soon::after{display:none;}
.ig-soon-inner{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;color:var(--text3);
}
.ig-soon-inner span{font-size:11px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;}

/* ── REEL MODAL ── */

.ig-modal-backdrop{
  position:absolute;inset:0;z-index:0;cursor:default;
}
.ig-modal-close{
  position:absolute;top:16px;right:16px;z-index:2;
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .2s;z-index:2;
}
.ig-modal-close:hover{background:rgba(255,255,255,.22);}
.ig-modal-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .2s;z-index:2;
}
.ig-modal-nav:hover{background:rgba(255,255,255,.25);}
.ig-modal-prev{left:24px;}
.ig-modal-next{right:24px;}
.ig-modal-reel{
  position:relative;z-index:1;
  width:min(380px,88vw);
  aspect-ratio:9/16;
  border-radius:18px;overflow:hidden;
  position:relative;
}
.ig-modal-reel-bg{position:absolute;inset:0;}
.ig-modal-reel-content{
  position:relative;z-index:1;
  height:100%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:2rem;
}
.ig-modal-emoji{font-size:4rem;margin-bottom:1rem;}
.ig-modal-title{
  font-size:1.25rem;font-weight:300;color:#fff;
  text-align:center;line-height:1.25;margin-bottom:.4rem;
}
.ig-modal-sub{font-size:13px;color:rgba(255,255,255,.65);text-align:center;}
.ig-modal-bottom{
  position:absolute;bottom:0;left:0;right:0;
  padding:1.5rem;
  background:linear-gradient(transparent,rgba(0,0,0,.75));
  z-index:2;
}
.ig-modal-uname{font-size:14px;font-weight:300;color:#fff;margin-bottom:4px;}
.ig-modal-caption{font-size:13px;color:rgba(255,255,255,.8);line-height:1.5;margin-bottom:8px;}
.ig-modal-music{font-size:12px;color:rgba(255,255,255,.55);}
.ig-modal-actions{
  position:absolute;right:14px;bottom:5rem;
  display:flex;flex-direction:column;align-items:center;gap:1.4rem;
  z-index:3;
}
.ig-modal-act{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  color:#fff;cursor:pointer;
}
.ig-modal-act svg,.ig-modal-act span{display:block;}
.ig-modal-act span{font-size:11px;}
.ig-modal-like-ic{transition:transform .2s;}
.ig-modal-act:hover .ig-modal-like-ic{transform:scale(1.2);}

@media(max-width:600px){
  .ig-profile-inner{gap:1.4rem;}
  .ig-avatar-ring{width:72px;height:72px;}
  .ig-stats-row{gap:1.4rem;}
  .ig-modal-prev{left:8px;}
  .ig-modal-next{right:8px;}
}

/* ══ REEL PLAYER ══ */
#reelPlayer{
  position:fixed;top:0;left:0;width:100%;height:100%;
  z-index:10000;background:#000;
  display:none;overflow:hidden;
}
#reelPlayer.open{ display:block; }
#reelPlayerClose{
  position:fixed;top:14px;left:14px;z-index:10001;
  width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);
  color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
#reelPlayerClose:hover{ background:rgba(255,255,255,.35); }
#reelScroller{
  height:100vh;overflow-y:scroll;
  scroll-snap-type:y mandatory;
  scrollbar-width:none;
}
#reelScroller::-webkit-scrollbar{ display:none; }
.rl-slide{
  height:100vh;scroll-snap-align:start;
  position:relative;display:flex;
  align-items:center;justify-content:center;overflow:hidden;
}
.rl-bg{ position:absolute;inset:0; }
.rl-card{
  position:relative;z-index:1;
  width:min(360px,82vw);aspect-ratio:9/16;
  border-radius:22px;
  background:rgba(0,0,0,.3);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.14);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:2rem;
}
.rl-emoji{ font-size:4.5rem;margin-bottom:1.2rem; }
.rl-title{ font-size:1.3rem;font-weight:300;color:#fff;text-align:center;line-height:1.2; }
.rl-sub{ font-size:13px;color:rgba(255,255,255,.6);text-align:center;margin-top:.4rem; }
.rl-bottom{
  position:absolute;bottom:0;left:0;right:0;
  padding:2rem 1.5rem 1.5rem;
  background:linear-gradient(transparent,rgba(0,0,0,.82));
  z-index:2;
}
.rl-uname{ font-size:14px;font-weight:400;color:#fff;margin-bottom:4px; }
.rl-caption{ font-size:13px;color:rgba(255,255,255,.82);line-height:1.6;margin-bottom:5px; }
.rl-music{ font-size:12px;color:rgba(255,255,255,.5); }
.rl-actions{
  position:absolute;right:18px;bottom:120px;z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:1.8rem;
}
.rl-btn{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  color:#fff;cursor:pointer;background:none;border:none;
  font-family:inherit;
}
.rl-btn svg{ transition:transform .2s; }
.rl-btn:hover svg{ transform:scale(1.18); }
.rl-btn span{ font-size:11.5px;font-weight:300;color:#fff; }
.rl-hint{
  position:absolute;bottom:14px;left:50%;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:4px;
  z-index:4;color:rgba(255,255,255,.38);font-size:11px;
  pointer-events:none;animation:rl-bounce 2s infinite;
}
@keyframes rl-bounce{
  0%,100%{ transform:translateX(-50%) translateY(0); }
  50%{ transform:translateX(-50%) translateY(7px); }
}

/* ══ VIDEO DETAIL OVERLAY ══ */
#vid-detail{
  display:none;
  position:fixed;inset:0;z-index:1600;
  background:var(--bg);
  overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;
  transform:translateX(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
#vid-detail.vd-open{
  transform:translateX(0);
}

/* Top bar */
.vd-topbar{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;gap:12px;
  padding:.75rem 1.5rem;
  background:var(--bg);
  border-bottom:1px solid var(--border);
}
.vd-back{
  display:flex;align-items:center;gap:6px;
  background:none;border:none;cursor:pointer;
  font-size:13px;font-weight:300;color:var(--text2);
  font-family:"Roboto",sans-serif;padding:6px 10px;
  border-radius:8px;transition:background var(--t);
}
.vd-back:hover{background:var(--bg2);}
.vd-topbar-logo{
  font-size:13px;font-weight:300;color:var(--text3);margin-left:auto;
}

/* Body layout */
.vd-body{
  max-width:1100px;margin:0 auto;
  padding:1.5rem 1.5rem 4rem;
  display:grid;
  grid-template-columns:1fr 340px;
  gap:2rem;align-items:start;
}
@media(max-width:800px){.vd-body{grid-template-columns:1fr;}}

/* Player */
.vd-player-wrap{
  position:relative;aspect-ratio:16/9;
  border-radius:14px;overflow:hidden;
  background:var(--bg3);margin-bottom:1rem;
}
.vd-player-bg{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:5rem;
}
.vd-player-overlay{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.25);
}
.vd-big-play{
  width:64px;height:64px;border-radius:50%;
  background:rgba(255,255,255,.92);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:transform .2s;
}
.vd-big-play:hover{transform:scale(1.08);}
.vd-player-label{
  position:absolute;bottom:12px;left:14px;
  font-size:11px;color:rgba(255,255,255,.8);
}

/* Title + meta */
.vd-title{
  font-size:1.25rem;font-weight:300;color:var(--text);
  line-height:1.35;margin-bottom:.5rem;
}
.vd-views-date{font-size:12.5px;color:var(--text3);margin-bottom:.75rem;}
.vd-meta-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
  margin-bottom:1rem;
}
.vd-action-btns{display:flex;gap:8px;flex-wrap:wrap;}
.vd-action-btn{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12.5px;font-weight:300;color:var(--text2);
  background:var(--bg2);border:1px solid var(--border);
  border-radius:999px;padding:7px 16px;cursor:pointer;
  font-family:"Roboto",sans-serif;transition:all var(--t);
}
.vd-action-btn:hover{background:var(--text);color:var(--bg);border-color:var(--text);}

/* Platform row */
.vd-platform-row{
  display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.25rem;
}
.vd-plat-btn{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:300;
  padding:8px 16px;border-radius:10px;
  cursor:pointer;border:1px solid var(--border);
  font-family:"Roboto",sans-serif;transition:all var(--t);
  color:var(--text);background:var(--card);
}
.vd-plat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12);}
.vd-plat-spotify{border-color:#1DB954;color:#1DB954;}
.vd-plat-spotify:hover{background:#1DB954;color:#fff;}
.vd-plat-apple{border-color:#FC3C44;color:#FC3C44;}
.vd-plat-apple:hover{background:#FC3C44;color:#fff;}
.vd-plat-yt{border-color:#FF0000;color:#FF0000;}
.vd-plat-yt:hover{background:#FF0000;color:#fff;}

/* Channel row */
.vd-channel-row,.vd-ch-row{
  display:flex;align-items:center;gap:12px;
  padding:1rem 0;border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);margin-bottom:1rem;
}
.vd-ch-avatar{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  background:var(--text);color:var(--bg);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:300;
}
.vd-ch-t{flex:1;}
.vd-ch-name{font-size:14px;font-weight:300;color:var(--text);}
.vd-ch-subs{font-size:12px;color:var(--text3);}
.vd-subscribe-btn{
  padding:7px 18px;border-radius:999px;
  background:var(--text);color:var(--bg);
  border:none;font-size:13px;font-weight:300;
  cursor:pointer;font-family:"Roboto",sans-serif;
  transition:opacity .2s;flex-shrink:0;
}
.vd-subscribe-btn:hover{opacity:.8;}

/* Description */
.vd-desc-wrap{margin-bottom:1.25rem;}
.vd-desc-preview,.vd-desc-full{
  font-size:13.5px;color:var(--text2);line-height:1.75;font-weight:300;
}
.vd-show-more{
  font-size:13px;color:var(--accent);cursor:pointer;
  background:none;border:none;font-family:"Roboto",sans-serif;
  margin-top:.4rem;padding:0;
}

/* Comments */
.vd-comments-head{
  font-size:15px;font-weight:300;color:var(--text);
  margin-bottom:1rem;display:flex;align-items:center;gap:10px;
}
.vd-comments-wrap{display:flex;flex-direction:column;gap:1.1rem;}
.vd-comment{display:flex;gap:12px;align-items:flex-start;}
.vd-comment-av{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:var(--bg3);color:var(--text2);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:300;
}
.vd-comment-body{flex:1;}
.vd-comment-author{font-size:13px;font-weight:400;color:var(--text);margin-bottom:3px;}
.vd-comment-meta{font-size:11.5px;color:var(--text3);margin-bottom:4px;}
.vd-comment-text{font-size:13.5px;color:var(--text2);line-height:1.6;}

/* Sidebar */
.vd-sidebar{display:flex;flex-direction:column;gap:.5rem;}
.vd-sidebar-label{
  font-size:11px;font-weight:300;color:var(--text3);
  letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:.5rem;
}
.vd-related-card{
  display:grid;grid-template-columns:100px 1fr;gap:.75rem;
  cursor:pointer;border-radius:8px;padding:.5rem;
  transition:background var(--t);
}
.vd-related-card:hover{background:var(--bg2);}
.vd-rel-thumb{
  position:relative;aspect-ratio:16/9;
  border-radius:6px;overflow:hidden;
}
.vd-rel-bg{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;
}
.vd-rel-dur{
  position:absolute;bottom:3px;right:4px;
  background:rgba(0,0,0,.8);color:#fff;
  font-size:9px;padding:1px 5px;border-radius:3px;
}
.vd-rel-info{display:flex;flex-direction:column;gap:3px;padding-top:2px;}
.vd-rel-title{font-size:12.5px;font-weight:300;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.vd-rel-ch{font-size:11.5px;color:var(--text3);}
.vd-rel-meta{font-size:11px;color:var(--text3);}

/* Chapters */
.vd-chapters-list{display:flex;flex-direction:column;gap:2px;margin-top:.5rem;}

/* ── PODCAST MODAL ── */
#pod-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);opacity:0;transition:opacity .22s;padding:1rem;}
#pod-modal.pod-open{opacity:1;}
.pod-box{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:2rem;max-width:420px;width:100%;text-align:center;transform:translateY(18px);transition:transform .22s;box-shadow:0 28px 70px rgba(0,0,0,.4);position:relative;}
#pod-modal.pod-open .pod-box{transform:translateY(0);}
.pod-close{position:absolute;top:.9rem;right:.9rem;width:30px;height:30px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);cursor:pointer;font-size:13px;color:var(--text2);display:flex;align-items:center;justify-content:center;}
.pod-close:hover{border-color:var(--border2);}
.pod-icon{font-size:2.2rem;margin-bottom:.7rem;}
.pod-now{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem;}
.pod-ep-title{font-size:.9rem;font-weight:300;color:var(--text);line-height:1.4;margin-bottom:1.5rem;}
.pod-btns{display:flex;flex-direction:column;gap:10px;}
.pod-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 0;border-radius:999px;font-size:13px;font-weight:300;text-decoration:none;transition:opacity .15s;}
.pod-btn:hover{opacity:.85;}
.pod-spotify{background:#1DB954;color:#fff;}
.pod-apple{background:var(--text);color:var(--bg);}
.pod-or{font-size:11px;color:var(--text3);}
/* ── ARTICLE MODAL ── */
#art-modal{position:fixed;inset:0;z-index:2100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);opacity:0;transition:opacity .22s;padding:1rem;}
#art-modal.art-open{opacity:1;}
.art-box{background:var(--card);border:1px solid var(--border);border-radius:20px;max-width:640px;width:100%;max-height:88vh;overflow-y:auto;transform:translateY(18px);transition:transform .22s;box-shadow:0 32px 80px rgba(0,0,0,.45);position:relative;}
#art-modal.art-open .art-box{transform:translateY(0);}
#art-img{width:100%;height:210px;object-fit:cover;border-radius:20px 20px 0 0;display:block;}
.art-content{padding:1.6rem 1.8rem 2rem;}
.art-badge{display:inline-block;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-bd);padding:3px 11px;border-radius:999px;margin-bottom:.8rem;}
.art-modal-h{font-size:1.25rem;font-weight:300;color:var(--text);line-height:1.3;margin-bottom:.5rem;letter-spacing:-.02em;}
.art-modal-meta{font-size:11.5px;color:var(--text3);margin-bottom:1.3rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border);}
.art-modal-body{font-size:13.5px;color:var(--text2);line-height:1.85;font-weight:300;}
.art-close{position:absolute;top:.9rem;right:.9rem;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:13px;color:#fff;display:flex;align-items:center;justify-content:center;}
.art-close:hover{background:rgba(0,0,0,.6);}
.art-ext{display:inline-flex;align-items:center;gap:5px;margin-top:1.5rem;font-size:12.5px;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-bd);}