/*
Theme Name: Culture Gossip
Theme URI: https://culturegossip.com/
Author: Culture Gossip
Author URI: https://culturegossip.com/
Description: A bold editorial magazine theme for African culture, music, fashion, film and entertainment. Oversized typography, high contrast, flat surfaces. Works with All in One SEO and Elementor.
Version: 2.5.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: culturegossip
Tags: blog, news, magazine, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ===========================================================
   Culture Gossip v2 — Bold Editorial design system
   Exaggerated minimalism: oversized type, hairline rules,
   flat surfaces, zero radius, one loud accent.
   =========================================================== */

/* Self-hosted variable fonts (latin subset) — no Google Fonts
   round-trip. Files preloaded from functions.php. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/inter-var.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('assets/fonts/playfairdisplay-var.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('assets/fonts/playfairdisplay-italic.woff2') format('woff2')}

:root{
  color-scheme:light;
  --radius-img:14px;       /* rounded imagery (news-card style) */
  --accent:#EC4899;        /* editorial pink */
  --accent-dark:#DB2777;
  --ink:#09090B;           /* near-black text */
  --ink-2:#18181B;
  --muted:#71717A;
  --line:#E4E4E7;          /* hairline */
  --line-strong:#09090B;   /* strong rule */
  --bg:#FAFAFA;            /* paper */
  --surface:#FFFFFF;
  --surface-2:#F4F4F5;

  --c-news:#1D4ED8;
  --c-culture:#047857;
  --c-fashion:#DB2777;
  --c-music:#E11D48;
  --c-sports:#0E7490;
  --c-tv:#7C3AED;

  --radius:0px;
  --shadow:none;
  --container:1200px;
  --font-head:"Playfair Display",Georgia,serif;
  --font-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}

[data-theme="dark"]{
  color-scheme:dark;
  --ink:#FAFAFA;
  --ink-2:#E4E4E7;
  --muted:#A1A1AA;
  --line:#27272A;
  --line-strong:#FAFAFA;
  --bg:#0A0A0B;
  --surface:#111113;
  --surface-2:#18181B;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--container),92%);margin-inline:auto}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:2px solid var(--line-strong)}
.topbar{background:var(--bg);color:var(--ink);font-size:.74rem;letter-spacing:.04em;border-bottom:1px solid var(--line)}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;height:36px}
.topbar__date{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:600}
.topbar__socials{display:flex;align-items:center;gap:14px}
.topbar__socials a{display:inline-flex;opacity:.75;transition:opacity .2s}
.topbar__socials a:hover{opacity:1}
.topbar__socials svg{width:14px;height:14px;fill:var(--ink)}
.topbar__socials a:hover svg{fill:var(--accent)}

.header__main{display:flex;align-items:center;gap:22px;height:78px}
.brand{font-family:var(--font-head);font-weight:900;font-size:1.65rem;letter-spacing:-.01em;line-height:1;white-space:nowrap;display:flex;align-items:center;gap:1px}
.brand__img,.custom-logo{height:40px;width:auto;display:block}
.custom-logo-link{display:flex;align-items:center}
.brand__culture{color:var(--ink)}
.brand__gossip{color:var(--accent)}

.mainnav{margin-left:14px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.mainnav__list{display:flex;gap:26px;margin:0;padding:0;list-style:none}
.mainnav__list li{position:relative}
.mainnav__list a{display:block;padding:6px 0;position:relative;color:var(--muted)}
.mainnav__list a:hover,.mainnav__list .current-menu-item>a,.mainnav__list .current_page_item>a,.mainnav__list .current-menu-ancestor>a{color:var(--ink)}
.mainnav__list a:hover::after,.mainnav__list .current-menu-item>a::after,.mainnav__list .current_page_item>a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent)}

