/* ==========================================================================
   GSC-TEMPC — ACHIEVEMENTS / RECOGNITION ARCHIVE
   PREMIUM EDITORIAL / INSTITUTIONAL DESIGN
   --------------------------------------------------------------------------
   v1.1 — BACKGROUND SYNC (background only; layout, markup, PHP unchanged)
   - Section ground now uses the same vertical gradient as .home-services,
     #section-about, #section-leadership and #future-plans:
       #FFFFFF > #F3F8F2 (30%) > #E9F4E6 (64%) > #FFFFFF
     The old ground ended on ivory (#fbfaf6) and carried a gold glow.
   - The gold glow is replaced by the two green glows used in the Home
     Services wash (same size, position and opacity).
   - The laurel's small diamond no longer has an ivory "cut-out" ring,
     since the ground is no longer a flat ivory.
   - The faint paper lines are kept.

   IMPORTANT:
   - Complete replacement stylesheet.
   - Scope: .gsc-achievements only.
   - The laurel is CSS-drawn and does NOT require an image or icon library.
   - Existing PHP / database structure remains unchanged.
   ========================================================================== */


/* ==========================================================================
   01. DESIGN TOKENS
   ========================================================================== */

.gsc-achievements {
    --ach-ink: var(--oc-ink, #163126);
    --ach-green: var(--primary-green, #0f5132);
    --ach-green-deep: #073b27;

    --ach-gold: #b88a2a;
    --ach-gold-dark: #9b711e;
    --ach-gold-soft: #d8b86b;
    --ach-gold-pale: rgba(184, 138, 42, .18);

    --ach-ivory: #fbfaf6;
    --ach-paper: #fffefa;
    --ach-muted: #69716c;

    --ach-line: rgba(34, 59, 46, .15);
    --ach-line-soft: rgba(34, 59, 46, .09);

    --ach-shadow:
        0 24px 55px rgba(24, 49, 37, .08);

    --ach-serif:
        var(--oc-font-display, 'Fraunces', Georgia, serif);

    --ach-sans:
        var(--oc-font-body, 'Inter', Arial, sans-serif);

    position: relative;
    overflow: hidden;

    /* Same ground as .home-services, #section-about, #section-leadership
       and #future-plans, plus the Home Services green glows */
    background:
        radial-gradient(ellipse 52% 40% at 20% 34%, rgba(185, 221, 181, .5), transparent 72%),
        radial-gradient(ellipse 44% 36% at 94% 12%, rgba(185, 221, 181, .3), transparent 70%),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F3F8F2 30%,
            #E9F4E6 64%,
            #FFFFFF 100%
        );
}


/* Very subtle editorial paper lines */

.gsc-achievements::before {
    content: '';

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .34;

    background-image:
        linear-gradient(
            to bottom,
            rgba(34, 59, 46, .035) 1px,
            transparent 1px
        );

    background-size: 100% 74px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 14%,
            #000 86%,
            transparent
        );
}


/* ==========================================================================
   02. CONTAINER
   ========================================================================== */

.gsc-achievements__container {
    position: relative;
    z-index: 1;

    width: min(1180px, calc(100% - 48px));

    margin-inline: auto;

    padding-top: clamp(74px, 8vw, 118px);
    padding-bottom: clamp(74px, 8vw, 120px);
}


/* ==========================================================================
   03. INTRODUCTION
   ========================================================================== */

.gsc-achievements__intro {
    max-width: 790px;

    margin:
        0 auto
        clamp(42px, 5vw, 68px);

    text-align: center;
}


/* Eyebrow */

.gsc-achievements__eyebrow {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 13px;

    margin-bottom: 14px;

    font-family: var(--ach-sans);

    font-size: .67rem;
    font-weight: 800;

    letter-spacing: .24em;

    line-height: 1;

    text-transform: uppercase;

    color: var(--ach-green);
}


.gsc-achievements__eyebrow-rule {
    width: 28px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ach-gold)
        );
}


.gsc-achievements__eyebrow-rule:last-child {
    background:
        linear-gradient(
            90deg,
            var(--ach-gold),
            transparent
        );
}


/* Main title */

