/* ============================================================ Next Practice Awards — 2027 Page Refresh (June 2026) Scoped styles: all custom classes prefixed .npa- to avoid collisions with global i4cp / Bootstrap styles. ============================================================ */ /* The .application wrapper has overflow-hidden, so negative margins won't work. Instead we use a width override on the page wrapper and rely on the post-content container having no horizontal padding. */ .npa-page { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } /* Strip padding/margin from the direct CMS containers above npa-page so the full-width sections can actually reach the edges */ .post-content { padding-left: 0 !important; padding-right: 0 !important; } .main-content-container > .container { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; width: 100% !important; } .npa-page { --npa-navy-900: #101e3c; --npa-navy-800: #16264c; --npa-navy-700: #1c2f5c; --npa-navy-600: #24386a; --npa-teal: #12a096; --npa-teal-bright: #17b3a8; --npa-orange: #f8a01d; --npa-orange-hover: #ffb13a; --npa-text-soft: rgba(255, 255, 255, 0.85); --npa-text-dim: rgba(255, 255, 255, 0.6); background-color: var(--npa-navy-800); background-image: radial-gradient(ellipse 120% 60% at 50% 0%, rgba(16, 30, 60, 0.9) 0%, rgba(22, 38, 76, 0) 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none'%3E%3Crect x='40' y='60' width='10' height='16' rx='2' fill='%23ffffff' opacity='.06' transform='rotate(24 45 68)'/%3E%3Crect x='330' y='110' width='9' height='15' rx='2' fill='%23f8a01d' opacity='.07' transform='rotate(-32 334 117)'/%3E%3Crect x='180' y='30' width='8' height='14' rx='2' fill='%2317b3a8' opacity='.07' transform='rotate(58 184 37)'/%3E%3Crect x='90' y='300' width='10' height='16' rx='2' fill='%23ffffff' opacity='.05' transform='rotate(-18 95 308)'/%3E%3Crect x='280' y='350' width='9' height='15' rx='2' fill='%23ffffff' opacity='.06' transform='rotate(40 284 357)'/%3E%3Crect x='370' y='250' width='8' height='13' rx='2' fill='%23f8a01d' opacity='.06' transform='rotate(-50 374 256)'/%3E%3Ccircle cx='240' cy='200' r='4' fill='%23ffffff' opacity='.05'/%3E%3Ccircle cx='60' cy='180' r='3' fill='%2317b3a8' opacity='.06'/%3E%3Cpath d='M140 380 q10 -14 20 0 t20 0' stroke='%23ffffff' stroke-width='3' opacity='.05' stroke-linecap='round'/%3E%3Cpath d='M310 40 q8 -12 16 0 t16 0' stroke='%23f8a01d' stroke-width='3' opacity='.06' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"); color: #fff !important; overflow-x: hidden; } /* ---------- Hero ---------- */ .npa-hero { position: relative; background-image: linear-gradient(180deg, rgba(16, 30, 60, 0.82) 0%, rgba(20, 34, 68, 0.88) 55%, var(--npa-navy-800) 100%), url("https://content.i4cp.com/images/image_uploads/0001/1051/DSC00977.jpg?1781127394"); background-size: cover; background-position: center 30%; padding: 8rem 0 10rem; overflow: hidden; } .npa-hero::before { content: ""; position: absolute; inset: -420px 0 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none'%3E%3Crect x='40' y='60' width='10' height='16' rx='2' fill='%23ffffff' opacity='.10' transform='rotate(24 45 68)'/%3E%3Crect x='330' y='110' width='9' height='15' rx='2' fill='%23f8a01d' opacity='.12' transform='rotate(-32 334 117)'/%3E%3Crect x='180' y='30' width='8' height='14' rx='2' fill='%2317b3a8' opacity='.12' transform='rotate(58 184 37)'/%3E%3Crect x='90' y='300' width='10' height='16' rx='2' fill='%23ffffff' opacity='.09' transform='rotate(-18 95 308)'/%3E%3Crect x='280' y='350' width='9' height='15' rx='2' fill='%23ffffff' opacity='.10' transform='rotate(40 284 357)'/%3E%3Crect x='370' y='250' width='8' height='13' rx='2' fill='%23f8a01d' opacity='.10' transform='rotate(-50 374 256)'/%3E%3Ccircle cx='240' cy='200' r='4' fill='%23ffffff' opacity='.09'/%3E%3Ccircle cx='60' cy='180' r='3' fill='%2317b3a8' opacity='.10'/%3E%3C/g%3E%3C/svg%3E"); animation: npa-confetti-drift 90s linear infinite; pointer-events: none; } @keyframes npa-confetti-drift { from { transform: translateY(0); } to { transform: translateY(420px); } } .npa-hero .container { position: relative; z-index: 1; } .npa-hero h1 { font-size: clamp(3.5rem, 7vw, 6rem); font-weight: 700; letter-spacing: -0.01em; } .npa-deadline { color: var(--npa-orange); font-weight: 600; font-size: 0.95rem; letter-spacing: 0.02em; } .npa-btn-teal { background-color: var(--npa-teal); border: none; color: #fff; font-weight: 600; } .npa-btn-teal:hover, .npa-btn-teal:focus-visible { background-color: var(--npa-teal-bright); color: #fff; } .npa-btn-orange { background-color: var(--npa-orange); border: none; color: #fff; font-weight: 600; } .npa-btn-orange:hover, .npa-btn-orange:focus-visible { background-color: var(--npa-orange-hover); color: #fff; } .npa-btn-outline { background: transparent; border: 1px solid rgba(255, 255, 255, 0.65); color: #fff; font-weight: 600; } .npa-btn-outline:hover, .npa-btn-outline:focus-visible { border-color: #fff; background: rgba(255, 255, 255, 0.08); color: #fff; } /* ---------- How it works ---------- */ .npa-step-num { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--npa-teal-bright); color: var(--npa-teal-bright); font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .npa-step p { color: var(--npa-text-soft); line-height: 1.55; } /* ---------- Closing CTA band ---------- */ .npa-closing { background: linear-gradient(180deg, var(--npa-navy-800) 0%, var(--npa-navy-900) 100%); border-top: 1px solid rgba(23, 179, 168, 0.35); } .npa-btn-teal:focus-visible, .npa-btn-orange:focus-visible, .npa-page a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } /* ---------- Benefit photo cards ---------- */ .npa-benefit-card { border: 1px solid rgba(23, 179, 168, 0.55); border-radius: 0.75rem; overflow: hidden; position: relative; background-color: var(--npa-navy-700); height: 100%; min-height: 400px; } .npa-benefit-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; } .npa-benefit-card .npa-benefit-caption { position: absolute; inset: 0; display: flex; align-items: flex-end; background: linear-gradient(180deg, rgba(16, 30, 60, 0) 30%, rgba(16, 30, 60, 0.55) 62%, rgba(16, 30, 60, 0.97) 100%); padding: 1.25rem 1.5rem; } .npa-benefit-caption p { font-size: 1rem; font-weight: 600; line-height: 1.5; text-align: center; width: 100%; text-shadow: 0 1px 4px rgba(10, 18, 38, 0.7); } /* ---------- Winner logos ---------- */ .npa-logo-row { flex-wrap: nowrap; } .npa-logo-row img { height: 40px; width: auto; flex-shrink: 0; filter: brightness(0) invert(1); opacity: 0.9; } .npa-logo-row img:nth-child(1) { height: 30px; } /* Lumen */ .npa-logo-row img:nth-child(2) { height: 36px; } /* Scripps */ .npa-logo-row img:nth-child(3) { height: 52px; } /* Mondelez — script needs room */ .npa-logo-row img:nth-child(4) { height: 30px; } /* Greif */ @media (max-width: 767.98px) { .npa-logo-row { flex-wrap: wrap; } .npa-logo-row img, .npa-logo-row img:nth-child(1), .npa-logo-row img:nth-child(2), .npa-logo-row img:nth-child(3), .npa-logo-row img:nth-child(4) { height: 28px; max-width: 130px; } } /* ---------- Winners receive panel ---------- */ .npa-receive-panel { background: linear-gradient(180deg, rgba(36, 56, 106, 0.55) 0%, rgba(28, 47, 92, 0.55) 100%); border: 1px solid rgba(23, 179, 168, 0.45); border-radius: 1.25rem; backdrop-filter: blur(2px); } .npa-receive-panel h2 { color: var(--npa-orange); font-weight: 700; font-size: clamp(1.75rem, 4vw, 2.5rem); } .npa-arrow-list { list-style: none; padding-left: 0; margin-bottom: 0; } .npa-arrow-list li { position: relative; padding-left: 2rem; margin-bottom: 1rem; color: var(--npa-text-soft); line-height: 1.6; } .npa-arrow-list li::before { content: "\2192"; position: absolute; left: 0; top: 0; color: var(--npa-orange); font-weight: 700; } .npa-fine-print { color: var(--npa-text-dim); font-size: 0.8rem; font-style: italic; } /* ---------- Glambot section ---------- */ .npa-glambot { background: linear-gradient(180deg, var(--npa-navy-900) 0%, #0a1428 100%); border-top: 1px solid rgba(23, 179, 168, 0.2); border-bottom: 1px solid rgba(23, 179, 168, 0.2); } .npa-glambot-video-wrap { position: relative; border-radius: 0.75rem; overflow: hidden; background: #000; } .npa-glambot-video-wrap video { width: 100%; display: block; } .npa-unmute-btn { position: absolute; bottom: 16px; right: 16px; background: rgba(0, 0, 0, 0.55); color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; padding: 6px 14px; font-size: 13px; cursor: pointer; backdrop-filter: blur(4px); transition: background 0.2s; } .npa-unmute-btn:hover { background: rgba(0, 0, 0, 0.75); } /* ---------- Conference photo marquee ---------- */ .npa-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%); } .npa-marquee-track { display: flex; width: max-content; animation: npa-marquee-scroll 60s linear infinite; } .npa-marquee:hover .npa-marquee-track, .npa-marquee:focus-within .npa-marquee-track { animation-play-state: paused; } .npa-marquee-track a { display: block; height: 230px; margin-right: 1.25rem; border-radius: 0.5rem; overflow: hidden; flex-shrink: 0; } .npa-marquee-track img { height: 100%; width: auto; display: block; } @keyframes npa-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (max-width: 767.98px) { .npa-marquee-track a { height: 160px; margin-right: 0.75rem; } .npa-hero { padding: 5rem 0 6.5rem; } } @media (prefers-reduced-motion: reduce) { .npa-hero::before { animation: none; } .npa-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; } .npa-marquee-track { animation: none; } .npa-marquee-dup { display: none !important; } }

Next Practice Awards

Your organization is innovating. Here’s how to get recognized for it.

If your organization has implemented a cutting-edge people practice, taken a bold new approach to employee support or culture, or found a smarter way to advance your field: this is your moment to be recognized.

Submit Your Application Download Entry Form

Application deadline: November 3, 2026

A winner receiving their trophy on stage at the i4cp Member Awards

Get recognized as leading the way in HR, talent, and workforce innovations

Winners and presenters together on stage at the i4cp Member Awards

Share your innovations with i4cp’s exclusive member community

Three award winners celebrating with their trophies at the i4cp Member Awards

Elevate your organization’s profile and showcase the talent leadership driving your results

How the Process Works

Complete the online application and attach the completed entry form by November 3, 2026. Both are required.

i4cp reviews every submission and selects this year’s finalists and winning organizations. All entries are published on i4cp.com.

Winners are honored on stage at the 2027 Next Practices Now Conference — with an Award ceremony and evening celebration.

Our 2026 Winners

Four organizations that turned bold people practices into business results. All winning entries are published on i4cp.com.

See Full List

What will winners receive?

One free ticket for winner to i4cp’s 2027 Next Practices Now Conference ($4,395 value) *
Feature at i4cp’s 2027 Next Practices Now Conference — including the Awards ceremony and evening celebration
Next Practice Award trophy
Prominent display alongside past winners as a leading organization on i4cp website and materials
Published case study, press release, and media promotion on i4cp.com — plus opportunities to present to the i4cp member community

*Restrictions apply: Only one free ticket per winner. Ticket cannot be retrospectively applied to an already purchased ticket. Only applicable for 2027 conference.

The Experience

More than an award.
A moment.

i4cp selects this year’s finalists and winning organizations from among all entries. Winners are celebrated live at the Next Practices Now Conference — one of the most connected gatherings in human capital — with an Award ceremony, recognition on stage, and an evening celebration with peers from the world’s leading organizations.

Questions? Reach out to awards@i4cp.com