.zosia-page .site-header { position: relative; }
.zosia-page .zosia-back { grid-column: 3; justify-self: end; font-size: .8rem; }
.zosia-page main { overflow: clip; }
.zosia-wrap { width: min(100%, var(--max)); margin-inline: auto; padding-inline: var(--gutter); }
.zosia-page :where(h2) { font-family: var(--display-font); font-size: clamp(3rem, 5.3vw, 6rem); font-weight: 650; line-height: .9; letter-spacing: -.015em; }
.zosia-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 2.5rem; width: min(100%, var(--max)); min-height: min(48rem, 80svh); margin: 0 auto; padding: clamp(3rem, 7vw, 7rem) var(--gutter) clamp(5rem, 8vw, 8rem); }
.zosia-hero-copy { position: relative; z-index: 1; }
.zosia-page h1 { font-size: clamp(4.2rem, 7vw, 8rem); line-height: .82; margin-bottom: 2rem; letter-spacing: -.02em; }
.zosia-lead { max-width: 32rem; margin-bottom: 2rem; }
.zosia-hero-art { margin: 0; justify-self: center; width: 100%; max-width: 32rem; }
.zosia-hero-art img { width: 100%; mix-blend-mode: multiply; }
.zosia-hero-art figcaption { text-align: end; color: var(--graphite); margin-top: 1rem; }
.zosia-capabilities { padding-block: clamp(3.5rem, 7vw, 7rem); border-top: 1px solid var(--line); }
.zosia-capabilities h2, .zosia-trust h2 { max-width: 50rem; margin-bottom: 3rem; }
.zosia-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 5rem); margin: 0; }
.zosia-features dt { font-family: var(--display-font); font-size: 2rem; font-weight: 650; line-height: 1; margin-bottom: 1rem; }
.zosia-features dd { color: var(--graphite); margin: 0; font-size: .95rem; line-height: 1.75; max-width: 28rem; }
.zosia-dialogue { background: var(--paper-pure); padding-block: clamp(4rem, 8vw, 8rem); }
.zosia-dialogue-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.zosia-section-copy h2 { margin-bottom: 2rem; }
.zosia-section-copy > p:last-child { max-width: 30rem; color: var(--graphite); line-height: 1.75; }
.zosia-transcript { margin: 0; max-width: 36rem; }
.zosia-transcript-view { padding-block: 1.75rem; }
.zosia-transcript-edited { border-top: 1px solid var(--line); padding-inline-start: clamp(1rem, 3vw, 3rem); }
.zosia-caption { margin: 0 0 1rem; font-size: .68rem; text-transform: uppercase; letter-spacing: .03em; font-weight: 700; color: var(--graphite); }
.zosia-transcript blockquote { margin: 0; font-family: Georgia, serif; font-size: clamp(1.5rem, 2.3vw, 2.2rem); font-style: italic; line-height: 1.4; }
.zosia-transcript figcaption { font-size: .7rem; color: var(--graphite); margin-top: 1rem; }
.zosia-quality { color: var(--paper); background: var(--ink); padding-block: clamp(4rem, 8vw, 8rem); scroll-margin-top: 2rem; }
.zosia-quality .eyebrow { color: #bdbdb6; }
.zosia-quality h2 { font-size: clamp(3.4rem, 6.4vw, 7rem); margin-bottom: 3rem; max-width: 65rem; }
.zosia-quality-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.zosia-review-art { margin: 0; width: 100%; max-width: 32rem; justify-self: center; }
.zosia-review-art img { width: 100%; filter: invert(1); mix-blend-mode: screen; }
.zosia-quality-copy > p { color: #d5d5ce; max-width: 32rem; font-size: 1rem; line-height: 1.75; }
.zosia-criteria { margin: 2rem 0 2.2rem; }
.zosia-criteria > div { padding-block: 1.2rem; }
.zosia-criteria > div + div { border-top: 1px solid #41413c; }
.zosia-criteria dt { font-size: .9rem; font-weight: 700; margin-bottom: .45rem; }
.zosia-criteria dd { margin: 0; color: #bdbdb6; font-size: .85rem; line-height: 1.6; }
.zosia-quality-copy .zosia-quality-note { font-family: Georgia, serif; font-style: italic; font-size: 1.2rem; color: var(--paper); }
.zosia-trust { padding-block: clamp(4rem, 8vw, 8rem); }
.zosia-faq { display: grid; grid-template-columns: 1fr 1.5fr; gap: clamp(2rem, 5vw, 5rem); padding-block: 1rem clamp(4rem, 8vw, 8rem); }
.zosia-contact { border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; padding-block: clamp(4rem, 8vw, 8rem); }
.zosia-contact h2 { margin-bottom: 0; }
.zosia-contact p { color: var(--graphite); max-width: 28rem; margin-bottom: 1.7rem; }
@media (max-width: 900px) {
  .zosia-hero { grid-template-columns: 1fr; min-height: auto; gap: 2rem; padding-top: 3rem; }
  .zosia-page h1 { font-size: clamp(4.6rem, 11vw, 7rem); }
  .zosia-lead { max-width: 38rem; }
  .zosia-dialogue-grid, .zosia-quality-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .zosia-section-copy { max-width: 38rem; }
  .zosia-faq { grid-template-columns: 1fr; gap: 1rem; }
}
@media (max-width: 640px) {
  .zosia-page .zosia-back { font-size: .7rem; max-width: 9rem; text-align: end; }
  .zosia-hero { padding-bottom: 4rem; }
  .zosia-page h1 { font-size: clamp(3.75rem, 14vw, 5.5rem); }
  .zosia-features { grid-template-columns: 1fr; gap: 2rem; }
  .zosia-capabilities h2, .zosia-trust h2 { margin-bottom: 2.25rem; }
  .zosia-quality h2 { margin-bottom: 2rem; }
  .zosia-quality-copy > p { font-size: .95rem; }
  .zosia-contact { grid-template-columns: 1fr; gap: 2rem; }
}