/* =========================================================================
   UltimateGTA6 — theme.css
   Design tokens and components from the design handoff (v1.0).
   "Miami heat as temperature, never as decoration."
   ========================================================================= */

:root{
  /* Ground */
  --ug-bg:#080808;          /* page ground */
  --ug-bg-alt:#0A0A0A;      /* alternating bands */
  --ug-surface:#0F0F0F;     /* cards, panels, inputs */
  --ug-raised:#151515;      /* hover on surfaces */
  --ug-hair:#1D1D1D;        /* primary borders */
  --ug-hair-soft:#171717;   /* list-row dividers */
  --ug-border-strong:#2A2A2A;
  --ug-border-mid:#232323;

  /* Text */
  --ug-ink:#F4F2ED;         /* headlines, body */
  --ug-body:#C9C6BF;        /* long-form serif */
  --ug-mid:#8C8C8C;         /* labels, meta */
  --ug-disabled:#6E6E6E;

  /* Heat / accent */
  --ug-accent:#FC309C;      /* primary action, brand */
  --ug-accent-hover:#FF8F3F;/* warm hover shift */
  --ug-ember:#FF8F3F;

  /* Verdict / status */
  --ug-confirmed:#3ED598;
  --ug-likely:#F5C24B;
  --ug-rumored:#7B8BFF;
  --ug-debunked:#9A9A9A;
  --ug-error:#C46A6A;
  --ug-error-border:#8A4A4A;

  /* Type */
  --ug-sans:'Archivo',system-ui,-apple-system,sans-serif;
  --ug-mono:'IBM Plex Mono',ui-monospace,monospace;
  --ug-serif:'Newsreader',Georgia,serif;

  --ug-max:1400px;
  --ug-pad:28px;
}

/* ---- reset ---- */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body.ug{margin:0;background:var(--ug-bg);color:var(--ug-ink);font-family:var(--ug-sans);
  font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;}
.ug a{color:var(--ug-ink);text-decoration:none;transition:color .16s ease;}
.ug a:hover{color:var(--ug-accent);}
.ug img{max-width:100%;display:block;}
.ug ::selection{background:var(--ug-accent);color:var(--ug-bg);}
.ug h1,.ug h2,.ug h3,.ug p{margin:0;}
.ug button{font-family:inherit;}

@keyframes ug-pulse{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes ug-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ug-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}

/* ---- layout helpers ---- */
.ug-wrap{max-width:var(--ug-max);margin:0 auto;padding-left:var(--ug-pad);padding-right:var(--ug-pad);}
.ug-mono{font-family:var(--ug-mono);}
.ug-kicker{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ug-accent);}
.ug-label{font-family:var(--ug-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ug-mid);}
.ug-serif{font-family:var(--ug-serif);}

/* =========================================================================
   Breaking bar
   ========================================================================= */
.ug-breaking{background:var(--ug-accent);color:var(--ug-bg);}
.ug-breaking .ug-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px;}
.ug-breaking a{color:var(--ug-bg);}
.ug-breaking-tag{display:flex;align-items:center;gap:7px;font-family:var(--ug-mono);font-size:10px;
  font-weight:600;letter-spacing:.22em;text-transform:uppercase;}
.ug-breaking-dot{width:6px;height:6px;background:var(--ug-bg);border-radius:50%;animation:ug-pulse 1.4s infinite;}
.ug-breaking-head{font-size:13px;font-weight:700;letter-spacing:-.01em;}
.ug-breaking-read{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;margin-left:auto;white-space:nowrap;}

/* =========================================================================
   Header / nav
   ========================================================================= */
.ug-header{position:sticky;top:0;z-index:30;background:rgba(8,8,8,.92);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--ug-hair);}
.ug-header-inner{display:flex;align-items:center;gap:34px;height:66px;}
.ug-logo{flex:none;display:block;line-height:0;}
.ug-logo img{height:40px;width:auto;}
.ug-nav{display:flex;gap:26px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;
  -ms-overflow-style:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 20px),transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 20px),transparent 100%);}
.ug-nav::-webkit-scrollbar{display:none;}
.ug-nav a{font-family:var(--ug-mono);font-size:11.5px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ug-mid);padding:6px 0;border-bottom:1px solid transparent;
  white-space:nowrap;}
