body { font-family: ‘Playfair Display’, serif; line-height: 1.9; color: #3e2723; max-width: 900px; margin: 0 auto; padding: 20px; background: #faf3e0; }

/* Vineyard Velvet Theme */
:root {
–primary: #722f37; /* Merlot */
–secondary: #d4af37; /* Champagne Gold */
–accent: #5d4037; /* Oak Wood */
–white: #ffffff;
–paper: #fffcf5;
}

h1 { font-family: ‘Cinzel’, serif; font-size: 42px; font-weight: 700; color: var(–primary); margin-bottom: 25px; line-height: 1.2; text-transform: uppercase; border-bottom: 3px solid var(–secondary); padding-bottom: 15px; letter-spacing: 2px; }
h2 { font-family: ‘Cinzel’, serif; font-size: 30px; font-weight: 600; color: var(–accent); margin-top: 60px; margin-bottom: 25px; border-left: 6px solid var(–primary); padding-left: 20px; background: #fff; padding-top: 15px; padding-bottom: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
h3 { font-size: 24px; font-weight: 700; color: var(–secondary); margin-top: 40px; margin-bottom: 15px; font-style: italic; }
p { margin-bottom: 25px; font-size: 19px; color: #4e342e; text-align: justify; font-family: ‘Lato’, sans-serif; }
li { margin-bottom: 15px; font-size: 18px; color: #4e342e; font-family: ‘Lato’, sans-serif; }

.intro { font-size: 21px; font-weight: 500; color: var(–primary); background: var(–white); border: 2px solid var(–secondary); padding: 40px; margin: 40px 0; border-radius: 4px; box-shadow: 0 10px 30px rgba(114, 47, 55, 0.15); }

/* The Bait Widget */
.giveaway-container { margin: 60px auto; max-width: 800px; }
.countdown-box { background: var(–primary); border: 4px solid var(–secondary); border-bottom: none; border-radius: 8px 8px 0 0; padding: 30px; text-align: center; color: var(–white); }
.countdown-title { color: var(–secondary); font-size: 32px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 2px; font-family: ‘Cinzel’, serif; }
.countdown-subtitle { color: #e6e6e6; font-size: 16px; margin: 0 0 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; font-family: ‘Lato’, sans-serif; }

.countdown-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 550px; margin: 0 auto; }
.timer-cell { background: rgba(0,0,0,0.3); border: 1px solid var(–secondary); border-radius: 4px; padding: 15px; color: var(–white); }
.timer-num { display: block; font-size: 40px; font-weight: 700; line-height: 1; font-family: ‘Lato’, sans-serif; }
.timer-label { display: block; font-size: 11px; text-transform: uppercase; margin-top: 10px; font-weight: 700; color: var(–secondary); font-family: ‘Lato’, sans-serif; }

.giveaway-box { background: linear-gradient(180deg, #fff 0%, #fffbf0 100%); border: 4px solid var(–primary); border-top: none; border-radius: 0 0 8px 8px; padding: 60px 40px; text-align: center; position: relative; box-shadow: 0 20px 50px rgba(114, 47, 55, 0.2); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: var(–secondary); color: var(–primary); padding: 12px 40px; border-radius: 0; font-size: 16px; font-weight: 900; text-transform: uppercase; box-shadow: 0 5px 15px rgba(0,0,0,0.2); border: 2px solid var(–white); white-space: nowrap; font-family: ‘Lato’, sans-serif; letter-spacing: 1px; }

.giveaway-headline { font-size: 38px; font-weight: 700; margin: 30px 0 20px; color: var(–primary); text-transform: uppercase; letter-spacing: -1px; font-family: ‘Cinzel’, serif; }
.giveaway-description { font-size: 19px; color: #5d4037; margin: 0 auto 40px; line-height: 1.6; max-width: 700px; font-family: ‘Lato’, sans-serif; }

.enter-button { display: inline-block; background: var(–primary); color: var(–secondary); font-size: 24px; font-weight: 700; padding: 20px 60px; border-radius: 2px; text-decoration: none; border: 2px solid var(–secondary); cursor: pointer; box-shadow: 0 10px 0px #4a1c22; transition: transform 0.1s, box-shadow 0.1s; text-transform: uppercase; letter-spacing: 2px; font-family: ‘Lato’, sans-serif; margin: 20px 0; }
.enter-button:hover { transform: translateY(4px); box-shadow: 0 6px 0px #4a1c22; }

/* Entry Section */
.entry-section { background: var(–white); border: 1px solid var(–secondary); border-radius: 8px; padding: 40px; margin-top: 60px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.entry-section h3 { color: var(–primary); font-size: 30px; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; font-family: ‘Cinzel’, serif; }

.final-enter-button { display: block; background: linear-gradient(to right, var(–secondary), #b58b00); color: var(–white); font-size: 26px; font-weight: 700; padding: 25px; border-radius: 2px; text-decoration: none; margin: 30px auto; max-width: 500px; box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3); transition: transform 0.2s; text-transform: uppercase; font-family: ‘Lato’, sans-serif; letter-spacing: 1px; }
.final-enter-button:hover { transform: scale(1.02); }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 60px; text-align: left; }
.recap-box { background: #fffcf5; border-top: 5px solid var(–primary); padding: 30px; border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.recap-box h4 { color: var(–primary); font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px; letter-spacing: 1px; font-family: ‘Cinzel’, serif; }
.recap-box dl { font-size: 16px; line-height: 1.8; margin: 0; font-family: ‘Lato’, sans-serif; }
.recap-box dt { font-weight: 700; color: #000; margin-top: 15px; text-transform: uppercase; font-size: 13px; }
.recap-box dd { margin: 0; color: #5d4037; }

/* Raw Ad Spacing */
.ad-container { margin: 60px auto; text-align: center; max-width: 100%; overflow: hidden; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 20px 0; background: #fff; }

/* CSS FIGURES */
.figure-container { margin: 50px auto; max-width: 700px; text-align: center; }
.figure-caption { font-size: 15px; color: #795548; margin-top: 15px; font-style: italic; font-weight: 600; font-family: ‘Lato’, sans-serif; }

/* FIGURE 1: Cocktail Shaker */
.shaker-container { height: 250px; width: 140px; margin: 0 auto; position: relative; }
.shaker-body { width: 100px; height: 160px; background: linear-gradient(135deg, #d4af37, #f7e7ce); position: absolute; bottom: 0; left: 20px; border-radius: 10px 10px 40px 40px; border: 2px solid #b58b00; }
.shaker-top { width: 100px; height: 60px; background: linear-gradient(135deg, #d4af37, #f7e7ce); position: absolute; top: 30px; left: 20px; border-radius: 5px 5px 20px 20px; border: 2px solid #b58b00; }
.shaker-cap { width: 40px; height: 30px; background: #d4af37; position: absolute; top: 0; left: 50px; border-radius: 5px 5px 0 0; border: 2px solid #b58b00; }
.shaker-shine { position: absolute; top: 10px; left: 10px; width: 10px; height: 80%; background: rgba(255,255,255,0.4); border-radius: 5px; }

/* FIGURE 2: Pairing Matrix */
.pairing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; background: #fff; padding: 20px; border: 1px solid #e0e0e0; border-radius: 4px; font-family: ‘Lato’, sans-serif; }
.pg-item { padding: 15px; border-radius: 4px; text-align: center; }
.pg-head { font-weight: 900; color: var(–primary); text-transform: uppercase; font-size: 12px; display: block; margin-bottom: 5px; }
.pg-val { color: #5d4037; font-weight: bold; }
.pg-red { background: #fce4ec; }
.pg-white { background: #fffde7; }

/* Popups */
.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 4px solid var(–primary); padding: 50px; font-size: 28px; font-weight: 700; color: var(–primary); text-align: center; z-index: 10000; box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2); max-width: 90%; width: 600px; border-radius: 8px; font-family: ‘Cinzel’, serif; }

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 4px solid var(–secondary); padding: 40px 50px; text-align: center; z-index: 10001; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.1); max-width: 90%; width: 550px; border-radius: 8px; }
.skip-popup-title { font-size: 30px; font-weight: 700; color: var(–secondary); margin: 0 0 20px; font-family: ‘Cinzel’, serif; }
.skip-yes-button { display: inline-block; background: var(–primary); color: #fff; font-size: 20px; font-weight: 700; padding: 15px 40px; border-radius: 2px; border: none; cursor: pointer; margin-top: 20px; text-transform: uppercase; font-family: ‘Lato’, sans-serif; letter-spacing: 1px; }

🍷 The Connoisseur’s Blueprint: Designing the Ultimate Home Bar & Mastering Mixology

There is a distinct pleasure in being the host who can craft a perfect cocktail or decant a vintage Cabernet with confidence. It transforms a house into a home, and a gathering into an event. J. Lohr Vineyards is celebrating the spirit of hospitality by giving away a stunning Gold Mixology Set and a Visa Gift Card to stock it. While you enter to win the tools, let’s explore the art of building a space worthy of them.

Chapter 1: The Essential Tools of the Trade

Mixology is chemistry that tastes good. To execute it properly, you need precise instrumentation. A plastic cup and a spoon won’t cut it. The Gold Mixology Set offered in this sweepstakes is more than just decor; it is a functional toolkit.

The “Holy Trinity” of Tools:

• The Jigger: Consistency is key. A double-sided jigger ensures your ratios are perfect every time, preventing a drink from becoming too sweet or too strong.
• The Shaker: This aerates the drink, chills it rapidly, and dilutes it slightly to open up the flavors. Gold shakers also retain cold temperatures exceptionally well.
• The Strainer: Essential for removing ice shards and fruit pulp, ensuring a smooth, velvety mouthfeel.

Chapter 2: Designing Your Home Bar

You don’t need a dedicated room to have a great home bar. A well-curated cart or a built-in cabinet can be equally impressive. The trend for 2026 is “Hidden Luxury”—bars that blend seamlessly into living spaces but reveal opulence when opened.

Investment Upgrades:

• Dual-Zone Wine Fridges: These keep your reds at cellar temp (55°F) and your whites crisp (45°F). Investing in proper storage protects your wine investment from heat damage.
• Lighting: Install warm, dimmable LED strips under shelves to illuminate your bottles. The amber glow of whiskey and the ruby hue of wine create instant ambiance.
• Glassware: Ditch the mismatched cups. Invest in crystal coupes for cocktails and wide-bowl glasses for red wine to allow it to breathe.

Chapter 3: The Science of Flavor Pairing

Whether you are serving a J. Lohr Cabernet or mixing a gin fizz, understanding the interaction of flavors is what separates a drink from an experience. The goal is balance.

The Golden Rule: Match intensity with intensity. A delicate Pinot Grigio will be crushed by a heavy steak, while a bold Cabernet will overwhelm a light fish dish. Similarly, sweet cocktails pair best with spicy food, as the sugar cools the heat.

Chapter 4: The Sommelier’s Secret (Aeration)

Why do restaurants pour wine into a decanter? It isn’t just for show. Wine is a living thing. When it is bottled, it is cut off from oxygen. When you open a bottle, especially a bold red, it can taste “tight” or closed off.

Exposing the wine to air (aeration) softens the tannins and releases the aromatic compounds. If you win the Visa Gift Card, consider purchasing a high-quality aerator or decanter. It will make a $20 bottle taste like a $50 bottle instantly.

Conclusion: Raise a Glass

Hospitality is an art form. By equipping yourself with the right tools and knowledge, you create moments that your guests will remember long after the last glass is empty. Enter the sweepstakes below to start building your dream collection.

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“March 6, 2026 23:59:59 PDT”).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();
});