.header__actions{margin-left:auto;display:flex;gap:8px}
.iconbtn{display:grid;place-items:center;background:transparent;border:1px solid var(--line-strong);width:40px;height:40px;border-radius:0;cursor:pointer;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.iconbtn:hover{background:var(--ink);color:var(--bg)}
[data-theme="dark"] .iconbtn:hover{color:#0A0A0B}
.iconbtn svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iconbtn .icon-sun{display:none}
[data-theme="dark"] .iconbtn .icon-moon{display:none}
[data-theme="dark"] .iconbtn .icon-sun{display:block}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.hamburger span{width:24px;height:2px;background:var(--ink);transition:.3s}

.searchbar{border-top:1px solid var(--line);padding:16px 0;background:var(--surface)}
.searchbar .search-field,.searchbar input[type=search]{width:100%;padding:14px 18px;border:1px solid var(--line-strong);border-radius:0;background:var(--bg);color:var(--ink);font-size:1rem}

/* ===== Chips — photo-caption tags: white card, colored bar ===== */
.chip{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#09090B;background:#fff;padding:5px 10px;border-left:3px solid var(--ink);border-radius:0}
.chip--news{border-left-color:var(--c-news)}.chip--culture{border-left-color:var(--c-culture)}
.chip--fashion{border-left-color:var(--c-fashion)}.chip--music{border-left-color:var(--c-music)}
.chip--sports{border-left-color:var(--c-sports)}.chip--tv{border-left-color:var(--c-tv)}
a.chip:hover{background:#09090B;color:#fff}

/* ===== Cards — flat, image + text, hairline separation ===== */
.card{background:transparent;border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s}
.card__media{aspect-ratio:16/10;display:block;position:relative;overflow:hidden;background:var(--surface-2)}
.card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.card:hover .card__media img{transform:scale(1.04)}
.card__media .chip{position:absolute;top:0;left:0;z-index:2}
.card__body{padding:16px 0 6px;display:flex;flex-direction:column;gap:8px}
.card__body h3{font-family:var(--font-head);font-weight:800;font-size:1.25rem;line-height:1.2;margin:0;letter-spacing:-.01em}
.card__body h3 a{background-image:linear-gradient(var(--accent),var(--accent));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s}
.card__body h3 a:hover{background-size:100% 2px}
.card__excerpt{color:var(--muted);font-size:.92rem;margin:0}
.meta{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;display:flex;gap:8px;align-items:center;margin-top:auto}
.meta__dot{opacity:.5}
.meta__avatar{width:34px;height:34px;border-radius:50%;display:block;flex:none}
.meta--byline .meta__author{color:var(--ink)}

/* gradient fallback when a post has no featured image */
.ph{background:linear-gradient(135deg,#3F3F46,#09090B)}
.ph--music{background:linear-gradient(135deg,#E11D48,#500724)}
.ph--fashion{background:linear-gradient(135deg,#DB2777,#4A044E)}
.ph--tv{background:linear-gradient(135deg,#7C3AED,#1E1B4B)}
.ph--culture{background:linear-gradient(135deg,#047857,#022C22)}
.ph--sports{background:linear-gradient(135deg,#0E7490,#082F49)}
.ph--news{background:linear-gradient(135deg,#1D4ED8,#172554)}

/* ===== Hero (blog page fallback) ===== */
/* (old blog-page 3-post hero removed in 2.5.1 — posts page is a clean grid) */
/* (.card--row removed in 2.5.1 — its template part is gone) */

/* ===== Layout ===== */
.layout{display:grid;grid-template-columns:1fr 320px;gap:44px;margin:44px 0 72px}
.section-title{font-family:var(--font-head);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900;letter-spacing:-.02em;margin:0 0 22px;padding-bottom:12px;border-bottom:3px solid var(--line-strong);display:inline-block}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 28px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.loadmore{text-align:center;margin-top:38px}
.loadmore .btn[disabled]{opacity:.6;cursor:default}

.btn{display:inline-block;background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:14px 30px;border-radius:0;font-weight:700;cursor:pointer;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn--full{width:100%}

/* Related posts (single) */
.related{margin:64px 0 10px}

/* ===== Sidebar widgets ===== */
.sidebar{display:flex;flex-direction:column;gap:30px}
.widget{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:24px}
.widget__title{font-family:var(--font-body);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--line-strong)}
.widget ul{list-style:none;margin:0;padding:0}
.widget ul li{padding:9px 0;border-top:1px solid var(--line)}
.widget ul li:first-child{border-top:0}
.widget a:hover{color:var(--accent)}
.ranklist{list-style:none;counter-reset:r;margin:0;padding:0}
.ranklist li{counter-increment:r;display:flex;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-weight:500;font-size:.95rem}
.ranklist li:first-child{border-top:0}
.ranklist li::before{content:counter(r,decimal-leading-zero);font-family:var(--font-head);font-weight:900;color:var(--accent);font-size:1.05rem;min-width:26px}
.ranklist a:hover{color:var(--accent)}
.widget--newsletter{background:var(--ink);color:var(--bg);border:0}
.widget--newsletter .widget__title{color:var(--bg);border-bottom-color:var(--accent)}
.widget--newsletter p{color:var(--muted);font-size:.9rem;margin-top:0}
[data-theme="dark"] .widget--newsletter{background:#000;color:#FAFAFA}
.widget--newsletter form,.widget--newsletter .wp-block-jetpack-subscriptions__form{margin:6px 0 0}
.widget--newsletter input,.widget--newsletter input[type=email]{width:100%;padding:12px 14px;border:0;border-radius:0;margin-bottom:10px;font-family:inherit;background:#fff;color:#09090B}
.widget--newsletter button,.widget--newsletter .wp-block-button__link,.widget--newsletter .btn{width:100%;background:var(--accent);color:#fff;border:0;padding:12px 16px;border-radius:0;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;font-family:inherit;text-align:center;display:block}
.widget--newsletter button:hover,.widget--newsletter .wp-block-button__link:hover{background:var(--accent-dark)}
.catcloud{display:flex;flex-wrap:wrap;gap:8px}
.catcloud .chip{cursor:pointer;border:1px solid var(--line);border-left:3px solid var(--ink)}
.catcloud .chip--news{border-left-color:var(--c-news)}.catcloud .chip--culture{border-left-color:var(--c-culture)}
.catcloud .chip--fashion{border-left-color:var(--c-fashion)}.catcloud .chip--music{border-left-color:var(--c-music)}
.catcloud .chip--sports{border-left-color:var(--c-sports)}.catcloud .chip--tv{border-left-color:var(--c-tv)}

/* ===== Footer — full black, hairline sections ===== */
.site-footer{background:#09090B;color:#A1A1AA;margin-top:56px;border-top:3px solid var(--accent)}
[data-theme="dark"] .site-footer{background:#000}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;padding:56px 0 38px}
.footer__grid h5{color:#FAFAFA;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}
.footer__grid ul{list-style:none;margin:0;padding:0}
.footer__grid a{display:block;color:#A1A1AA;padding:5px 0;font-size:.92rem}
.footer__grid a:hover{color:#fff}
.brand--footer{font-size:1.45rem}
.brand--footer .brand__culture{color:#fff}
.footer__about{color:#71717A;font-size:.9rem;margin-top:12px;max-width:34ch}
.footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;font-size:.78rem;color:#71717A;text-transform:uppercase;letter-spacing:.1em}

/* footer social icons */
.social{display:flex;flex-wrap:wrap;gap:10px}
.footer__grid .social__btn{--b:#333;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:0;background:transparent;border:1px solid rgba(255,255,255,.25);transition:background .25s,border-color .25s}
.social__btn svg{width:17px;height:17px;fill:#A1A1AA;transition:fill .25s}
.social__btn:hover{background:var(--b);border-color:var(--b)}
.social__btn:hover svg{fill:#fff}
.social__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.social__btn--ig:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:transparent}
.social__btn--x:hover{background:#fff;border-color:#fff}
.social__btn--x:hover svg{fill:#000}

/* ===== Single / Page ===== */
/* Scoped to single/page bodies: post_class() puts .post on every article
   (cards, list rows, front-page hero), which must not inherit prose width. */
.single .post,.page .post{max-width:760px;margin:52px auto 64px}
.post__head .chip{margin-bottom:18px}
.post__title{font-family:var(--font-head);font-weight:900;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.04;letter-spacing:-.02em;margin:.15em 0}
.post__meta{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 28px;padding-top:14px;border-top:1px solid var(--line)}
.post__cover{position:relative;aspect-ratio:16/9;border-radius:0;margin-bottom:34px;overflow:hidden}
.post__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post__body{font-size:1.1rem;line-height:1.8}
.post__body p{margin:0 0 1.3em}
.post__body h2{font-family:var(--font-head);font-weight:800;font-size:1.7rem;letter-spacing:-.01em;margin:1.6em 0 .5em}
.post__body h3{font-family:var(--font-head);font-weight:800;font-size:1.35rem;margin:1.4em 0 .4em}
.post__body ul,.post__body ol{margin:0 0 1.3em 1.2em}
.post__body a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
[data-theme="dark"] .post__body a{color:var(--accent)}
.post__body img{margin:1.5em auto;border-radius:0;max-height:620px;width:auto}
.post__body figure{margin:1.5em auto;border-radius:0;max-width:100%}
.post__body figure img{margin:0 auto}
.post__body figcaption{color:var(--muted);font-size:.82rem;text-align:center;margin-top:8px;text-transform:uppercase;letter-spacing:.08em}
.post__body iframe,.post__body embed,.post__body object,.post__body video{max-width:100%;border:0}
.post__body iframe[src*="youtube.com"],.post__body iframe[src*="youtu.be"],.post__body iframe[src*="youtube-nocookie.com"],.post__body iframe[src*="vimeo.com"],.post__body iframe[src*="dailymotion.com"]{width:100%;height:auto;aspect-ratio:16/9}
.post__body .wp-block-embed{margin:1.5em 0}
.post__body .wp-block-embed__wrapper{max-width:100%}
.wp-embedded-content{max-width:100%}
.post__body blockquote{border-left:3px solid var(--accent);margin:1.6em 0;padding:.3em 0 .3em 1.4em;color:var(--ink);font-family:var(--font-head);font-style:italic;font-size:1.35rem;line-height:1.5}
.post__footer{max-width:760px;margin:0 auto}
.post__tags{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.post__tags a{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background:transparent;border:1px solid var(--line-strong);padding:6px 14px;border-radius:0}
.post__tags a:hover{background:var(--ink);color:var(--bg)}

/* author box */
.authorbox{max-width:760px;margin:48px auto 0;display:flex;gap:24px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--line-strong);border-radius:0;padding:26px}
.authorbox__avatar{flex:none;display:block}
.authorbox__avatar img{width:72px;height:72px;border-radius:50%;display:block;filter:grayscale(1)}
.authorbox:hover .authorbox__avatar img{filter:none}
.authorbox__eyebrow{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:700}
.authorbox__name{font-family:var(--font-head);font-weight:900;font-size:1.25rem;color:var(--ink);display:inline-block;margin:.2em 0 .35em}
.authorbox__name:hover{color:var(--accent)}
.authorbox__bio{color:var(--muted);font-size:.95rem;margin:0 0 .6em}
.authorbox__more{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);border-bottom:2px solid var(--accent)}
.authorbox__more:hover{color:var(--accent)}
@media(max-width:520px){.authorbox{flex-direction:column;gap:16px;padding:20px}}

/* ===== Archive / search intro ===== */
.page-intro{margin-bottom:10px}
.page-intro__sub{color:var(--muted);margin:.2em 0 0}

/* ===== Pagination ===== */
.pagination,.comments-pagination{margin:38px 0 0}
.pagination .nav-links,.comments-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:0;background:transparent;font-weight:700;font-size:.85rem}
.page-numbers.current{background:var(--ink);color:var(--bg);border-color:var(--ink)}
a.page-numbers:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* ===== Comments (legacy; comments disabled theme-wide) ===== */
.comments{max-width:760px;margin:50px auto 0}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list li{border-top:1px solid var(--line);padding:18px 0}
.comment-list .children{list-style:none;margin-left:24px}
.comment-author{font-weight:600}
.comment-meta{font-size:.82rem;color:var(--muted);margin-bottom:6px}
.comment-form{margin-top:24px}
.comment-form p{margin:0 0 14px}
.comment-form input,.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--ink);font-family:inherit}

/* ===== Search form (standalone) ===== */
.search-form{display:flex;gap:0;margin:14px 0}
.search-form .search-field{flex:1;padding:13px 16px;border:1px solid var(--line-strong);border-right:0;border-radius:0;background:var(--bg);color:var(--ink)}

/* ===== WP core helpers ===== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed!important;top:10px;left:10px;z-index:100;width:auto;height:auto;margin:0;padding:12px 20px;clip:auto;white-space:normal;background:var(--accent);color:#fff;border-radius:0;font-weight:600;text-decoration:none}
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.alignleft{float:left;margin:.4em 1.4em 1em 0}
.alignright{float:right;margin:.4em 0 1em 1.4em}
.alignright{float:right;margin:.4em 0 1em 1.4em}
.wp-caption,.wp-element-caption,.wp-caption-text{font-size:.85rem;color:var(--muted)}
.wp-caption-text,figcaption{text-align:center;margin-top:.5em}
.sticky,.bypostauthor{display:block}
.alignfull,.alignwide{max-width:100%}

/* ===== Responsive (core) ===== */
@media(max-width:980px){
  .layout{grid-template-columns:1fr}
  .sidebar{order:2}
  .grid--3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .mainnav{position:fixed;inset:114px 0 auto 0;background:var(--bg);border-bottom:2px solid var(--line-strong);padding:8px 6%;margin-left:0;transform:translateY(-150%);transition:transform .3s;z-index:49}
  .mainnav.open{transform:translateY(0)}
  .mainnav__list{flex-direction:column;gap:0}
  .mainnav__list a{padding:14px 0;border-bottom:1px solid var(--line)}
  .mainnav__list a::after{display:none!important}
  .hamburger{display:flex}
  .grid,.grid--3{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
}

/* ===========================================================
   Home page sections
   =========================================================== */

/* ----- Breaking-news ticker (topbar) ----- */
.topbar__ticker{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow:hidden;margin-right:18px}
.topbar__label{background:var(--ink);color:var(--bg);font-weight:700;text-transform:uppercase;font-size:.62rem;letter-spacing:.16em;padding:4px 10px;border-radius:0;white-space:nowrap;flex:none}
.ticker{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 92%,transparent)}
.ticker__track{display:flex;gap:40px;white-space:nowrap;width:max-content;animation:cg-ticker 42s linear infinite;will-change:transform}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{position:relative;color:var(--muted);font-size:.78rem;font-weight:500}
.ticker__item:hover{color:var(--accent)}
.ticker__item::before{content:"";position:absolute;left:-21px;top:50%;width:4px;height:4px;background:var(--accent);transform:translateY(-50%)}
@keyframes cg-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker__track{animation:none}}

/* ----- Section header ----- */
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}
.sec-head .section-title{margin:0}
.sec-head__link{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);white-space:nowrap;border-bottom:2px solid var(--accent);padding-bottom:2px}
.sec-head__link:hover{color:var(--accent)}

/* ----- Editorial section header (kicker + rule) ----- */
.sec-head--ed{align-items:flex-end;border-bottom:2px solid var(--line-strong);padding-bottom:14px;margin-bottom:30px}
.sec-head--ed .sec-head__titles{min-width:0}
.sec-head--ed .section-title{border-bottom:0;padding-bottom:0;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.04;display:block}
.sec-kicker{display:block;font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}

/* ----- Reveal on scroll (progressive; off unless JS + motion allowed) ----- */
.reveal{transition:opacity .6s ease,transform .6s ease}
.js-reveal .reveal{opacity:0;transform:translateY(20px)}
.js-reveal .reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-reveal .reveal{opacity:1;transform:none}}

/* ===== Statement hero — text-first cover story ===== */
.statement{margin:32px auto 8px}
.statement__cols{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;align-items:start}
.statement__lead{min-width:0}
.statement__head{min-width:0;padding-top:16px}
.statement__title{font-family:var(--font-head);font-weight:900;font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.1;letter-spacing:-.02em;margin:.4em 0 .35em}
.statement__title a{background-image:linear-gradient(var(--accent),var(--accent));background-size:0 3px;background-repeat:no-repeat;background-position:0 96%;transition:background-size .3s}
.statement__title a:hover{background-size:100% 3px}
.statement__excerpt{color:var(--muted);font-size:1rem;line-height:1.6;margin:0;max-width:62ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.statement__media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-img)}
.statement__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.statement__media:hover img{transform:scale(1.02)}
.statement__side{display:flex;flex-direction:column;gap:24px;min-width:0}
.statement__mini{min-width:0}
.statement__mini-media{display:block;position:relative;aspect-ratio:2/1;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-img)}
.statement__mini-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.statement__mini:hover .statement__mini-media img{transform:scale(1.04)}
.statement__mini-body{padding-top:10px}
.statement__mini-title{font-family:var(--font-head);font-weight:800;font-size:1.08rem;line-height:1.22;letter-spacing:-.01em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.statement__mini-title a:hover{color:var(--accent)}
.statement__mini .newsmeta--foot{margin-top:8px;font-size:.74rem}

/* ----- News-card meta lines (hero + picks) ----- */
.newsmeta{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);font-weight:500;min-width:0}
.newsmeta strong{color:var(--ink);font-weight:600}
.newsmeta__dot{width:16px;height:16px;border-radius:50%;background:var(--accent);flex:none}
.newsmeta__sep{opacity:.45}
.newsmeta--foot{margin-top:14px;font-size:.8rem}
.newsmeta__cat{font-weight:700;color:var(--cc,var(--accent))}
.newsmeta__cat:hover{text-decoration:underline}
.cat--news{--cc:var(--c-news)}.cat--culture{--cc:var(--c-culture)}.cat--fashion{--cc:var(--c-fashion)}
.cat--music{--cc:var(--c-music)}.cat--sports{--cc:var(--c-sports)}.cat--tv{--cc:var(--c-tv)}

/* ----- Fresh: latest stories strip under the hero ----- */
.freshstrip{margin-top:48px}
.fresh{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.fresh__item{display:flex;flex-direction:column;gap:10px}
.fresh__media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-2)}
.fresh__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.fresh__item:hover .fresh__media img{transform:scale(1.05)}
.fresh__item .chip{align-self:flex-start}
.fresh__title{font-family:var(--font-head);font-weight:800;font-size:1.12rem;line-height:1.22;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fresh__title:hover{color:var(--accent)}
.fresh__date{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600}

.catstrip{margin-top:52px}
.picks{margin-top:56px}
.gallery-sec{margin-top:56px}

/* ----- Explore by category ----- */
.cattiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cattile{position:relative;display:flex;flex-direction:column;min-height:160px;padding:16px;border-radius:0;overflow:hidden;color:#fff;background-color:var(--cc);background-size:cover;background-position:center;border-bottom:4px solid var(--cc);transition:transform .25s}
.cattile::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,4,4,.88),rgba(5,4,4,.28) 55%,rgba(5,4,4,.1));transition:opacity .25s}
.cattile>*{position:relative;z-index:1}
.cattile:hover{transform:translateY(-4px)}
.cattile:hover::before{opacity:.75}
.cattile__icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);color:#fff}
.cattile__icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cattile__name{font-family:var(--font-head);font-weight:800;font-size:1.06rem;line-height:1.15;color:#fff;margin-top:auto}
.cattile__count{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:rgba(255,255,255,.75);margin-top:4px}
.cattile--news{--cc:var(--c-news)}.cattile--culture{--cc:var(--c-culture)}.cattile--fashion{--cc:var(--c-fashion)}
.cattile--music{--cc:var(--c-music)}.cattile--sports{--cc:var(--c-sports)}.cattile--tv{--cc:var(--c-tv)}

/* ----- Editor's picks + trending ----- */
.picks{display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:start}
.picks__main{min-width:0}
.picks__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:start;margin-top:4px}
.feature__media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-img)}
.feature__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.feature:hover .feature__media img{transform:scale(1.03)}
.feature__body{padding-top:16px}
.feature__title{font-family:var(--font-head);font-weight:900;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.15;letter-spacing:-.015em;margin:.45em 0 .4em}
.feature__title a:hover{color:var(--accent)}
.feature__excerpt{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.picks__rail{display:flex;flex-direction:column;min-width:0}
.listitem{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.listitem:first-child{border-top:0;padding-top:0}
.listitem__media{width:110px;height:78px;flex:none;border-radius:var(--radius-img);overflow:hidden;position:relative;display:block;background:var(--surface-2)}
.listitem__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.listitem:hover .listitem__media img{transform:scale(1.05)}
.listitem__body{min-width:0;flex:1;display:flex;flex-direction:column}
.listitem .newsmeta{font-size:.76rem}
.listitem .newsmeta__dot{width:14px;height:14px}
.listitem .newsmeta--foot{margin-top:8px;font-size:.74rem}
.listitem__title{font-family:var(--font-head);font-weight:800;font-size:1.02rem;line-height:1.25;letter-spacing:-.01em;margin:.5em 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.listitem__title a:hover{color:var(--accent)}

.picks__side{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--line-strong);border-radius:0;padding:22px 24px}
.picks__side .section-title{font-size:1.3rem}
.ranklist--rich li{align-items:center;gap:12px;padding:13px 0}
.ranklist--rich li::before{font-size:1.3rem;min-width:30px}
.trend__media{width:66px;height:54px;flex:none;border-radius:0;overflow:hidden;position:relative;display:block;background:var(--surface-2)}
.trend__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trend__body{display:flex;flex-direction:column;gap:4px;min-width:0}
.trend__body .chip{align-self:flex-start;font-size:.56rem;padding:2px 7px;border:1px solid var(--line);border-left:3px solid var(--ink)}
.trend__title{font-family:var(--font-head);font-weight:800;font-size:.96rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trend__title:hover{color:var(--accent)}
.trend__date{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}

/* ----- Culture in pictures ----- */
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gallery__item{position:relative;aspect-ratio:1/1;border-radius:0;overflow:hidden;display:block;background:var(--surface-2)}
.gallery__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s;filter:grayscale(1)}
.gallery__item:hover img{transform:scale(1.06);filter:none}
.gallery__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.05) 55%,transparent);opacity:0;transition:opacity .3s}
.gallery__item:hover .gallery__overlay{opacity:1}
.gallery__overlay .chip{align-self:flex-start}
.gallery__title{color:#fff;font-size:.8rem;font-weight:700;line-height:1.2;font-family:var(--font-head)}
@media(prefers-reduced-motion:reduce){.gallery__item img{filter:none}}

/* ----- Newsletter band ----- */
.newsletter-band{background:#09090B;color:#FAFAFA;margin-top:80px;border-top:3px solid var(--accent)}
[data-theme="dark"] .newsletter-band{background:#000}
.newsletter-band__inner{display:flex;align-items:center;justify-content:space-between;gap:38px;padding:56px 0}
.newsletter-band__text h2{font-family:var(--font-head);font-weight:900;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.02em;line-height:1.06;margin:0 0 8px}
.newsletter-band__text p{margin:0;color:#A1A1AA;max-width:46ch}
.newsletter-band__form{flex:none;width:min(440px,100%)}
.newsletter-band__form form,.newsletter-band__form .wp-block-jetpack-subscriptions__form{display:flex;gap:0}
.newsletter-band__form input,.newsletter-band__form input[type=email]{flex:1;min-width:0;padding:14px 16px;border:0;border-radius:0;font-family:inherit;font-size:.95rem;background:#fff;color:#09090B}
.newsletter-band__form .btn{flex:none;background:var(--accent);border-color:var(--accent);color:#fff}
.newsletter-band__form .btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}

/* ----- Footer additions ----- */
.footer__brand .social{margin-top:16px}
.footer__recent{list-style:none;margin:0;padding:0}
.footer__grid .footer__recent li{padding:0;border:0}
.footer__grid .footer__recent-item{display:flex;gap:12px;align-items:center;padding:8px 0}
.footer__recent-thumb{width:64px;height:48px;flex:none;border-radius:0;overflow:hidden;position:relative;display:block;background:rgba(255,255,255,.08)}
.footer__recent-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.footer__recent-text{display:flex;flex-direction:column;min-width:0}
.footer__recent-title{color:#E4E4E7;font-size:.85rem;line-height:1.3;font-weight:500}
.footer__recent-item:hover .footer__recent-title{color:var(--accent)}
.footer__recent-date{color:#71717A;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}
.footer__bottom-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.footer__made{color:#71717A}

/* ----- Ads: collapse UNFILLED AdSense auto-ad slots -----
   Auto ads inject <ins> blocks between content; when no ad fills them
   (common on new sites) they'd render as large blank gaps. Google sets
   data-ad-status="unfilled" on those — hide them entirely. */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important}

/* ----- Rounded imagery across the site (news-card look) ----- */
.card__media,.fresh__media,.trend__media,.gallery__item,.cattile,.post__cover,.footer__recent-thumb{border-radius:var(--radius-img)}

/* ----- Responsive (home sections) ----- */
@media(max-width:980px){
  .statement__cols{grid-template-columns:1.4fr 1fr;gap:20px}
  .statement__side{gap:18px}
  .statement__head{padding-top:12px}
  .fresh{grid-template-columns:repeat(2,1fr)}
  .picks{grid-template-columns:1fr}
  .cattiles{grid-template-columns:repeat(3,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .newsletter-band__inner{flex-direction:column;align-items:flex-start}
  .newsletter-band__form{width:100%}
}
@media(max-width:720px){
  .topbar__ticker{display:none}
  .statement{margin-top:24px}
  .statement__cols{grid-template-columns:1fr;gap:20px}
  .statement__title{font-size:clamp(1.55rem,7vw,2rem)}
  .statement__excerpt{font-size:.98rem}
  .statement__side{gap:0;border-top:1px solid var(--line);margin-top:2px}
  .statement__mini{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
  .statement__mini-media{order:2;width:110px;height:76px;flex:none;aspect-ratio:auto}
  .statement__mini-body{padding-top:0;flex:1;min-width:0}
  .statement__mini-title{font-size:1rem}
  .sec-head--ed .section-title{font-size:1.45rem}
  .cattiles{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr)}
  .picks__grid{grid-template-columns:1fr;gap:20px}
  .listitem{gap:13px}
  .newsletter-band__form form{flex-direction:column;gap:10px}
}
@media(max-width:480px){
  .fresh{grid-template-columns:1fr}
  .listitem__media{width:96px;height:70px}
}