/* The Parallax Posting sheets: the Studio's privacy sheet, reused. Head, short
   numbered sections, the title-block footer. Taken from parallax-studio.io/privacy
   on 9 Oct 2026 so these pages read as the same company. */
.lead-display { font-family: var(--ps-font-display); font-weight: 600; font-size: clamp(24px, 3.2vw, 40px); line-height: 1.22; letter-spacing: -0.02em; color: var(--ps-text-display); margin: 16px 0 0; max-width: 16em; }
.lead-display .dot { color: var(--ps-accent); }
.sheet-head .lead { font-size: clamp(16px, 1.8vw, 18px); line-height: 1.65; color: var(--ps-text-muted); max-width: 36em; margin: 20px 0 0; }
.notice { max-width: 44em; padding-bottom: clamp(44px, 7vh, 80px); }
.notice section { border-top: 1px solid var(--ps-hairline); padding: 22px 0 26px; }
.notice section:last-child { border-bottom: 1px solid var(--ps-hairline); }
.notice .sec { font-family: var(--ps-font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ps-accent); margin: 0 0 10px; }
.notice h2 { font-family: var(--ps-font-display); font-weight: 600; font-size: clamp(17px, 1.9vw, 19px); letter-spacing: -0.01em; color: var(--ps-text-display); margin: 0 0 10px; }
.notice p { font-size: 16px; line-height: 1.7; color: var(--ps-text-muted); max-width: 36em; margin: 0 0 12px; }
.notice p:last-child { margin-bottom: 0; }
.notice ul, .notice ol { font-size: 16px; line-height: 1.7; color: var(--ps-text-muted); max-width: 36em; margin: 0 0 12px; padding-left: 1.25em; }
.notice li { margin: 0 0 4px; }
.notice section[id] { scroll-margin-top: 80px; }
/* No menu on these pages, so the wordmark is the whole head. */
header.site .wrap { min-height: 62px; }
footer.site .sep { margin: 0 12px; }
@media (max-width: 640px) {
  footer.site .cell:last-child { justify-content: flex-start; flex-wrap: wrap; row-gap: 8px; }
}