.qc-page { --qc-orange-dark: #8a5100; }
.qc-page .site-nav a[aria-current="page"] { color: var(--qc-orange-dark); }

.qc-hero { background: #f7f7f4; border-block: 1px solid var(--v3-line); }
.qc-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(390px, .72fr); min-height: 510px; }
.qc-hero-copy { display: flex; flex-direction: column; justify-content: center; max-width: 780px; padding: 72px 72px 72px 0; }
.qc-hero h1 { max-width: 760px; margin: 0; font-size: clamp(3.35rem, 5.5vw, 6.25rem); line-height: .91; letter-spacing: -.066em; }
.qc-hero-copy > p:not(.v3-kicker) { max-width: 680px; margin: 24px 0 0; color: var(--v3-muted); font-size: 1.04rem; line-height: 1.68; }
.qc-hero-copy .hero-actions { margin-top: 30px; }
.qc-hero-panel { align-self: stretch; padding: 46px 42px; color: #fff; background: var(--v3-ink); }
.qc-panel-label { margin: 0 0 42px; color: var(--v3-orange); font-size: .7rem; font-weight: 850; letter-spacing: .17em; }
.qc-hero-panel ol { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid #41413e; }
.qc-hero-panel li { display: grid; grid-template-columns: 34px 1fr; gap: 18px; padding: 25px 0; border-bottom: 1px solid #41413e; }
.qc-hero-panel li > span { color: var(--v3-orange); font-size: .72rem; font-weight: 850; letter-spacing: .08em; }
.qc-hero-panel strong { display: block; margin-bottom: 7px; font-size: 1rem; }
.qc-hero-panel p { margin: 0; color: #bdbdb8; font-size: .84rem; line-height: 1.55; }

.qc-records { padding-block: 72px 78px; }
.qc-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 30px; }
.qc-section-head h2, .qc-release-standard h2, .qc-next-step h2 { margin: 0; font-size: clamp(2.45rem, 4.2vw, 4.2rem); line-height: .98; letter-spacing: -.052em; }
.qc-section-head > div > p:last-child { max-width: 640px; margin: 16px 0 0; color: var(--v3-muted); }
.qc-library-note { display: grid; flex: 0 0 auto; gap: 4px; margin: 0; padding: 15px 18px; border-left: 4px solid var(--v3-orange); background: var(--v3-soft); font-size: .75rem; }
.qc-library-note strong { color: var(--v3-ink); text-transform: uppercase; letter-spacing: .07em; }
.qc-library-note span { color: var(--v3-muted); }

.qc-record-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.qc-record-card { display: flex; min-width: 0; flex-direction: column; background: #fff; border: 1px solid var(--v3-line); }
.qc-preview { position: relative; display: block; height: 390px; overflow: hidden; background: var(--v3-soft); border-bottom: 1px solid var(--v3-line); }
.qc-preview::after { position: absolute; inset: auto 0 0; height: 35%; content: ""; background: linear-gradient(transparent, rgba(17,17,17,.38)); pointer-events: none; }
.qc-preview img { width: 100%; height: 100%; padding: 24px 24px 0; object-fit: contain; object-position: center top; transition: transform .35s ease; }
.qc-preview:hover img { transform: translateY(-4px) scale(1.015); }
.qc-preview span { position: absolute; z-index: 1; right: 16px; bottom: 15px; padding: 8px 10px; color: #fff; background: var(--v3-ink); font-size: .7rem; font-weight: 800; letter-spacing: .04em; }
.qc-record-body { display: flex; flex: 1; flex-direction: column; padding: 25px 24px 24px; }
.qc-record-type { margin: 0 0 13px; color: var(--qc-orange-dark); font-size: .68rem; font-weight: 850; letter-spacing: .1em; }
.qc-record-body h3 { margin: 0; font-size: clamp(1.32rem, 1.7vw, 1.7rem); line-height: 1.08; letter-spacing: -.03em; }
.qc-record-body > p:not(.qc-record-type) { margin: 15px 0 22px; color: var(--v3-muted); font-size: .86rem; line-height: 1.62; }
.qc-record-body dl { margin: 0 0 24px; border-top: 1px solid var(--v3-line); }
.qc-record-body dl div { display: grid; grid-template-columns: 94px 1fr; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--v3-line); }
.qc-record-body dt { color: #777772; font-size: .69rem; font-weight: 750; }
.qc-record-body dd { margin: 0; color: var(--v3-ink); font-size: .73rem; font-weight: 700; line-height: 1.35; }
.qc-record-actions { display: flex; align-items: center; gap: 17px; margin-top: auto; }
.qc-record-actions .button { min-height: 42px; padding-inline: 18px; font-size: .76rem; }
.qc-download { color: var(--v3-ink); border-bottom: 1px solid currentColor; font-size: .72rem; font-weight: 800; text-decoration: none; }

.qc-release-standard { padding-block: 72px; color: #fff; background: var(--v3-ink); }
.qc-release-standard .v3-kicker { color: var(--v3-orange); }
.qc-standard-head { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: end; }
.qc-standard-head > p { margin: 0; color: #bdbdb8; line-height: 1.65; }
.qc-standard-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 46px; border-top: 1px solid #444440; }
.qc-standard-grid article { min-height: 210px; padding: 28px 32px 0 0; border-right: 1px solid #444440; }
.qc-standard-grid article + article { padding-left: 32px; }
.qc-standard-grid article:last-child { border-right: 0; }
.qc-standard-grid span { color: var(--v3-orange); font-size: .7rem; font-weight: 850; letter-spacing: .08em; }
.qc-standard-grid h3 { margin: 34px 0 12px; font-size: 1.18rem; }
.qc-standard-grid p { margin: 0; color: #bdbdb8; font-size: .86rem; line-height: 1.6; }

.qc-next-step { padding-block: 58px; background: var(--v3-orange); }
.qc-next-step .v3-kicker { color: #623900; }
.qc-next-step-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 70px; }
.qc-next-step-grid > div:first-child > p:last-child { max-width: 720px; margin: 18px 0 0; color: #513508; line-height: 1.62; }
.qc-next-actions { display: flex; gap: 12px; }
.qc-next-step .button.primary { color: #fff; background: var(--v3-ink); border-color: var(--v3-ink); }

@media (max-width: 1080px) {
  .qc-hero-grid { grid-template-columns: 1fr minmax(340px, .7fr); }
  .qc-hero-copy { padding-right: 42px; }
  .qc-record-grid { grid-template-columns: 1fr; }
  .qc-record-card { display: grid; grid-template-columns: minmax(300px, .72fr) 1fr; }
  .qc-preview { height: 100%; min-height: 520px; border-right: 1px solid var(--v3-line); border-bottom: 0; }
  .qc-record-body { padding: 34px; }
  .qc-next-step-grid { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 760px) {
  .qc-hero-grid { display: block; }
  .qc-hero-copy { padding: 56px 0; }
  .qc-hero h1 { font-size: clamp(3.1rem, 14vw, 4.9rem); }
  .qc-hero-panel { margin-inline: -16px; padding: 38px 28px; }
  .qc-records { padding-block: 54px; }
  .qc-section-head { display: grid; gap: 24px; align-items: start; }
  .qc-library-note { justify-self: start; }
  .qc-record-card { display: flex; }
  .qc-preview { height: 390px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--v3-line); }
  .qc-record-body { padding: 24px 20px; }
  .qc-standard-head, .qc-standard-grid { grid-template-columns: 1fr; gap: 26px; }
  .qc-standard-grid article, .qc-standard-grid article + article { min-height: 0; padding: 28px 0; border-right: 0; border-bottom: 1px solid #444440; }
  .qc-standard-grid article:last-child { border-bottom: 0; }
  .qc-standard-grid h3 { margin-top: 20px; }
  .qc-next-actions { flex-wrap: wrap; }
}

@media (max-width: 480px) {
  .qc-hero-copy .hero-actions, .qc-next-actions { display: grid; }
  .qc-record-actions { align-items: flex-start; flex-direction: column; }
  .qc-preview { height: 330px; }
}

@media (prefers-reduced-motion: reduce) {
  .qc-preview img { transition: none; }
}