/* Real people, actual product excerpts. Shared across the marketing page families. */
.v-material-story { margin: 34px 0 42px; min-width: 0; }
.v-material-story--pair { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(24px,4vw,52px); align-items: start; }
.v-material-story figure { margin: 0; min-width: 0; }
.v-visual-frame { padding: clamp(12px,2vw,24px); border: 1px solid #708173; background: #284337; box-shadow: 0 18px 36px #0002; }
.v-visual-frame img { display: block; width: 100%; height: auto; }
.v-visual-practice figcaption { margin-top: 15px; max-width: 60ch; color: #d2d4c9; font-size: 14px; line-height: 1.6; }
.v-visual-practice figcaption a { display:flex; width:fit-content; align-items:center; gap:12px; min-height:44px; margin-top:8px; color:#ead59e; font-weight:700; text-underline-offset:4px; }
.v-visual-tool { display: grid; grid-template-columns: minmax(180px,.8fr) minmax(0,1fr); align-items: center; gap: clamp(24px,4vw,54px); padding: clamp(22px,3vw,38px); border: 1px solid #c9b886; background: #e7dfca; color: #272d26; }
.v-material-story--pair .v-visual-tool { grid-template-columns: minmax(120px,.8fr) minmax(0,1fr); gap: 22px; padding: 24px; }
.v-visual-page { display: block; width: min(100%,300px); margin-inline: auto; color: #fff; background: #223c30; text-decoration: none; box-shadow: 0 10px 28px #28312230; }
.v-visual-page img { display: block; width: 100%; height: auto; }
.v-visual-page > span { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; font-size: 13px; font-weight: 700; }
.v-visual-page:hover > span { background: #36523f; }
.v-visual-page:focus-visible { outline: 3px solid #80652e; outline-offset: 5px; }
.v-visual-kicker { display: block; color: #665024; font: 700 10px/1.5 var(--reading); letter-spacing: .14em; }
.v-visual-tool figcaption strong { display: block; margin-top: 8px; color: #23372c; font: 36px/1.05 var(--heading); }
.v-visual-tool figcaption p { margin-top: 12px; color: #434b40; font-size: 16px; line-height: 1.6; }
.v-visual-tool figcaption > a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 10px; color: #354b39; font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.v-material-overview { background: #17251e; padding-block: clamp(48px,6vw,84px); }
.v-material-overview h2 { margin-top: 16px; font-size: clamp(44px,6vw,72px); }
.v-material-overview > .v-wrap > p:not(.v-eyebrow) { max-width: 60ch; margin-top: 18px; color: #d2d4c9; }
.v-material-overview .v-material-story { margin-bottom: 0; }
.v-visual-author { display: grid; grid-template-columns: 110px minmax(0,1fr); align-items: center; gap: 28px; margin: 44px 0; padding: 28px; border-top: 1px solid #b6ac93; background: #e8e2d3; }
.v-visual-author > img { display: block; width: 110px; height: auto; align-self: start; border: 1px solid #c4bca9; }
.v-visual-author h2 { margin: 6px 0 9px !important; color: #25372b; font-size: 32px !important; }
.v-visual-author p { color: #4b5046; font-size: 15px; line-height: 1.6; }
.v-visual-author em { color: inherit; }
.v-visual-author p.v-visual-kicker { color: #665024; font-size: 10px; }
.v-visual-author a { display: inline-flex; min-height: 44px; align-items: center; margin-top: 8px; color: #465632; font-size: 14px; font-weight: 700; text-underline-offset: 4px; }
.v-teaching-story { padding-block: clamp(44px,6vw,80px); background: #203b30; }
.v-teaching-story > .v-wrap { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: clamp(28px,5vw,70px); align-items: center; }
.v-teaching-photo { display: block; border: 1px solid #9a8d67; text-decoration: none; }
.v-teaching-photo img { display: block; width: 100%; height: auto; }
.v-teaching-photo > span { display: flex; justify-content: space-between; gap: 12px; padding: 16px 20px; background: #dfcca0; color: #26382c; font-weight: 700; }
.v-teaching-photo:hover > span { background: #eee0ba; }
.v-teaching-story h2 { margin-top: 15px; font-size: clamp(44px,5vw,68px); }
.v-teaching-story p:not(.v-eyebrow) { margin-top: 20px; color: #e0e2d6; }
.v-teaching-story .v-text-link { margin-top: 18px; }
@media(max-width:1000px) { .v-material-story--pair { grid-template-columns: 1fr; } }
@media(max-width:760px) {
  .v-material-story--pair,.v-teaching-story > .v-wrap { grid-template-columns: 1fr; }
  .v-visual-tool,.v-material-story--pair .v-visual-tool { grid-template-columns: minmax(0,1fr); }
  .v-visual-page { width: min(100%,230px); }
  .v-visual-author { grid-template-columns: 80px minmax(0,1fr); gap: 18px; padding: 22px 16px; }
  .v-visual-author > img { width: 80px; }
}
@media(max-width:370px) { .v-visual-author { grid-template-columns: 1fr; } }

/* Real photographs and product previews use framed, modestly softened edges. */
.v-visual-frame,.v-teaching-photo{border-radius:var(--radius-media);overflow:hidden}
.v-visual-frame img,.v-visual-author>img{border-radius:var(--radius-control)}
.v-visual-tool,.v-visual-author{border-radius:var(--radius-surface)}
.v-visual-page{border-radius:var(--radius-control);overflow:hidden}