/*
Theme Name: New Palava
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: new-palava
*/
:root{--bg:#080808;--surface:#111;--text:#f7f7f5;--muted:#aaa;--gold:#dca743;--red:#b51d2a;--border:rgba(255,255,255,.1);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#151515;line-height:1.6}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.np-container{width:min(calc(100% - 40px),var(--max));margin:auto}
.np-header{background:#080808;color:#fff;border-bottom:1px solid var(--border);position:relative;z-index:50}.np-header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.np-logo{font-size:25px;font-weight:950;letter-spacing:-.05em}.np-logo span{color:var(--gold)}.np-nav{margin-left:auto}.np-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.np-nav a{font-size:14px;font-weight:800;color:#ddd}.np-nav a:hover{color:#f0c46a}.np-actions{display:flex;gap:9px}.np-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 17px;font-weight:850;border:1px solid transparent;transition:.2s}.np-btn:hover{transform:translateY(-2px)}.np-gold{background:var(--gold);color:#111}.np-dark{background:#1b1b1b;color:#fff;border-color:#333}
.np-hero{min-height:720px;position:relative;display:flex;align-items:flex-end;background:#080808;color:#fff;overflow:hidden}.np-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.np-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.52) 52%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.92),transparent 65%)}.np-hero-content{position:relative;z-index:2;padding:100px 0 105px;max-width:1000px}.np-kicker{color:#e8b957;font-weight:950;letter-spacing:.18em;text-transform:uppercase;font-size:14px}.np-hero h1{font-size:clamp(52px,7.2vw,104px);line-height:.91;letter-spacing:-.065em;margin:18px 0 28px;font-weight:950}.np-hero p{font-size:clamp(18px,2.1vw,27px);line-height:1.35;color:#bcbcbc;max-width:820px}.np-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.np-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.np-pill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;backdrop-filter:blur(10px)}
.np-section{padding:78px 0}.np-dark-section{background:#080808;color:#fff}.np-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.np-head h2{font-size:clamp(32px,4vw,55px);line-height:1;letter-spacing:-.05em;margin:5px 0 0;font-weight:950}.np-link{font-weight:800;color:#777}.np-dark-section .np-link{color:#ccc}
.np-discussions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.np-discussion{border:1px solid #e6e6e6;border-radius:24px;padding:26px;min-height:215px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.np-discussion:hover,.np-card:hover{transform:translateY(-4px);box-shadow:0 18px 55px rgba(0,0,0,.15)}.np-discussion h3{font-size:25px;line-height:1.15;margin:7px 0}.np-meta{font-size:12px;color:#777}
.np-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.np-card{background:#fff;border:1px solid #e8e8e8;border-radius:20px;overflow:hidden;transition:.2s}.np-card-img{aspect-ratio:4/3;background:#222;overflow:hidden}.np-card-img img{width:100%;height:100%;object-fit:cover}.np-card-body{padding:18px}.np-label{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.np-card h3{font-size:20px;line-height:1.2;margin:7px 0}
.np-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#080808;color:#fff;border-radius:32px;overflow:hidden;min-height:500px}.np-feature-img{min-height:400px}.np-feature-img img{width:100%;height:100%;object-fit:cover}.np-feature-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.np-feature-copy h2{font-size:clamp(40px,5vw,70px);line-height:.95;letter-spacing:-.055em;margin:10px 0}.np-feature-copy p{color:#aaa;font-size:17px}
.np-rumour{background:#f7f1e8}.np-rumour-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.np-rumour-main{background:#111;color:#fff;border-radius:26px;padding:35px;min-height:340px;display:flex;flex-direction:column;justify-content:end}.np-rumour-main h3{font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.05em;margin:8px 0}.np-rumour-list{display:grid;gap:12px}.np-rumour-item{background:#fff;border:1px solid #e6ddd0;border-radius:18px;padding:20px}
.np-community{background:#111;color:#fff;border-radius:32px;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.np-community h2{font-size:clamp(40px,5vw,70px);line-height:.95;letter-spacing:-.055em;margin:8px 0}.np-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.np-stat{background:#191919;border:1px solid #292929;border-radius:18px;padding:22px}.np-stat strong{display:block;color:#f0c46a;font-size:30px}
.np-footer{background:#080808;color:#fff;padding:70px 0 110px}.np-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:35px}.np-footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#e8b957}.np-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.np-footer a{color:#aaa}.np-footer a:hover{color:#fff}.np-footer-bottom{border-top:1px solid #222;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#666;font-size:12px}
.np-floating{position:fixed;z-index:100;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:4px;padding:7px;background:rgba(20,20,20,.93);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 15px 50px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.np-float{min-width:74px;padding:9px 10px 8px;border-radius:18px;color:#aaa;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:850;transition:.2s}.np-float svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.np-float:hover,.np-float.active{background:var(--gold);color:#111;transform:translateY(-4px)}.np-float.rumour{position:relative}.np-float.rumour:before{content:"";position:absolute;top:6px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--red)}
.np-content{padding:70px 0}.np-entry{max-width:850px;margin:auto}.np-entry h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em}.np-entry-content{font-size:18px;line-height:1.8}.np-entry-content img{border-radius:20px}
@media(max-width:950px){.np-nav{display:none}.np-grid{grid-template-columns:repeat(2,1fr)}.np-discussions{grid-template-columns:1fr 1fr}.np-feature,.np-community,.np-rumour-grid{grid-template-columns:1fr}.np-footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:650px){.np-container{width:min(calc(100% - 28px),var(--max))}.np-hero{min-height:650px}.np-hero h1{font-size:clamp(46px,13vw,70px)}.np-section{padding:58px 0}.np-head{flex-direction:column;align-items:flex-start}.np-grid,.np-discussions{grid-template-columns:1fr}.np-feature-copy{padding:32px}.np-community{padding:32px}.np-footer-grid{grid-template-columns:1fr 1fr}.np-footer-bottom{flex-direction:column}.np-floating{width:calc(100% - 18px);bottom:max(10px,env(safe-area-inset-bottom));justify-content:space-between}.np-float{min-width:0;flex:1;padding-inline:4px}body{padding-bottom:90px}}

/* Hero slider */
.np-slider{position:relative}.np-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease;display:flex;align-items:flex-end}.np-slide.is-active{opacity:1;visibility:visible;position:relative}.np-slide .np-hero-content{width:100%}.np-slider-controls{position:absolute;z-index:5;right:max(20px,calc((100vw - var(--max))/2));bottom:35px;display:flex;align-items:center;gap:10px}.np-slider-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.np-slider-arrow:hover{background:var(--gold);color:#111}.np-slider-dots{display:flex;gap:7px}.np-slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}.np-slider-dot.active{background:var(--gold);transform:scale(1.35)}@media(prefers-reduced-motion:reduce){.np-slide{transition:none}}
@media(max-width:650px){.np-slider-controls{right:14px;bottom:20px}.np-slider-arrow{width:38px;height:38px}.np-slider-dots{gap:6px}}

/* Final responsive and interaction pass */
html{background:#080808}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a{ -webkit-tap-highlight-color:transparent }
.np-header-inner{padding-top:env(safe-area-inset-top)}
.np-logo{display:inline-flex;align-items:center;min-width:0}.np-logo .custom-logo{max-height:42px;width:auto}.np-header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.np-menu-toggle{display:none;width:44px;height:44px;border:1px solid #333;border-radius:14px;background:#151515;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.np-menu-toggle span{width:18px;height:2px;background:#fff;border-radius:2px}.np-mobile-menu{display:none;background:#0c0c0c;border-top:1px solid #222;box-shadow:0 25px 45px rgba(0,0,0,.28)}.np-mobile-menu .np-container{padding:16px 0 22px}.np-mobile-menu-list,.np-fallback-menu{list-style:none;margin:0;padding:0}.np-mobile-menu-list li,.np-fallback-menu li{margin:0}.np-mobile-menu-list a,.np-mobile-menu .np-fallback-menu a{display:block;padding:13px 0;color:#fff;font-weight:800;border-bottom:1px solid #222}.np-mobile-actions{display:flex;gap:10px;margin-top:16px}.np-mobile-menu.is-open{display:block}
.np-slider{isolation:isolate;min-height:min(780px,calc(100svh - 78px));height:min(780px,calc(100svh - 78px))}.np-slider .np-slide{min-height:100%;height:100%;z-index:1}.np-slider .np-slide.is-active{z-index:2}.np-slide .np-hero-bg{background-color:#111;background-position:center center;will-change:opacity}.np-slide .np-hero-content{padding-top:clamp(70px,12vh,150px);padding-bottom:clamp(105px,13vh,145px)}.np-slide-tags{display:flex;gap:8px;margin-top:24px}.np-slide-tags span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ddd;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);border-radius:999px;padding:7px 10px;backdrop-filter:blur(10px)}.np-slider-controls{bottom:clamp(26px,5vh,46px)}.np-slider-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);z-index:6}.np-slider-progress span{display:block;height:100%;width:0;background:var(--gold);transform-origin:left}.np-js .np-slider .np-slide{opacity:0;visibility:hidden}.np-js .np-slider .np-slide.is-active{opacity:1;visibility:visible}
.np-floating{bottom:max(18px,env(safe-area-inset-bottom));padding:8px}.np-float-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);transition:transform .2s,background .2s}.np-float svg{width:19px;height:19px}.np-float:hover .np-float-icon,.np-float.active .np-float-icon{background:rgba(0,0,0,.12);transform:scale(1.06)}
@media(max-width:950px){.np-nav{display:none}.np-menu-toggle{display:flex}.np-login-btn{display:none}.np-header-inner{min-height:68px}.np-slider{min-height:680px;height:min(760px,calc(100svh - 68px))}.np-footer-grid{grid-template-columns:1.5fr 1fr 1fr}.np-slide .np-hero-content{max-width:850px}}
@media(max-width:650px){.np-container{width:min(calc(100% - 28px),var(--max))}.np-header-inner{gap:10px}.np-logo{font-size:22px}.np-join-btn{padding:10px 14px;font-size:13px}.np-slider{min-height:calc(100svh - 68px);height:calc(100svh - 68px);max-height:760px}.np-slider .np-hero-bg{background-position:center center}.np-slider .np-hero-bg:after{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.42)),linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.1) 75%)}.np-slide .np-hero-content{padding:70px 0 112px}.np-hero h1{font-size:clamp(44px,13.2vw,66px);line-height:.94;max-width:100%}.np-hero p{font-size:18px;max-width:95%;margin-bottom:0}.np-actions{gap:8px}.np-btn{padding:11px 14px}.np-slide-tags{margin-top:18px}.np-slider-controls{left:14px;right:14px;bottom:21px;justify-content:space-between}.np-slider-dots{flex:1;justify-content:center}.np-slider-arrow{width:38px;height:38px}.np-floating{width:calc(100% - 18px);left:9px;transform:none;bottom:max(8px,env(safe-area-inset-bottom));border-radius:20px}.np-float{min-width:0;flex:1;padding:7px 3px 6px;font-size:9px;gap:2px}.np-float-icon{width:31px;height:31px}.np-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.np-mobile-actions{flex-direction:column}.np-mobile-actions .np-btn{width:100%}.np-footer-grid{grid-template-columns:1fr 1fr}.np-footer-brand{grid-column:1/-1}}
@media(max-width:390px){.np-login-btn{display:none}.np-join-btn{display:none}.np-hero h1{font-size:44px}.np-hero p{font-size:16px}.np-slide-tags{display:none}.np-float span:last-child{font-size:8px}}
@media(min-width:951px){.np-mobile-menu{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.np-slide{transition:none!important}.np-slider-progress span{transition:none!important;width:100%!important}.np-btn,.np-float,.np-card,.np-discussion{transition:none!important}}

/* Mobile UX correction pass */
html, body { max-width: 100%; }
img, svg, video, iframe, embed, object { max-width: 100%; }
button, input, textarea, select { font: inherit; }

@media (max-width: 650px) {
  .np-container { width: calc(100% - 32px); max-width: 100%; }
  .np-header { position: sticky; top: 0; }
  .np-header-inner { min-height: 64px; padding: 8px 0; }
  .np-logo { max-width: calc(100vw - 150px); overflow: hidden; }
  .np-logo .custom-logo { max-width: 150px; max-height: 38px; height: auto; }
  .np-logo:not(:has(.custom-logo)) { white-space: nowrap; text-overflow: ellipsis; }
  .np-header-actions { flex-shrink: 0; }
  .np-menu-toggle { flex: 0 0 44px; }

  .np-mobile-menu { position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100svh - 64px); overflow-y: auto; overscroll-behavior: contain; }
  .np-mobile-menu .np-container { width: calc(100% - 32px); padding: 10px 0 20px; }
  .np-mobile-menu-list a, .np-mobile-menu .np-fallback-menu a { padding: 15px 0; font-size: 16px; }

  .np-slider {
    min-height: 0;
    height: min(690px, 78svh);
    max-height: none;
  }
  .np-slider .np-slide { height: 100%; min-height: 0; }
  .np-slide .np-hero-bg { background-position: 58% center; }
  .np-slide .np-hero-bg:after {
    background:
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.34) 38%, rgba(0,0,0,.92) 100%),
      linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.08));
  }
  .np-slide .np-hero-content {
    padding: 52px 0 132px;
    max-width: none;
    width: 100%;
  }
  .np-kicker { font-size: 12px; letter-spacing: .14em; }
  .np-hero h1 {
    font-size: clamp(42px, 12.5vw, 62px);
    line-height: .93;
    letter-spacing: -.055em;
    margin: 14px 0 18px;
    max-width: 10.5ch;
    overflow-wrap: anywhere;
  }
  .np-hero p {
    font-size: 16px;
    line-height: 1.45;
    max-width: 34rem;
    color: #d0d0d0;
  }
  .np-actions { margin-top: 20px; flex-wrap: nowrap; }
  .np-actions .np-btn { min-height: 46px; flex: 0 1 auto; padding: 11px 15px; font-size: 13px; }
  .np-slide-tags { margin-top: 15px; }
  .np-slide-tags span { font-size: 9px; padding: 6px 8px; }

  /* Keep slider controls clear of the fixed floating navigation. */
  .np-slider-controls {
    left: 16px;
    right: 16px;
    bottom: calc(88px + env(safe-area-inset-bottom));
    min-height: 42px;
  }
  .np-slider-arrow { flex: 0 0 40px; width: 40px; height: 40px; font-size: 25px; }
  .np-slider-dots { min-width: 80px; }
  .np-slider-progress { bottom: 0; }

  .np-section { padding: 52px 0; }
  .np-head { margin-bottom: 20px; gap: 10px; }
  .np-head h2 { font-size: clamp(31px, 9.5vw, 43px); }
  .np-link { font-size: 14px; }
  .np-discussions { gap: 12px; }
  .np-discussion { min-height: 0; padding: 21px; border-radius: 18px; }
  .np-discussion h3 { font-size: 21px; }

  .np-grid { grid-template-columns: 1fr; gap: 14px; }
  .np-card { border-radius: 17px; }
  .np-card-img { aspect-ratio: 16 / 10; }
  .np-card-body { padding: 16px; }
  .np-card h3 { font-size: 19px; }

  .np-feature { border-radius: 22px; min-height: 0; }
  .np-feature-img { min-height: 230px; max-height: 300px; }
  .np-feature-copy { padding: 28px 24px 30px; }
  .np-feature-copy h2 { font-size: clamp(38px, 11vw, 52px); }

  .np-rumour-grid { gap: 12px; }
  .np-rumour-main { min-height: 310px; padding: 25px; border-radius: 21px; }
  .np-rumour-main h3 { font-size: clamp(35px, 10.5vw, 50px); }
  .np-rumour-item { padding: 17px; border-radius: 16px; }

  .np-community { padding: 28px 22px; border-radius: 22px; gap: 24px; }
  .np-community h2 { font-size: clamp(38px, 11vw, 52px); }
  .np-stats { grid-template-columns: 1fr 1fr; gap: 9px; }
  .np-stat { padding: 16px 13px; border-radius: 15px; }
  .np-stat strong { font-size: 23px; }

  .np-footer { padding-top: 55px; padding-bottom: calc(105px + env(safe-area-inset-bottom)); }
  .np-footer-grid { grid-template-columns: 1fr 1fr; gap: 25px 18px; }
  .np-footer-brand { grid-column: 1 / -1; }
  .np-footer-bottom { margin-top: 35px; gap: 8px; line-height: 1.5; }

  /* Floating navigation is a true thumb-friendly dock, not a cramped pill. */
  .np-floating {
    width: calc(100% - 20px);
    left: 10px;
    right: 10px;
    transform: none;
    bottom: max(8px, env(safe-area-inset-bottom));
    padding: 6px;
    gap: 2px;
    border-radius: 18px;
  }
  .np-float {
    min-width: 0;
    flex: 1 1 0;
    padding: 6px 2px 5px;
    border-radius: 14px;
    font-size: 10px;
    line-height: 1.1;
    gap: 3px;
  }
  .np-float-icon { width: 30px; height: 30px; border-radius: 10px; }
  .np-float svg { width: 18px; height: 18px; }
  .np-float:hover { transform: none; }
  .np-float.active { transform: none; }
  .np-float.rumour:before { top: 5px; right: calc(50% - 16px); }

  body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
}

@media (max-width: 390px) {
  .np-container { width: calc(100% - 28px); }
  .np-slider { height: min(650px, 76svh); }
  .np-slide .np-hero-content { padding-top: 44px; padding-bottom: 128px; }
  .np-hero h1 { font-size: 40px; max-width: 9.8ch; }
  .np-hero p { font-size: 15px; }
  .np-actions .np-btn { padding-inline: 12px; font-size: 12px; }
  .np-slide-tags { display: none; }
  .np-slider-controls { bottom: calc(82px + env(safe-area-inset-bottom)); }
  .np-float { font-size: 9px; }
  .np-float-icon { width: 28px; height: 28px; }
}

@media (hover: none) {
  .np-btn:hover, .np-card:hover, .np-discussion:hover, .np-float:hover { transform: none; box-shadow: none; }
}

/* v5 production fixes */
.np-mobile-menu{max-height:calc(100svh - 78px);overflow:auto;-webkit-overflow-scrolling:touch}
.np-slide:not(.is-active){pointer-events:none}
.np-slide:not(.is-active) a,.np-slide:not(.is-active) button{visibility:hidden}
.np-slider-controls{pointer-events:auto}
.np-slider-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);z-index:6;overflow:hidden}.np-slider-progress span{display:block;height:100%;width:0;background:var(--gold)}
.np-share{margin:45px 0;padding:20px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;gap:20px}.np-share-links{display:flex;gap:8px;flex-wrap:wrap}.np-share-links a{border:1px solid #ddd;border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px}.np-share-links a:hover{border-color:var(--gold);background:#fff8e8}.np-related{margin-top:55px}.np-related h2{font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.04em;margin:6px 0 25px}
@media(max-width:650px){.np-share{align-items:flex-start;flex-direction:column;margin:35px 0}.np-share-links{width:100%}.np-share-links a{flex:1;text-align:center;min-width:90px}.np-related .np-grid{grid-template-columns:1fr}.np-mobile-menu{max-height:calc(100svh - 68px)}.np-slider-controls{bottom:calc(82px + env(safe-area-inset-bottom))}.np-slider-progress{bottom:0}}
@media(max-width:390px){.np-share-links a{min-width:0;padding-inline:10px;font-size:12px}}

/* New Palava v6 — human-crafted typography, actor gallery and mobile polish */
:root{--ink:#0b0b0b;--paper:#f5f2ea;--gold:#e4ae43;--gold-soft:#f2c96b;--red:#c32635}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}
.np-logo,.np-hero h1,.np-head h2,.np-feature-copy h2,.np-community h2,.np-rumour-main h3,.np-discussion h3,.np-card h3,.np-actor-card h3{font-family:Impact,"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900}
.np-hero h1{max-width:11ch;text-wrap:balance}
.np-hero p{max-width:760px}
.np-section:not(.np-dark-section) .np-head h2{color:#111}
.np-discussion{background:#fff;color:#111;border-color:#d9d9d9;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.np-discussion h3,.np-discussion h3 a{color:#151515}
.np-discussion .np-meta{color:#666}
.np-discussion .np-label{color:var(--red)}
.np-actors-section{background:#0a0a0a;color:#fff}
.np-actors-section .np-head h2{color:#fff}
.np-actors-section .np-link{color:#d7d7d7}
.np-actors-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.np-actor-card{background:#121212;border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden;min-width:0;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.np-actor-card:hover{transform:translateY(-5px);border-color:rgba(228,174,67,.6);box-shadow:0 20px 55px rgba(0,0,0,.35)}
.np-actor-image{display:block;aspect-ratio:4/5;overflow:hidden;background:#1b1b1b}
.np-actor-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .45s ease;filter:saturate(.96) contrast(1.03)}
.np-actor-card:hover .np-actor-image img{transform:scale(1.035)}
.np-actor-copy{padding:17px 17px 19px}
.np-actor-copy .np-label{font-size:10px;color:var(--gold);letter-spacing:.14em}
.np-actor-copy h3{font-size:20px;line-height:1.02;margin:7px 0 6px;letter-spacing:-.02em}
.np-actor-copy p{font-size:12px;color:#a9a9a9;margin:0;line-height:1.4}
.np-image-note{font-size:11px;color:#7e7e7e;margin:16px 0 0;max-width:780px}

/* Never allow hero copy or controls to create horizontal overflow. */
.np-slider,.np-slide,.np-hero-content,.np-actions{min-width:0}
.np-slide .np-hero-content{overflow:visible}
.np-actions .np-btn{white-space:nowrap}

@media(max-width:1050px){.np-actors-grid{grid-template-columns:repeat(3,1fr)}.np-actor-card:nth-child(n+4){display:none}}
@media(max-width:650px){
  .np-hero{height:auto;min-height:0}
  .np-slider{height:min(720px,calc(100svh - 68px));min-height:610px;overflow:hidden}
  .np-slide{width:100%;overflow:hidden}
  .np-slide .np-hero-content{padding:48px 0 142px;width:100%;max-width:100%;overflow:hidden}
  .np-hero h1{font-size:clamp(42px,12.2vw,62px);line-height:.94;letter-spacing:-.045em;max-width:9.4ch;margin:12px 0 18px;overflow-wrap:normal;word-break:normal}
  .np-hero p{font-size:16px;line-height:1.4;max-width:100%;color:#d7d7d7}
  .np-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .np-actions .np-btn{width:100%;min-width:0;padding:11px 10px;font-size:12px}
  .np-slide-tags{overflow:hidden;white-space:nowrap}
  .np-slider-controls{bottom:calc(88px + env(safe-area-inset-bottom));z-index:12}
  .np-floating{z-index:20}
  .np-actors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .np-actor-card{border-radius:18px}
  .np-actor-copy{padding:13px 12px 15px}
  .np-actor-copy h3{font-size:18px}
  .np-actor-copy p{font-size:11px}
  .np-actor-image{aspect-ratio:3/4}
  .np-actor-card:nth-child(n+5){display:none}
  .np-section{padding:54px 0}
  .np-head h2{max-width:11ch}
  .np-discussion{background:#fff;color:#111;box-shadow:0 10px 35px rgba(0,0,0,.06)}
  .np-discussion h3,.np-discussion h3 a{color:#111!important}
  .np-discussion .np-meta{color:#5d5d5d!important}
}
@media(max-width:390px){
  .np-slider{height:640px;min-height:0}
  .np-slide .np-hero-content{padding-top:42px;padding-bottom:136px}
  .np-hero h1{font-size:40px;max-width:9ch}
  .np-hero p{font-size:15px}
  .np-actions{grid-template-columns:1fr}
  .np-actions .np-btn{min-height:44px}
  .np-slider-controls{bottom:calc(84px + env(safe-area-inset-bottom))}
  .np-actors-grid{grid-template-columns:1fr 1fr}
  .np-actor-copy h3{font-size:16px}
}

/* =========================================================
   NEW PALAVA v7 — PRECISION UI/UX PASS
   Netflix-inspired content hierarchy, but original New Palava styling.
   ========================================================= */
:root{
  --np-bg:#080808;
  --np-surface:#111214;
  --np-surface-2:#17181b;
  --np-paper:#f3f0e9;
  --np-white:#fffdf8;
  --np-text:#f7f5ef;
  --np-muted:#b7b5b0;
  --np-ink:#171717;
  --np-gold:#e6b24a;
  --np-gold-2:#f0c76a;
  --np-red:#c82b38;
  --np-line:rgba(255,255,255,.13);
  --np-radius:20px;
  --np-content:1240px;
}

/* Typography: clean editorial hierarchy instead of Impact/oversized display text. */
body,
button,input,textarea,select{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.np-logo,.np-hero h1,.np-head h2,.np-feature-copy h2,.np-community h2,.np-rumour-main h3,.np-discussion h3,.np-card h3,.np-actor-card h3{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:800;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.np-kicker,.np-label,.np-slide-tags span,.np-footer h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:800}
.np-hero h1{font-size:clamp(52px,6.5vw,88px);line-height:.96;max-width:12ch;margin:16px 0 22px}
.np-hero p{font-size:clamp(17px,1.65vw,22px);line-height:1.48;color:#d2d0ca;max-width:680px}
.np-head h2{font-size:clamp(34px,4vw,56px);line-height:1.02}

/* Consistent page canvas. */
.np-section{padding:76px 0}
.np-dark-section{background:var(--np-bg)}
.np-section:not(.np-dark-section):not(.np-rumour){background:var(--np-paper)}
.np-section:not(.np-dark-section):not(.np-rumour) .np-head h2{color:var(--np-ink)}
.np-dark-section .np-head h2,.np-actors-section .np-head h2{color:var(--np-text)}

/* Hero: controlled cinematic composition. */
.np-slider{height:min(780px,calc(100svh - 78px));min-height:620px;background:#070707;overflow:hidden}
.np-slide{width:100%;height:100%;min-width:0;overflow:hidden}
.np-slide .np-hero-bg{background-size:cover;background-repeat:no-repeat;background-position:center center;transform:none}
.np-slide .np-hero-content{width:min(100%,var(--np-content));max-width:760px;min-width:0;padding:clamp(70px,11vh,120px) 0 150px}
.np-slide .np-hero-content>*{max-width:100%}
.np-slide .np-hero-bg:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.18) 100%),
    linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.38) 58%,rgba(0,0,0,.08) 100%);
}
.np-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.np-actions .np-btn{min-height:46px;padding:11px 18px;white-space:nowrap}
.np-btn{font-weight:800;letter-spacing:-.015em}
.np-gold{background:var(--np-gold);color:#111;border-color:var(--np-gold)}
.np-gold:hover{background:var(--np-gold-2)}
.np-dark{background:#1a1b1d;color:#fff;border-color:#3a3b3d}
.np-slide-tags{margin-top:20px}
.np-slide-tags span{font-size:10px;letter-spacing:.12em;color:#e6e4df;background:rgba(0,0,0,.34);border-color:rgba(255,255,255,.2)}

/* Slider controls live in their own layer and never sit underneath the dock. */
.np-slider-controls{right:max(20px,calc((100vw - var(--np-content))/2));bottom:32px;z-index:15}
.np-slider-arrow{width:40px;height:40px;font-size:25px}

/* Discussion: readable cards, deliberate contrast, no black-on-black. */
.np-discussions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.np-discussion{background:var(--np-white);color:var(--np-ink);border:1px solid #d9d5cd;border-radius:var(--np-radius);padding:25px;min-height:210px;box-shadow:0 8px 28px rgba(18,18,18,.06)}
.np-discussion h3,.np-discussion h3 a{color:#181818!important;font-size:clamp(21px,2vw,28px);line-height:1.12}
.np-discussion .np-meta{color:#666}
.np-discussion .np-label{color:var(--np-red)}

/* Netflix-like content rails on small screens: compact cards instead of giant images. */
.np-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.np-card{background:var(--np-white);border:1px solid #e4e0d8;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.np-card-img{aspect-ratio:2/3;background:#202124;overflow:hidden}
.np-card-img img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none}
.np-card-body{padding:16px 16px 18px}
.np-card h3{font-size:19px;line-height:1.14;letter-spacing:-.025em}
.np-card .np-meta{font-size:13px;line-height:1.45;color:#686868}

/* Featured block: balanced image, no stretching. */
.np-feature{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:460px;border-radius:28px;background:#0b0b0b}
.np-feature-img{min-height:0;height:100%;aspect-ratio:16/10;overflow:hidden}
.np-feature-img img{width:100%;height:100%;object-fit:cover;object-position:center center}
.np-feature-copy{padding:52px;min-width:0}
.np-feature-copy h2{font-size:clamp(40px,4.8vw,66px);line-height:.98}

/* Rumour and community retain the dark editorial character without muddied contrast. */
.np-rumour{background:#eee8dd}
.np-rumour-main{background:#111;color:#fff}
.np-rumour-main h3{color:#fff}
.np-rumour-item{background:#fffdf8;color:#161616;border-color:#ded7cb}
.np-rumour-item h3{color:#161616}
.np-community{background:#101112;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:52px}
.np-community h2{color:#fff}
.np-community p{color:#bdbdbd}

/* Actor cards: controlled portrait window, never stretch the source photograph. */
.np-actors-section{background:#0a0a0a;color:#fff}
.np-actors-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.np-actor-card{background:#121314;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}
.np-actor-image{aspect-ratio:4/5;overflow:hidden;background:#1a1a1a}
.np-actor-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:none;filter:none}
.np-actor-copy{padding:15px 15px 17px}
.np-actor-copy h3{font-size:20px;line-height:1.08;color:#fff}
.np-actor-copy p{font-size:12px;line-height:1.45;color:#aaa}
.np-image-note{font-size:10px;line-height:1.5;color:#777}

/* Footer and dock remain visible but subordinate. */
.np-footer{padding:64px 0 112px}
.np-floating{bottom:16px;padding:6px;border-radius:22px}
.np-float{min-width:78px;font-size:10px}
.np-float-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.05)}
.np-float.active{background:var(--np-gold);color:#111}
.np-float.active .np-float-icon{background:rgba(0,0,0,.08)}

/* Tablet. */
@media (max-width:1050px){
  .np-slider{height:min(740px,calc(100svh - 68px));min-height:600px}
  .np-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .np-actors-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .np-actor-card:nth-child(n+5){display:none}
}

/* Mobile is deliberately composed, not scaled down from desktop. */
@media (max-width:650px){
  .np-container{width:calc(100% - 28px);max-width:none}
  .np-header-inner{min-height:62px}
  .np-slider{height:min(680px,calc(100svh - 62px));min-height:590px}
  .np-slide .np-hero-bg{background-position:center center}
  .np-slide .np-hero-content{padding:54px 0 145px;max-width:none}
  .np-hero h1{font-size:clamp(38px,11.4vw,50px);line-height:.98;letter-spacing:-.04em;max-width:12ch;margin:13px 0 17px}
  .np-hero p{font-size:16px;line-height:1.46;max-width:32rem;color:#d8d6d1}
  .np-actions{display:grid;grid-template-columns:1fr;gap:9px;width:min(100%,340px)}
  .np-actions .np-btn{width:100%;min-height:46px;font-size:13px;padding:11px 14px}
  .np-slide-tags{display:none}
  .np-slider-controls{left:14px;right:14px;bottom:calc(84px + env(safe-area-inset-bottom));justify-content:space-between}
  .np-slider-dots{flex:1;justify-content:center}

  .np-section{padding:52px 0}
  .np-head{align-items:flex-start;margin-bottom:18px}
  .np-head h2{font-size:clamp(31px,9.2vw,42px);max-width:13ch;line-height:1.02}

  .np-discussions{grid-template-columns:1fr;gap:11px}
  .np-discussion{min-height:175px;padding:20px;border-radius:17px}
  .np-discussion h3{font-size:22px;max-width:18ch}

  /* Compact horizontal content rail, like a streaming service, while preserving New Palava styling. */
  .np-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(155px,44vw);gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .np-grid::-webkit-scrollbar{display:none}
  .np-grid .np-card{scroll-snap-align:start}
  .np-card{border-radius:15px}
  .np-card-img{aspect-ratio:2/3}
  .np-card-body{padding:13px}
  .np-card h3{font-size:17px;line-height:1.12}
  .np-card .np-meta{font-size:12px}

  .np-feature{grid-template-columns:1fr;border-radius:22px;min-height:0}
  .np-feature-img{height:240px;aspect-ratio:auto}
  .np-feature-copy{padding:28px 23px 30px}
  .np-feature-copy h2{font-size:clamp(38px,10.5vw,50px)}

  .np-rumour-grid{grid-template-columns:1fr}
  .np-rumour-main{min-height:280px;padding:24px;border-radius:20px}
  .np-rumour-main h3{font-size:clamp(34px,10vw,46px)}

  .np-community{grid-template-columns:1fr;padding:29px 22px;border-radius:22px}
  .np-community h2{font-size:clamp(38px,10.5vw,50px)}

  .np-actors-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,43vw);gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .np-actors-grid::-webkit-scrollbar{display:none}
  .np-actor-card{scroll-snap-align:start;border-radius:16px}
  .np-actor-image{aspect-ratio:4/5}
  .np-actor-copy{padding:12px 12px 14px}
  .np-actor-copy h3{font-size:17px;line-height:1.08}
  .np-actor-copy p{font-size:11px}

  .np-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .np-floating{width:calc(100% - 16px);left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));border-radius:18px}
  .np-float{min-width:0;flex:1;padding:6px 2px 5px;font-size:9px}
  .np-float-icon{width:29px;height:29px}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
}

@media (max-width:390px){
  .np-slider{height:630px;min-height:0}
  .np-slide .np-hero-content{padding-top:44px;padding-bottom:145px}
  .np-hero h1{font-size:38px;max-width:12ch}
  .np-hero p{font-size:15px}
  .np-actions{width:100%}
  .np-discussion{min-height:160px}
  .np-grid{grid-auto-columns:minmax(148px,46vw)}
  .np-actors-grid{grid-auto-columns:minmax(145px,46vw)}
  .np-float{font-size:8px}
  .np-float-icon{width:28px;height:28px}
}

@media (prefers-reduced-motion:reduce){
  .np-actor-card,.np-card,.np-discussion,.np-btn,.np-float{transition:none!important}
}