.ug-nav a:hover{color:var(--ug-ink);}
.ug-nav a.current-menu-item,.ug-nav a.ug-active{color:var(--ug-ink);border-bottom-color:var(--ug-accent);}
/* Robust against the default WP menu walker (<li><a>) */
.ug-nav ul{display:flex;gap:26px;margin:0;padding:0;list-style:none;}
.ug-nav li{list-style:none;}
.ug-nav .current-menu-item > a,.ug-nav .current_page_item > a{color:var(--ug-ink);border-bottom-color:var(--ug-accent);}
.ug-header-actions{display:flex;align-items:center;gap:12px;flex:none;}
.ug-search-btn{display:flex;align-items:center;gap:10px;background:var(--ug-surface);
  border:1px solid var(--ug-hair);padding:9px 12px;cursor:pointer;transition:border-color .16s ease;}
.ug-search-btn:hover{border-color:var(--ug-border-strong);}
.ug-search-btn span{font-family:var(--ug-mono);color:var(--ug-mid);}
.ug-search-btn .ug-icon{font-size:12px;}
.ug-search-btn .ug-txt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;}
.ug-search-btn .ug-kbd{font-size:9.5px;border:1px solid var(--ug-border-mid);padding:3px 5px;}
.ug-account{font-family:var(--ug-mono);font-size:10.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ug-mid);border:1px solid var(--ug-hair);padding:10px 13px;}
.ug-account:hover{color:var(--ug-ink);border-color:var(--ug-border-strong);}
.ug-burger{display:none;background:transparent;border:1px solid var(--ug-hair);color:var(--ug-ink);
  padding:9px 12px;cursor:pointer;font-family:var(--ug-mono);font-size:16px;line-height:1;}

/* =========================================================================
   Hero (pre-launch)
   ========================================================================= */
.ug-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ug-hair);
  background:
    radial-gradient(120% 90% at 20% 108%, rgba(252,48,156,.32), transparent 58%),
    radial-gradient(90% 70% at 90% 6%, rgba(255,143,63,.12), transparent 60%),
    var(--ug-bg-alt);}
.ug-hero-grid-lines{position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(244,242,237,.028) 0 1px,transparent 1px 88px);}
.ug-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);
  gap:56px;align-items:end;padding-top:96px;padding-bottom:72px;}
.ug-hero-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--ug-mono);font-size:10px;
  font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ug-accent);margin-bottom:26px;}
.ug-hero-eyebrow span{width:24px;height:1px;background:var(--ug-accent);}
.ug-hero h1{font-size:clamp(40px,6.2vw,96px);line-height:.86;font-weight:900;
  letter-spacing:-.05em;text-transform:uppercase;}
.ug-hero h1 .accent{color:var(--ug-accent);}
.ug-hero-dek{margin-top:30px;max-width:520px;font-family:var(--ug-serif);font-size:20px;
  line-height:1.55;color:var(--ug-body);text-wrap:pretty;}
.ug-hero-cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;}

.ug-countdown-panel{border-left:1px solid var(--ug-border-mid);padding-left:34px;}
.ug-countdown-panel .date{font-size:30px;font-weight:900;letter-spacing:-.035em;
  text-transform:uppercase;margin-top:10px;}
.ug-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-top:26px;}
.ug-countdown-cell{background:var(--ug-surface);border:1px solid var(--ug-hair);padding:16px 12px;}
.ug-countdown-cell .v{font-size:clamp(26px,3.4vw,44px);font-weight:900;letter-spacing:-.05em;
  line-height:.85;font-variant-numeric:tabular-nums;}
.ug-countdown-cell .k{font-family:var(--ug-mono);font-size:9px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ug-mid);margin-top:9px;}
.ug-status-rows{margin-top:24px;display:flex;flex-direction:column;gap:11px;}
.ug-status-row{display:flex;justify-content:space-between;gap:14px;padding-bottom:11px;
  border-bottom:1px solid var(--ug-hair-soft);}
.ug-status-row .k{font-family:var(--ug-mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ug-mid);}
.ug-status-row .v{font-family:var(--ug-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;text-align:right;}

/* =========================================================================
   Buttons
   ========================================================================= */
.ug-btn{display:inline-block;font-family:var(--ug-sans);font-size:13px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;padding:16px 26px;cursor:pointer;border:0;
  transition:background .18s ease,border-color .18s ease,color .18s ease;}
.ug-btn-primary{background:var(--ug-accent);color:var(--ug-bg);}
.ug-btn-primary:hover{background:var(--ug-accent-hover);color:var(--ug-bg);}
.ug-btn-ghost{background:transparent;color:var(--ug-ink);border:1px solid var(--ug-border-strong);padding:15px 25px;}
.ug-btn-ghost:hover{border-color:var(--ug-accent);color:var(--ug-accent);}
.ug-link-arrow{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ug-accent);}

