
/* Founder's Notes editorial upgrade — images, narrative cards and contextual product tours */
.article-prose .note-essay-section{margin:0 0 18px}
.article-prose .note-essay-section>h2{scroll-margin-top:165px}
.article-prose .note-essay-section p{margin-bottom:21px}
.article-prose .note-essay-section em{font-style:italic}
.article-prose .note-essay-section strong{font-weight:700}
.article-prose .note-inline-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--note-accent);color:var(--note-ink);transition:color .2s ease}
.article-prose .note-inline-link:hover{color:var(--note-accent)}
.note-media{margin:26px 0 40px;max-width:100%}
.note-media img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--note-rule);background:var(--note-paper)}
.note-media-story img{aspect-ratio:16 / 9;object-fit:cover}
.note-media figcaption{font:12px/1.6 'Instrument Sans',system-ui,sans-serif;margin-top:12px;color:var(--note-muted);text-align:left}
.note-letter{padding:24px 26px 6px;background:var(--note-paper);border:1px solid var(--note-rule);border-left:3px solid var(--note-accent);border-radius:2px 16px 16px 2px;margin:24px 0 30px}
.note-letter .note-letter-label{display:block;font:700 10px/1.5 'Instrument Sans',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--note-accent);margin-bottom:15px}
.article-prose .note-letter p{font-size:.94em;line-height:1.6}
.note-product-story{margin:36px 0 47px;padding:22px;background:var(--note-paper);border:1px solid var(--note-rule);border-radius:18px}
.note-product-eyebrow{font:700 10px/1.6 'Instrument Sans',system-ui,sans-serif;color:var(--note-accent);letter-spacing:.12em;margin:0 0 17px}
.note-product-story .note-media{margin:0}
.note-product-story .note-media img{border-radius:12px;object-fit:contain;height:auto;max-height:460px}
.note-product-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 13px/1.4 'Instrument Sans',system-ui,sans-serif;color:var(--note-ink);border-top:1px solid var(--note-rule);margin-top:19px;padding-top:17px}
.note-product-link:hover{color:var(--note-accent)}
.note-related{border-top:1px solid var(--note-rule);padding:38px 0 16px;margin-top:54px}
.article-prose .note-related>h2{margin:10px 0 20px;scroll-margin-top:0}
.note-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.note-related-grid a{display:flex;flex-direction:column;gap:13px;border:1px solid var(--note-rule);border-radius:14px;background:var(--note-paper);padding:20px;min-height:160px}
.note-related-grid a>span{font:700 10px/1.4 'Instrument Sans',system-ui,sans-serif;letter-spacing:.09em;color:var(--note-accent)}
.note-related-grid a>strong{font:500 23px/1.2 'Cormorant Garamond',Georgia,serif}
.note-related-grid a>b{font:600 12px 'Instrument Sans',system-ui,sans-serif;color:var(--note-muted);margin-top:auto}
.note-related-grid a:hover{border-color:var(--note-accent)}
@media(max-width:700px){.note-media-story img{aspect-ratio:4 / 3}.note-letter{padding:20px 19px 3px}.note-product-story{margin-left:-2px;margin-right:-2px;padding:13px;border-radius:14px}.note-product-eyebrow{padding:8px 0 0}.note-related-grid{grid-template-columns:1fr}.note-related-grid a{min-height:115px}.note-related-grid a>strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.article-prose .note-inline-link{transition:none}}
