/* A product photograph, not a second application. No simulated controls. */
.product-story { width:100%; max-width:1240px; margin:0 auto; position:relative; text-align:left; scroll-margin-top:100px; }
.product-story-heading { display:flex; justify-content:space-between; gap:20px; padding:0 0 20px; color:#a8b9d2; font:10px/1.6 var(--mkt-mono,monospace); letter-spacing:.1em; }
.product-story-layout { display:grid; grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr); align-items:center; gap:30px; padding:24px; border:1px solid #a7bde62b; border-radius:20px; background:radial-gradient(ellipse at 20% 0%,#24335566,transparent 65%),#0d131e; box-shadow:0 35px 100px #0005; }
.product-story-screen { min-width:0; margin:0; }
.product-story-screen > a { display:block; border:1px solid #a7bde62b; border-radius:10px; overflow:hidden; box-shadow:0 20px 50px #0005; transition:border-color .2s; }
.product-story-screen > a:hover { border-color:#a4bbed; }
.product-story-screen picture,.product-story-screen img { display:block; width:100%; height:auto; }
.product-story-screen figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:18px 0 0; color:#a8b9d2; font:11px/1.7 var(--mkt-display,sans-serif); }
.product-story-screen figcaption a { color:#d3dfff; text-underline-offset:4px; }
.product-story-notes { padding:10px 0; }
.product-story-label { color:#a4bbed; font:9px/1.7 var(--mkt-mono,monospace); letter-spacing:.09em; }
.product-story-notes h2 { color:#f4f7fb; font:500 clamp(22px,2.2vw,32px)/1.23 var(--mkt-display,sans-serif); letter-spacing:-.04em; margin:18px 0 28px; }
.product-story-notes h2 em { color:#a4bbed; font-style:normal; }
.product-story-notes ol { list-style:none; margin:0 0 24px; padding:0; }
.product-story-notes li { display:flex; gap:14px; padding:16px 0; border-top:1px solid #a7bde623; }
.product-story-notes li > span { color:#a4bbed; font:10px/1.6 var(--mkt-mono,monospace); padding-top:2px; }
.product-story-notes strong { color:#e3ebfa; font:600 13px/1.6 var(--mkt-display,sans-serif); }
.product-story-notes p { color:#a8b9d2; font:12px/1.7 var(--mkt-display,sans-serif); margin:4px 0 0; }
.product-story-notes .mkt-text-action { font-size:12px; }
.product-story a:focus-visible { outline:2px solid #b8ccff; outline-offset:5px; }
.editorial-body .showcase-module-grid { gap:1px; border:1px solid #a7bde628; border-radius:16px; overflow:hidden; background:#a7bde628; }
.editorial-body .showcase-module-grid article { background:#0f1622; border:0; min-height:340px; }
.editorial-body .showcase-module-grid article:hover { background:#162133; transform:none; }
.editorial-body .showcase-module-grid p { font-size:14px; line-height:1.8; }
.editorial-body .showcase-module-grid li { font-size:11px; line-height:1.7; }
.editorial-body .showcase-module-grid article > span { font-size:10px; }
.editorial-body .showcase-section-head-light > div,.editorial-body .showcase-section-head-light > p { color:#a8b9d2; }
@media (prefers-reduced-motion:no-preference) {
  .product-story-layout { animation:product-arrive .8s ease-out both; }
  @keyframes product-arrive { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
}
@media (max-width:1000px) {
  .product-story-layout { grid-template-columns:1fr; }
  .product-story-notes { display:grid; grid-template-columns:1fr 1.2fr; gap:0 30px; }
  .product-story-label { grid-column:1; }
  .product-story-notes h2 { grid-column:1; margin-bottom:20px; }
  .product-story-notes ol { grid-column:2; grid-row:1/4; margin:0; }
  .product-story-notes > a { grid-column:1; align-self:start; }
}
@media (max-width:640px) {
  .product-story-heading { font-size:8px; letter-spacing:.04em; gap:10px; }
  .product-story-layout { padding:12px; gap:24px; border-radius:12px; }
  .product-story-screen figcaption { font-size:10px; padding-top:12px; }
  .product-story-notes { display:block; padding:0 8px 12px; }
  .product-story-notes h2 { font-size:29px; }
  .product-story-notes h2 br { display:none; }
  .product-story-notes ol { margin-bottom:22px; }
  .editorial-body .showcase-module-grid article { min-height:0; padding:26px; }
  .editorial-body .showcase-module-grid h3 { margin-top:45px; }
}