/* =========================================================================
   Section scaffolding
   ========================================================================= */
.ug-section{border-bottom:1px solid var(--ug-hair);}
.ug-section.alt{background:var(--ug-bg-alt);}
.ug-section-pad{padding-top:64px;padding-bottom:64px;}
.ug-section-head{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:28px;}
.ug-section-head h2{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.038em;text-transform:uppercase;}
.ug-section-head h2 .accent{color:var(--ug-accent);}
.ug-section-head .more{margin-left:auto;font-family:var(--ug-mono);font-size:10.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);}

/* ---- lead story + trending ---- */
.ug-lead-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);
  border-left:1px solid var(--ug-hair);border-right:1px solid var(--ug-hair);}
.ug-lead{display:block;border-right:1px solid var(--ug-hair);color:var(--ug-ink);}
.ug-lead-media{height:clamp(280px,42vw,520px);position:relative;overflow:hidden;
  background:linear-gradient(168deg,#1C1A19,#0B0B0B 66%),
    radial-gradient(70% 60% at 78% 18%, rgba(252,48,156,.2), transparent 62%);}
.ug-lead-media.has-img{background:#0B0B0B;}
.ug-lead-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ug-lead-media .lines{position:absolute;inset:0;
  background:repeating-linear-gradient(96deg,rgba(255,255,255,.022) 0 1px,transparent 1px 40px);}
.ug-tag-breaking{position:absolute;left:22px;top:22px;font-family:var(--ug-mono);font-size:10px;
  font-weight:600;letter-spacing:.22em;text-transform:uppercase;background:var(--ug-accent);
  color:var(--ug-bg);padding:6px 10px;}
.ug-lead-body{padding:34px 34px 40px;}
.ug-lead-body h2{margin-top:16px;font-size:clamp(30px,3.6vw,54px);line-height:1.02;font-weight:800;
  letter-spacing:-.038em;max-width:16ch;text-wrap:balance;}
.ug-lead-body p{margin-top:18px;max-width:60ch;font-family:var(--ug-serif);font-size:18px;
  line-height:1.55;color:var(--ug-mid);text-wrap:pretty;}
.ug-lead-body .read{margin-top:26px;}

.ug-trending{display:flex;flex-direction:column;}
.ug-trending-head{padding:26px 26px 18px;border-bottom:1px solid var(--ug-hair);
  display:flex;align-items:baseline;justify-content:space-between;}
.ug-trending-head .t{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;}
.ug-trending-head .h{font-family:var(--ug-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);}
.ug-trending-row{display:flex;gap:16px;padding:20px 26px;border-bottom:1px solid var(--ug-hair-soft);
  color:var(--ug-ink);transition:background .16s ease;}
.ug-trending-row:hover{background:var(--ug-surface);color:var(--ug-ink);}
.ug-trending-row .n{font-family:var(--ug-mono);font-size:11px;color:var(--ug-accent);flex:none;padding-top:3px;}
.ug-trending-row .title{display:block;font-size:16.5px;font-weight:700;line-height:1.24;letter-spacing:-.015em;}
.ug-trending-row .meta{display:block;font-family:var(--ug-mono);font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ug-mid);margin-top:8px;}
.ug-trending-all{margin-top:auto;padding:20px 26px;font-family:var(--ug-mono);font-size:10.5px;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);}

/* ---- explore tiles ---- */
.ug-explore{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;}
.ug-tile{position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;
  justify-content:flex-end;padding:22px;border:1px solid var(--ug-hair);color:var(--ug-ink);
  transition:border-color .18s ease;}
.ug-tile:hover{border-color:var(--ug-accent);color:var(--ug-ink);}
.ug-tile .count{font-family:var(--ug-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ug-mid);}
.ug-tile .name{font-size:clamp(20px,2.4vw,30px);font-weight:900;letter-spacing:-.035em;text-transform:uppercase;margin-top:8px;}
.ug-tile.big{min-height:300px;grid-column:span 2;}
.ug-tile.tall{min-height:300px;}
.ug-tile-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  opacity:.6;transition:opacity .18s ease,transform .3s ease;}
.ug-tile:hover .ug-tile-img{opacity:.75;transform:scale(1.03);}
.ug-tile-scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(8,8,8,.15) 0%,rgba(8,8,8,.35) 45%,rgba(8,8,8,.88) 100%);}
.ug-tile .count,.ug-tile .name{position:relative;z-index:2;}

