.preview-next-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 520px;
    padding: 48px 20px;
    box-sizing: border-box;
    background: linear-gradient(135deg, #fff 0%, #fffafa 35%, #fff0f2 68%, #f8c6cc 100%);
}
.preview-next-section::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0 0 auto;
    height: 390px;
    background: url('/assets/images/diamond.svg') center top / 100% auto no-repeat;
    pointer-events: none;
}
.preview-next-section::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 300px;
    height: 140px;
    opacity: .35;
    background: url('/assets/images/red-frame-dots.svg') top left / contain no-repeat;
    pointer-events: none;
}
@media(max-width:700px) { .preview-next-section { min-height: 360px; padding: 32px 12px; } }
.records-section-wrapper > .records-replacement-card {
    border-bottom: 1px solid #efb0b7 !important;
    border-bottom-left-radius: 34px !important;
    border-bottom-right-radius: 34px !important;
    padding-bottom: 24px;
}
.records-section-wrapper > .records-replacement-card::after { display: none !important; }
.records-grid > .record-card--partners { overflow: hidden !important; min-width: 0; }
.records-grid > .record-card--partners .records-company-scroll {
    display: block;
    overflow: hidden !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 8px 0 18px;
    box-sizing: border-box;
    scrollbar-width: none;
}
.records-company-scroll::-webkit-scrollbar { display: none; }
.records-company-scroll .records-company-track { display: flex; flex-wrap: nowrap; flex-shrink: 0; width: max-content; animation: records-companies 7s linear infinite; animation-play-state: running; will-change: transform; }
.records-company-group { display: flex; align-items: center; gap: 8px; padding-right: 8px; flex-shrink: 0; }
.records-company-group span { background: #fff; color: #292929; border-radius: 5px; padding: 12px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.records-company-group span { display: grid; place-items: center; width: 105px; height: 55px; padding: 6px; box-sizing: border-box; flex-shrink: 0; }
.records-company-group img { display: block; width: 100%; height: 100%; object-fit: contain; }
@keyframes records-companies { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media(prefers-reduced-motion: reduce) { .records-company-scroll .records-company-track { animation-duration: 14s; } }
/* Lower cards use their own header and body layouts. */
#home-records-grid > .record-card--industrial { grid-column: span 2; padding: 0; background: #b60000; overflow: hidden; }
#home-records-grid > .record-card--youtube { grid-column: span 4; padding: 0; background: #b60000; overflow: hidden; }
.lower-record-header { display: flex; align-items: center; gap: 12px; min-height: 104px; padding: 16px; box-sizing: border-box; background: #292929; text-align: left; }
.lower-record-icon { display: grid; place-items: center; width: 58px; height: 64px; flex: 0 0 58px; border: 1px solid #888; border-radius: 6px; color: #fff; }
.lower-record-icon i { font-size: 34px !important; }
.lower-record-header strong { display: block; color: #ffd329; font-size: 42px; font-weight: 800; line-height: 1.05; }
.lower-record-header small { display: block; margin-top: 4px; font-size: 13px; font-style: italic; }
.lower-project-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 22px 18px; position: relative; }
.lower-project-photos::after { content: ''; position: absolute; top: 14px; bottom: 14px; left: 50%; border-left: 1px solid #fff; }
.lower-project-photos img { display: block; width: 100%; height: 110px; object-fit: cover; border-radius: 7px; }
.lower-youtube-body { padding: 16px 22px; }
.lower-youtube-stats { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 20px; }
.lower-youtube-stats > div { border-right: 1px solid #fff; padding-right: 12px; }
.lower-youtube-stats strong { display: block; font-size: clamp(36px, 4vw, 58px); font-weight: 800; line-height: 1; }
.lower-youtube-stats span { font-size: 20px; }
.lower-youtube-stats ul { margin: 0; padding: 0; list-style: none; font-size: 13px; }
.lower-youtube-stats li::before { content: '✓ '; font-weight: 800; }
.records-grid .record-card--youtube .lower-youtube-body > p { display: block; width: 90%; box-sizing: border-box; margin: 14px auto 0; padding: 12px; border-radius: 9px; background: #79161a; text-align: center; font-size: 13px; font-weight: 600; }
@media(max-width:700px) {
    #home-records-grid > .record-card--youtube { grid-column: 1 / -1; }
    .lower-record-header { gap: 8px; padding: 10px; }
    .lower-record-header strong { font-size: 26px; }
    .lower-project-photos { gap: 16px; padding: 14px 10px; }
    .lower-project-photos img { height: 90px; }
    .lower-youtube-body { padding: 14px; }
}
/* Independent layouts for the three record cards. */
.records-grid > .record-card:nth-child(-n+3) {
    padding: 0;
    background: #b60000;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 8px 18px #0002;
}
.records-grid > .record-card:nth-child(-n+3) > .record-card__top {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 100px;
    padding: 14px 16px !important;
    gap: 10px;
    border: 0 !important;
    background: #292929;
    box-sizing: border-box;
    text-align: left;
}
.records-grid > .record-card:nth-child(-n+3) .record-card__header-icon {
    display: grid !important;
    place-items: center;
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 64px !important;
    border: 1px solid #888;
    border-radius: 6px;
    margin: 0 !important;
}
.records-grid > .record-card:nth-child(-n+3) .record-card__header-icon i { font-size: 34px !important; }
.records-grid > .record-card:nth-child(-n+3) .record-card__header-copy { flex: 1; min-width: 0; }
.records-grid > .record-card:nth-child(-n+3) .record-card__header-copy small { font-size: 13px; line-height: 1.15; font-style: italic; }
/* Students: divider belongs only to the two red statistics. */
.records-grid > .record-card:first-child .record-card__header-copy strong { font-size: clamp(28px, 3vw, 48px); }
.records-grid > .record-card:first-child > div:not(.record-card__top) { padding: 14px 6px; min-height: 130px; vertical-align: top; }
/* Partners: no divider in either header or logo grid. */
.records-grid > .record-card--partners .record-card__header-copy strong { font-size: 48px !important; }
.records-grid > .record-card--partners > p { margin: 12px 8px; font-size: 14px; line-height: 1.15; }
.records-grid > .record-card--partners > .partner-logos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: unset;
    width: 120px;
    border: 0 !important;
    margin: 0 auto 18px;
    gap: 8px;
}
/* Placement: compact uppercase heading and prominent percentage. */
.records-grid > .record-card--placement .record-card__header-copy strong { font-size: 15px !important; line-height: 1.1 !important; text-transform: uppercase; }
.records-grid > .record-card--placement .record-percent { display: block; margin: 22px 0 0; font-size: 62px; font-weight: 800; line-height: 1; }
.records-grid > .record-card--placement > p { margin: 0 8px 20px; font-size: 15px; line-height: 1.15; }
@media (max-width: 700px) {
    .records-grid > .record-card:nth-child(-n+3) > .record-card__top { padding: 8px !important; gap: 6px; }
    .records-grid > .record-card:nth-child(-n+3) .record-card__header-icon { flex-basis: 30px !important; width: 30px !important; height: 40px !important; }
    .records-grid > .record-card:nth-child(-n+3) .record-card__header-icon i { font-size: 22px !important; }
    .records-grid > .record-card--partners .record-card__header-copy strong { font-size: 28px !important; }
    .records-grid > .record-card--placement .record-card__header-copy strong { font-size: 11px !important; }
}