/* Product page: each feature as a row, words on the left, its animation on the right (the scenes from the home page's
   features, in a plain dark frame here; the spotlight image belongs to the home page). */
.pp-row { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 80px); align-items: center; padding: 110px 0 0; scroll-margin-top: 90px; }
.pp-n { font-family: var(--mono); font-size: 13px; letter-spacing: .08em; color: var(--red); }
.pp-txt h2 { margin: 14px 0 0; display: flex; align-items: center; flex-wrap: wrap; gap: 14px; font-family: var(--display); font-weight: 300; font-size: clamp(32px, 3.2vw, 48px); letter-spacing: -.005em; }
.pp-lead { margin: 18px 0 0; font-size: 18px; line-height: 1.6; color: rgba(237,237,232,.85); }
.pp-txt p:not(.pp-lead) { margin: 12px 0 0; font-size: 16px; line-height: 1.65; color: var(--fg2); }
.pp-stage { height: 440px; background: #0a0a0b; border: 1px solid var(--hair); box-shadow: none; }
.pp-stage .f-scene { opacity: 1; visibility: visible; padding-bottom: 0; }
@media (max-width: 900px) { .pp-row { grid-template-columns: 1fr; padding-top: 80px; } .pp-stage { height: 340px; } }