/* Shared editorial sections for the September 2026 Lumographe update. */
.product-update { padding: clamp(56px, 7vw, 96px) 0; border-top: 1px solid rgba(255,255,255,.12); color: #f5f1e8; scroll-margin-top: 120px; }
.product-shell { width: min(1200px, calc(100% - 36px)); margin-inline: auto; }
.product-update .product-eyebrow { margin: 0 0 18px; color: #f0a020; font-size: .83rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.product-update h2 { margin: 0; max-width: 900px; color: #f5f1e8; font-size: clamp(2.15rem, 4.5vw, 4rem); font-weight: 750; line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; }
.product-update .product-intro { max-width: 790px; margin: 22px 0 0; color: #b8b3a9; font-size: 1.1rem; line-height: 1.7; }
.product-update .product-release-note { max-width: 790px; margin: 24px 0 0; padding-left: 16px; border-left: 2px solid #f0a020; color: #d6cec0; font-size: .93rem; line-height: 1.65; }
.product-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(28px, 6vw, 80px); margin-top: 38px; }
.product-update .product-feature { padding: 26px 0 30px; border-top: 1px solid rgba(255,255,255,.14); min-width: 0; }
.product-update .product-feature h3 { margin: 0 0 12px; color: #f5f1e8; font-size: clamp(1.2rem, 2vw, 1.55rem); font-weight: 700; line-height: 1.25; letter-spacing: -.015em; }
.product-update .product-feature p { margin: 0; color: #b8b3a9; font-size: 1rem; line-height: 1.75; max-width: 62ch; }
.product-links { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 14px; }
.product-links a { display: inline-flex; min-height: 44px; align-items: center; gap: 12px; color: #f0a020; text-decoration: underline; text-underline-offset: 5px; font-weight: 700; }
.product-links a:hover { color: #f5f1e8; }
.product-links a:focus-visible, .lumi-soon:focus-visible, .lumi-appstore-plaque:focus-visible { outline: 2px solid #f0a020; outline-offset: 5px; }
a.lumi-soon, a.lumi-appstore-plaque { text-decoration: none; }
@media (max-width: 680px) {
  .product-feature-list { grid-template-columns: 1fr; margin-top: 28px; }
  .product-update { scroll-margin-top: 144px; }
  .product-shell { width: calc(100% - 32px); }
  .product-update .product-feature { padding: 24px 0; }
  .product-links { gap: 8px 24px; }
}

/* Native screenshots retain the complete screen at every viewport size. */
.capture-note { max-width: 72ch; color: #b8b3a9; font-size: .9rem; line-height: 1.6; }
.capture-full { display: block; background: #0b0e15; }
.capture-full:focus-visible { outline: 3px solid #f0a020; outline-offset: -3px; }
.capture-full img, .lumi-feature-visual img[src*="/captures/"] { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3 !important; object-fit: contain !important; }
.capture-gallery:focus-visible { outline: 2px solid #f0a020; outline-offset: 5px; }