.gsc-achievements__title {
    margin: 0;

    font-family: var(--ach-serif);

    font-size: clamp(
        3rem,
        6vw,
        5.65rem
    );

    font-weight: 600;

    line-height: .98;

    letter-spacing: -.045em;

    color: var(--ach-green-deep);
}


/* Decorative title line */

.gsc-achievements__title-rule {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 96px;

    margin:
        23px auto
        19px;
}


.gsc-achievements__title-rule span {
    width: 40px;
    height: 1px;

    background: var(--ach-gold-soft);
}


.gsc-achievements__title-rule i {
    width: 7px;
    height: 7px;

    margin-inline: 4px;

    transform: rotate(45deg);

    background: var(--ach-gold);
}


/* Intro copy */

.gsc-achievements__lead {
    max-width: 700px;

    margin: 0 auto;

    font-family: var(--ach-sans);

    font-size: .96rem;

    line-height: 1.85;

    color: var(--ach-muted);
}


/* ==========================================================================
   04. FEATURED RECOGNITION OVERVIEW
   ========================================================================== */

.gsc-achievements__overview {
    display: grid;

    grid-template-columns:
        minmax(190px, .7fr)
        minmax(0, 2.65fr);

    align-items: stretch;

    border-top: 1px solid var(--ach-line);
    border-bottom: 1px solid var(--ach-line);
}


/* ==========================================================================
   05. RECOGNITION COUNT / LAUREL AREA
   ========================================================================== */

.gsc-achievements__stat {
    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-height: 405px;

    padding: 42px 24px;

    text-align: center;

    border-right: 1px solid var(--ach-line);
}


/* --------------------------------------------------------------------------
   LAUREL CONTAINER

   This replaces the old stretched ❯ / ❮ characters.

   The actual text character remains in the PHP, but is hidden visually.
   CSS generates the proper gold laurel.
   -------------------------------------------------------------------------- */

.gsc-achievements__stat-ornament {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 210px;
    min-height: 150px;

    margin: 0 auto;

    color: var(--ach-gold);
}


/* Number */

.gsc-achievements__stat-ornament strong {
    position: relative;
    z-index: 3;

    display: block;

    margin-top: -4px;

    font-family: var(--ach-serif);

    font-size: clamp(
        5.1rem,
        8vw,
        7.2rem
    );

    font-weight: 500;

    line-height: .82;

    letter-spacing: -.07em;

    color: var(--ach-green-deep);

    text-shadow:
        0 1px 0 rgba(255,255,255,.8);
}


/* --------------------------------------------------------------------------
   LAUREL LEAVES

   Each side uses an inline SVG as a CSS background.

   This gives us:
   - curved branch
   - individual leaves
   - gold outline
   - natural spacing
   - no external image
   - no Font Awesome dependency
   -------------------------------------------------------------------------- */

.gsc-achievements__laurel {
    position: absolute;

    top: 50%;

    display: block;

    width: 66px;
    height: 142px;

    margin: 0;

    overflow: visible;

    font-size: 0;

    line-height: 0;

    opacity: 1;

    pointer-events: none;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transform-origin: center;
}


/* Left laurel */

.gsc-achievements__laurel--left {
    left: -2px;

    transform:
        translateY(-50%)
        rotate(-3deg);

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 190'%3E%3Cpath d='M70 181 C66 143 58 108 44 76 C35 55 25 34 12 10' fill='none' stroke='%23b88a2a' stroke-width='2.3' stroke-linecap='round'/%3E%3Cg fill='%23c69a3c' stroke='%23a97b22' stroke-width='1'%3E%3Cpath d='M49 133 C34 128 24 119 20 108 C33 108 44 115 49 133Z'/%3E%3Cpath d='M55 148 C42 145 31 139 25 129 C38 129 49 136 55 148Z'/%3E%3Cpath d='M43 112 C29 108 20 100 16 90 C29 91 39 98 43 112Z'/%3E%3Cpath d='M36 92 C23 88 15 80 12 70 C25 71 34 78 36 92Z'/%3E%3Cpath d='M30 72 C18 68 11 60 9 50 C21 52 28 59 30 72Z'/%3E%3Cpath d='M24 51 C15 47 9 40 8 31 C18 33 24 40 24 51Z'/%3E%3Cpath d='M53 127 C61 116 71 110 82 110 C77 121 68 128 53 127Z'/%3E%3Cpath d='M48 107 C57 96 68 91 79 92 C73 103 63 109 48 107Z'/%3E%3Cpath d='M40 87 C49 76 58 72 69 73 C64 84 55 89 40 87Z'/%3E%3Cpath d='M33 67 C42 57 51 53 61 54 C57 64 48 69 33 67Z'/%3E%3Cpath d='M27 47 C35 39 43 35 52 37 C48 46 40 50 27 47Z'/%3E%3C/g%3E%3C/svg%3E");
}


