/* Help, Sell, the policies and 404: the same stage, in a reading register. */

.head-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: 40px; align-items: center; }
.head-fan { position: relative; height: 320px; --pw: 200px; }
.head-fan .slab { --w: 180px; --a: calc((var(--i) - 1) * 22deg); position: absolute; left: 50%; bottom: 20px; margin-left: -90px; transform-origin: 50% 190%; transform: rotate(var(--a)); }
.js .head-fan .slab { opacity: 0; transform: rotate(0) translateY(24px); transition: transform 1.1s var(--ease-deal), opacity 0.5s; transition-delay: calc(0.2s + var(--i) * 0.08s); }
.js .head-fan.in .slab { opacity: 1; transform: rotate(var(--a)); }
.read-aside .sheet-top span { white-space: nowrap; font-size: 0.75rem; }
.read-aside .sheet-row b { font-size: 1.15rem; }
.prose .toc { padding: 0; }

.read-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(32px, 6vw, 88px); align-items: start; }
.read-aside { position: sticky; top: 100px; padding-bottom: 60px; }
.read-aside .sheet { transform: rotate(1.2deg); }
.cta-box { margin-top: 3em; padding: 26px 28px; border-radius: 18px; background: #0f1311; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07); }
.cta-box p { margin: 0 0 16px; color: var(--ink); }
.cta-box .textlink { text-transform: none; letter-spacing: 0; font-weight: 700; font-size: 1rem; color: var(--mint); }

.contact-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); padding-bottom: clamp(56px, 8vw, 96px); }
.contact p { color: var(--grey); font-weight: 400; margin: 10px 0 18px; max-width: 34ch; }
.contact strong { color: var(--ink); font-weight: 700; }
.contact a:not(.pill) { color: var(--mint); }
.contact .pill { text-transform: none; letter-spacing: 0; font-size: 1rem; }
.qa-wrap { padding-bottom: clamp(80px, 10vw, 140px); }
.qa-wrap .h2 { margin-bottom: 28px; }
.qa a { color: var(--mint); }

.legal > * { max-width: 860px; }
.legal h2 { scroll-margin-top: 96px; }
.legal h3 { scroll-margin-top: 96px; }

.lost { min-height: 78svh; display: flex; align-items: center; }
.lost-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center; }
.lost-links { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px; }
.lost-slab { perspective: 1400px; }
.lost-slab .slab { --w: 220px; transform: rotate(-6deg) rotateY(180deg); }

@media (max-width: 900px) {
  .head-grid, .read-grid, .lost-grid { grid-template-columns: 1fr; }
  .head-fan { height: 260px; }
  .head-fan .slab { --w: 150px; margin-left: -75px; }
  .read-aside { position: static; order: -1; padding-bottom: 8px; }
  .contact-row { grid-template-columns: 1fr; }
  .lost-slab { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .js .head-fan .slab { opacity: 1; transform: rotate(var(--a)); }
}