/* ---- intel ---- */
.ug-intel-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px;margin-bottom:2px;}
.ug-intel-count{background:var(--ug-surface);border:1px solid var(--ug-hair);padding:20px;position:relative;overflow:hidden;}
.ug-intel-count .bar{position:absolute;left:0;top:0;bottom:0;width:3px;}
.ug-intel-count .k{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;}
.ug-intel-count .v{font-size:44px;font-weight:900;letter-spacing:-.05em;line-height:.9;margin-top:12px;font-variant-numeric:tabular-nums;}
.ug-intel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2px;}
.ug-intel-card{background:var(--ug-surface);border:1px solid var(--ug-hair);padding:24px;color:var(--ug-ink);
  display:flex;flex-direction:column;gap:14px;transition:border-color .18s ease;}
.ug-intel-card:hover{border-color:var(--ug-border-strong);color:var(--ug-ink);}
.ug-intel-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ug-intel-status{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border:1px solid;}
.ug-intel-card .sources{font-family:var(--ug-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ug-mid);}
.ug-intel-card .claim{font-size:19px;font-weight:700;line-height:1.28;letter-spacing:-.018em;}
.ug-intel-card .conf-row{display:flex;justify-content:space-between;font-family:var(--ug-mono);font-size:9.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);margin-bottom:8px;}
.ug-meter{height:3px;background:#1A1A1A;position:relative;}
.ug-meter i{position:absolute;top:0;bottom:0;left:0;}

/* ---- community ---- */
.ug-community-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2px;}
.ug-discovery{border:1px solid var(--ug-hair);color:var(--ug-ink);display:flex;flex-direction:column;transition:border-color .18s ease;}
.ug-discovery:hover{border-color:var(--ug-confirmed);color:var(--ug-ink);}
.ug-discovery-media{height:210px;position:relative;display:block;
  background:radial-gradient(70% 70% at 40% 60%, rgba(62,213,152,.18), transparent 62%),linear-gradient(160deg,#131512,#0A0A0A 70%);}
.ug-discovery-media .tag{position:absolute;left:18px;top:18px;font-family:var(--ug-mono);font-size:9.5px;
  font-weight:600;letter-spacing:.18em;text-transform:uppercase;background:var(--ug-confirmed);color:var(--ug-bg);padding:6px 9px;}
.ug-discovery-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1;}
.ug-discovery-body .title{font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.024em;}
.ug-discovery-body .dek{font-family:var(--ug-serif);font-size:16.5px;line-height:1.5;color:var(--ug-mid);}
.ug-discovery-body .more{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ug-confirmed);margin-top:auto;}
.ug-threads{display:flex;flex-direction:column;gap:2px;}
.ug-thread{border:1px solid var(--ug-hair);background:var(--ug-surface);padding:22px 24px;display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;color:var(--ug-ink);flex:1;
  min-height:104px;transition:border-color .16s ease;}