/* Right laurel */

.gsc-achievements__laurel--right {
    right: -2px;

    transform:
        translateY(-50%)
        scaleX(-1)
        rotate(-3deg);

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 190'%3E%3Cpath d='M70 181 C66 143 58 108 44 76 C35 55 25 34 12 10' fill='none' stroke='%23b88a2a' stroke-width='2.3' stroke-linecap='round'/%3E%3Cg fill='%23c69a3c' stroke='%23a97b22' stroke-width='1'%3E%3Cpath d='M49 133 C34 128 24 119 20 108 C33 108 44 115 49 133Z'/%3E%3Cpath d='M55 148 C42 145 31 139 25 129 C38 129 49 136 55 148Z'/%3E%3Cpath d='M43 112 C29 108 20 100 16 90 C29 91 39 98 43 112Z'/%3E%3Cpath d='M36 92 C23 88 15 80 12 70 C25 71 34 78 36 92Z'/%3E%3Cpath d='M30 72 C18 68 11 60 9 50 C21 52 28 59 30 72Z'/%3E%3Cpath d='M24 51 C15 47 9 40 8 31 C18 33 24 40 24 51Z'/%3E%3Cpath d='M53 127 C61 116 71 110 82 110 C77 121 68 128 53 127Z'/%3E%3Cpath d='M48 107 C57 96 68 91 79 92 C73 103 63 109 48 107Z'/%3E%3Cpath d='M40 87 C49 76 58 72 69 73 C64 84 55 89 40 87Z'/%3E%3Cpath d='M33 67 C42 57 51 53 61 54 C57 64 48 69 33 67Z'/%3E%3Cpath d='M27 47 C35 39 43 35 52 37 C48 46 40 50 27 47Z'/%3E%3C/g%3E%3C/svg%3E");
}


/* Small gold center diamond beneath number */

.gsc-achievements__stat-ornament::after {
    content: '';

    position: absolute;

    left: 50%;
    bottom: -7px;

    width: 7px;
    height: 7px;

    transform:
        translateX(-50%)
        rotate(45deg);

    background: var(--ach-gold);
}


/* ==========================================================================
   06. STAT LABEL
   ========================================================================== */

.gsc-achievements__stat-rule {
    width: 54px;
    height: 1px;

    margin:
        24px 0
        14px;

    background: var(--ach-gold-soft);
}


.gsc-achievements__stat-label {
    font-family: var(--ach-sans);

    font-size: .72rem;
    font-weight: 800;

    letter-spacing: .2em;

    line-height: 1.75;

    text-transform: uppercase;

    color: var(--ach-green);
}


.gsc-achievements__stat p {
    max-width: 190px;

    margin: 18px 0 0;

    font-family: var(--ach-sans);

    font-size: .77rem;

    line-height: 1.75;

    color: var(--ach-muted);
}


/* ==========================================================================
   07. FEATURED CONTENT
   ========================================================================== */

.gsc-achievements__featured {
    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(340px, 1.3fr);

    min-width: 0;
}


/* Featured copy */

.gsc-achievements__featured-copy {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;

    padding:
        clamp(34px, 4vw, 58px)
        clamp(28px, 4vw, 62px);
}


/* Featured top row */

.gsc-achievements__featured-kicker {
    display: flex;

    align-items: baseline;

    justify-content: space-between;

    gap: 16px;

    margin-bottom: 19px;
}


.gsc-achievements__featured-label,
.gsc-achievements__archive-eyebrow,
.gsc-achievement-row__category {
    font-family: var(--ach-sans);

    font-size: .64rem;
    font-weight: 800;

    letter-spacing: .15em;

    line-height: 1.3;

    text-transform: uppercase;

    color: var(--ach-green);
}


