/* The Kirton Twitcher — dedicated satire landing and article treatment */
.twitcher-page,
.twitcher-article { background: #000; }
.twitcher-page::before,
.twitcher-article::before { opacity: .065; }
.twitcher-page .site-header,
.twitcher-article .site-header { background: rgba(0,0,0,.94); border-bottom-color: rgba(255,255,255,.11); }
.twitcher-page .drawer,
.twitcher-article .drawer { background: #070707; }
.twitcher-page .site-footer,
.twitcher-article .site-footer { background: #050505; border-top: 1px solid rgba(255,255,255,.1); }
.twitcher-page .back-to-top,
.twitcher-article .back-to-top { background: #080808; }

.kt-page-main { background: #000; color: #fff; }
.kt-kicker { margin: 0; display: flex; align-items: center; gap: 11px; color: rgba(255,255,255,.54); font-size: 10px; line-height: 1.2; letter-spacing: .22em; text-transform: uppercase; font-weight: 800; }
.kt-kicker > span { width: 7px; height: 7px; flex: 0 0 auto; background: var(--pink); }

.kt-landing-hero { border-top: 2px solid var(--pink); border-bottom: 1px solid rgba(255,255,255,.11); background: #000; }
.kt-landing-hero-grid { min-height: min(690px, calc(100vh - 72px)); display: grid; grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr); gap: clamp(30px,6vw,100px); align-items: center; padding-top: clamp(58px,7vw,100px); padding-bottom: clamp(58px,7vw,100px); }
.kt-landing-copy h1 { max-width: 860px; margin: 22px 0 24px; color: #fff; font-size: clamp(58px,7.8vw,118px); line-height: .88; letter-spacing: -.078em; font-weight: 500; text-wrap: balance; }
.kt-standfirst { max-width: 700px; margin: 0; color: rgba(255,255,255,.74); font-size: clamp(17px,1.55vw,23px); line-height: 1.55; }
.kt-disclaimer { max-width: 660px; margin: 28px 0 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.44); font-size: 11px; line-height: 1.65; }
.kt-landing-mark { display: grid; place-items: center; }
.kt-landing-mark img { width: min(100%, 520px); max-height: 520px; object-fit: contain; }

.kt-latest,
.kt-archive,
.kt-empty { padding-top: clamp(84px,9vw,142px); padding-bottom: clamp(84px,9vw,142px); }
.kt-section-head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 34px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.13); }
.kt-section-head .micro { color: var(--pink); }
.kt-section-head h2 { margin: 8px 0 0; color: #fff; font-size: clamp(40px,5vw,74px); line-height: .96; letter-spacing: -.065em; font-weight: 500; }
.kt-section-head > span { padding-bottom: 7px; color: rgba(255,255,255,.4); font-size: 10px; }

.kt-lead-card { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); min-height: 520px; border: 1px solid rgba(255,255,255,.13); background: #050505; }
.kt-lead-card--no-image { grid-template-columns: 1fr; }
.kt-lead-image { min-height: 520px; overflow: hidden; background: #080808; }
.kt-lead-image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.08); transition: transform .45s ease, filter .3s ease; }
.kt-lead-card:hover .kt-lead-image img { transform: scale(1.018); filter: grayscale(.72) contrast(1.06); }
.kt-lead-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(38px,5vw,72px); }
.kt-lead-copy h3 { max-width: 720px; margin: 18px 0; color: #fff; font-size: clamp(42px,4.7vw,70px); line-height: .96; letter-spacing: -.067em; font-weight: 500; }
.kt-lead-copy > p:not(.kt-kicker) { max-width: 620px; margin: 0; color: rgba(255,255,255,.58); font-size: 13px; line-height: 1.7; }
.kt-read { width: fit-content; margin-top: 34px; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.24); color: #fff; font-size: 12px; font-weight: 650; }
.kt-read span { color: var(--pink); }

.kt-archive { padding-top: 0; }
.kt-archive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.13); border-left: 1px solid rgba(255,255,255,.13); }
.kt-archive-card { min-width: 0; border-right: 1px solid rgba(255,255,255,.13); border-bottom: 1px solid rgba(255,255,255,.13); background: #020202; }
.kt-archive-image { display: block; aspect-ratio: 16/9; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.1); background: #080808; }
.kt-archive-image img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); transition: transform .35s ease, filter .3s ease; }
.kt-archive-card:hover .kt-archive-image img { transform: scale(1.025); filter: grayscale(.7); }
.kt-archive-copy { padding: 25px; }
.kt-archive-copy .micro { color: rgba(255,255,255,.38); }
.kt-archive-copy h3 { margin: 14px 0 12px; color: #fff; font-size: clamp(24px,2.2vw,34px); line-height: 1.02; letter-spacing: -.05em; font-weight: 550; }
.kt-archive-copy > p:not(.micro) { margin: 0; color: rgba(255,255,255,.5); font-size: 12px; line-height: 1.65; }
.kt-archive-copy > a { display: inline-block; margin-top: 24px; color: rgba(255,255,255,.78); font-size: 11px; }
.kt-archive-copy > a span { color: var(--pink); }

.kt-empty { position: relative; min-height: 520px; overflow: hidden; border-top: 1px solid rgba(255,255,255,.12); }
.kt-empty-copy { position: relative; z-index: 2; max-width: 800px; }
.kt-empty-copy .micro { color: var(--pink); }
.kt-empty h2 { margin: 14px 0 20px; color: #fff; font-size: clamp(62px,8vw,120px); line-height: .86; letter-spacing: -.08em; font-weight: 500; }
.kt-empty-copy > p:last-child { max-width: 650px; margin: 0; color: rgba(255,255,255,.62); font-size: clamp(16px,1.5vw,21px); line-height: 1.6; }
.kt-empty-mark { position: absolute; right: 0; bottom: 30px; color: rgba(255,255,255,.045); font-size: clamp(100px,19vw,300px); line-height: .75; font-weight: 800; letter-spacing: -.08em; pointer-events: none; }
.kt-empty > small { position: relative; z-index: 2; display: block; margin-top: 50px; max-width: 650px; color: rgba(255,255,255,.32); font-size: 9px; line-height: 1.6; }

.kt-signoff { padding: 48px 0 58px; border-top: 2px solid var(--pink); background: #050505; }
.kt-signoff .shell { display: grid; grid-template-columns: 160px minmax(0,1fr) auto; gap: 34px; align-items: center; }
.kt-signoff .micro { color: var(--pink); }
.kt-signoff p:not(.micro) { margin: 0; color: rgba(255,255,255,.54); font-size: 11px; line-height: 1.65; }
.kt-signoff a { color: #fff; font-size: 11px; white-space: nowrap; }
.kt-signoff a span { color: var(--pink); }

/* Individual communiqués */
.twitcher-article .article-shell { background: #000; }
.kt-article-header { padding-top: clamp(18px,2vw,32px); }
.kt-article-heading-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.45fr); gap: clamp(40px,7vw,110px); align-items: center; margin-top: 48px; }
.kt-article-heading-grid .article-heading h1 { max-width: 1040px; color: #fff; }
.kt-article-heading-grid .article-deck { color: rgba(255,255,255,.58); }
.kt-article-mark { display: grid; place-items: center; }
.kt-article-mark img { width: min(100%, 360px); max-height: 330px; object-fit: contain; }
.kt-article-summary { margin-top: 34px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.11); }
.kt-article-summary .micro { color: var(--pink); }
.kt-article-summary ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.kt-article-summary li { padding: 7px 10px; border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.55); font-size: 10px; }
.twitcher-article .article-meta-row,
.twitcher-article .article-rail nav,
.twitcher-article .article-rail nav a,
.twitcher-article .article-rail-share button,
.twitcher-article .article-related-grid,
.twitcher-article .article-related-grid article { border-color: rgba(255,255,255,.12); }
.twitcher-article .article-byline b,
.twitcher-article .article-related-head h2,
.twitcher-article .article-related-grid h3 { color: #fff; }
.twitcher-article .article-copy { color: rgba(255,255,255,.78); }
.twitcher-article .article-copy h2,
.twitcher-article .article-copy h3,
.twitcher-article .article-copy h4 { color: #fff; }
.twitcher-article .article-copy a { color: var(--blush); }
.twitcher-article .article-hero-image { background: #050505; }
.twitcher-article .article-hero-image img { filter: grayscale(.35) contrast(1.06); }
.twitcher-article .article-image-marker { background: var(--pink); }
.twitcher-article .article-related-grid article { background: #030303; }
.twitcher-article .article-related-grid img { filter: grayscale(1); }
.kt-related { padding-bottom: 90px; }

@media (max-width: 980px) {
  .kt-landing-hero-grid { grid-template-columns: 1fr; min-height: 0; }
  .kt-landing-mark { grid-row: 1; }
  .kt-landing-mark img { width: min(74vw, 420px); }
  .kt-landing-copy { grid-row: 2; }
  .kt-lead-card { grid-template-columns: 1fr; }
  .kt-lead-image { min-height: 0; aspect-ratio: 16/9; }
  .kt-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kt-article-heading-grid { grid-template-columns: 1fr; }
  .kt-article-mark { grid-row: 1; justify-items: start; }
  .kt-article-mark img { width: min(62vw,300px); }
}

@media (max-width: 760px) {
  .kt-landing-hero-grid { padding-top: 42px; padding-bottom: 52px; }
  .kt-landing-mark img { width: min(82vw, 330px); }
  .kt-landing-copy h1 { font-size: clamp(54px,15.5vw,78px); }
  .kt-standfirst { font-size: 16px; }
  .kt-latest, .kt-archive, .kt-empty { padding-top: 74px; padding-bottom: 74px; }
  .kt-section-head { align-items: start; flex-direction: column; gap: 10px; }
  .kt-lead-copy { padding: 30px 24px 38px; }
  .kt-lead-copy h3 { font-size: clamp(38px,11vw,55px); }
  .kt-archive-grid { grid-template-columns: 1fr; border-left: 0; }
  .kt-archive-card { border-left: 1px solid rgba(255,255,255,.13); }
  .kt-empty { min-height: 450px; }
  .kt-empty h2 { font-size: clamp(62px,20vw,94px); }
  .kt-signoff .shell { grid-template-columns: 1fr; gap: 14px; }
  .kt-article-heading-grid { margin-top: 34px; gap: 26px; }
  .kt-article-mark img { width: min(70vw,260px); }
  .kt-article-summary { display: none; }
}