.gfm-awards-page { background: #08070d; color: #fff; }

/* Local design test: gold category treatment kept separate from current cards. */
.gfm-awards-gold { position: relative; isolation: isolate; overflow: hidden; padding: clamp(64px, 8vw, 120px) var(--nav-px, 24px); background: #090704; color: #fff; }
.gfm-awards-gold::before { content: ''; position: absolute; inset: 0; z-index: -2; background: url('/gfm-revamp-2026/wp-content/uploads/2026/05/news-insight-bg.webp') center/cover no-repeat; opacity: .28; }
.gfm-awards-gold::after { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 12% 0%, rgba(190, 112, 20, .35), transparent 35%), radial-gradient(ellipse at 88% 100%, rgba(160, 82, 8, .35), transparent 38%), rgba(7, 5, 2, .74); }
.gfm-awards-gold__inner { max-width: 1600px; margin: 0 auto; }
.gfm-awards-gold__eyebrow { margin: 0 0 12px; color: #efb64b; font-size: .8rem; letter-spacing: .16em; text-align: center; text-transform: uppercase; }
.gfm-awards-gold h2 { margin: 0 0 42px; color: #fff;  line-height: 1; text-align: center; }
.gfm-awards-gold__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.gfm-awards-gold-card { position: relative; display: flex; min-height: 300px; flex-direction: column; align-items: center; justify-content: center; padding: 36px 18px 24px; overflow: hidden; border: 1px solid rgba(218, 153, 51, .7); border-radius: 8px; background: linear-gradient(145deg, rgba(35, 25, 13, .88), rgba(8, 7, 5, .94)); box-shadow: inset 0 0 0 1px rgba(255, 202, 91, .08); text-align: center; }
.gfm-awards-gold-card:nth-child(n+7) { grid-column: span 1; }
.gfm-awards-gold-card:nth-child(7) { grid-column-start: 2; }
.gfm-awards-gold-card__number { position: absolute; top: 15px; left: 17px; color: #e4a83d; font-size: 1.15rem; font-weight: 700; }
.gfm-awards-gold-card__icon { display: grid; width: 116px; height: 116px; place-items: center; margin-bottom: 26px; border: 2px solid #e8ad45; border-radius: 50%; color: #f2b94f; box-shadow: 0 0 0 7px rgba(232, 173, 69, .04); }
.gfm-awards-gold-card__icon i { font-size: 3.7rem; line-height: 1; }
.gfm-awards-gold-card h3 { max-width: 210px; margin: 0; color: #fff; font-size: clamp(.9rem, 1.1vw, 1.25rem); line-height: 1.22; text-transform: uppercase; }
.gfm-awards-gold-card p { max-width: 245px; margin: 16px 0 0; color: rgba(255, 255, 255, .72); font-size: .78rem; line-height: 1.38; }
.gfm-awards-gold-card__new { position: absolute; top: 12px; right: -1px; padding: 7px 18px 7px 22px; background: #efbc58; color: #1a1004; font-size: .75rem; font-weight: 800; letter-spacing: .04em; clip-path: polygon(15% 0, 100% 0, 86% 100%, 0 100%); }
.gfm-awards-gold__new-list { display: flex; min-height: 92px; align-items: center; gap: 26px; margin: 36px auto 0; padding: 14px 26px; border: 1px solid #d89b36; border-radius: 8px; background: rgba(10, 7, 3, .86); }
.gfm-awards-gold__new-list > strong { flex: 0 0 150px; color: #1b1004; padding: 14px 18px; background: #efbc58; text-align: center; }
.gfm-awards-gold__new-list span { display: flex; align-items: center; gap: 12px; flex: 1 1 0; color: #fff; font-size: .92rem; line-height: 1.2; text-transform: uppercase; }
.gfm-awards-gold__new-list span + span { border-left: 1px solid rgba(239, 188, 88, .55); padding-left: 26px; }
.gfm-awards-gold__new-list b { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 50%; background: #efbc58; color: #1b1004; }
@media (max-width: 1100px) { .gfm-awards-gold__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .gfm-awards-gold-card:nth-child(7) { grid-column-start: auto; } }
@media (max-width: 700px) { .gfm-awards-gold { padding-right: 16px; padding-left: 16px; } .gfm-awards-gold__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .gfm-awards-gold-card { min-height: 300px; padding: 30px 10px 18px; } .gfm-awards-gold-card__icon { width: 78px; height: 78px; margin-bottom: 16px; } .gfm-awards-gold-card__icon i { font-size: 2.6rem; } .gfm-awards-gold-card h3 { font-size: .72rem; } .gfm-awards-gold-card p { font-size: .68rem; } .gfm-awards-gold__new-list { flex-wrap: wrap; gap: 12px; margin-top: 22px; padding: 12px; } .gfm-awards-gold__new-list > strong { flex-basis: 100%; } .gfm-awards-gold__new-list span { flex-basis: 100%; font-size: .72rem; } .gfm-awards-gold__new-list span + span { border-left: 0; padding-left: 0; } }

/* Alternate local card layout: editorial horizontal tiles with varied spans. */
.gfm-awards-gold__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; }
.gfm-awards-gold-card { grid-column: span 4; min-height: 260px; align-items: flex-start; justify-content: flex-start; padding: 30px 28px 26px 88px; border-width: 1px 1px 1px 4px; border-radius: 0; background: linear-gradient(110deg, rgba(42, 26, 8, .92), rgba(10, 8, 5, .9)); text-align: left; }
.gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { grid-column: span 6; }
.gfm-awards-gold-card:nth-child(odd) { border-left-color: #efbc58; }
.gfm-awards-gold-card:nth-child(even) { border-left-color: #8d5b18; }
.gfm-awards-gold-card__number { top: 28px; left: 24px; color: #efbc58; font-size: 1.4rem; }
.gfm-awards-gold-card__icon { width: 72px; height: 72px; margin: 0 0 20px; border-width: 1px; box-shadow: none; }
.gfm-awards-gold-card__icon i { font-size: 2.4rem; }
.gfm-awards-gold-card h3 { max-width: 280px; font-size: clamp(.9rem, 1vw, 1.15rem); line-height: 1.2; }
.gfm-awards-gold-card p { max-width: 360px; margin-top: 12px; font-size: .78rem; line-height: 1.45; }
.gfm-awards-gold-card__new { top: 0; right: 0; padding: 6px 14px 6px 18px; }
@media (max-width: 900px) { .gfm-awards-gold__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { grid-column: span 1; } }
@media (max-width: 700px) { .gfm-awards-gold__grid { grid-template-columns: 1fr; } .gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { grid-column: auto; min-height: 0; padding: 24px 20px 22px 76px; } .gfm-awards-gold-card__number { top: 22px; left: 20px; } .gfm-awards-gold-card__icon { width: 62px; height: 62px; margin-bottom: 14px; } .gfm-awards-gold-card__icon i { font-size: 2rem; } .gfm-awards-gold-card p { font-size: .7rem; } }

/* Alternate local card layout: compact three-column catalogue. */
.gfm-awards-gold__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; justify-items: center; }
.gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { grid-column: auto; align-items: center; justify-content: flex-start; padding: 42px 30px 28px; border: 1px solid rgba(239, 188, 88, .44); border-top: 5px solid #efbc58; border-radius: 12px; background: rgba(12, 9, 5, .84); text-align: center; }
.gfm-awards-gold-card:nth-child(3n+2) { border-top-color: #d8912c; }
.gfm-awards-gold-card:nth-child(3n) { border-top-color: #a96b1c; }
.gfm-awards-gold-card__number { top: 17px; left: 22px; color: #efbc58; font-size: 1rem; }
.gfm-awards-gold-card__icon { width: 92px; height: 92px; margin: 0 0 22px; border-width: 2px; box-shadow: 0 0 0 8px rgba(239, 188, 88, .05); }
.gfm-awards-gold-card__icon i { font-size: 3rem; }
.gfm-awards-gold-card h3 { max-width: 260px; font-size: 1rem; line-height: 1.22; }
.gfm-awards-gold-card p { max-width: 300px; margin-top: 14px; font-size: .78rem; line-height: 1.42; }
.gfm-awards-gold-card__new { top: 12px; right: 12px; padding: 5px 10px; clip-path: none; border-radius: 3px; font-size: .65rem; }
@media (max-width: 900px) { .gfm-awards-gold__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .gfm-awards-gold__grid { grid-template-columns: 1fr; gap: 14px; } .gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { min-height: 0; padding: 38px 22px 24px; } }
.gfm-awards-gold-card p { position: absolute; inset: 0; z-index: 2; display: flex; width: 100%; max-width: none; box-sizing: border-box; align-items: center; justify-content: center; margin: 0; padding: 20px; overflow: auto; background: rgba(20, 12, 3, .98); color: #fff; font-size: clamp(.78rem, .9vw, 1rem); line-height: 1.35; text-align: center; opacity: 0; transform: scale(.96); transition: opacity .35s ease, transform .35s ease; }
.gfm-awards-gold-card:hover p, .gfm-awards-gold-card:focus-within p { opacity: 1; transform: translateY(0); }
@media (max-width: 700px) { .gfm-awards-gold-card p { position: absolute; inset: 0; width: 100%; max-width: none; min-height: 0; margin: 0; padding: 20px; background: rgba(20, 12, 3, .98); opacity: 0; transform: scale(.96); } }
.gfm-awards-gold__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 900px) { .gfm-awards-gold__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .gfm-awards-gold__grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .gfm-awards-gold-card p { padding: 10px 100px; font-size: .84rem; } }
.gfm-awards-gold__new-list { position: relative; display: grid; grid-template-columns: 190px repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 0; margin-top: 34px; padding: 0; border: 1px solid rgba(239, 188, 88, .8); border-radius: 14px; background: linear-gradient(100deg, rgba(42, 24, 6, .95), rgba(12, 9, 5, .96)); box-shadow: 0 12px 30px rgba(0, 0, 0, .25), inset 0 0 24px rgba(239, 188, 88, .06); overflow: hidden; }
.gfm-awards-gold__new-list > strong { display: grid; min-height: 96px; place-items: center; padding: 16px 22px; background: linear-gradient(135deg, #fff0ad, #efbc58); color: #211202; font-size: .95rem; letter-spacing: .08em; line-height: 1.1; }
.gfm-awards-gold__new-list span { display: flex; min-height: 96px; align-items: center; gap: 12px; padding: 16px 22px; color: #fff; font-size: .82rem; line-height: 1.25; }
.gfm-awards-gold__new-list span + span { border-left: 1px solid rgba(239, 188, 88, .45); padding-left: 22px; }
.gfm-awards-gold__new-list b { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border: 1px solid #efbc58; border-radius: 50%; background: #211202; color: #efbc58; }
@media (max-width: 900px) { .gfm-awards-gold__new-list { grid-template-columns: 1fr 1fr; } .gfm-awards-gold__new-list > strong { grid-column: 1 / -1; min-height: 62px; } .gfm-awards-gold__new-list span { min-height: 78px; } }
@media (max-width: 700px) { .gfm-awards-gold__new-list { display: flex; flex-direction: column; margin-top: 22px; } .gfm-awards-gold__new-list > strong, .gfm-awards-gold__new-list span { min-height: 58px; } .gfm-awards-gold__new-list span + span { border-top: 1px solid rgba(239, 188, 88, .3); border-left: 0; padding-left: 22px; } }
.gfm-awards-gold__new-list span { transition: background-color .25s ease, color .25s ease; }
.gfm-awards-gold__new-list span:hover { background: rgba(239, 188, 88, .14); color: #fff0ad; }
.gfm-awards-gold__new-list span:hover b { background: #efbc58; color: #211202; }
.gfm-awards-gold-card__new { top: 14px; right: 14px; padding: 5px 10px; border: 1px solid #efbc58; border-radius: 999px; background: #120d05; color: #efbc58; font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.gfm-awards-gold-card__new { top: 0; right: 0; display: grid; min-width: 74px; min-height: 34px; place-items: center; padding: 0 14px 0 20px; border: 0; border-radius: 0 11px 0 14px; background: linear-gradient(135deg, #fff0ad 0%, #efbc58 42%, #b86c16 100%); box-shadow: 0 0 18px rgba(239, 188, 88, .38), inset 0 -1px 0 rgba(70, 35, 0, .35); color: #241303; font-size: .68rem; letter-spacing: .14em; text-shadow: 0 1px rgba(255, 240, 173, .45); }
.gfm-awards-gold__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { flex: 0 1 calc(25% - 9px); width: calc(25% - 9px); }
@media (max-width: 900px) { .gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { flex-basis: calc(50% - 6px); width: calc(50% - 6px); } }
@media (max-width: 700px) { .gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { flex-basis: 100%; width: 100%; } }
.gfm-awards-page__intro > .awards { display: none; }
.gfm-awards-page__copy { max-width: 900px; margin: 40px auto 0; color: #fff; font-size: clamp(1rem, 1.3vw, 1.25rem); line-height: 1.55; text-align: center; }
.gfm-awards-page__copy p { margin: 0 0 18px; }
.gfm-awards-categories { position: relative; isolation: isolate; padding: clamp(56px, 8vw, 120px) var(--nav-px, 24px); background: url('/gfm-revamp-2026/wp-content/uploads/2026/05/news-insight-bg.webp') center/cover no-repeat; }
.gfm-awards-categories::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(8, 7, 13, .72); }
.gfm-awards-categories__inner { max-width: 1440px; margin: 0 auto; }
.gfm-awards-categories h1 { margin: 0 0 40px; color: #fff; text-align: center; font-size: clamp(1.8rem, 4vw, 4rem); line-height: 1; }
.gfm-awards-categories__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.gfm-award-card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 1 calc(25% - 12px); min-width: 220px; min-height: 250px; padding: 28px 18px; border: 1px solid #342f40; background: #100e18; text-align: center; overflow: hidden; transition: transform .25s ease, border-color .25s ease; }
.gfm-award-card::after { display: none; }
.gfm-award-card:hover, .gfm-award-card:focus-visible { border-color: #342f40; background: #4f07af; box-shadow: 0 0 0 1px rgba(52, 47, 64, .25), 0 12px 28px rgba(52, 47, 64, .16); transform: translateY(-4px); outline: 0; }
.gfm-award-card:nth-child(even):hover, .gfm-award-card:nth-child(even):focus-visible { border-color: #3d0a81; box-shadow: 0 0 0 1px rgba(61, 10, 129, .3), 0 12px 28px rgba(61, 10, 129, .2); }
.gfm-award-card:nth-child(odd):hover, .gfm-award-card:nth-child(odd):focus-visible { background: #007f78; }
.gfm-award-card:nth-child(even):hover, .gfm-award-card:nth-child(even):focus-visible { background: #4f07af; }
.gfm-award-card:nth-child(even) { border-color: #3d0a81; }
.gfm-award-card:nth-child(even) .gfm-award-card__icon { border-color: #b04fe0; }
.gfm-award-card:nth-child(even) .gfm-award-card__icon span { border-color: #b04fe0; }
.gfm-award-card__number { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #04ddcf; border-radius: 5px; color: #04ddcf; font-size: .8rem; font-weight: 700; }
.gfm-award-card:nth-child(even) .gfm-award-card__number { border-color: #b04fe0; color: #b04fe0; }
.gfm-award-card__icon { display: grid; place-items: center; width: 70px; height: 70px; margin: 0 auto 18px; border: 2px solid #04ddcf; border-radius: 50%; }
.gfm-award-card__icon i { color: #04ddcf; font-size: 2.8rem; line-height: 1; }
.gfm-award-card:nth-child(even) .gfm-award-card__icon i { color: #b04fe0; }
.gfm-award-card__icon span { width: 25px; height: 25px; border: 2px solid #04ddcf; transform: rotate(45deg); }
.gfm-award-card--safety .gfm-award-card__icon { border-color: #04ddcf; }
.gfm-award-card--safety .gfm-award-card__icon span { position: relative; width: 30px; height: 30px; border: 2px solid #04ddcf; transform: rotate(45deg); }
.gfm-award-card--safety .gfm-award-card__icon span::after { content: ''; position: absolute; width: 13px; height: 7px; left: 6px; top: 8px; border-left: 2px solid #04ddcf; border-bottom: 2px solid #04ddcf; transform: rotate(-45deg); }
.gfm-award-card--ingredient .gfm-award-card__icon { border-color: #b04fe0; }
.gfm-award-card--ingredient .gfm-award-card__icon span { position: relative; width: 34px; height: 30px; border: 0; transform: none; }
.gfm-award-card--ingredient .gfm-award-card__icon span::before, .gfm-award-card--ingredient .gfm-award-card__icon span::after { content: ''; position: absolute; width: 15px; height: 24px; border: 2px solid #b04fe0; border-radius: 100% 0 100% 0; }
.gfm-award-card--ingredient .gfm-award-card__icon span::before { left: 1px; top: 2px; transform: rotate(-35deg); }
.gfm-award-card--ingredient .gfm-award-card__icon span::after { right: 1px; top: 2px; transform: rotate(35deg) scaleX(-1); }
.gfm-award-card h2 { width: 100%; margin: 0; padding: 0 28px; color: #fff; font-size: 1rem; line-height: 1.65; text-align: center; text-transform: uppercase; }
.gfm-award-card__tag { position: absolute; top: 10px; right: 10px; padding: 4px 7px; background: #04ddcf; color: #08070d; font-size: .65rem; font-weight: 700; }
.gfm-award-card:nth-child(even) .gfm-award-card__tag { background: #4f07af; color: #fff; }
.gfm-award-card__description { position: absolute; inset: 0; display: grid; place-items: center; padding: 28px 20px; background: rgba(8, 7, 13, .97); opacity: 0; transition: none; }
.gfm-award-card:hover .gfm-award-card__description, .gfm-award-card:focus-visible .gfm-award-card__description { opacity: 1; }
.gfm-award-card:hover .gfm-award-card__description, .gfm-award-card:focus-visible .gfm-award-card__description { background: #4f07af; }
.gfm-award-card:nth-child(odd):hover .gfm-award-card__description, .gfm-award-card:nth-child(odd):focus-visible .gfm-award-card__description { background: #007f78; }
.gfm-award-card.is-open .gfm-award-card__description { opacity: 1; }
.gfm-award-card__description p { margin: 0; color: #fff; font-size: .95rem; line-height: 1.45; }
.gfm-awards-details { padding: 0 var(--nav-px, 24px) clamp(70px, 8vw, 120px); }
.gfm-awards-details__inner { max-width: 1000px; margin: 0 auto; text-align: center; }
.gfm-awards-details h2 { margin: 0 0 32px; color: #fff; font-size: clamp(1.5rem, 3vw, 2.6rem); }
.gfm-awards-dates { display: grid; gap: 0; border-top: 1px solid #59516d; text-align: left; }
.gfm-awards-dates p { display: flex; justify-content: space-between; gap: 24px; margin: 0; padding: 18px 0; border-bottom: 1px solid #59516d; color: #fff; }
.gfm-awards-dates span { text-align: right; }
.gfm-awards-cta { margin-top: 36px; }
@media (max-width: 991px) { .gfm-award-card { flex-basis: calc(33.333% - 11px); } }
@media (max-width: 767px) { .gfm-awards-categories__grid { gap: 12px; } .gfm-award-card { flex-basis: calc(50% - 6px); min-height: 215px; padding: 20px 12px; } .gfm-award-card h2 { font-size: .82rem; } }
@media (max-width: 420px) { .gfm-award-card { flex-basis: 100%; } }
@media (max-width: 600px) {
  .gfm-awards-details { padding: 0 16px 64px; }
  .gfm-awards-details__inner { width: 100%; }
  .gfm-awards-details h2 { margin-bottom: 24px; font-size: 1.55rem; line-height: 1.1; }
  .gfm-awards-dates p { display: grid; gap: 8px; padding: 16px 0; font-size: .95rem; line-height: 1.35; }
  .gfm-awards-dates span { text-align: left; }
}

/* Alternate local card design. Previous version saved in cards-backup.css. */
.gfm-award-card { border: 0; border-top: 3px solid #342f40; border-radius: 0; background: rgba(16, 14, 24, .94); box-shadow: inset 0 -3px 0 #342f40; }
.gfm-award-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #04ddcf; }
.gfm-award-card:nth-child(even) { border-top-color: #3d0a81; box-shadow: inset 0 -3px 0 #3d0a81; }
.gfm-award-card:nth-child(even)::before { background: #b04fe0; }
.gfm-award-card__number { top: 18px; left: 18px; border: 0; border-radius: 50%; background: #04ddcf; color: #08070d; }
.gfm-award-card:nth-child(even) .gfm-award-card__number { border: 0; background: #b04fe0; color: #08070d; }
.gfm-award-card__icon { width: 82px; height: 82px; margin-bottom: 24px; border-width: 1px; background: rgba(8, 7, 13, .55); }
.gfm-award-card__icon i { font-size: 3rem; }
.gfm-award-card h2 { font-size: 1.05rem; line-height: 1.45; }
.gfm-award-card:hover, .gfm-award-card:focus-visible { border-top-color: #04ddcf; background: #007f78; box-shadow: inset 0 -3px 0 #04ddcf, 0 14px 30px rgba(4, 221, 207, .18); }
.gfm-award-card:nth-child(even):hover, .gfm-award-card:nth-child(even):focus-visible { border-top-color: #b04fe0; background: #4f07af; box-shadow: inset 0 -3px 0 #b04fe0, 0 14px 30px rgba(176, 79, 224, .2); }

/* Design 3: glass card variation. Design 2 saved in industry-excellence-awards.design-2.css. */
.gfm-award-card { min-height: 270px; padding: 34px 24px 26px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(8,7,13,.86) 42%); box-shadow: 0 12px 28px rgba(0,0,0,.2); }
.gfm-award-card::before { top: 0; bottom: auto; width: 100%; height: 5px; background: linear-gradient(90deg, #04ddcf, #007f78); }
.gfm-award-card:nth-child(even) { border-color: rgba(176,79,224,.42); box-shadow: 0 12px 28px rgba(0,0,0,.2); }
.gfm-award-card:nth-child(even)::before { background: linear-gradient(90deg, #b04fe0, #4f07af); }
.gfm-award-card__number { top: 18px; left: auto; right: 18px; width: 28px; height: 28px; border-radius: 50%; background: transparent; border: 1px solid #04ddcf; color: #04ddcf; }
.gfm-award-card:nth-child(even) .gfm-award-card__number { background: transparent; border-color: #b04fe0; color: #b04fe0; }
.gfm-award-card__icon { width: 88px; height: 88px; margin-bottom: 24px; border: 0; background: rgba(4,221,207,.1); box-shadow: 0 0 0 8px rgba(4,221,207,.04); }
.gfm-award-card:nth-child(even) .gfm-award-card__icon { background: rgba(176,79,224,.12); box-shadow: 0 0 0 8px rgba(176,79,224,.05); }
.gfm-award-card:hover, .gfm-award-card:focus-visible { border-color: #04ddcf; background: linear-gradient(160deg, rgba(4,221,207,.24), rgba(8,7,13,.9) 60%); transform: translateY(-6px); }
.gfm-award-card:nth-child(even):hover, .gfm-award-card:nth-child(even):focus-visible { border-color: #b04fe0; background: linear-gradient(160deg, rgba(176,79,224,.28), rgba(8,7,13,.9) 60%); }

/* Design 4: bold flat variation. Design 3 saved in industry-excellence-awards.design-3.css. */
.gfm-award-card { min-height: 260px; padding: 30px 22px; border: 1px solid #342f40; border-radius: 0; background: #100e18; box-shadow: none; }
.gfm-award-card::before { top: auto; right: 0; bottom: 0; left: auto; width: 42px; height: 42px; clip-path: polygon(100% 0, 100% 100%, 0 100%); background: #04ddcf; }
.gfm-award-card:nth-child(even) { border-color: #3d0a81; }
.gfm-award-card:nth-child(even)::before { background: #b04fe0; }
.gfm-award-card__number { top: 18px; left: 18px; right: auto; width: 34px; height: 34px; border: 0; border-radius: 4px; background: #04ddcf; color: #08070d; }
.gfm-award-card:nth-child(even) .gfm-award-card__number { border: 0; background: #b04fe0; color: #08070d; }
.gfm-award-card__icon { width: 78px; height: 78px; margin-bottom: 22px; border: 2px solid #04ddcf; border-radius: 8px; background: transparent; box-shadow: none; }
.gfm-award-card:nth-child(even) .gfm-award-card__icon { border-color: #b04fe0; }
.gfm-award-card:hover, .gfm-award-card:focus-visible { border-color: #04ddcf; background: #007f78; box-shadow: none; transform: translateY(-4px); }
.gfm-award-card:nth-child(even):hover, .gfm-award-card:nth-child(even):focus-visible { border-color: #3d0a81; background: #4f07af; }
/* Figma card layout: square framed cards, three columns on desktop. */
.gfm-awards-categories__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gfm-award-card { display: flex; aspect-ratio: 1 / 1; min-height: 0; width: auto; padding: 0; border: 1px solid #59516d; background: #08070d; box-shadow: none; }
.gfm-award-card::before { display: none; }
.gfm-award-card:nth-child(even) { border-color: #59516d; }
.gfm-award-card__number { top: 7%; left: 7%; width: 28px; height: 28px; border: 0; border-radius: 0; background: transparent; color: #04ddcf; }
.gfm-award-card:nth-child(even) .gfm-award-card__number { border: 0; background: transparent; color: #04ddcf; }
.gfm-award-card__icon { width: 76px; height: 76px; margin-bottom: 28px; border: 1px solid #04ddcf; border-radius: 50%; background: transparent; box-shadow: none; }
.gfm-award-card:nth-child(even) .gfm-award-card__icon { border-color: #04ddcf; }
.gfm-award-card h2 { font-size: clamp(.8rem, 1.1vw, 1.15rem); line-height: 1.2; }
.gfm-award-card:hover, .gfm-award-card:focus-visible, .gfm-award-card:nth-child(even):hover, .gfm-award-card:nth-child(even):focus-visible { border-color: #59516d; background: #08070d; transform: none; }
.gfm-award-card__description { background: #08070d; border: 1px solid #04ddcf; }
.gfm-award-card__frame { position: relative; display: flex; flex: 0 0 63%; width: 63%; height: 63%; align-items: center; justify-content: center; flex-direction: column; gap: 18px; border: 1px solid #59516d; overflow: hidden; }
.gfm-award-card__frame .gfm-award-card__tag { top: -1px; right: -1px; }
.gfm-award-card__frame .gfm-award-card__description { inset: 0; z-index: 2; }
.gfm-award-card__frame .gfm-award-card__icon { flex: 0 0 auto; width: 76px; height: 76px; margin: 0; }
.gfm-award-card__frame h2 { flex: 0 0 auto; margin-top: auto; margin-bottom: 22px; }
@media (max-width: 991px) { .gfm-awards-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .gfm-awards-categories__grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .gfm-award-card__frame { width: 78%; height: 72%; } }
.gfm-award-card__frame { align-items: flex-start; justify-content: flex-start; gap: 0; }
.gfm-award-card__frame .gfm-award-card__icon { margin: 23px 0 0 23px; }
.gfm-award-card__frame h2 { align-self: auto; width: calc(100% - 46px); margin: auto 23px 23px; padding: 0; text-align: left; font-weight: 400; text-transform: none; }
.gfm-award-card { background-color: #08070d; background-image: linear-gradient(45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%); background-size: 18.5% 18.5%, 18.5% 18.5%, 19% 19%, 19% 19%; background-position: top left, top right, bottom right, bottom left; background-repeat: no-repeat; }
.gfm-award-card:hover .gfm-award-card__frame,
.gfm-award-card:focus-visible .gfm-award-card__frame,
.gfm-award-card.is-open .gfm-award-card__frame { width: 85%; height: 85%; transition: width .25s ease, height .25s ease; }
.gfm-award-card:hover .gfm-award-card__frame h2,
.gfm-award-card:focus-visible .gfm-award-card__frame h2,
.gfm-award-card.is-open .gfm-award-card__frame h2 { margin-bottom: 155px; }
.gfm-award-card:hover .gfm-award-card__description,
.gfm-award-card:focus-visible .gfm-award-card__description,
.gfm-award-card.is-open .gfm-award-card__description { display: flex; align-items: flex-end; justify-content: flex-start; padding: 0 23px 28px; background: transparent; border: 0; }
.gfm-award-card:hover .gfm-award-card__description p,
.gfm-award-card:focus-visible .gfm-award-card__description p,
.gfm-award-card.is-open .gfm-award-card__description p { max-width: 427px; font-size: clamp(.8rem, 1vw, 1.25rem); line-height: 1.2; }
.gfm-award-card:hover,
.gfm-award-card:focus-visible,
.gfm-award-card.is-open { background-size: 8% 8%, 8% 8%, 8% 8%, 8% 8%; }
.gfm-award-card:hover,
.gfm-award-card:focus-visible,
.gfm-award-card.is-open { border-color: #59516d; box-shadow: none; transform: translateY(-4px); }
.gfm-award-card:hover,
.gfm-award-card:focus-visible,
.gfm-award-card.is-open { background-color: #08070d; }
.gfm-award-card:nth-child(odd):hover,
.gfm-award-card:nth-child(odd):focus-visible,
.gfm-award-card:nth-child(odd).is-open,
.gfm-award-card:nth-child(even):hover,
.gfm-award-card:nth-child(even):focus-visible,
.gfm-award-card:nth-child(even).is-open { background-color: #08070d !important; }
.gfm-award-card:hover,
.gfm-award-card:focus-visible,
.gfm-award-card.is-open { background-image: linear-gradient(45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%); }
.gfm-award-card:nth-child(odd):hover .gfm-award-card__description,
.gfm-award-card:nth-child(odd):focus-visible .gfm-award-card__description,
.gfm-award-card:nth-child(odd).is-open .gfm-award-card__description,
.gfm-award-card:nth-child(even):hover .gfm-award-card__description,
.gfm-award-card:nth-child(even):focus-visible .gfm-award-card__description,
.gfm-award-card:nth-child(even).is-open .gfm-award-card__description { background: transparent !important; }
.gfm-award-card:hover .gfm-award-card__frame,
.gfm-award-card:focus-visible .gfm-award-card__frame,
.gfm-award-card.is-open .gfm-award-card__frame { width: 85% !important; height: 85% !important; }
.gfm-award-card:hover .gfm-award-card__frame .gfm-award-card__icon,
.gfm-award-card:focus-visible .gfm-award-card__frame .gfm-award-card__icon,
.gfm-award-card.is-open .gfm-award-card__frame .gfm-award-card__icon { position: absolute; top: 30px; left: 30px; width: 64px; height: 64px; margin: 0; }
.gfm-award-card:hover .gfm-award-card__frame h2,
.gfm-award-card:focus-visible .gfm-award-card__frame h2,
.gfm-award-card.is-open .gfm-award-card__frame h2 { position: absolute; top: 56%; left: 23px; width: calc(100% - 46px); margin: 0; text-align: left; }
.gfm-award-card:hover .gfm-award-card__description,
.gfm-award-card:focus-visible .gfm-award-card__description,
.gfm-award-card.is-open .gfm-award-card__description { top: 79%; right: 23px; bottom: auto; left: 23px; display: block; padding: 0; text-align: left; }
.gfm-award-card:hover .gfm-award-card__description p,
.gfm-award-card:focus-visible .gfm-award-card__description p,
.gfm-award-card.is-open .gfm-award-card__description p { max-width: 427px; text-align: left; }
.gfm-award-card:hover,
.gfm-award-card:focus-visible,
.gfm-award-card.is-open { background-size: 18.5% 18.5%, 18.5% 18.5%, 19% 19%, 19% 19%; }
.gfm-award-card:hover .gfm-award-card__frame,
.gfm-award-card:focus-visible .gfm-award-card__frame,
.gfm-award-card.is-open .gfm-award-card__frame { width: 63% !important; height: 63% !important; }
.gfm-award-card:nth-child(odd):hover,
.gfm-award-card:nth-child(odd):focus-visible,
.gfm-award-card:nth-child(odd).is-open,
.gfm-award-card:nth-child(even):hover,
.gfm-award-card:nth-child(even):focus-visible,
.gfm-award-card:nth-child(even).is-open { background-image: linear-gradient(45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%), linear-gradient(-45deg, transparent 49%, #59516d 49.5%, #59516d 50.5%, transparent 51%) !important; background-size: 16% 16%, 16% 16%, 16% 16%, 16% 16% !important; background-position: top left, top right, bottom right, bottom left !important; background-repeat: no-repeat !important; }

/* Supplied Figma sprite: first card has exact normal and hover artwork. */
.svg-card { position: relative; width: min(100%, 640px); aspect-ratio: 640 / 642; overflow: hidden; cursor: pointer; background: #08070d; }
.svg-card::before,
.svg-card::after { content: ''; position: absolute; inset: 0; background-image: url('/gfm-revamp-2026/wp-content/themes/gulfoodmanufacturing/assets/images/industry-awards-hover-sprite.svg'); background-repeat: no-repeat; background-size: 209.0625% 100%; transition: opacity 1.8s cubic-bezier(.22, 1, .36, 1); will-change: opacity; }
.svg-card::before { background-position: 0% 0%; opacity: 1; z-index: 1; }
.svg-card::after { background-position: 99.8567% 0%; opacity: 0; z-index: 2; }
.svg-card:hover::before, .svg-card:focus-visible::before { opacity: 0; }
.svg-card:hover::after, .svg-card:focus-visible::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .svg-card::before, .svg-card::after { transition: none; } }

.badge-row { display: grid; grid-template-columns: 1fr; gap: 20px; width: 100%; margin: 0 auto; }
.badge-wrap { width: 100%; margin: 0 auto; }
.badge-wrap svg { width: 100%; height: auto; display: block; }
.badge-content { margin: 0; }
.badge-title { max-width: 320px; margin: 0; font-family: sans-serif; font-weight: 600; font-size: 28px; line-height: 1.25; color: #fff; }
.badge-desc { margin: 10px 0 0; font-family: sans-serif; font-weight: 400; font-size: 18px; line-height: 1.35; color: #c9c6d4; opacity: 0; transform: translateY(10px); transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
.badge-wrap:hover .badge-desc, .badge-wrap:focus-within .badge-desc { opacity: 1; transform: translateY(0); }
#icon-shift, #content-box, #inner-square, #corner-tl, #corner-tr, #corner-br, #corner-bl, #new-tag, #diag-tl, #diag-tr, #diag-br, #diag-bl { transition: transform .4s ease-in-out; }
#diag-tl, #diag-tr, #diag-br, #diag-bl { transform-box: view-box; }
.badge-wrap:hover #icon-shift, .badge-wrap:focus-within #icon-shift { transform: translate(-21px, -16px); }
.badge-wrap:hover #content-box, .badge-wrap:focus-within #content-box { transform: translate(-21px, 0); }
.badge-wrap:hover #inner-square, .badge-wrap:focus-within #inner-square { x: 40.853485px; y: 40.854px; width: 559px; height: 560px; }
.badge-wrap:hover #corner-tl, .badge-wrap:focus-within #corner-tl { x: 32.3539px; y: 33.3539px; }
.badge-wrap:hover #corner-tr, .badge-wrap:focus-within #corner-tr { x: 592.3539px; y: 32.3539px; }
.badge-wrap:hover #corner-br, .badge-wrap:focus-within #corner-br { x: 594.3539px; y: 595.3539px; }
.badge-wrap:hover #corner-bl, .badge-wrap:focus-within #corner-bl { x: 31.3539px; y: 595.3539px; }
.badge-wrap:hover #diag-tl, .badge-wrap:hover #diag-tr, .badge-wrap:hover #diag-br, .badge-wrap:hover #diag-bl, .badge-wrap:focus-within #diag-tl, .badge-wrap:focus-within #diag-tr, .badge-wrap:focus-within #diag-br, .badge-wrap:focus-within #diag-bl { transform: scale(.666667); }
.badge-wrap:hover #new-tag, .badge-wrap:focus-within #new-tag { transform: translate(20px, -20px); }
@media (min-width: 640px) { .badge-row { grid-template-columns: repeat(3, 1fr); gap: 20px; } }
@media (max-width: 639px) { .badge-title { max-width: 420px; } }
.svg-card::before,
.svg-card::after { transform: scale(1); transform-origin: center; transition: opacity 1.8s cubic-bezier(.22, 1, .36, 1), transform 1.8s cubic-bezier(.22, 1, .36, 1); }
.svg-card::after { transform: scale(1.06); }
.svg-card:hover::before, .svg-card:focus-visible::before { transform: scale(.97); }
.svg-card:hover::after, .svg-card:focus-visible::after { transform: scale(1); }


/* Shared intro layout for the Exhibit-style Awards hero. */
.industry-awards-intro { padding: clamp(40px, 6vw, 88px) var(--nav-px, 24px); background: #08070d; }
.industry-awards-intro__inner { width: min(1400px, 100%); margin: 0 auto; }
.industry-awards-intro img { display: block; width: 100%; height: auto; }
.industry-awards-intro__copy { max-width: 900px; margin: clamp(32px, 5vw, 64px) auto 0; color: #fff; font-size: clamp(1rem, 1.3vw, 1.25rem); line-height: 1.55; text-align: center; }
.industry-awards-intro__copy p { margin: 0 0 20px; }
.industry-awards-intro__copy p:last-child { margin-bottom: 0; color: #04ddcf; }
@media (max-width: 600px) { .industry-awards-intro { padding: 32px 16px 56px; } .industry-awards-intro__copy { margin-top: 28px; text-align: left; } }


/* Full-width Awards banner; keep copy constrained below. */
.industry-awards-intro__inner > img { width: calc(100% + (2 * var(--nav-px, 24px))); max-width: none; margin-left: calc(-1 * var(--nav-px, 24px)); }


/* Align Awards heading with the header content gutter. */
.industry-awards-hero .inner-page-hero__title { left: var(--nav-px) !important; right: auto !important; transform: none !important; width: calc(100% - (2 * var(--nav-px))) !important; }
.industry-awards-hero .inner-page-hero__title h1 { width: 100% !important; }


/* Staging Awards intro full width and eyebrow hidden. */
.industry-awards-intro__inner { width: 100%; }
.gfm-awards-gold__eyebrow { display: none; }


/* Add breathing room above the Dates to Remember title. */
.gfm-awards-details { padding-top: clamp(32px, 4vw, 64px); }

/* Staging: keep award descriptions visible below each title. */
.gfm-awards-gold-card p { position: static; inset: auto; display: block; width: auto; max-width: 300px; box-sizing: border-box; margin: 14px 0 0; padding: 0; overflow: visible; background: transparent; color: rgba(255, 255, 255, .82); font-size: clamp(.78rem, .9vw, 1rem); line-height: 1.42; opacity: 1; transform: none; transition: none; }
.gfm-awards-gold-card:hover p, .gfm-awards-gold-card:focus-within p { opacity: 1; transform: none; }
@media (max-width: 700px) { .gfm-awards-gold-card p { position: static; inset: auto; width: auto; max-width: 100%; min-height: 0; margin: 12px 0 0; padding: 0; font-size: .84rem; } }

/* Staging: numbered award SVG icons. */
.gfm-awards-gold-card__icon img { display: block; width: 68%; height: 68%; object-fit: contain; }
/* Staging: award icon sizing. */
.gfm-awards-gold-card__icon img { width: auto; height: 44px; }
/* Staging: smooth gold award-card hover treatment. */
.gfm-awards-gold-card { transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease; }
.gfm-awards-gold-card:hover { transform: translateY(-5px); border-color: #efbc58; background: linear-gradient(145deg, rgba(58, 37, 12, .96), rgba(18, 12, 5, .96)); box-shadow: 0 14px 28px rgba(239, 188, 88, .16), inset 0 0 0 1px rgba(255, 219, 125, .2); }
.gfm-awards-gold-card:hover .gfm-awards-gold-card__icon { border-color: #ffd77a; box-shadow: 0 0 0 8px rgba(239, 188, 88, .1), 0 0 18px rgba(239, 188, 88, .18); transition: border-color .35s ease, box-shadow .35s ease; }
/* Staging: three award cards per row. */
.gfm-awards-gold__grid { display: flex; flex-wrap: wrap; gap: 14px; }
.gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { flex: 0 1 calc(33% - 9px); width: calc(33% - 9px); grid-column: auto; }
@media (max-width: 900px) { .gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { flex-basis: calc(50% - 7px); width: calc(50% - 7px); } }
@media (max-width: 700px) { .gfm-awards-gold-card, .gfm-awards-gold-card:nth-child(4), .gfm-awards-gold-card:nth-child(7), .gfm-awards-gold-card:nth-child(10) { flex-basis: 100%; width: 100%; } }
/* Staging: remove top gap above Awards intro. */
section.industry-awards-intro { padding-top: 0; }


/* Codex staging: hide awards inner hero and modernize dates. */
.inner-page-hero.industry-awards-hero { display: none !important; }
.industry-awards-intro { padding-top: 40px !important; }
.gfm-awards-dates-modern { display: grid; gap: 14px; width: 100%; }
.gfm-awards-modern-row { display: flex; align-items: center; gap: 22px; padding: 20px 24px; border: 1px solid rgb(186 186 186 / 35%); background: #0b0810; transition: background 0.3s ease, border-color 0.3s ease; }
.gfm-awards-modern-row:hover {  border-color: #04ddcf; }
.gfm-awards-modern-number { display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center; border: 1px solid #fff; border-radius: 50%; color: #04ddcf; font-size: 14px; font-weight: 600; }
.gfm-awards-modern-info { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; }
.gfm-awards-modern-info h3 { margin: 0; color: #fff; font-size: 19px; font-weight: 500; line-height: 1.3; }
.gfm-awards-modern-info p { margin: 0; color: #04ddcf; font-size: 16px; font-weight: 400; line-height: 1.4; text-align: right; }
@media (max-width: 700px) { .industry-awards-intro { padding-top: 24px !important; } .gfm-awards-modern-row { align-items: flex-start; padding: 18px; } .gfm-awards-modern-info { display: block; } .gfm-awards-modern-info p { margin-top: 8px; text-align: left; } }


/* Codex staging: intro CTA and date hover cleanup. */
.gfm-awards-modern-row:hover { border-color: transparent !important; }
.industry-awards-intro__cta { display: flex; justify-content: center; margin-top: 28px; }
.industry-awards-intro__cta .btn { display: inline-flex; }


/* Codex staging: awards intro text and date hover border color. */
.industry-awards-intro__copy p:last-of-type { color: #04ddcf !important; }
.gfm-awards-modern-row:hover { border-color: rgb(186 186 186 / 35%) !important; }


/* Codex staging: intro padding follows header height. */
.industry-awards-intro { padding-top: var(--nav-h, 120px) !important; }
@media (max-width: 700px) { .industry-awards-intro { padding-top: var(--nav-h, 92px) !important; } }