.gsc-achievements__featured-label {
    padding: 6px 11px;

    border: 1px solid rgba(24, 81, 50, .34);

    border-radius: 999px;
}


.gsc-achievements__featured-year {
    font-family: var(--ach-serif);

    font-size: 1.35rem;

    color: var(--ach-gold);
}


/* Category */

.gsc-achievements__category {
    display: inline-block;

    width: fit-content;

    margin-bottom: 13px;

    font-family: var(--ach-sans);

    font-size: .65rem;
    font-weight: 800;

    letter-spacing: .14em;

    text-transform: uppercase;

    color: var(--ach-gold);
}


/* Featured title */

.gsc-achievements__featured h3 {
    margin: 0;

    font-family: var(--ach-serif);

    font-size: clamp(
        1.85rem,
        3vw,
        2.7rem
    );

    font-weight: 600;

    line-height: 1.08;

    letter-spacing: -.025em;

    color: var(--ach-green-deep);
}


.gsc-achievements__featured h3 a {
    color: inherit;

    text-decoration: none;
}


.gsc-achievements__featured h3 a:hover {
    color: var(--ach-green);
}


/* Gold rule beneath featured title */

.gsc-achievements__featured h3::after {
    content: '';

    display: block;

    width: 42px;
    height: 1px;

    margin:
        22px 0
        18px;

    background: var(--ach-gold-soft);
}


/* Description */

.gsc-achievements__featured-description {
    margin: 0;

    font-family: var(--ach-sans);

    font-size: .91rem;

    line-height: 1.8;

    color: var(--ach-muted);
}


/* View recognition */

.gsc-achievements__detail-link,
.gsc-achievement-row__view {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    width: fit-content;

    margin-top: 24px;

    padding-bottom: 7px;

    border-bottom:
        1px solid
        var(--ach-gold-soft);

    font-family: var(--ach-sans);

    font-size: .66rem;
    font-weight: 800;

    letter-spacing: .14em;

    line-height: 1.2;

    text-decoration: none;

    text-transform: uppercase;

    color: var(--ach-green);

    transition:
        gap .25s ease,
        color .25s ease;
}


.gsc-achievements__detail-link:hover,
.gsc-achievement-row__view:hover {
    gap: 17px;

    color: var(--ach-gold);
}


/* ==========================================================================
   08. FEATURED IMAGE
   ========================================================================== */

.gsc-achievements__featured-media {
    display: flex;

    align-items: stretch;
    justify-content: stretch;

    min-width: 0;

    padding:
        22px
        22px
        22px
        0;
}


.gsc-achievements__featured-media > a {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    min-height: 480px;

    overflow: hidden;

    background: transparent;
}


.gsc-achievements__featured-media img {
    display: block;

    width: 100%;
    height: 100%;

    max-height: 640px;

    object-fit: contain;

    transition:
        transform .55s
        cubic-bezier(.22, 1, .36, 1);
}


.gsc-achievements__featured-media > a:hover img {
    transform: scale(1.018);
}

/* Empty image state */

.gsc-achievements__featured-placeholder {
    flex-direction: column;

    gap: 12px;

    min-height: 360px;

    text-decoration: none;

    color: var(--ach-green);
}


.gsc-achievements__placeholder-mark {
    display: grid;

    place-items: center;

    width: 66px;
    height: 66px;

    border:
        1px solid
        var(--ach-gold-soft);

    border-radius: 50%;

    color: var(--ach-gold);

    font-size: 1.35rem;
}


.gsc-achievements__featured-placeholder strong {
    font-family: var(--ach-serif);

    font-size: 2.3rem;

    font-weight: 500;
}


.gsc-achievements__featured-placeholder > span:last-child {
    font-family: var(--ach-sans);

    font-size: .62rem;
    font-weight: 800;

    letter-spacing: .17em;

    text-transform: uppercase;
}


/* ==========================================================================
   09. RECOGNITION ARCHIVE
   ========================================================================== */

.gsc-achievements__archive {
    margin-top:
        clamp(48px, 6vw, 76px);
}


/* Archive heading */

.gsc-achievements__archive-heading {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;

    padding-bottom: 21px;

    border-bottom:
        1px solid
        var(--ach-line);
}