.ug-thread:hover{border-color:var(--ug-accent);color:var(--ug-ink);}
.ug-thread .meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:10px;}
.ug-badge{font-family:var(--ug-mono);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:4px 7px;border:1px solid;}
.ug-thread .cat{font-family:var(--ug-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);}
.ug-thread .title{display:block;font-size:clamp(17px,1.9vw,22px);font-weight:700;line-height:1.2;letter-spacing:-.022em;}
.ug-thread .replies{text-align:right;white-space:nowrap;}
.ug-thread .replies .num{display:block;font-family:var(--ug-mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;}
.ug-thread .replies .lbl{display:block;font-family:var(--ug-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);margin-top:5px;}
.ug-join{border:1px solid var(--ug-hair);padding:20px 24px;display:flex;justify-content:space-between;
  align-items:center;gap:16px;color:var(--ug-ink);min-height:64px;transition:border-color .16s ease;}
.ug-join:hover{border-color:var(--ug-accent);color:var(--ug-ink);}
.ug-join .l{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.ug-join .r{font-family:var(--ug-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ug-accent);}

/* ---- store + poll + newsletter ---- */
.ug-bottom-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  border-left:1px solid var(--ug-hair);border-right:1px solid var(--ug-hair);}
.ug-store{color:var(--ug-ink);border-right:1px solid var(--ug-hair);}
.ug-store-media{height:clamp(260px,32vw,420px);position:relative;overflow:hidden;display:flex;
  align-items:flex-end;padding:28px;
  background:radial-gradient(90% 80% at 30% 100%, rgba(252,48,156,.4), transparent 60%),linear-gradient(150deg,#171310,#0A0A0A 70%);}
.ug-store-media .scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 5px);}
.ug-store-media .drop{position:relative;}
.ug-store-media .drop .k{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ug-ember);}
.ug-store-media .drop .n{font-size:clamp(34px,4.6vw,66px);font-weight:900;letter-spacing:-.045em;text-transform:uppercase;line-height:.9;margin-top:12px;}
.ug-store-foot{padding:26px 28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.ug-store-foot .desc{font-family:var(--ug-serif);font-size:18px;color:var(--ug-mid);max-width:44ch;}

.ug-side{display:flex;flex-direction:column;}
.ug-poll{padding:30px 30px 26px;border-bottom:1px solid var(--ug-hair);}
.ug-poll .q{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-top:14px;}
.ug-poll-opts{display:flex;flex-direction:column;gap:2px;margin-top:20px;}
.ug-poll-opt{position:relative;overflow:hidden;background:var(--ug-surface);border:1px solid var(--ug-hair);
  padding:14px 16px;cursor:pointer;text-align:left;display:flex;justify-content:space-between;gap:12px;
  align-items:center;min-height:48px;transition:border-color .16s ease;}
.ug-poll-opt:hover{border-color:var(--ug-border-strong);}
.ug-poll-opt .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(252,48,156,.14);transition:width .4s ease;}
.ug-poll-opt .name{position:relative;font-size:14.5px;font-weight:700;color:var(--ug-ink);}
.ug-poll-opt .pct{position:relative;font-family:var(--ug-mono);font-size:11px;font-weight:600;color:var(--ug-mid);}
.ug-poll-opt.voted{border-color:var(--ug-accent);}
.ug-poll-opt.voted .pct{color:var(--ug-accent);}
.ug-poll-note{font-family:var(--ug-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);margin-top:14px;}

.ug-news-letter{padding:30px;background:var(--ug-surface);flex:1;display:flex;flex-direction:column;justify-content:center;}
.ug-news-letter .h{font-size:clamp(24px,2.6vw,34px);font-weight:900;letter-spacing:-.04em;text-transform:uppercase;line-height:.95;}
.ug-news-letter .d{font-family:var(--ug-serif);font-size:17px;line-height:1.5;color:var(--ug-mid);margin-top:14px;}
.ug-news-form{display:flex;gap:2px;margin-top:20px;flex-wrap:wrap;}
.ug-news-form input{flex:1;min-width:180px;background:var(--ug-bg);border:1px solid var(--ug-border-strong);
  padding:15px 14px;color:var(--ug-ink);font-family:var(--ug-sans);font-size:14px;outline:none;}
.ug-news-form button{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  background:var(--ug-ink);color:var(--ug-bg);border:0;padding:15px 22px;cursor:pointer;transition:background .18s ease;}
.ug-news-form button:hover{background:var(--ug-accent);}

/* =========================================================================
   Footer
   ========================================================================= */
.ug-footer{border-top:1px solid var(--ug-hair);background:var(--ug-bg-alt);}
.ug-footer-top{padding:64px 28px 40px;max-width:var(--ug-max);margin:0 auto;display:grid;
  grid-template-columns:minmax(0,4fr) repeat(auto-fit,minmax(140px,1fr));gap:40px;}
.ug-footer-brand img{width:100%;max-width:280px;height:auto;}
.ug-footer-brand .tag{font-family:var(--ug-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ug-mid);margin-top:22px;}
.ug-footer-col .head{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ug-ink);padding-bottom:14px;border-bottom:1px solid var(--ug-hair);}
.ug-footer-col .links{display:flex;flex-direction:column;gap:9px;margin-top:14px;}
.ug-footer-col .links a{font-size:13.5px;color:var(--ug-mid);}
.ug-footer-col .links a:hover{color:var(--ug-ink);}
.ug-footer-legal{max-width:var(--ug-max);margin:0 auto;padding:20px 28px 44px;border-top:1px solid var(--ug-hair);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.ug-footer-legal span{font-family:var(--ug-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ug-mid);}

/* =========================================================================
   Search overlay
   ========================================================================= */
.ug-search-overlay{position:fixed;inset:0;z-index:60;background:rgba(8,8,8,.97);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ug-in .18s ease-out;overflow-y:auto;}
.ug-search-overlay[hidden]{display:none;}
.ug-search-overlay .box{max-width:1000px;margin:0 auto;padding:56px 28px 80px;}
.ug-search-overlay .bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;}
.ug-search-overlay .bar .lbl{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--ug-mid);}
.ug-search-overlay .bar button{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;background:transparent;border:1px solid var(--ug-border-mid);color:var(--ug-mid);padding:9px 12px;cursor:pointer;}
.ug-search-overlay .field{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--ug-border-strong);padding-bottom:18px;}
.ug-search-overlay .field .ico{font-family:var(--ug-mono);font-size:22px;color:var(--ug-accent);}
.ug-search-overlay .field input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--ug-ink);
  font-family:var(--ug-sans);font-size:clamp(26px,4.4vw,50px);font-weight:800;letter-spacing:-.04em;}

