/* Scena Studio — motion: header, playhead, entrances (home-m) */
/* the page clips its overflow without becoming a scroll box, so sticky and scroll timelines see the window */
.page { overflow: clip !important; }
/* type that sets itself: even headline lines, no single word left on the last line of a paragraph */
h1, h2, h3 { text-wrap: balance; }
p, .lead, li, figcaption { text-wrap: pretty; }
.mono, [style*="font-variant-numeric"] { font-variant-numeric: tabular-nums; }
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 92px; }
/* an answer drops in when you open it */
button[aria-expanded="true"] + *, .faqrow > button + * { transition: opacity .28s ease, translate .34s cubic-bezier(.2,.7,.2,1); }
@starting-style { button[aria-expanded="true"] + *, .faqrow > button + * { opacity: 0; translate: 0 -6px; } }
@media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: view()) {
  /* shots and screenshots pull into focus as they come into frame */
  figure[data-block="capture"], .cap > div:first-child, .gframe, div[style*="padding: 12px 14px 8px; border-radius"] { animation: lens linear both; animation-timeline: view(); animation-range: entry 0% entry 100%; }
  @keyframes lens { from { filter: blur(4px) saturate(0.8); scale: 1.015; opacity: 0.7; } to { filter: none; scale: 1; opacity: 1; } }
}}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } button[aria-expanded="true"] + *, .faqrow > button + * { transition: none; } }