.gsc-achievements__archive-heading h3 {
    margin: 7px 0 0;

    font-family: var(--ach-serif);

    font-size: clamp(
        1.75rem,
        3vw,
        2.45rem
    );

    font-weight: 500;

    line-height: 1.05;

    color: var(--ach-green-deep);
}


.gsc-achievements__archive-count {
    flex: 0 0 auto;

    padding-bottom: 4px;

    font-family: var(--ach-sans);

    font-size: .64rem;
    font-weight: 800;

    letter-spacing: .14em;

    text-transform: uppercase;

    color: var(--ach-gold);
}


/* Archive rows */

.gsc-achievements__rows {
    border-bottom:
        1px solid
        var(--ach-line);
}


.gsc-achievement-row {
    display: grid;

    grid-template-columns:
        62px
        76px
        150px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 22px;

    min-height: 150px;

    padding: 20px 0;

    border-bottom:
        1px solid
        var(--ach-line-soft);

    transition:
        background .25s ease;
}


.gsc-achievement-row:last-child {
    border-bottom: 0;
}


.gsc-achievement-row:hover {
    background:
        rgba(255, 255, 255, .62);
}


/* Archive number */

.gsc-achievement-row__number {
    align-self: stretch;

    display: flex;

    align-items: center;
    justify-content: center;

    font-family: var(--ach-serif);

    font-size: 2rem;

    font-weight: 400;

    color:
        rgba(22, 49, 38, .22);
}


/* Year */

.gsc-achievement-row__year {
    font-family: var(--ach-serif);

    font-size: 1.2rem;

    font-weight: 500;

    color: var(--ach-gold);
}


/* Archive image */

.gsc-achievement-row__media {
    width: 150px;
    height: 102px;

    overflow: hidden;

    border:
        1px solid
        rgba(184, 138, 42, .38);

    background: #f1eee5;
}


.gsc-achievement-row__media a {
    display: grid;

    place-items: center;

    width: 100%;
    height: 100%;
}


.gsc-achievement-row__media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    transition:
        transform .45s
        cubic-bezier(.22, 1, .36, 1);
}


.gsc-achievement-row:hover
.gsc-achievement-row__media img {
    transform: scale(1.025);
}


/* Image placeholder */

.gsc-achievement-row__placeholder {
    color: var(--ach-gold);

    font-size: 1.2rem;

    text-decoration: none;
}


/* Archive content */

.gsc-achievement-row__content {
    min-width: 0;
}


.gsc-achievement-row__category {
    display: inline-block;

    margin-bottom: 7px;

    color: var(--ach-gold);
}


.gsc-achievement-row__content h4 {
    margin: 0;

    font-family: var(--ach-serif);

    font-size: 1.4rem;

    font-weight: 500;

    line-height: 1.16;

    color: var(--ach-green-deep);
}


.gsc-achievement-row__content h4 a {
    color: inherit;

    text-decoration: none;
}


.gsc-achievement-row__content h4 a:hover {
    color: var(--ach-green);
}


.gsc-achievement-row__content p {
    max-width: 650px;

    margin: 8px 0 0;

    font-family: var(--ach-sans);

    font-size: .82rem;

    line-height: 1.7;

    color: var(--ach-muted);
}


/* Archive action */

.gsc-achievement-row__view {
    margin-top: 0;

    white-space: nowrap;
}


/* ==========================================================================
   10. ARCHIVE FOOTER
   ========================================================================== */

.gsc-achievements__archive-footer {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 22px;

    padding-top: 31px;
}


.gsc-achievements__archive-footer a {
    display: inline-flex;

    align-items: center;

    gap: 13px;

    font-family: var(--ach-sans);

    font-size: .67rem;
    font-weight: 800;

    letter-spacing: .15em;

    text-decoration: none;

    text-transform: uppercase;

    color: var(--ach-green);

    transition:
        color .25s ease;
}


.gsc-achievements__archive-footer a:hover {
    color: var(--ach-gold);
}


/* Decorative footer leaf symbols */

.gsc-achievements__footer-leaf {
    position: relative;

    display: block;

    width: 48px;
    height: 24px;

    font-size: 0;

    color: transparent;

    background-repeat: no-repeat;

    background-size: contain;

    opacity: .85;
}


