:root {
  --hq-blog-gold: #ffc400;
  --hq-blog-bg: #050505;
  --hq-blog-panel: #111111;
  --hq-blog-panel-2: #171717;
  --hq-blog-text: #f7f7f4;
  --hq-blog-muted: #b7b7b3;
  --hq-blog-border: #343434;
  --hq-blog-max: 1210px;
}

html { scroll-behavior: smooth; }
body.hq-blog-page {
  margin: 0;
  background: var(--hq-blog-bg);
  color: var(--hq-blog-text);
  font-family: "Poppins HQ Chrome", Arial, sans-serif;
}
.hq-blog-page *, .hq-blog-page *::before, .hq-blog-page *::after { box-sizing: border-box; }
.hq-blog-page img { display: block; max-width: 100%; }
.hq-blog-page a { color: inherit; }
.hq-blog-page .hq-global-header { position: sticky; }
.hq-blog-shell { width: min(calc(100% - 48px), var(--hq-blog-max)); margin-inline: auto; }
.hq-blog-main { overflow: hidden; }

.hq-blog-hero {
  padding: 32px 0 30px;
  border-bottom: 1px solid #28230f;
  background: #080808;
}
.hq-blog-hero .hq-blog-shell { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .8fr); align-items: end; gap: clamp(40px, 7vw, 96px); }
.hq-blog-eyebrow { display: block; margin-bottom: 12px; color: var(--hq-blog-gold); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hq-blog-hero h1 {
  max-width: 640px;
  margin: 0;
  font-size: clamp(2.55rem, 4vw, 3.45rem);
  line-height: 1;
  letter-spacing: -.05em;
}
.hq-blog-hero p { max-width: 560px; margin: 0; color: var(--hq-blog-muted); font-size: .96rem; line-height: 1.65; }
.hq-blog-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.hq-blog-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid var(--hq-blog-gold);
  border-radius: 7px;
  color: var(--hq-blog-gold);
  font-size: .88rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.hq-blog-button:hover { transform: translateY(-2px); }
.hq-blog-button.is-primary { background: var(--hq-blog-gold); color: #070707; }
.hq-blog-button:focus-visible, .hq-blog-text-link:focus-visible, .hq-blog-page article a:focus-visible, .hq-video-filters button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

.hq-blog-topics {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin: 24px 0;
  border: 1px solid var(--hq-blog-border);
  border-radius: 9px;
  overflow: hidden;
  background: #0d0d0d;
}
.hq-blog-topics a { padding: 16px 12px; border-right: 1px solid var(--hq-blog-border); text-align: center; text-decoration: none; font-size: .76rem; font-weight: 700; }
.hq-blog-topics a:last-child { border-right: 0; }
.hq-blog-topics a:hover, .hq-blog-topics a.is-active { background: var(--hq-blog-gold); color: #060606; }

.hq-blog-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr);
  gap: 0;
  min-height: 360px;
  border: 1px solid #7f6500;
  border-radius: 12px;
  overflow: hidden;
  background: var(--hq-blog-panel);
}
.hq-blog-feature-image { min-height: 360px; overflow: hidden; }
.hq-blog-feature-image img { width: 100%; height: 100%; object-fit: cover; }
.hq-blog-feature-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(28px, 3.4vw, 46px); }
.hq-blog-feature-copy > span, .hq-blog-latest article span, .hq-blog-library article > span { color: var(--hq-blog-gold); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hq-blog-feature-copy h2 { margin: 13px 0 14px; font-size: clamp(1.75rem, 2.45vw, 2.3rem); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; }
.hq-blog-feature-copy h2 a, .hq-blog-latest h3 a, .hq-blog-library h3 a, .hq-video-card h3 a { font-weight: inherit; text-decoration: none; }
.hq-blog-feature-copy p { margin: 0; color: #c4c4bf; font-family: Arial, sans-serif; font-size: .94rem; font-weight: 400; line-height: 1.72; letter-spacing: .005em; }
.hq-blog-feature-meta { margin-top: 16px; color: #d7d7d2; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.hq-blog-feature-copy .hq-blog-button { margin-top: 18px; }

.hq-blog-latest, .hq-blog-library, .hq-video-section { padding-top: 58px; }
.hq-blog-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.hq-blog-section-heading.is-stacked { display: block; }
.hq-blog-section-heading h2 { margin: 0; font-size: clamp(1.75rem, 3vw, 2.6rem); line-height: 1.08; letter-spacing: -.04em; }
.hq-blog-section-heading > a, .hq-blog-text-link { color: var(--hq-blog-gold); font-size: .8rem; font-weight: 800; text-decoration: none; }
.hq-blog-section-heading p { max-width: 760px; margin: 14px 0 0; color: var(--hq-blog-muted); line-height: 1.7; }
.hq-blog-latest-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.hq-blog-latest article { display: grid; grid-template-columns: minmax(180px, 40%) 1fr; min-height: 244px; gap: 22px; padding: 16px; overflow: hidden; border: 1px solid var(--hq-blog-border); border-radius: 10px; background: var(--hq-blog-panel); transition: border-color .2s ease; }
.hq-blog-latest article:hover { border-color: #806600; }
.hq-blog-latest-image { min-height: 230px; overflow: hidden; border-radius: 8px; background: #090909; }
.hq-blog-latest-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.hq-blog-latest article:hover .hq-blog-latest-image img { transform: scale(1.02); }
.hq-blog-latest-copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 8px 2px 6px 0; }
.hq-blog-latest h3 { margin: 10px 0 12px; font-size: clamp(1.05rem, 1.35vw, 1.3rem); font-weight: 600; line-height: 1.32; letter-spacing: -.015em; }
.hq-blog-latest .hq-blog-text-link { margin-top: auto; padding-top: 6px; }
.hq-blog-latest p, .hq-blog-library p, .hq-video-card p { margin: 0 0 15px; color: #c4c4bf; font-family: Arial, sans-serif; font-size: .84rem; font-weight: 400; line-height: 1.68; letter-spacing: .003em; }

.hq-blog-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hq-blog-card-grid article { display: flex; flex-direction: column; padding: 16px; border: 1px solid var(--hq-blog-border); border-radius: 9px; background: var(--hq-blog-panel); }
.hq-blog-card-image { aspect-ratio: 16/9; margin-bottom: 20px; overflow: hidden; border-radius: 7px; }
.hq-blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.hq-blog-card-grid article:hover img { transform: scale(1.02); }
.hq-blog-library h3 { margin: 10px 0; font-size: 1.25rem; font-weight: 600; line-height: 1.38; letter-spacing: -.015em; }
.hq-blog-library .hq-blog-text-link { margin-top: auto; }
.hq-blog-library[id], .hq-blog-section-heading h2[id] { scroll-margin-top: 132px; }

@supports (content-visibility: auto) {
  .hq-blog-latest, .hq-blog-library, .hq-video-section, .hq-blog-conversion { content-visibility: auto; contain-intrinsic-size: 1px 620px; }
}

.hq-video-section { margin-top: 84px; padding: 76px 0; border-top: 1px solid #30270a; }
.hq-video-filters { display: inline-flex; max-width: 100%; margin: 26px 0 24px; border: 1px solid #7f6500; border-radius: 8px; overflow-x: auto; }
.hq-video-filters button { min-height: 50px; padding: 0 24px; border: 0; border-right: 1px solid #363014; background: #0c0c0c; color: #f4f4ef; font: 700 .78rem/1 "Poppins HQ Chrome", Arial, sans-serif; white-space: nowrap; cursor: pointer; }
.hq-video-filters button:last-child { border-right: 0; }
.hq-video-filters button.is-active { background: var(--hq-blog-gold); color: #050505; }
.hq-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hq-video-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--hq-blog-border); border-radius: 10px; background: var(--hq-blog-panel); }
.hq-video-card.is-featured { grid-column: span 2; grid-row: span 2; }
.hq-video-thumb { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #0a0a0a; }
.hq-video-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.hq-video-card:hover .hq-video-thumb img { transform: scale(1.035); }
.hq-video-thumb > span:not(.screen-reader-text) { position: absolute; inset: 50% auto auto 50%; width: 62px; height: 44px; display: grid; place-items: center; transform: translate(-50%, -50%); border-radius: 11px; background: #ff1531; color: #fff; font-size: 1.2rem; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
.hq-video-card > div { padding: 22px; }
.hq-video-card small { color: var(--hq-blog-gold); font-weight: 700; }
.hq-video-card h3 { margin: 9px 0; font-size: 1.15rem; font-weight: 600; line-height: 1.35; letter-spacing: -.015em; }
.hq-video-card.is-featured h3 { font-size: 1.65rem; }
.hq-video-empty { padding: 42px; border: 1px solid #7f6500; border-radius: 10px; background: var(--hq-blog-panel); }
.hq-video-empty h3 { margin: 0 0 8px; font-size: 1.7rem; }
.hq-video-empty p { max-width: 700px; color: var(--hq-blog-muted); line-height: 1.7; }
.hq-video-empty .hq-blog-button { margin-top: 12px; }

.hq-blog-conversion { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 20px 40px; margin: 0 0 90px; padding: 34px; border: 1px solid #7f6500; border-radius: 10px; background: var(--hq-blog-panel); }
.hq-blog-conversion h2 { margin: 0 0 6px; font-size: 1.65rem; }
.hq-blog-conversion p { margin: 0; color: var(--hq-blog-muted); }
.hq-blog-conversion .hq-blog-actions { margin: 0; }
.hq-blog-conversion small { grid-column: 1/-1; padding-top: 18px; border-top: 1px solid var(--hq-blog-border); color: #979792; line-height: 1.6; }
.hq-blog-pagination { display: flex; justify-content: center; gap: 8px; padding-bottom: 80px; }
.hq-blog-pagination .page-numbers { min-width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--hq-blog-border); border-radius: 6px; text-decoration: none; }
.hq-blog-pagination .current { border-color: var(--hq-blog-gold); background: var(--hq-blog-gold); color: #050505; }

.hq-article-main { padding: 72px 0 100px; }
.hq-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: 70px; }
.hq-article-header { position: relative; padding: 18px 0 34px; border-bottom: 1px solid #30270a; }
.hq-article-header::before { content: ""; display: block; width: 48px; height: 3px; margin-bottom: 22px; border-radius: 999px; background: var(--hq-blog-gold); }
.hq-article-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #aaa; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.hq-article-meta span:first-child { color: var(--hq-blog-gold); }
.hq-article-header h1 { max-width: 900px; margin: 18px 0; font-size: clamp(2.7rem, 5.3vw, 4.8rem); font-weight: 600; line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; }
.hq-article-header > p { max-width: 760px; margin: 0; color: #c9c9c4; font: 400 1.08rem/1.75 Arial, sans-serif; }
.hq-article-featured { aspect-ratio: 16/9; margin: 36px 0; overflow: hidden; border: 1px solid #7f6500; border-radius: 14px; background: #0b0b0b; box-shadow: 0 24px 70px rgba(0, 0, 0, .38); }
.hq-article-featured img { width: 100%; height: 100%; object-fit: cover; }
.hq-article-content { color: #d6d6d2; font-family: Arial, sans-serif; font-size: 1.05rem; font-weight: 400; line-height: 1.85; }
.hq-article-content > * { max-width: 780px; }
.hq-article-content > p { margin: 0 0 1.35rem; }
.hq-article-content h2, .hq-article-content h3, .hq-article-content h4 { margin: 2.1em 0 .7em; color: var(--hq-blog-text); font-family: "Poppins HQ Chrome", Arial, sans-serif; line-height: 1.2; letter-spacing: -.025em; }
.hq-article-content h2 { padding-top: 26px; border-top: 1px solid #30270a; font-size: 1.8rem; }
.hq-article-content h3 { font-size: 1.35rem; }
.hq-article-content a { color: var(--hq-blog-gold); }
.hq-article-content ul, .hq-article-content ol { margin: 0 0 1.7rem; padding: 20px 24px 20px 48px; border: 1px solid #2e2e2e; border-radius: 12px; background: linear-gradient(145deg, #111 0%, #0c0c0c 100%); }
.hq-article-content li { margin-bottom: .55em; }
.hq-article-content li:last-child { margin-bottom: 0; }
.hq-article-content li::marker { color: var(--hq-blog-gold); font-weight: 800; }
.hq-article-content blockquote { margin: 2em 0; padding: 22px 26px; border-left: 4px solid var(--hq-blog-gold); background: var(--hq-blog-panel); color: #f1f1ed; }
.hq-article-content iframe, .hq-article-content .wp-block-embed__wrapper iframe { width: 100%; max-width: 780px; aspect-ratio: 16/9; height: auto; border: 1px solid #7f6500; border-radius: 9px; }
.hq-article-content img { height: auto; border-radius: 8px; }
.hq-article-video { margin-top: 55px; }
.hq-article-video h2 { margin: 0 0 18px; font-size: 1.8rem; }
.hq-article-video > div:last-child { aspect-ratio: 16/9; overflow: hidden; border: 1px solid #7f6500; border-radius: 10px; background: #000; }
.hq-article-video iframe { width: 100%; height: 100%; border: 0; }
.hq-article-takeaway { max-width: 780px; margin: 32px 0; padding: 22px 24px; background: #151515; border: 1px solid #3b330b; border-left: 4px solid var(--hq-blog-gold); border-radius: 0 10px 10px 0; }
.hq-article-takeaway span, .hq-article-toc > div > span, .hq-article-video-heading > span { color: var(--hq-blog-gold); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.hq-article-takeaway p { margin: 8px 0 0; color: #fff; font-size: 1.16rem; font-weight: 700; line-height: 1.55; }
.hq-article-toc { display: grid; grid-template-columns: minmax(180px, 220px) 1fr; gap: 28px; max-width: 780px; margin: 34px 0 40px; padding: 24px; background: #111; border: 1px solid #343434; border-top: 3px solid var(--hq-blog-gold); border-radius: 10px; }
.hq-article-toc h2 { margin: 7px 0 0; color: #fff; font-size: 1.5rem; }
.hq-article-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; margin: 0; padding: 0; list-style: none; counter-reset: article-toc; }
.hq-article-toc li { counter-increment: article-toc; }
.hq-article-toc a { display: grid; grid-template-columns: 24px 1fr; gap: 5px; color: #d3d3d3; font-size: .86rem; line-height: 1.45; text-decoration: none; }
.hq-article-toc a::before { content: counter(article-toc, decimal-leading-zero); color: var(--hq-blog-gold); font-size: .68rem; font-weight: 800; }
.hq-article-toc a:hover, .hq-article-toc a:focus-visible { color: var(--hq-blog-gold); }
.hq-article-content h2[id] { scroll-margin-top: 120px; }
.hq-article-video-heading { margin-bottom: 18px; }
.hq-article-video-heading h2 { margin: 7px 0 6px; color: #fff; font-size: clamp(1.65rem, 4vw, 2.35rem); }
.hq-article-video-heading p { margin: 0; color: #aaa; }
.hq-article-cta { display: grid; grid-template-columns: 1fr auto; gap: 22px; align-items: center; margin-top: 55px; padding: 30px; border: 1px solid #7f6500; border-radius: 10px; background: var(--hq-blog-panel); }
.hq-article-cta h2 { margin: 0 0 6px; font-size: 1.45rem; }
.hq-article-cta p { margin: 0; color: var(--hq-blog-muted); }
.hq-article-cta .hq-blog-actions { margin: 0; }
.hq-article-sidebar { position: sticky; top: 130px; display: grid; gap: 24px; }
.hq-article-sidebar section { padding: 30px; border: 1px solid var(--hq-blog-border); border-radius: 12px; background: linear-gradient(145deg, #151515 0%, #0f0f0f 100%); box-shadow: 0 16px 42px rgba(0, 0, 0, .22); }
.hq-article-sidebar h2 { margin: 0 0 16px; font-size: 1.15rem; }
.hq-article-sidebar h3 { margin: 0 0 10px; font-size: 1rem; }
.hq-article-sidebar p { margin: 0 0 20px; color: var(--hq-blog-muted); font-family: Arial, sans-serif; font-size: .82rem; font-weight: 400; line-height: 1.75; }
.hq-article-sidebar small { display: block; margin-top: 22px; color: #8f8f8a; font-size: .68rem; line-height: 1.65; }
.hq-article-sidebar .hq-blog-button { width: 100%; margin-top: 12px; font-size: .76rem; }
.hq-blog-ad-slot { width: 100%; min-height: 250px; overflow: hidden; border: 1px solid #4a3d08; border-radius: 12px; background: linear-gradient(145deg, #111 0%, #090909 100%); }
.hq-blog-ad-slot.is-preview { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 26px; border-style: dashed; color: #8f8f8a; text-align: center; }
.hq-blog-ad-slot.is-preview span { color: var(--hq-blog-gold); font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hq-blog-ad-slot.is-preview strong { color: #f3f3ef; font-size: 1.05rem; }
.hq-blog-ad-slot.is-preview small { margin: 0; color: #8f8f8a; font-size: .72rem; }
.hq-blog-ad-slot.is-preview a { margin-top: 10px; color: var(--hq-blog-gold); font-size: .72rem; font-weight: 700; text-decoration: none; }
.hq-blog-ad-slot.is-live { display: grid; place-items: center; }
.hq-blog-ad-slot.is-live > * { max-width: 100%; }
.hq-related-link { display: flex; justify-content: space-between; gap: 14px; padding: 13px 0; border-top: 1px solid var(--hq-blog-border); font-size: .76rem; font-weight: 700; line-height: 1.45; text-decoration: none; }
.hq-related-link span { color: var(--hq-blog-gold); }

@media (max-width: 980px) {
  .hq-blog-hero .hq-blog-shell { grid-template-columns: 1fr; gap: 20px; }
  .hq-blog-hero p { max-width: 720px; }
  .hq-blog-topics { grid-template-columns: repeat(3, 1fr); }
  .hq-blog-topics a:nth-child(3) { border-right: 0; }
  .hq-blog-topics a:nth-child(-n+3) { border-bottom: 1px solid var(--hq-blog-border); }
  .hq-blog-feature { grid-template-columns: 1fr; }
  .hq-blog-feature-image { min-height: 320px; }
  .hq-blog-latest-list, .hq-blog-card-grid { grid-template-columns: 1fr 1fr; }
  .hq-blog-latest article { grid-template-columns: 1fr; }
  .hq-blog-latest-image { aspect-ratio: 16/9; min-height: 0; }
  .hq-video-grid { grid-template-columns: 1fr 1fr; }
  .hq-video-card.is-featured { grid-column: span 2; grid-row: auto; }
  .hq-article-layout { grid-template-columns: 1fr; gap: 64px; }
  .hq-article-sidebar { position: static; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .hq-article-cta { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .hq-blog-shell { width: min(calc(100% - 30px), var(--hq-blog-max)); }
  .hq-blog-hero { padding: 30px 0 28px; }
  .hq-blog-hero h1 { font-size: clamp(2.45rem, 12vw, 3.5rem); }
  .hq-blog-hero p { font-size: .96rem; }
  .hq-blog-actions { display: grid; grid-template-columns: 1fr; }
  .hq-blog-button { width: 100%; }
  .hq-blog-topics { display: flex; overflow-x: auto; scrollbar-width: thin; }
  .hq-blog-topics a, .hq-blog-topics a:nth-child(3) { flex: 0 0 auto; min-width: 132px; border-right: 1px solid var(--hq-blog-border); border-bottom: 0; }
  .hq-blog-topics a:last-child { border-right: 0; }
  .hq-blog-feature-image { min-height: 250px; }
  .hq-blog-feature-copy { padding: 27px 23px; }
  .hq-blog-feature-copy h2 { font-size: 1.9rem; }
  .hq-blog-latest, .hq-blog-library, .hq-video-section { padding-top: 60px; }
  .hq-blog-section-heading { display: block; }
  .hq-blog-section-heading > a { display: inline-block; margin-top: 12px; }
  .hq-blog-latest-list, .hq-blog-card-grid, .hq-video-grid { grid-template-columns: 1fr; }
  .hq-video-card.is-featured { grid-column: auto; }
  .hq-video-filters { width: 100%; }
  .hq-video-filters button { flex: 0 0 auto; }
  .hq-blog-conversion { grid-template-columns: 1fr; margin-bottom: 65px; padding: 25px; }
  .hq-blog-conversion small { grid-column: auto; }
  .hq-article-main { padding: 48px 0 70px; }
  .hq-article-header h1 { font-size: clamp(2.5rem, 13vw, 3.6rem); }
  .hq-article-header { padding-top: 6px; }
  .hq-article-header > p { font-size: 1rem; line-height: 1.7; }
  .hq-article-featured { margin: 28px 0; border-radius: 10px; }
  .hq-article-content ul, .hq-article-content ol { padding: 18px 18px 18px 40px; }
  .hq-article-sidebar { grid-template-columns: 1fr; }
  .hq-article-layout { gap: 48px; }
  .hq-article-sidebar section { padding: 24px; }
  .hq-blog-ad-slot { min-height: 220px; }
  .hq-article-cta { padding: 23px; }
  .hq-article-toc { grid-template-columns: 1fr; gap: 18px; padding: 20px; }
  .hq-article-toc ol { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hq-blog-page *, .hq-blog-page *::before, .hq-blog-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}