/* Results page — Prestigious Hall of Fame & Result Sheets */

/* Seamless curved bend on hero banner */
.results-page .contact-hero {
    border-bottom-right-radius: clamp(2.5rem, 7vw, 5.5rem);
}

.results-page {
    width: 100%;
    background: var(--cc-surface, #f8fafc);
    padding: clamp(2.25rem, 4.5vw, 4rem) 1.25rem;
    margin: 0;
}

.results-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    display: -ms-grid;
    display: grid;
    gap: clamp(1.75rem, 3.5vw, 2.5rem);
}

.results-sheet {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    cursor: zoom-in;
    text-decoration: none;
    line-height: 0;
    background: #ffffff;
    border-radius: var(--cc-radius-lg, 20px);
    overflow: hidden;
    border: 1px solid var(--cc-border-subtle, rgba(8, 35, 67, 0.08));
    -webkit-box-shadow: 0 10px 28px rgba(8, 35, 67, 0.08);
            box-shadow: 0 10px 28px rgba(8, 35, 67, 0.08);
    -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), -webkit-box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    transition: -webkit-transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), -webkit-box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, -webkit-transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), -webkit-box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}

.results-sheet::after {
    content: "🔍 Click to expand";
    position: absolute;
    bottom: 1.15rem;
    right: 1.15rem;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    background: rgba(8, 35, 67, 0.88);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-family: var(--cc-font);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
    z-index: 2;
}

.results-sheet:hover {
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-box-shadow: 0 20px 48px rgba(8, 35, 67, 0.16);
            box-shadow: 0 20px 48px rgba(8, 35, 67, 0.16);
    border-color: rgba(8, 35, 67, 0.2);
}

.results-sheet:hover::after {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.results-sheet picture,
.results-sheet img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    border-radius: var(--cc-radius-lg, 20px);
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.results-sheet:hover img {
    -webkit-transform: scale(1.015);
        -ms-transform: scale(1.015);
            transform: scale(1.015);
}