.gsc-achievements__footer-leaf:first-child {
    transform: scaleX(-1);

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 45'%3E%3Cpath d='M3 40 C26 37 43 27 62 7' fill='none' stroke='%23d1ae62' stroke-width='2'/%3E%3Cpath d='M24 34 C17 27 13 20 14 13 C22 18 26 25 24 34Z' fill='%23d1ae62'/%3E%3Cpath d='M37 28 C31 20 30 14 33 8 C40 14 42 21 37 28Z' fill='%23d1ae62'/%3E%3Cpath d='M51 20 C47 13 48 7 52 3 C57 10 57 15 51 20Z' fill='%23d1ae62'/%3E%3C/svg%3E");
}


.gsc-achievements__footer-leaf:last-child {
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 45'%3E%3Cpath d='M3 40 C26 37 43 27 62 7' fill='none' stroke='%23d1ae62' stroke-width='2'/%3E%3Cpath d='M24 34 C17 27 13 20 14 13 C22 18 26 25 24 34Z' fill='%23d1ae62'/%3E%3Cpath d='M37 28 C31 20 30 14 33 8 C40 14 42 21 37 28Z' fill='%23d1ae62'/%3E%3Cpath d='M51 20 C47 13 48 7 52 3 C57 10 57 15 51 20Z' fill='%23d1ae62'/%3E%3C/svg%3E");
}


/* ==========================================================================
   11. EMPTY STATE
   ========================================================================== */

.gsc-achievements__empty {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 24px;

    max-width: 760px;

    margin: 0 auto;

    padding:
        48px
        30px;

    border-top:
        1px solid
        var(--ach-line);

    border-bottom:
        1px solid
        var(--ach-line);

    text-align: left;
}


.gsc-achievements__empty-mark {
    display: grid;

    flex: 0 0 auto;

    place-items: center;

    width: 58px;
    height: 58px;

    border:
        1px solid
        var(--ach-gold-soft);

    border-radius: 50%;

    color: var(--ach-gold);
}


.gsc-achievements__empty div > span {
    font-family: var(--ach-sans);

    font-size: .62rem;
    font-weight: 800;

    letter-spacing: .16em;

    text-transform: uppercase;

    color: var(--ach-gold);
}


.gsc-achievements__empty p {
    margin: 5px 0 0;

    font-family: var(--ach-serif);

    font-size: 1.45rem;

    color: var(--ach-green-deep);
}


/* ==========================================================================
   12. TABLET
   ========================================================================== */

@media (max-width: 1020px) {

    .gsc-achievements__overview {
        grid-template-columns:
            150px
            minmax(0, 1fr);
    }


    .gsc-achievements__featured {
        grid-template-columns: 1fr;
    }


    .gsc-achievements__featured-media {
        padding:
            0
            24px
            24px;
    }


    .gsc-achievements__featured-media > a {
        min-height: 300px;
    }


    .gsc-achievement-row {
        grid-template-columns:
            52px
            70px
            135px
            minmax(0, 1fr);
    }


    .gsc-achievement-row__media {
        width: 135px;
        height: 94px;
    }


    .gsc-achievement-row__view {
        grid-column: 4;

        justify-self: start;

        margin-top: 9px;
    }
}