/* =========================================================================
   Editorial article (single) + archive
   ========================================================================= */
.ug-article{max-width:820px;margin:0 auto;padding:64px 28px 96px;}
.ug-article .cat{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ug-accent);}
.ug-article h1{margin-top:16px;font-size:clamp(34px,5.4vw,68px);line-height:.98;font-weight:900;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;}
.ug-article .meta{margin-top:24px;display:flex;gap:18px;flex-wrap:wrap;font-family:var(--ug-mono);font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ug-mid);padding-bottom:26px;border-bottom:1px solid var(--ug-hair);}
.ug-article-hero{max-width:var(--ug-max);margin:0 auto;padding:0 28px;}
.ug-article-hero .media{height:clamp(280px,42vw,520px);position:relative;overflow:hidden;background:linear-gradient(168deg,#1C1A19,#0B0B0B 66%);border:1px solid var(--ug-hair);}
.ug-article-hero .media img{width:100%;height:100%;object-fit:cover;}
.ug-prose{font-family:var(--ug-serif);font-size:20px;line-height:1.62;color:var(--ug-body);}
.ug-prose p{margin:0 0 24px;}
.ug-prose h2{font-family:var(--ug-sans);font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.03em;
  text-transform:uppercase;color:var(--ug-ink);margin:44px 0 18px;}
.ug-prose h3{font-family:var(--ug-sans);font-size:22px;font-weight:700;color:var(--ug-ink);margin:34px 0 14px;}
.ug-prose a{color:var(--ug-accent);text-decoration:underline;text-underline-offset:3px;}
.ug-prose img{margin:26px 0;border:1px solid var(--ug-hair);}
.ug-prose blockquote{margin:30px 0;padding:6px 0 6px 26px;border-left:2px solid var(--ug-accent);
  font-size:24px;line-height:1.4;color:var(--ug-ink);font-style:italic;}
.ug-prose ul,.ug-prose ol{padding-left:22px;margin:0 0 24px;}
.ug-prose li{margin-bottom:10px;}
.ug-prose figure{margin:32px 0;}
.ug-prose figcaption{font-family:var(--ug-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ug-mid);margin-top:12px;}
/* drop cap on the opening paragraph */
.ug-prose > p:first-of-type::first-letter{font-family:var(--ug-sans);font-weight:900;font-size:78px;
  line-height:.72;letter-spacing:-.05em;color:var(--ug-ink);float:left;margin:8px 14px 0 0;}

/* ---- reading progress bar ---- */
.ug-reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent;pointer-events:none;}
.ug-reading-progress i{display:block;height:100%;width:0;background:var(--ug-accent);transition:width .12s linear;}

/* ---- article header ---- */
.ug-breadcrumb{padding:34px 0 0;font-family:var(--ug-mono);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ug-mid);display:flex;gap:10px;flex-wrap:wrap;}
.ug-breadcrumb a{color:var(--ug-mid);}
.ug-breadcrumb a:hover{color:var(--ug-ink);}
.ug-article-head{padding:28px 0 44px;border-bottom:1px solid var(--ug-hair);}
.ug-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ug-badges .pill{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;background:var(--ug-accent);color:var(--ug-bg);padding:6px 10px;}
.ug-badges .muted{font-family:var(--ug-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ug-mid);}
.ug-article-head h1{margin:26px 0 0;font-size:clamp(34px,5.6vw,88px);line-height:.92;font-weight:900;
  letter-spacing:-.05em;max-width:20ch;text-wrap:balance;}
.ug-article-head .dek{margin:24px 0 0;max-width:62ch;font-family:var(--ug-serif);
  font-size:clamp(19px,2.1vw,25px);line-height:1.45;color:var(--ug-body);text-wrap:pretty;}
.ug-byline{display:flex;gap:34px;margin-top:32px;flex-wrap:wrap;}
.ug-byline .k{font-family:var(--ug-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ug-mid);}
.ug-byline .v{font-size:14px;font-weight:700;letter-spacing:-.01em;margin-top:7px;}

