/* Pixso Alumni Stories 289:903, measured at 1920px.
 * See docs/fluid-desktop-alumni-story-plan-2026-10-12.md. */
@media (min-width: 768px) {
    .v2-alumni-story { --v2-font-body: 'Noto Sans SC', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; --v2-font-display: 'Alimama ShuHeiTi', var(--v2-font-body); }
    html[lang='en-us'] .v2-alumni-story { --v2-font-display: var(--v2-font-body); }
    .v2-alumni-story .sx-stories { padding: calc(120 * var(--desktop-unit)) 0 calc(201 * var(--desktop-unit)); background: #0b2c60; font-family: var(--v2-font-body); }
    .v2-alumni-story .sx-container { width: calc(1628 * var(--desktop-unit)); max-width: none; margin: 0 0 0 calc(164 * var(--desktop-unit)); }
    .v2-alumni-story .sx-intro { width: calc(1920 * var(--desktop-unit)); margin-left: calc(-164 * var(--desktop-unit)); }
    .v2-alumni-story .sx-intro h1 { padding-top: calc(11 * var(--desktop-unit)); padding-left: calc(7 * var(--desktop-unit)); margin-bottom: calc(-11 * var(--desktop-unit)); font-family: var(--v2-font-display); font-size: calc(50 * var(--desktop-unit)); font-weight: 700; line-height: calc(60 * var(--desktop-unit)); color: #ffde90; }
    .v2-alumni-story .sx-lead { width: calc(1426 * var(--desktop-unit)); max-width: none; margin: calc(49 * var(--desktop-unit)) 0 calc(42 * var(--desktop-unit)) calc(249 * var(--desktop-unit)) !important; padding: 0; font-size: calc(24 * var(--desktop-unit)); font-weight: 600; line-height: calc(42 * var(--desktop-unit)); white-space: pre-line; }
    /* Match the reference's introduction and justified quote lines; mobile keeps phrase blocks. */
    .v2-alumni-story .sx-intro .sx-phrase, .v2-alumni-story .sx-quote .sx-phrase { display: inline; white-space: inherit; line-break: strict; }
    /* Approved video feature: smaller than the original 1628px poster, at its original ratio. */
    .v2-alumni-story .sx-feature { width: calc(960 * var(--desktop-unit)); height: calc(847 * 960 / 1628 * var(--desktop-unit)); aspect-ratio: 1628 / 847; border: 0; padding: calc(28 * 960 / 1628 * var(--desktop-unit)) calc(25 * 960 / 1628 * var(--desktop-unit)) calc(28 * 960 / 1628 * var(--desktop-unit)) calc(23 * 960 / 1628 * var(--desktop-unit)); background: rgba(255,255,255,.11); margin-bottom: calc(72 * var(--desktop-unit)); }
    .v2-alumni-story .sx-play { width: calc(64 * var(--desktop-unit)); }
    .v2-alumni-story .sx-list { gap: calc(44 * var(--desktop-unit)); }
    .v2-alumni-story .sx-story { grid-template-columns: calc(626 * var(--desktop-unit)) minmax(0, 1fr); gap: 0; min-height: calc(272 * var(--desktop-unit)); padding: calc(20 * var(--desktop-unit)) calc(36 * var(--desktop-unit)) calc(35 * var(--desktop-unit)); background: url('../images/alumni-story-card-background.webp') center / 100% 100% no-repeat; scroll-margin-top: calc(var(--hx-header-h) + 24 * var(--desktop-unit)); }
    /* The exported rows repeat 44/45/48/48px gaps; preserve their reference positions. */
    .v2-alumni-story .sx-story:nth-child(4n+3) { margin-top: calc(1 * var(--desktop-unit)); }
    .v2-alumni-story .sx-story:nth-child(4n), .v2-alumni-story .sx-story:nth-child(4n+1) { margin-top: calc(4 * var(--desktop-unit)); }
    .v2-alumni-story .sx-story:first-child { margin-top: 0; }
    .v2-alumni-story .sx-profile { grid-template-columns: calc(228 * var(--desktop-unit)) minmax(0, 1fr); align-items: end; gap: calc(23 * var(--desktop-unit)); min-height: calc(217 * var(--desktop-unit)); }
    .v2-alumni-story .sx-avatar { width: calc(228 * var(--desktop-unit)); height: calc(217 * var(--desktop-unit)); aspect-ratio: 228 / 217; border-radius: calc(2 * var(--desktop-unit)); }
    .v2-alumni-story .sx-info { position: relative; max-width: none; padding-bottom: calc(26 * var(--desktop-unit)); margin-bottom: calc(8 * var(--desktop-unit)); border: 0; }
    .v2-alumni-story .sx-info::after { position: absolute; bottom: 0; left: calc(2 * var(--desktop-unit)); width: calc(287 * var(--desktop-unit)); height: calc(3 * var(--desktop-unit)); background: linear-gradient(90deg, #ffda96, #4673c6); content: ''; }
    /* Paint allowance keeps the gradient name's glyph edges visible without moving its text. */
    .v2-alumni-story .sx-info h2 { width: fit-content; max-width: calc(100% + 16 * var(--desktop-unit)); padding: calc(8 * var(--desktop-unit)); margin: calc(-8 * var(--desktop-unit)) calc(-8 * var(--desktop-unit)) calc(2 * var(--desktop-unit)); background: linear-gradient(90deg, #fff, #ffda96); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: calc(40 * var(--desktop-unit)); font-weight: 600; line-height: calc(42 * var(--desktop-unit)); }
    .v2-alumni-story .sx-info p { font-size: calc(27 * var(--desktop-unit)); font-weight: 600; line-height: calc(42 * var(--desktop-unit)); }
    .v2-alumni-story .sx-quote { position: relative; top: calc(1.5 * var(--desktop-unit)); padding: 0; font-size: calc(26 * var(--desktop-unit)); font-weight: 600; line-height: calc(42 * var(--desktop-unit)); text-align: justify; }
    .v2-alumni-story .sx-story:first-child .sx-quote { width: calc(918 * var(--desktop-unit)); }
    .v2-alumni-story footer#footer.ft-footer { background-size: cover, 100% calc(848 * var(--desktop-unit)); background-position: center top; }
    .v2-alumni-story footer#footer.ft-footer .ft-heading { font-size: calc(28 * var(--desktop-unit)); line-height: calc(49 * var(--desktop-unit)); }
    .v2-alumni-story footer#footer.ft-footer .ft-contact-copy, .v2-alumni-story footer#footer.ft-footer .ft-contact-copy p, .v2-alumni-story .ft-footer .ft-links { font-size: calc(20 * var(--desktop-unit)); line-height: calc(49 * var(--desktop-unit)); }
    .v2-alumni-story .ft-footer .ft-links + .ft-heading { margin-top: calc(12 * var(--desktop-unit)); }
    .v2-alumni-story .ft-footer .ft-qr-label { font-size: calc(18 * var(--desktop-unit)); line-height: calc(49 * var(--desktop-unit)); }
    .v2-alumni-story .ft-footer .ft-legal { font-size: calc(20.64 * var(--desktop-unit)); line-height: calc(30.96 * var(--desktop-unit)); }
}