body { font-family: ‘Playfair Display’, ‘Times New Roman’, serif; line-height: 1.8; color: #1a1a1a; max-width: 880px; margin: 0 auto; padding: 20px; background: #f4f7f5; }

/* Tanqueray / Botanical Theme */
:root {
–primary: #004B2C; /* Tanqueray Bottle Green */
–secondary: #D62420; /* Red Wax Seal */
–gold: #C5A059; /* Gold Foil */
–wood: #8d6e63; /* Charcuterie Board */
–cream: #f4f7f5;
–white: #ffffff;
}

h1 { font-family: ‘Helvetica Neue’, sans-serif; font-size: 36px; font-weight: 900; color: var(–primary); margin-bottom: 10px; line-height: 1.2; letter-spacing: -0.5px; text-transform: uppercase; }
h2 { font-family: ‘Helvetica Neue’, sans-serif; font-size: 26px; font-weight: 700; color: var(–secondary); margin-top: 40px; margin-bottom: 16px; border-bottom: 3px solid var(–gold); display: inline-block; padding-bottom: 5px; }
h3 { font-size: 22px; font-weight: 700; color: #2e4a3d; 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: 0; box-shadow: 10px 10px 0px rgba(0, 75, 44, 0.1); }

/* 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: 8px 8px 0 0; padding: 25px; text-align: center; color: var(–white); }
.countdown-title { color: var(–gold); font-size: 24px; font-weight: 900; text-transform: uppercase; margin: 0 0 8px; letter-spacing: 2px; }
.countdown-subtitle { color: #a5d6a7; font-family: ‘Helvetica Neue’, sans-serif; font-size: 13px; margin: 0 0 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

.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 var(–gold); border-radius: 0; padding: 10px; color: var(–white); }
.timer-num { display: block; font-size: 32px; font-weight: 900; line-height: 1; font-family: ‘Helvetica Neue’, sans-serif; }
.timer-label { display: block; font-family: ‘Helvetica Neue’, sans-serif; font-size: 10px; text-transform: uppercase; margin-top: 5px; font-weight: 600; color: var(–gold); }

.giveaway-box { background: #fff; border: 4px solid var(–primary); border-top: none; border-radius: 0 0 8px 8px; padding: 40px 30px; text-align: center; position: relative; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.giveaway-badge { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); background: var(–secondary); color: #fff; padding: 10px 30px; border-radius: 50px; font-size: 14px; font-weight: 900; text-transform: uppercase; box-shadow: 0 4px 12px rgba(0,0,0,0.2); border: 2px solid var(–white); letter-spacing: 1px; }

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

.enter-button { display: inline-block; background: var(–primary); color: #fff; font-family: ‘Helvetica Neue’, sans-serif; font-size: 22px; font-weight: 900; padding: 20px 60px; border-radius: 0; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 20px rgba(0, 75, 44, 0.3); transition: transform 0.2s; text-transform: uppercase; letter-spacing: 2px; }
.enter-button:hover { transform: translateY(-3px); background: #003820; }

/* 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(–secondary); 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(–secondary); color: var(–white); font-size: 20px; font-weight: 900; padding: 15px 40px; border-radius: 0; border: none; cursor: pointer; margin-top: 15px; text-transform: uppercase; letter-spacing: 1px; }

/* Entry Section */
.entry-section { background: var(–white); border: 1px solid #ccc; border-top: 6px solid var(–primary); padding: 40px; margin-top: 40px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.entry-section h3 { color: var(–primary); font-family: ‘Helvetica Neue’, sans-serif; font-size: 28px; font-weight: 900; margin: 0 0 25px; text-transform: uppercase; letter-spacing: 1px; }

.final-enter-button { display: block; background: var(–gold); color: #fff; font-family: ‘Helvetica Neue’, sans-serif; font-size: 24px; font-weight: 900; padding: 25px; border-radius: 0; text-decoration: none; margin: 25px auto; max-width: 450px; box-shadow: 0 10px 25px rgba(197, 160, 89, 0.4); transition: transform 0.2s; text-transform: uppercase; letter-spacing: 2px; }
.final-enter-button:hover { transform: scale(1.02); background: #b08d4b; }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; text-align: left; }
.recap-box { background: #f1f8e9; border-left: 4px solid var(–primary); padding: 20px; border: 1px solid #e0e0e0; border-left-width: 4px; }
.recap-box h4 { color: var(–primary); font-family: ‘Helvetica Neue’, sans-serif; font-size: 16px; font-weight: 900; text-transform: uppercase; margin: 0 0 15px; letter-spacing: 1px; }
.recap-box dl { font-family: ‘Helvetica Neue’, sans-serif; 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: #555; }

/* 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: 15px; font-style: italic; font-family: ‘Helvetica Neue’, sans-serif; }

/* FIGURE 1: Board Layout */
.board-visual { width: 250px; height: 180px; background: #8d6e63; border-radius: 10px; margin: 0 auto; position: relative; border: 4px solid #5d4037; box-shadow: 5px 5px 15px rgba(0,0,0,0.2); }
.bv-cheese { width: 50px; height: 50px; background: #fff9c4; border-radius: 50%; position: absolute; top: 20px; left: 20px; border: 1px solid #fbc02d; }
.bv-meat { width: 60px; height: 60px; background: #e57373; border-radius: 50%; position: absolute; bottom: 20px; right: 20px; border: 1px solid #c62828; background-image: radial-gradient(circle, #e57373 20%, #ef9a9a 20%, #ef9a9a 40%, #e57373 40%); background-size: 10px 10px; }
.bv-cracker { width: 40px; height: 40px; background: #ffe0b2; position: absolute; top: 20px; right: 80px; border-radius: 4px; transform: rotate(15deg); border: 1px solid #ffb74d; }
.bv-fruit { width: 30px; height: 30px; background: #8e24aa; border-radius: 50%; position: absolute; bottom: 30px; left: 90px; box-shadow: 10px -5px 0 #8e24aa, 5px 5px 0 #8e24aa; }

/* FIGURE 2: Flavor Wheel */
.flavor-wheel { width: 200px; height: 200px; border-radius: 50%; margin: 0 auto; background: conic-gradient(#fff9c4 0% 25%, #ffccbc 25% 50%, #c8e6c9 50% 75%, #e1bee7 75% 100%); border: 4px solid var(–primary); position: relative; }
.fw-label { position: absolute; font-size: 10px; font-weight: bold; font-family: ‘Helvetica Neue’, sans-serif; text-transform: uppercase; }
.fw-1 { top: 20%; right: 20%; color: #f57f17; } /* Sweet */
.fw-2 { bottom: 20%; right: 20%; color: #d84315; } /* Salty */
.fw-3 { bottom: 20%; left: 20%; color: #2e7d32; } /* Savory */
.fw-4 { top: 20%; left: 20%; color: #6a1b9a; } /* Acid */
.fw-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: var(–primary); border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; text-align: center; }

🧀 The Art of the Board: Styling Secrets for the Perfect Charcuterie Spread

Hosting is an art form, and the canvas is the charcuterie board. A well-curated board is the centerpiece of any gathering, inviting conversation and indulgence. Tanqueray is celebrating the spirit of hosting by giving 30 winners a luxury Charcuterie Serving Kit and a $169 Gift Card to fill it with gourmet delights. While you enter to win, let’s master the art of the spread.

The “3-3-3-3” Rule of Arrangement

When staring at an empty board, it can be intimidating. Professional food stylists use the “3-3-3-3 Rule” to ensure balance and variety. This means selecting: 3 Cheeses (Hard, Soft, Blue), 3 Meats (Salami, Prosciutto, Chorizo), 3 Starches (Crackers, Bread, Breadsticks), and 3 Accoutrements (Fruit, Nuts, Pickles).

Start by placing your “anchors”—the cheese and bowls for jams/olives. Then, fold the meats around them creating “rivers,” and finally, fill the gaps with crackers and fruit until no wood is visible.

The Science of Flavor Pairing

A great board hits every taste bud. You want to balance the rich fat of the cheese and meat with acid and sweetness. This is why honey is served with Brie (Sweet + Creamy) and why cornichons are served with Salami (Acid + Fat).

The Tanqueray prize includes a $169 gift card, which is plenty to explore high-end pairings like Truffle Honey, Fig Jam, and Aged Gouda.

The “Salami River” Technique

To make your board look professional, don’t lay meat flat. For salami, fold each slice in half, then half again to create a ruffle. Stack these tightly in a winding line across the board. For prosciutto, drop it in loose ribbons rather than rolling it tight. This adds texture and visual height to the presentation.

Pairing with Botanicals

Since this sweepstakes is sponsored by Tanqueray, consider the botanicals in your drink when building the board. Juniper, coriander, and citrus peel are key notes in gin. Mirror these on your board with rosemary-infused nuts, candied orange peel, or herb-crusted goat cheese. The coupe glasses included in the prize are perfect for serving a classic Gin & Tonic alongside your creation.

Temperature Matters

Never serve cheese straight from the fridge. Cold dulls the flavor profile. Remove your cheese from the refrigerator one hour before serving to let it reach room temperature. This softens the texture of Brie and releases the aromatics of Cheddar. However, keep the meat chilled until just before serving to prevent the fat from becoming greasy.

Conclusion: Host Like a Pro

The secret to a great board isn’t just expensive ingredients; it’s thoughtfulness in assembly. With the right tools—like the personalized board and gold utensils in this giveaway—you can turn simple snacks into a work of art. Enter below for your chance to upgrade your hosting game.

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“April 30, 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();
});