/* Below-fold landing section, enabled after first paint by landing-cro.js. */
.faq { padding-block: var(--section-y); background: var(--paper-2); border-bottom: 1px solid var(--stone-1); }
.faq__grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(32px, 6vw, 96px); }
.faq h2 { max-width: 7ch; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.faq__entries { border-top: 3px solid var(--ink); }
.faq details { border-bottom: 1px solid var(--stone-2); }
.faq summary { position: relative; min-height: 64px; padding: 22px 38px 22px 0; cursor: pointer; list-style: none; font: 600 1.12rem/1.3 var(--font-label); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; position: absolute; right: 4px; top: 20px; color: var(--crimson); font: 500 1.6rem/1 var(--font-label); }
.faq details[open] summary::after { content: '−'; }
.faq summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
.faq details[open] { border-bottom-color: var(--crimson); }
.faq [data-faq-answer] { padding: 0 32px 24px 0; color: var(--ink-2); line-height: 1.65; }
.faq a { color: inherit; text-underline-offset: 3px; text-decoration-color: var(--crimson); }
.closer__work { width: 100%; max-width: 64ch; }
.closer__work .disclosure { margin-top: 14px; font-size: .9rem; color: var(--ink-3); }
@media (max-width: 720px) { .faq__grid { grid-template-columns: minmax(0, 1fr); } .faq h2 { max-width: 12ch; } }