/* Press kit, archive, category and post pages. Same tokens as site.css. */
.skip{position:absolute;left:-9999px;top:0;z-index:50;background:#D60000;color:#fff;padding:12px 18px}
.skip:focus{left:10px;top:10px}
.pg-wrap{max-width:1240px;margin:0 auto;padding:clamp(40px,6vw,84px) 28px clamp(58px,7vw,104px)}
.pg-tag{margin-bottom:18px}
.pg-h1{margin:0 0 22px;font-size:clamp(36px,7vw,84px);font-weight:700;line-height:.98;text-transform:uppercase;color:#e8e8e8;overflow-wrap:anywhere}
.pg-tape{background:#D60000;color:#fff;padding:0 .14em}
.pg-lead{max-width:62ch;margin:0 0 30px;font-family:'Inter',system-ui,sans-serif;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:#e8e8e8}
.pg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.pg-tab{padding:11px 14px;border:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#e8e8e8}
.pg-tab:hover{border-color:var(--hs-y)}
.pg-tab[aria-current]{background:#D60000;border-color:#D60000;color:#fff}
.pg-posts{display:grid;gap:26px}
.pg-card{display:flex;flex-direction:column;background:#0a0a0a;border:1px solid rgba(255,255,255,.14);text-decoration:none}
.pg-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.pg-cardbody{padding:18px 18px 22px}
.pg-meta{font-size:11px;letter-spacing:.2em;line-height:1.7;text-transform:uppercase;color:#a8a8a8}
.pg-card h3{margin:8px 0 0;font-size:15px;line-height:1.3;text-transform:uppercase}
.pg-card p{margin:10px 0 0;font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.55;color:#c4c4c4}
.pg-btn{display:inline-block;background:#D60000;color:#fff;padding:14px 22px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}

.pg-cta{max-width:1240px;margin:0 auto;padding:0 28px clamp(58px,7vw,104px)}
.pg-ctabox{padding:clamp(26px,4vw,48px);background:#0a0a0a;border:1px solid rgba(255,255,255,.14)}
.pg-ctabox h2{margin:0 0 12px;font-size:clamp(26px,4vw,46px);font-weight:700;line-height:1.02;text-transform:uppercase}
.pg-ctabox p{max-width:56ch;margin:0 0 24px;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6}

.pg-article{max-width:1040px;margin:0 auto;padding:clamp(28px,4vw,56px) 28px clamp(58px,7vw,96px)}
.pg-article .pg-meta{margin:22px 0 14px}
.pg-article h1{margin:0 0 32px;font-size:clamp(30px,5vw,60px);font-weight:700;line-height:1.04;text-transform:uppercase;color:#e8e8e8;overflow-wrap:break-word}
.pg-hero{margin:0 0 clamp(30px,5vw,52px)}
.pg-hero img{width:100%;height:auto;max-height:min(70vh,620px);object-fit:cover;display:block}
.pg-content{max-width:720px;margin:0 auto;font-family:'Inter',system-ui,sans-serif;font-size:clamp(16px,1.3vw,18px);line-height:1.75;color:#e8e8e8}
.pg-content p{margin:0 0 1.35em}
.pg-content h2{margin:2em 0 .7em;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.15;text-transform:uppercase;color:#fff}
.pg-content a{color:#fff;text-decoration:underline;text-decoration-color:var(--hs-y)}
.pg-content a:hover{color:var(--hs-y)}
.pg-content figure{margin:2em 0}
.pg-content figure img{width:100%;height:auto;display:block}
.pg-content figcaption{margin-top:8px;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.1em;line-height:1.6;color:#a8a8a8}
.pg-content .pull{margin:2em 0;padding:1.1em 0;border-top:1px solid var(--hs-y);border-bottom:1px solid var(--hs-y);font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:clamp(18px,2vw,23px);font-weight:600;line-height:1.35;color:#fff}
.pg-related{margin-top:64px;padding-top:28px;border-top:1px solid rgba(255,255,255,.18)}
.pg-related h2{margin:0 0 22px;font-size:clamp(24px,3vw,38px);text-transform:uppercase}
.pg-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:760px){.pg-related-grid{grid-template-columns:minmax(0,1fr)}}
@media print{
  @page{size:A4;margin:0}
  html,body,.hs-root,#main,#main #ek,#main #ek .ek-page{background:#fff!important;color:#111!important}
  .hs-bar,.hs-social,.hs-fnav,footer,.pg-tag,.pg-h1{display:none!important}
  #main{max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
  #main #ek .sheetwrap{overflow:visible!important;margin:0!important}
  #main #ek .sheet{width:auto!important;transform:none!important}
  #main #ek .ek-page{box-sizing:border-box!important;width:210mm!important;min-height:297mm!important;height:297mm!important;padding:13mm 14mm 11mm!important;box-shadow:none!important;page-break-after:always!important}
  #main #ek .ek-page:last-child{page-break-after:auto!important}
  #main #ek .ek-page *,#main #ek h1,#main #ek h2,#main #ek h3,#main #ek p,#main #ek .ek-hud,#main #ek .ek-k,#main #ek .ek-v,#main #ek .ek-e,#main #ek .ek-y{color:#111!important;text-shadow:none!important;box-shadow:none!important;animation:none!important}
  #main #ek .ek-box,#main #ek .ek-ctile,#main #ek .ek-frame{background:#fff!important;border-color:#777!important}
  #main #ek .ek-redrule,#main #ek .ek-mark .ek-h{background:#111!important;color:#fff!important}
  #main #ek .ek-hero .ek-cap,#main #ek .ek-ph .ek-cap{background:rgba(255,255,255,.88)!important}
}
.pg-content .pull p{margin:0}
.pg-sign{max-width:720px;margin:2.4em auto 0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a8a8a8}
.pg-article .pg-ctabox{max-width:720px;margin:40px auto 0}

/* press kit: an A4 sheet (793.7px) centred on the page; the kit's inline script scales it */
.pg-press{max-width:794px}
.pg-press#main #ek,.pg-press#main #ek *{box-sizing:border-box}
/* phone: scaling to fit gives 6pt text, so the sheet reflows to one column instead */
@media(max-width:860px){
  .pg-press#main #ek .sheetwrap{height:auto!important}
  .pg-press#main #ek .sheet{width:auto;transform:none!important}
  .pg-press#main #ek .ek-page{width:auto;min-height:0;padding:20px 16px}
  .pg-press#main #ek .ek-grid,.pg-press#main #ek .ek-two,.pg-press#main #ek .ek-three{grid-template-columns:minmax(0,1fr)}
  .pg-press#main #ek .ek-top{flex-wrap:wrap;gap:12px}
  .pg-press#main #ek .ek-top .ek-meta{text-align:left}
  .pg-press#main #ek{font-size:15px}
  .pg-press#main #ek .ek-hud{font-size:10px}
  .pg-press#main #ek .ek-lead{font-size:17px}
  .pg-press#main #ek h1{font-size:24px}
  .pg-press#main #ek h2{font-size:12px}
  .pg-press#main #ek .ek-kv{font-size:14px}
  .pg-press#main #ek .ek-record{font-size:11px;grid-template-columns:78px minmax(0,1fr)}
  /* !important beats the kit's inline grid columns */
  .pg-press#main #ek .ek-two{grid-template-columns:minmax(0,1fr)!important}
  .pg-press#main #ek .ek-kv{grid-template-columns:minmax(0,1fr)!important;gap:2px}
  .pg-press#main #ek .ek-kv .ek-v{margin-bottom:12px;overflow-wrap:break-word}
  .pg-press#main #ek .ek-brand{grid-template-columns:72px minmax(0,1fr);gap:14px}
  .pg-press#main #ek .ek-sponsor{flex-wrap:wrap;gap:12px;padding:14px}
  .pg-press#main #ek .ek-sponsor img.ek-u{margin-left:0}
  .pg-press#main #ek .ek-photos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
  .pg-press#main #ek .ek-foot{flex-direction:column;align-items:flex-start}
  .pg-press#main #ek .ek-foot .ek-hud{text-align:left!important}
  /* one sheet on a phone: the logo, ref line and contact block stop repeating every A4 page */
  .pg-press#main #ek .sheetwrap:not(:first-of-type) .ek-mark,
  .pg-press#main #ek .sheetwrap:not(:first-of-type) .ek-meta,
  .pg-press#main #ek .sheetwrap:not(:last-of-type) .ek-foot{display:none!important}
}