body { font-family: ‘Georgia’, serif; line-height: 1.8; color: #2d2d2d; max-width: 880px; margin: 0 auto; padding: 20px; background: #fffaf0; }

/* Dr Pepper / Flavor Lab Theme */
:root {
–primary: #711f25; /* Dr Pepper Maroon */
–secondary: #d4a0a7; /* Fizzy Pink */
–accent: #c41e3a; /* Bright Red */
–cream: #fffaf0;
–white: #ffffff;
–text: #333333;
–label: #f2e6d9; /* Vintage Label Color */
}

h1 { font-family: ‘Helvetica Neue’, sans-serif; font-size: 38px; font-weight: 900; color: var(–primary); margin-bottom: 10px; line-height: 1.1; letter-spacing: -1px; text-transform: uppercase; }
h2 { font-family: ‘Helvetica Neue’, sans-serif; font-size: 28px; font-weight: 800; color: var(–text); margin-top: 40px; margin-bottom: 16px; border-bottom: 4px solid var(–primary); display: inline-block; padding-bottom: 5px; }
h3 { font-size: 22px; font-weight: 700; color: #555; margin-top: 30px; margin-bottom: 12px; }
p { margin-bottom: 18px; font-size: 18px; color: #444; }

.intro { font-size: 20px; font-weight: 500; color: var(–primary); background: var(–white); border: 2px solid var(–primary); padding: 30px; margin: 30px 0; border-radius: 12px; box-shadow: 5px 5px 0px rgba(113, 31, 37, 0.2); }

/* The Bait Widget */
.giveaway-container { margin: 40px auto; max-width: 880px; }
.countdown-box { background: var(–primary); border: 4px solid var(–primary); border-bottom: none; border-radius: 16px 16px 0 0; padding: 25px; text-align: center; color: var(–white); }
.countdown-title { color: var(–white); font-size: 26px; font-weight: 900; text-transform: uppercase; margin: 0 0 8px; letter-spacing: 1px; font-family: ‘Helvetica Neue’, sans-serif; font-style: italic; }
.countdown-subtitle { color: #ffcccc; font-size: 14px; margin: 0 0 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }

.countdown-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 500px; margin: 0 auto; }
.timer-cell { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.4); border-radius: 8px; padding: 10px; color: var(–white); }
.timer-num { display: block; font-size: 34px; font-weight: 900; line-height: 1; font-family: ‘Arial Black’, sans-serif; }
.timer-label { display: block; font-size: 10px; text-transform: uppercase; margin-top: 5px; font-weight: 700; color: #ffcccc; }

.giveaway-box { background: #fff; border: 4px solid var(–primary); border-top: none; border-radius: 0 0 16px 16px; padding: 40px 30px; text-align: center; position: relative; box-shadow: 0 15px 35px rgba(113, 31, 37, 0.15); }
.giveaway-badge { position: absolute; top: -20px; right: 50%; transform: translateX(50%); background: var(–white); color: var(–primary); padding: 10px 40px; border-radius: 50px; font-size: 14px; font-weight: 900; text-transform: uppercase; box-shadow: 0 4px 12px rgba(0,0,0,0.1); border: 2px solid var(–primary); white-space: nowrap; }

.giveaway-headline { font-size: 34px; font-weight: 900; margin: 25px 0 15px; color: var(–text); text-transform: uppercase; letter-spacing: -1px; font-family: ‘Helvetica Neue’, sans-serif; }
.giveaway-description { font-size: 18px; color: #666; margin: 0 auto 30px; line-height: 1.6; max-width: 650px; font-family: ‘Georgia’, serif; }

.enter-button { display: inline-block; background: var(–primary); color: var(–white); font-family: ‘Helvetica Neue’, sans-serif; font-size: 24px; font-weight: 900; padding: 20px 60px; border-radius: 50px; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 20px rgba(113, 31, 37, 0.4); transition: transform 0.2s; text-transform: uppercase; letter-spacing: 1px; }
.enter-button:hover { transform: translateY(-3px); background: #5a181d; }

/* Popups */
.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 4px solid var(–primary); padding: 30px 40px; font-size: 22px; font-weight: 800; color: var(–primary); text-align: center; z-index: 10000; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); max-width: 90%; width: 450px; font-family: ‘Helvetica Neue’, sans-serif; }

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 4px solid var(–primary); padding: 35px 45px; text-align: center; z-index: 10001; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); max-width: 90%; width: 500px; }
.skip-popup-title { font-size: 26px; font-weight: 900; color: var(–primary); margin: 0 0 15px; font-family: ‘Helvetica Neue’, sans-serif; }
.skip-yes-button { display: inline-block; background: var(–primary); color: var(–white); font-size: 20px; font-weight: 900; padding: 15px 40px; border-radius: 50px; border: none; cursor: pointer; margin-top: 15px; text-transform: uppercase; letter-spacing: 1px; }

/* Entry Section */
.entry-section { background: var(–label); border: 2px solid #ccc; border-radius: 12px; padding: 30px; margin-top: 40px; text-align: center; }
.entry-section h3 { color: var(–primary); font-size: 30px; font-weight: 900; margin: 0 0 25px; text-transform: uppercase; letter-spacing: -1px; font-family: ‘Helvetica Neue’, sans-serif; }

.final-enter-button { display: block; background: linear-gradient(to right, var(–primary), #8e282f); color: var(–white); font-size: 24px; font-weight: 900; padding: 25px; border-radius: 8px; text-decoration: none; margin: 25px auto; max-width: 450px; box-shadow: 0 10px 25px rgba(113, 31, 37, 0.3); transition: transform 0.2s; text-transform: uppercase; font-family: ‘Helvetica Neue’, sans-serif; }
.final-enter-button:hover { transform: scale(1.02); }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; text-align: left; }
.recap-box { background: #fff; border-top: 5px solid var(–primary); padding: 20px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.recap-box h4 { color: var(–primary); font-size: 18px; font-weight: 900; text-transform: uppercase; margin: 0 0 15px; letter-spacing: 1px; font-family: ‘Helvetica Neue’, sans-serif; }
.recap-box dl { font-size: 14px; line-height: 1.6; margin: 0; }
.recap-box dt { font-weight: 700; color: #000; margin-top: 8px; }
.recap-box dd { margin: 0; color: #444; }

/* Raw Ad Spacing */
ins.adsbygoogle { margin: 30px 0; }

/* CSS FIGURES */
.figure-container { margin: 30px auto; max-width: 600px; text-align: center; }
.figure-caption { font-size: 14px; color: #777; margin-top: 10px; font-style: italic; font-weight: 600; font-family: ‘Helvetica Neue’, sans-serif; }

/* FIGURE 1: Flavor Wheel */
.flavor-wheel { width: 250px; height: 250px; border-radius: 50%; background: conic-gradient(#e57373 0% 20%, #ba68c8 20% 40%, #64b5f6 40% 60%, #81c784 60% 80%, #ffb74d 80% 100%); margin: 0 auto; border: 5px solid #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.1); position: relative; }
.fw-center { position: absolute; width: 80px; height: 80px; background: var(–white); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; font-weight: bold; font-family: ‘Helvetica Neue’, sans-serif; font-size: 12px; text-align: center; color: var(–primary); box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.fw-label { position: absolute; font-size: 10px; font-weight: bold; font-family: sans-serif; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }

/* FIGURE 2: Taste Bud Anatomy */
.tongue-map { width: 200px; height: 260px; background: #ffcdd2; border-radius: 50% 50% 40% 40%; margin: 0 auto; position: relative; border: 3px solid #ef9a9a; }
.tm-zone { position: absolute; border: 2px dashed rgba(255,255,255,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; color: #b71c1c; font-family: sans-serif; }
.tm-sweet { bottom: 20px; left: 50%; transform: translateX(-50%); width: 60px; height: 40px; background: rgba(255,255,255,0.3); }
.tm-salty { bottom: 60px; left: 20px; width: 40px; height: 60px; background: rgba(255,255,255,0.3); }
.tm-salty-r { bottom: 60px; right: 20px; width: 40px; height: 60px; background: rgba(255,255,255,0.3); }
.tm-sour { top: 80px; left: 20px; width: 40px; height: 60px; background: rgba(255,255,255,0.3); }
.tm-sour-r { top: 80px; right: 20px; width: 40px; height: 60px; background: rgba(255,255,255,0.3); }
.tm-bitter { top: 30px; left: 50%; transform: translateX(-50%); width: 80px; height: 40px; background: rgba(255,255,255,0.3); }

🍒 The Science of Flavor: How to Train Your Palate Like a Pro

Flavor is more than just food; it is an experience that combines chemistry, biology, and psychology. Dr Pepper is looking for fans with discerning palates to join a Flavor Selection Panel at their Texas headquarters. While you enter to win this once-in-a-lifetime culinary trip, let’s break down the science behind what makes a drink taste “delicious.”

The 5 Basic Tastes

Contrary to popular belief, “Flavor” and “Taste” are not the same. Taste refers only to what the tongue detects. Human taste buds can identify five distinct qualities: Sweet, Sour, Salty, Bitter, and Umami (savory). The unique 23 flavors of Dr Pepper are a complex balancing act of these fundamental inputs.

Professional food scientists use this map to ensure a product hits the right notes. Too much sourness without sweetness creates an unbalanced, unpleasant experience.

The Flavor Wheel: Aromatics Matter

While the tongue detects taste, the nose detects aroma. Approximately 80% of what we perceive as “flavor” actually comes from our sense of smell (olfaction). This is why food tastes bland when you have a cold. Flavor chemists use a “Flavor Wheel” to categorize these aromatic notes into families like Fruity, Spicy, Floral, and Earthy.

Dr Pepper’s secret recipe is famous for blending categories—mixing fruit notes (cherry/plum) with spice notes (vanilla/nutmeg) to create a profile that defies simple categorization.

Careers in Food Science

Winning this sweepstakes gives you a taste of a lucrative career path. Food Scientists and Flavor Chemists are the architects behind every snack and soda on the shelf. These professionals combine degrees in chemistry, biology, and culinary arts to engineer products that are shelf-stable, safe, and delicious.

Sensory Analysis is a specific sub-field where “Professional Tasters” are trained to detect minute differences in texture and flavor, ensuring quality control for major brands.

Culinary Tourism: Tasting the World

The Grand Prize trip to Frisco, Texas, highlights the growing trend of Culinary Tourism. Travelers are increasingly planning vacations around food experiences—from BBQ tours in Texas to wine tastings in Napa. Visiting a brand headquarters offers a behind-the-scenes look at the history and innovation that defines regional cuisine.

Conclusion: Put Your Taste Buds to the Test

Whether you are an aspiring food scientist or just a fan of fizzy drinks, understanding flavor makes every meal more enjoyable. Don’t miss your chance to put your palate to the ultimate test at Dr Pepper HQ. Enter the Flavor Season Sweepstakes below.

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“April 12, 2026 23:59:59 EST”).getTime();

// Countdown
function updateCountdown() {
const now = new Date().getTime();
const distance = endDate – now;
if (distance < 0) {
document.getElementById("days").textContent = "00";
document.getElementById("hours").textContent = "00";
document.getElementById("minutes").textContent = "00";
document.getElementById("seconds").textContent = "00";
return;
}
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("days").textContent = String(days).padStart(2, "0");
document.getElementById("hours").textContent = String(hours).padStart(2, "0");
document.getElementById("minutes").textContent = String(minutes).padStart(2, "0");
document.getElementById("seconds").textContent = String(seconds).padStart(2, "0");
}
setInterval(updateCountdown, 1000);
updateCountdown();

// Scroll Logic – SPEEDED UP to 35 seconds
function slowScrollToEntry() {
const entrySection = document.getElementById("entry-section");
const startPosition = window.pageYOffset;
const targetPosition = entrySection.offsetTop – 50;
const distance = targetPosition – startPosition;
const duration = 35000; // 35 Seconds
let startTime = null;
isScrolling = true;

function animation(currentTime) {
if (!isScrolling) return;
if (startTime === null) startTime = currentTime;
const timeElapsed = currentTime – startTime;
const progress = Math.min(timeElapsed / duration, 1);
window.scrollTo(0, startPosition + distance * progress);
if (timeElapsed {
popupTimers.push(setTimeout(() => showPopup(`popup${index + 1}`), time));
});

// Skip Popup at 18 seconds
popupTimers.push(setTimeout(() => showSkipPopup(targetPosition), 18000));
}

function showPopup(id) {
const popup = document.getElementById(id);
if (popup) {
popup.style.display = “block”;
setTimeout(() => { popup.style.display = “none”; }, 2500);
}
}

function showSkipPopup(targetPosition) {
if (!isScrolling) return;
const skipPopup = document.getElementById(“skip-popup”);
skipPopup.style.display = “block”;
const autoHide = setTimeout(() => { skipPopup.style.display = “none”; }, 5000);

document.getElementById(“skip-yes-btn”).onclick = function() {
clearTimeout(autoHide);
skipPopup.style.display = “none”;
isScrolling = false;
if (scrollAnimationId) cancelAnimationFrame(scrollAnimationId);
popupTimers.forEach(t => clearTimeout(t));
document.querySelectorAll(‘.popup-message’).forEach(p => p.style.display = ‘none’);
window.scrollTo({ top: targetPosition, behavior: ‘smooth’ });
};
}

document.getElementById(“top-enter-button”).addEventListener(“click”, function(e) {
e.preventDefault();
slowScrollToEntry();
});