/* full-bleed hero */
.ug-article-hero .media{height:clamp(280px,44vw,600px);}
.ug-article-hero figcaption{font-family:var(--ug-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ug-mid);margin-top:12px;}

/* ---- article layout with rail ---- */
.ug-article-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px;
  max-width:1120px;margin:0 auto;padding:56px 28px 0;align-items:start;}
.ug-article-rail{position:sticky;top:88px;display:flex;flex-direction:column;gap:26px;}
.ug-rail-head{font-family:var(--ug-mono);font-size:9.5px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ug-mid);padding-bottom:12px;border-bottom:1px solid var(--ug-hair);}
.ug-toc{display:flex;flex-direction:column;gap:2px;margin-top:12px;}
.ug-toc a{font-size:13px;line-height:1.4;padding:8px 0 8px 12px;border-left:1px solid var(--ug-border-mid);color:var(--ug-mid);}
.ug-toc a:hover{color:var(--ug-ink);}
.ug-toc a.active{color:var(--ug-ink);border-left-color:var(--ug-accent);}
.ug-share{display:flex;gap:2px;flex-wrap:wrap;margin-top:12px;}
.ug-share button{font-family:var(--ug-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ug-mid);background:transparent;border:1px solid var(--ug-border-mid);padding:9px 11px;cursor:pointer;transition:all .16s ease;}
.ug-share button:hover{border-color:var(--ug-accent);color:var(--ug-accent);}
.ug-article-grid .ug-prose{min-width:0;}
.ug-article-tags{margin-top:44px;display:flex;gap:8px;flex-wrap:wrap;}
.ug-article-tags a{font-family:var(--ug-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  padding:8px 12px;border:1px solid var(--ug-border-mid);color:var(--ug-mid);}
.ug-article-tags a:hover{border-color:var(--ug-accent);color:var(--ug-accent);}
@media(max-width:900px){
  .ug-article-grid{grid-template-columns:1fr;gap:28px;padding-top:36px;}
  .ug-article-rail{position:static;flex-direction:row;flex-wrap:wrap;gap:20px;}
  .ug-article-rail .ug-toc-block{display:none;}
  .ug-prose > p:first-of-type::first-letter{font-size:58px;}
}

/* archive / news grid */
.ug-archive-head{padding:72px 28px 40px;max-width:var(--ug-max);margin:0 auto;}
.ug-archive-head .cat{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ug-accent);}
.ug-archive-head h1{margin-top:16px;font-size:clamp(40px,7vw,110px);line-height:.85;font-weight:900;letter-spacing:-.05em;text-transform:uppercase;}
.ug-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2px;
  max-width:var(--ug-max);margin:0 auto;border:1px solid var(--ug-hair);}
.ug-card{background:var(--ug-surface);border:1px solid var(--ug-hair);color:var(--ug-ink);display:flex;
  flex-direction:column;transition:border-color .18s ease;}
.ug-card:hover{border-color:var(--ug-accent);color:var(--ug-ink);}
.ug-card-media{height:200px;position:relative;overflow:hidden;background:linear-gradient(168deg,#1A1A1A,#0B0B0B 66%);}
.ug-card-media img{width:100%;height:100%;object-fit:cover;}
.ug-card-body{padding:22px 22px 26px;display:flex;flex-direction:column;gap:12px;flex:1;}
.ug-card-body .cat{font-family:var(--ug-mono);font-size:9.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ug-accent);}
.ug-card-body .title{font-size:21px;font-weight:700;line-height:1.18;letter-spacing:-.02em;}
.ug-card-body .dek{font-family:var(--ug-serif);font-size:15.5px;line-height:1.5;color:var(--ug-mid);}
.ug-card-body .meta{margin-top:auto;font-family:var(--ug-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ug-mid);}

.ug-pagination{max-width:var(--ug-max);margin:0 auto;padding:40px 28px 96px;display:flex;gap:12px;flex-wrap:wrap;}
.ug-pagination a,.ug-pagination span{font-family:var(--ug-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--ug-border-mid);padding:12px 16px;color:var(--ug-mid);}
.ug-pagination .current{background:var(--ug-accent);color:var(--ug-bg);border-color:var(--ug-accent);}

/* =========================================================================
   News / category — editorial hierarchy
   ========================================================================= */
.ug-news-head{max-width:var(--ug-max);margin:0 auto;padding:52px 28px 30px;border-bottom:1px solid var(--ug-hair);
  display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap;}
.ug-news-head .kick{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ug-accent);}
.ug-news-head h1{margin-top:16px;font-size:clamp(40px,7vw,110px);line-height:.86;font-weight:900;
  letter-spacing:-.05em;text-transform:uppercase;}