/* ==========================================================================
   13. MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .gsc-achievements__container {
        width: min(
            100% - 40px,
            620px
        );

        padding-left: 0;
        padding-right: 0;
    }


    .gsc-achievements__overview {
        grid-template-columns: 1fr;
    }


    /* --------------------------------------------------------------
       Mobile stat / laurel
       -------------------------------------------------------------- */

    .gsc-achievements__stat {
        min-height: 0;

        padding:
            48px
            20px
            44px;

        border-right: 0;

        border-bottom:
            1px solid
            var(--ach-line);
    }


    .gsc-achievements__stat-ornament {
        width: 250px;

        min-height: 175px;
    }


    .gsc-achievements__laurel {
        width: 78px;
        height: 160px;
    }


    .gsc-achievements__laurel--left {
        left: -4px;
    }


    .gsc-achievements__laurel--right {
        right: -4px;
    }


    .gsc-achievements__stat-ornament strong {
        font-size:
            clamp(
                6rem,
                22vw,
                7.3rem
            );
    }


    .gsc-achievements__stat p {
        max-width: 300px;
    }


    /* Featured */

    .gsc-achievements__featured-copy {
        padding:
            36px
            0
            40px;
    }


    .gsc-achievements__featured-media {
        padding: 0;
    }


    .gsc-achievements__featured-media > a {
        min-height: 260px;
    }


    /* Archive */

    .gsc-achievements__archive-heading {
        align-items: flex-start;

        flex-direction: column;

        gap: 12px;
    }


    .gsc-achievement-row {
        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap:
            14px
            16px;

        padding:
            24px
            0;
    }


    .gsc-achievement-row__number {
        grid-row:
            1 / span 3;

        align-self: start;

        justify-content: flex-start;

        padding-top: 3px;

        font-size: 1.6rem;
    }


    .gsc-achievement-row__year {
        grid-column: 2;
    }


    .gsc-achievement-row__media {
        grid-column: 2;

        width: 100%;

        height: auto;

        min-height: 170px;
    }


    .gsc-achievement-row__content {
        grid-column: 2;
    }


    .gsc-achievement-row__view {
        grid-column: 2;

        justify-self: start;

        margin-top: 2px;
    }


    .gsc-achievements__archive-footer {
        gap: 12px;
    }


    .gsc-achievements__footer-leaf {
        display: none;
    }
}


/* ==========================================================================
   14. SMALL MOBILE
   ========================================================================== */

@media (max-width: 480px) {

    .gsc-achievements__container {
        width:
            calc(100% - 32px);
    }


    .gsc-achievements__title {
        font-size:
            clamp(
                2.7rem,
                14vw,
                4rem
            );
    }


    .gsc-achievements__lead {
        font-size: .9rem;
    }


    .gsc-achievements__featured-kicker {
        align-items: flex-start;

        flex-direction: column;

        gap: 9px;
    }


    .gsc-achievements__featured h3 {
        font-size: 1.8rem;
    }


    .gsc-achievements__featured-media > a {
        min-height: 220px;
    }


    /* Smaller but still prominent laurel */

    .gsc-achievements__stat {
        padding-top: 42px;
        padding-bottom: 40px;
    }


    .gsc-achievements__stat-ornament {
        width: 225px;

        min-height: 155px;
    }


    .gsc-achievements__laurel {
        width: 68px;
        height: 148px;
    }


    .gsc-achievements__stat-ornament strong {
        font-size: 5.8rem;
    }


    .gsc-achievement-row__content h4 {
        font-size: 1.28rem;
    }


    .gsc-achievement-row__media {
        min-height: 145px;
    }
}


/* ==========================================================================
   15. VERY SMALL PHONES
   ========================================================================== */

@media (max-width: 360px) {

    .gsc-achievements__container {
        width:
            calc(100% - 28px);
    }


    .gsc-achievements__stat-ornament {
        width: 210px;
    }


    .gsc-achievements__laurel {
        width: 62px;
        height: 140px;
    }


    .gsc-achievements__stat-ornament strong {
        font-size: 5.3rem;
    }


    .gsc-achievements__stat-label {
        font-size: .66rem;

        letter-spacing: .17em;
    }


    .gsc-achievements__stat p {
        font-size: .74rem;
    }
}


/* ==========================================================================
   16. REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

    .gsc-achievements *,
    .gsc-achievements *::before,
    .gsc-achievements *::after {

        scroll-behavior: auto !important;

        transition-duration:
            0.01ms !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;
    }
}


/* ==========================================================================
   17. BACKGROUND LOCK
   Another stylesheet (or a more specific rule) can override the section
   background above. This block repeats the same gradient with doubled
   specificity and !important so it wins. Keep it LAST in the file.
   ========================================================================== */

section.gsc-achievements.gsc-achievements,
.gsc-achievements.gsc-achievements {
    background-color: #FFFFFF !important;
    background-image:
        radial-gradient(ellipse 52% 40% at 20% 34%, rgba(185, 221, 181, .5), transparent 72%),
        radial-gradient(ellipse 44% 36% at 94% 12%, rgba(185, 221, 181, .3), transparent 70%),
        linear-gradient(180deg, #FFFFFF 0%, #F3F8F2 30%, #E9F4E6 64%, #FFFFFF 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}