.ug-news-head .desc{margin-top:14px;max-width:60ch;font-family:var(--ug-serif);font-size:17px;line-height:1.5;color:var(--ug-mid);}
.ug-filter-chips{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap;}
.ug-filter-chips a{font-family:var(--ug-mono);font-size:10px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;padding:0 14px;min-height:42px;display:flex;align-items:center;
  border:1px solid var(--ug-border-mid);color:var(--ug-mid);}
.ug-filter-chips a:hover{border-color:var(--ug-border-strong);color:var(--ug-ink);}
.ug-filter-chips a.active{background:var(--ug-accent);color:var(--ug-bg);border-color:var(--ug-accent);}

.ug-feature-grid{max-width:var(--ug-max);margin:0 auto;display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);border-left:1px solid var(--ug-hair);border-right:1px solid var(--ug-hair);}
.ug-secondary-col{display:flex;flex-direction:column;}
.ug-secondary-head{padding:24px 26px 14px;border-bottom:1px solid var(--ug-hair);font-family:var(--ug-mono);
  font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;}
.ug-secondary-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;padding:20px 26px;
  border-bottom:1px solid var(--ug-hair-soft);color:var(--ug-ink);transition:background .16s ease;}
.ug-secondary-row:hover{background:var(--ug-surface);color:var(--ug-ink);}
.ug-secondary-row .thumb{height:76px;position:relative;overflow:hidden;background:linear-gradient(150deg,#1A1816,#0A0A0A 68%);}
.ug-secondary-row .thumb img{width:100%;height:100%;object-fit:cover;}
.ug-secondary-row .kicker{display:block;font-family:var(--ug-mono);font-size:9.5px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ug-accent);}
.ug-secondary-row .title{display:block;font-size:16.5px;font-weight:700;line-height:1.24;letter-spacing:-.018em;margin-top:8px;}
.ug-secondary-row .meta{display:block;font-family:var(--ug-mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ug-mid);margin-top:8px;}
.ug-browse-box{padding:22px 26px;margin-top:auto;background:var(--ug-surface);border-top:1px solid var(--ug-hair);}
.ug-browse-box .h{font-family:var(--ug-mono);font-size:9.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ug-accent);}
.ug-browse-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.ug-browse-list a{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:var(--ug-ink);font-size:14px;font-weight:600;letter-spacing:-.01em;}
.ug-browse-list a:hover{color:var(--ug-accent);}
.ug-browse-list .n{font-family:var(--ug-mono);font-size:10px;color:var(--ug-mid);}
.ug-latest-head{max-width:var(--ug-max);margin:0 auto;padding:44px 28px 0;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;}
.ug-latest-head h2{font-size:clamp(24px,3.2vw,40px);font-weight:800;letter-spacing:-.038em;text-transform:uppercase;}
.ug-latest-head .note{margin-left:auto;font-family:var(--ug-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ug-mid);}
.ug-cards.pad{max-width:var(--ug-max);margin:24px auto 0;}

/* =========================================================================
   Responsive
   ========================================================================= */
@media(max-width:900px){
  .ug-hero-inner{grid-template-columns:1fr;gap:40px;padding-top:56px;}
  .ug-countdown-panel{border-left:0;padding-left:0;border-top:1px solid var(--ug-border-mid);padding-top:28px;}
  .ug-lead-grid,.ug-community-grid,.ug-bottom-grid,.ug-feature-grid{grid-template-columns:1fr;}
  .ug-secondary-col{border-top:1px solid var(--ug-hair);}
  .ug-news-head h1{font-size:clamp(40px,11vw,72px);}
  .ug-lead{border-right:0;border-bottom:1px solid var(--ug-hair);}
  .ug-store{border-right:0;border-bottom:1px solid var(--ug-hair);}
  .ug-tile.big{grid-column:span 1;}
}
@media(max-width:680px){
  :root{--ug-pad:18px;}
  .ug-nav{display:none;}
  .ug-burger{display:block;}
  .ug-header-inner{gap:16px;height:58px;}
  .ug-logo img{height:32px;}
  .ug-search-btn .ug-txt,.ug-search-btn .ug-kbd{display:none;}
  .ug-countdown{grid-template-columns:repeat(4,1fr);}
  .ug-section-pad{padding-top:44px;padding-bottom:44px;}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
}