<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Prosecco4 · Luxury Micro Events · Private Celebrations · Curated Supply</title>
<meta name="description" content="Prosecco4 — luxury micro weddings, family-office galas, suite-holder programs, executive gifting. The branded layer your guests photograph. 70,000+ products. Live shop. Six editorial desks. Talk to Sora.">
<meta name="keywords" content="micro wedding, private events, luxury celebration, event supply, founder wedding, family office gala, suite holder welcome, executive gifting, Prosecco4, Hako Shikin">
<meta name="robots" content="index,follow,max-image-preview:large">
<link rel="canonical" href="https://www.prosecco4.com">
<meta property="og:site_name" content="Prosecco4">
<meta property="og:title" content="Prosecco4 · Intimate by Design · Champagne-Level Execution">
<meta property="og:description" content="The branded layer your guests photograph. Founder weddings, family-office galas, suite-holder programs. Live shop. Talk to Sora.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.prosecco4.com">
<meta name="twitter:card" content="summary_large_image">

<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[
{"@type":"Organization","@id":"https://prosecco4.com#org","name":"Prosecco4","url":"https://prosecco4.com","parentOrganization":{"@type":"Organization","name":"Hako Shikin LLC","url":"https://hakoshikin.com"},"foundingDate":"1997","address":{"@type":"PostalAddress","addressLocality":"Virginia Beach","addressRegion":"VA","addressCountry":"US"},"contactPoint":{"@type":"ContactPoint","telephone":"+1-757-390-0424","email":"jenny@huanggoodman.com","contactType":"sales","availableLanguage":["English","Japanese","German","French","Spanish"]},"sameAs":["https://www.instagram.com/pops4panda/","https://www.linkedin.com/in/pops4/"],"description":"Luxury micro events, private celebrations, family-office galas, founder weddings, suite-holder programs, and curated event supply. One house since 1997.","knowsAbout":["Founder weddings","Family office galas","Annual meetings","Suite-holder programs","Executive gifting","Branded event layer","Welcome packets","Table gifts","Private celebrations","Luxury micro weddings","LP dinners","Corporate retreats","Quarterly executive gifts"]}
]}
</script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Jost:wght@300;400;500;600;700;800;900&family=Oswald:wght@500;600;700;800;900&family=Noto+Serif+JP:wght@400;500;700&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">

<style>
:root{
  /* Voyage Edge palette · light beach gradient + navy + gold */
  --ivory:#faf8f5; --cream:#f0ebe0; --parchment:#dcd4c3; --paper:#ffffff;
  --obsidian:#060504; --obsidian-deep:#0a2a52; --obsidian-mid:#0a2240;
  --charcoal:#131210; --warm-dark:#2a2522;
  --champagne:#e6d99a; --champagne-soft:#f0e8d8;
  --gold-leaf:#c9a84c; --gold-soft:#d4b86a; --gold-pale:#e8d898; --gold-deep:#a8871f;
  --muted:#6a655d;
  --atlantic:#1d4278; --atlantic-soft:#2d5fa3; --atlantic-ice:#b8d0ec;
  --navy:#0a2240; --navy-deep:#0a2a52; --navy-blue:#1d4278;
  --beach-bg:linear-gradient(135deg,#d8e7f0 0%,#a7c4d8 55%,#6e95b3 100%);
  --blush:#d4a8a0; --blush-soft:#e8c8c0; --sage:#8a9e8a;
  --ink:#0f0d0a; --body:#1c1816; --warm-grey:#2a2522; --warm:#2a2522;
  --terra:#c4622d; --terra-deep:#8f3d13; --ruby:#7a1a26;
  --serif:'Cormorant Garamond',Georgia,serif;
  --display:'Oswald','Jost',sans-serif;
  --sans:'Jost',system-ui,-apple-system,sans-serif;
  --osw:'Oswald',sans-serif;
  --jp:'Noto Serif JP',serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ivory)}
body{font-family:var(--sans);font-weight:400;background:var(--ivory);color:var(--body);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* ════════ COMPACT TOP STACK · Voyage Edge palette ════════ */
.accent{height:3px;background:linear-gradient(90deg,var(--gold-leaf) 0%,var(--atlantic) 50%,var(--navy-deep) 100%)}
.ticker{background:var(--beach-bg);overflow:hidden;position:relative;height:44px;display:flex;align-items:stretch;border-bottom:1px solid rgba(10,42,82,.18)}
.ticker-tag{flex-shrink:0;padding:0 22px;font-family:var(--osw);font-size:12px;letter-spacing:3.5px;text-transform:uppercase;color:var(--navy);background:var(--gold-leaf);font-weight:800;display:flex;align-items:center;gap:9px;height:100%}
.ticker-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--terra);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
.ticker-track{flex:1;overflow:hidden;position:relative;height:100%}
.ticker-rail{display:flex;gap:54px;align-items:center;height:100%;white-space:nowrap;animation:scroll 100s linear infinite;padding-left:32px}
.ticker-rail:hover{animation-play-state:paused}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{font-family:var(--sans);font-size:13px;color:var(--navy);letter-spacing:.005em;font-weight:500;display:inline-flex;align-items:center;gap:14px}
.ticker-item .dot{color:var(--gold-deep);font-weight:700;font-size:10px}
.ticker-item .src{color:var(--navy-deep);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;padding-left:10px;border-left:1px solid rgba(10,42,82,.28);font-family:var(--osw)}
.ticker.bottom{border-top:1px solid rgba(10,42,82,.18);border-bottom:none}
.ticker.bottom .ticker-tag{background:var(--navy-deep);color:var(--gold-leaf)}
.ticker.bottom .ticker-tag::before{background:var(--gold-soft)}
.ticker.bottom .ticker-rail{animation:scroll 110s linear infinite}

/* Six-desk anchor bar — Voyage Edge light style */
.deskbar{background:var(--cream);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:64px;border-bottom:1px solid var(--parchment);width:100%}
@media(max-width:760px){.deskbar{grid-template-columns:repeat(3,minmax(0,1fr));height:auto}}
.dbcell{display:flex;flex-direction:column;justify-content:center;padding:10px 12px;border-right:1px solid var(--parchment);text-decoration:none;border-top:3px solid transparent;transition:background 0.15s;min-width:0;overflow:hidden}
.dbcell:last-child{border-right:none}
.dbcell:hover{background:rgba(201,168,76,.13)}
.dbcell.markets{border-top-color:var(--navy-deep)}
.dbcell.sports{border-top-color:var(--gold-leaf)}
.dbcell.voyage{border-top-color:var(--atlantic)}
.dbcell.house{border-top-color:var(--ruby)}
.dbcell.briefing{border-top-color:var(--gold-deep)}
.dbcell.fending{border-top-color:var(--terra-deep)}
.dbcell-row{display:flex;align-items:center;gap:8px}
.dbcell-kj{font-family:var(--jp);font-size:18px;color:var(--gold-deep);font-weight:700;line-height:1}
.dbcell-name{font-family:var(--osw);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--navy-deep);font-weight:800;line-height:1}
.dbcell-live{width:6px;height:6px;border-radius:50%;background:#3ea34a;box-shadow:0 0 0 2px rgba(62,163,74,.2);animation:pulse 1.8s infinite;margin-left:auto}
.dbcell-sub{font-family:var(--sans);font-size:10px;letter-spacing:.04em;color:var(--muted);font-weight:500;margin-top:3px;font-style:italic;font-family:var(--serif)}
@media(max-width:760px){.dbcell-sub{display:none}}

/* Main nav — light sticky, Voyage Edge match */
.nav{background:rgba(250,248,245,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--parchment);position:sticky;top:0;z-index:1000}
.nav-inner{max-width:1380px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.nav-brand{display:flex;align-items:baseline;gap:12px;flex-shrink:0}
.nav-brand-mark{font-family:var(--jp);font-size:26px;color:var(--gold-deep);font-weight:700;line-height:1}
.nav-brand-name{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);line-height:1}
.nav-brand-name em{font-style:italic;color:var(--gold-deep);font-weight:600}
.nav-brand-sub{font-family:var(--osw);font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-top:3px}
.nav-tasks{display:flex;gap:0;list-style:none;align-items:stretch}
@media(max-width:1180px){.nav-tasks{display:none}}
.nav-tasks li a{display:flex;align-items:center;padding:0 15px;height:64px;font-family:var(--osw);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--muted);border-bottom:3px solid transparent;transition:color 0.15s,border-color 0.15s}
.nav-tasks li a:hover{color:var(--navy-deep);border-bottom-color:var(--gold-leaf)}
.nav-cta{background:var(--gold-leaf)!important;color:var(--navy)!important;padding:11px 20px!important;font-size:11px!important;letter-spacing:.2em!important;border:2px solid var(--navy-deep)!important;height:auto!important;line-height:1!important;font-weight:900!important;box-shadow:2px 2px 0 0 var(--navy-deep)!important}
.nav-cta:hover{background:var(--gold-soft)!important;transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--navy-deep)!important}
.mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--parchment);background:none;cursor:pointer}
.mobile-toggle span{display:block;width:18px;height:1.5px;background:var(--navy);position:relative}
.mobile-toggle span::before,.mobile-toggle span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--navy)}
.mobile-toggle span::before{top:-5px}.mobile-toggle span::after{top:5px}
@media(max-width:1180px){.mobile-toggle{display:flex}}
.mobile-panel{display:none;background:var(--cream);border-top:1px solid var(--parchment);padding:8px 28px 18px}
.mobile-panel.open{display:block}
.mobile-panel a{display:block;padding:13px 0;font-family:var(--osw);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--navy);border-bottom:1px solid var(--parchment);font-weight:800}
.mobile-panel a:hover{color:var(--gold-deep)}

/* ════════ HERO · Voyage Edge beach gradient ════════ */
.hero{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;background:var(--beach-bg);color:var(--navy);padding:42px 0;border-bottom:3px solid var(--navy-deep)}
.hero::before{content:"宴";position:absolute;top:50%;right:-3%;transform:translateY(-50%);font-family:var(--jp);font-size:clamp(280px,38vw,560px);line-height:1;color:var(--navy-deep);opacity:0.06;pointer-events:none;font-weight:900;z-index:0}
.hero-inner{position:relative;z-index:2;max-width:1380px;margin:0 auto;padding:0 28px;width:100%;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:start}
@media(max-width:980px){.hero-inner{grid-template-columns:1fr;gap:28px}}
.hero-side{display:flex;flex-direction:column;gap:14px}
.hero-feature{background:linear-gradient(135deg,#1f538f 0%,#0a2a52 60%,#061a38 100%);border:1px solid rgba(201,168,76,0.25);padding:24px 22px;position:relative;overflow:hidden}
.hero-feature::before{content:"旅";position:absolute;top:-16px;right:-12px;font-family:var(--jp);font-size:140px;line-height:1;color:var(--ivory);opacity:0.08;pointer-events:none;font-weight:500}
.hero-feature-eyebrow{font-family:var(--osw);font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--atlantic-ice);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.hero-feature-eyebrow .live{width:8px;height:8px;border-radius:50%;background:#5fb85f;box-shadow:0 0 0 3px rgba(95,184,95,0.25);animation:pulse 1.8s infinite}
.hero-feature-h{font-family:var(--display);font-size:22px;font-weight:700;color:var(--ivory);line-height:1.18;margin-bottom:6px;letter-spacing:-0.005em;position:relative;z-index:1}
.hero-feature-h em{font-style:italic;color:var(--gold-pale);font-weight:600}
.hero-feature-p{font-family:var(--serif);font-style:italic;font-size:14.5px;line-height:1.5;color:var(--ivory);opacity:0.88;font-weight:500;margin-bottom:14px;position:relative;z-index:1}
.hero-feature-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--osw);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-pale);font-weight:700;padding:9px 18px;background:rgba(201,168,76,0.15);border:1px solid var(--gold-soft);text-decoration:none;transition:background 0.15s;position:relative;z-index:1}
.hero-feature-cta:hover{background:var(--gold-soft);color:var(--obsidian)}
.hero-eyebrow{font-family:var(--osw);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--navy-deep);font-weight:900;margin-bottom:14px;display:inline-flex;align-items:center;gap:12px}
.hero-eyebrow::before{content:"";width:28px;height:1px;background:var(--gold-leaf)}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#3ea34a;box-shadow:0 0 0 3px rgba(62,163,74,.2);animation:pulse 1.8s infinite}
.hero-cos-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;background:rgba(255,255,255,.5);border:1px solid var(--navy-deep);font-family:var(--osw);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--navy-deep);font-weight:900;margin-bottom:18px}
.hero-cos-badge .kj{font-family:var(--jp);font-size:14px;color:var(--gold-deep);font-weight:700;line-height:1}
.hero-cos-badge .sep{color:var(--muted)}
.hero-h1{font-family:var(--sans);font-size:clamp(38px,6vw,72px);font-weight:900;letter-spacing:-.02em;line-height:1.02;color:#081a32;margin-bottom:18px;text-shadow:0 1px 8px rgba(255,255,255,.45)}
.hero-h1 em{font-style:italic;color:var(--gold-deep);font-weight:900}
.hero-h1 .blush{color:var(--navy-deep);font-style:italic;font-weight:600;display:block;font-size:0.7em;margin-top:8px;font-family:var(--serif)}
.hero-lede{font-family:var(--sans);font-style:normal;font-size:clamp(15px,1.4vw,18px);color:var(--navy);max-width:680px;line-height:1.55;margin-bottom:24px;font-weight:500}
.hero-cta{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;font-family:var(--osw);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:900;cursor:pointer;border:2px solid var(--navy-deep);transition:all 0.15s;white-space:nowrap;text-decoration:none;gap:10px}
.btn-gold{background:var(--gold-leaf);color:var(--navy);box-shadow:3px 3px 0 0 var(--navy-deep)}
.btn-gold:hover{background:var(--gold-soft);transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--navy-deep)}
.btn-ghost{background:rgba(255,255,255,.7);color:var(--navy-deep)}
.btn-ghost:hover{background:#fff;color:var(--navy)}
.btn-blush{background:var(--navy-deep);color:var(--gold-leaf);box-shadow:3px 3px 0 0 var(--gold-leaf)}
.btn-blush:hover{background:var(--navy);transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--gold-leaf);color:var(--gold-soft)}
.btn .arrow{font-family:var(--serif);font-style:italic;font-size:18px;font-weight:500}
.hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{display:inline-flex;align-items:center;padding:5px 11px;font-family:var(--osw);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--navy-deep);background:rgba(255,255,255,.55);border:1px solid rgba(10,42,82,.3);font-weight:800}
.chip.blush{color:var(--gold-deep);background:rgba(201,168,76,.15);border-color:rgba(168,135,31,.4)}

/* THIS QUARTER'S SLATE */
.slate{background:rgba(10,9,7,0.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(201,168,76,0.28);padding:24px 22px}
.slate-eyebrow{font-family:var(--osw);font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.slate-eyebrow::before{content:"";width:20px;height:1.5px;background:var(--gold-leaf)}
.slate-h{font-family:var(--display);font-size:22px;font-weight:700;color:var(--champagne);line-height:1.15;margin-bottom:5px;letter-spacing:-0.005em}
.slate-h em{font-style:italic;color:var(--gold-soft);font-weight:600}
.slate-sub{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:18px}
.slate-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid rgba(201,168,76,0.16)}
.slate-row:first-of-type{border-top:none}
.slate-tier{font-family:var(--osw);font-size:9px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;padding:3px 8px;line-height:1}
.slate-tier.platinum{background:#b8553a;color:var(--ivory)}
.slate-tier.gold{background:var(--gold-leaf);color:var(--obsidian)}
.slate-tier.silver{background:#8a9099;color:var(--obsidian)}
.slate-name{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--champagne);line-height:1.2}
.slate-name em{font-style:italic;color:var(--gold-soft);font-weight:500}
.slate-spend{font-family:var(--osw);font-size:10px;letter-spacing:1.2px;color:var(--gold-leaf);font-weight:700;text-align:right}

/* Hero receipts */
.hero-receipts{background:var(--obsidian-deep);display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border-top:1px solid rgba(201,168,76,0.2);border-bottom:1px solid rgba(201,168,76,0.2)}
@media(max-width:760px){.hero-receipts{grid-template-columns:repeat(2,1fr)}}
.hero-rcp{padding:18px 12px;text-align:center;background:var(--obsidian)}
.hero-rcp-n{font-family:var(--osw);font-size:30px;font-weight:700;color:var(--gold-leaf);line-height:1;margin-bottom:8px;font-style:italic}
.hero-rcp-l{font-family:var(--osw);font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--champagne);opacity:0.85;font-weight:700;line-height:1.3}

/* ════════ SHARED LIGHT-SECTION FRAME ════════ */
.section-l{background:linear-gradient(180deg,var(--cream) 0%,var(--ivory) 100%);color:var(--ink);padding:64px 0}
.section-l .wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.section-d{background:var(--obsidian);color:var(--champagne);padding:64px 0}
.section-d .wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.sec-eyebrow-l{font-family:var(--osw);font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:14px;display:inline-flex;align-items:center;gap:14px}
.sec-eyebrow-l::before{content:"";width:32px;height:1.5px;background:var(--gold-leaf)}
.sec-eyebrow-l.blush{color:var(--blush)}
.sec-eyebrow-l.blush::before{background:var(--blush)}
.sec-h-l{font-family:var(--display);font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1;letter-spacing:-0.012em;color:var(--ink);margin-bottom:14px}
.sec-h-l em{font-style:italic;color:var(--gold-leaf);font-weight:500}
.sec-h-d{font-family:var(--display);font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1;letter-spacing:-0.012em;color:var(--champagne);margin-bottom:14px}
.sec-h-d em{font-style:italic;color:var(--gold-soft);font-weight:500}
.sec-lede-l{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.55;color:var(--ink);opacity:0.78;font-weight:500;max-width:620px;margin-bottom:32px}
.sec-lede-d{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.55;color:var(--champagne);opacity:0.85;font-weight:500;max-width:620px;margin-bottom:32px}

/* ════════ SPIRIT (restored from original, modernized) ════════ */
.spirit{background:linear-gradient(180deg,var(--cream) 0%,var(--ivory) 100%);color:var(--ink);padding:64px 0}
.spirit .wrap{max-width:1200px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
@media(max-width:880px){.spirit .wrap{grid-template-columns:1fr;gap:28px}}
.spirit-card{background:#fff;border:1px solid var(--parchment);position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(28,26,23,0.08)}
.spirit-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-leaf),var(--blush),var(--gold-leaf));opacity:0.7;z-index:2}
.spirit-card-body{padding:32px 28px;background:#fff}
.spirit-card-eyebrow{font-family:var(--osw);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:8px}
.spirit-card-quote{font-family:var(--display);font-size:20px;font-weight:400;font-style:italic;color:var(--ink);line-height:1.5;letter-spacing:-0.005em}
.spirit-card-quote::before{content:"\201C";font-size:32px;color:var(--gold-leaf);line-height:0;vertical-align:-12px;margin-right:4px}
.spirit-card-quote::after{content:"\201D";font-size:32px;color:var(--gold-leaf);line-height:0;vertical-align:-12px;margin-left:2px}
.spirit-text-eyebrow{font-family:var(--osw);font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--blush);font-weight:700;margin-bottom:14px}
.spirit-h{font-family:var(--display);font-size:clamp(28px,4vw,40px);font-weight:600;color:var(--ink);line-height:1.15;margin-bottom:18px;letter-spacing:-0.01em}
.spirit-h em{font-style:italic;color:var(--gold-leaf);font-weight:500}
.spirit-p{font-family:var(--sans);font-size:14.5px;line-height:1.85;color:var(--warm-grey);margin-bottom:14px;font-weight:400}
.spirit-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

/* ════════ TASK PROGRAMS — what it handles ════════ */
.tasks{background:var(--obsidian-mid);padding:64px 0;border-top:1px solid rgba(201,168,76,0.18);border-bottom:1px solid rgba(201,168,76,0.18)}
.tasks .wrap{max-width:1380px;margin:0 auto;padding:0 28px}
.tasks-head{margin-bottom:30px}
.tasks-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(201,168,76,0.18);padding:1px}
@media(max-width:1080px){.tasks-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tasks-grid{grid-template-columns:1fr}}
.task{background:var(--obsidian);padding:26px 22px 22px;text-decoration:none;color:var(--champagne);transition:background 0.15s,transform 0.15s;border-top:3px solid transparent;display:flex;flex-direction:column;min-height:230px}
.task:nth-child(1){border-top-color:var(--blush)}
.task:nth-child(2){border-top-color:var(--gold-leaf)}
.task:nth-child(3){border-top-color:var(--terra)}
.task:nth-child(4){border-top-color:var(--atlantic-soft)}
.task:nth-child(5){border-top-color:var(--ruby)}
.task:hover{background:var(--obsidian-mid);transform:translateY(-3px)}
.task-num{font-family:var(--osw);font-size:10px;letter-spacing:3px;color:var(--muted);font-weight:700;margin-bottom:10px}
.task-mark{font-family:var(--jp);font-size:32px;color:var(--gold-leaf);font-weight:500;line-height:1;margin-bottom:12px}
.task:nth-child(1) .task-mark{color:var(--blush)}
.task:nth-child(3) .task-mark{color:var(--terra)}
.task:nth-child(4) .task-mark{color:var(--atlantic-soft)}
.task:nth-child(5) .task-mark{color:var(--ruby)}
.task-h{font-family:var(--display);font-size:19px;font-weight:700;color:var(--champagne);line-height:1.2;margin-bottom:6px;letter-spacing:-0.005em}
.task-h em{font-style:italic;color:var(--gold-soft);font-weight:500}
.task-tag{font-family:var(--osw);font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:10px}
.task-p{font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--champagne);opacity:0.78;font-weight:500;flex:1;margin-bottom:14px}
.task-cta{font-family:var(--osw);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;padding-top:10px;border-top:1px solid rgba(201,168,76,0.2)}
.task-cta::after{content:" →";color:var(--gold-soft)}

/* ════════ COLLECTIONS ════════ */
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
@media(max-width:880px){.coll-grid{grid-template-columns:1fr}}
.coll{background:#fff;border:1px solid var(--parchment);border-top:3px solid var(--gold-leaf);padding:28px 24px;transition:transform 0.2s,box-shadow 0.2s}
.coll:nth-child(2){border-top-color:var(--blush)}
.coll:nth-child(3){border-top-color:var(--sage)}
.coll:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(28,26,23,0.1)}
.coll-num{font-family:var(--osw);font-size:11px;letter-spacing:3px;color:var(--muted);font-weight:700;margin-bottom:8px}
.coll-kicker{font-family:var(--osw);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:10px}
.coll:nth-child(2) .coll-kicker{color:var(--blush)}
.coll:nth-child(3) .coll-kicker{color:var(--sage)}
.coll-name{font-family:var(--display);font-size:22px;font-weight:600;color:var(--ink);line-height:1.2;margin-bottom:12px;letter-spacing:-0.005em}
.coll-desc{font-family:var(--sans);font-size:13.5px;line-height:1.7;color:var(--warm-grey);font-weight:400;margin-bottom:14px}
.coll-tags{display:flex;flex-wrap:wrap;gap:5px}
.coll-tag{display:inline-block;padding:4px 9px;font-family:var(--sans);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-leaf);background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.2);font-weight:600}
.coll:nth-child(2) .coll-tag{color:var(--blush);background:rgba(212,168,160,0.1);border-color:rgba(212,168,160,0.25)}
.coll:nth-child(3) .coll-tag{color:var(--sage);background:rgba(138,158,138,0.1);border-color:rgba(138,158,138,0.25)}

/* ════════ SHOP (with iframe) ════════ */
.shop{background:var(--obsidian);color:var(--champagne);padding:64px 0;position:relative;overflow:hidden}
.shop::before{content:"買";position:absolute;top:50%;right:-30px;transform:translateY(-50%);font-family:var(--jp);font-size:340px;line-height:1;color:var(--gold-leaf);opacity:0.05;pointer-events:none;font-weight:500}
.shop .wrap{max-width:1380px;margin:0 auto;padding:0 28px;position:relative;z-index:1}
.shop-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:start;margin-top:30px}
@media(max-width:980px){.shop-grid{grid-template-columns:1fr;gap:24px}}
.shop-copy p{font-family:var(--sans);font-size:14.5px;line-height:1.8;color:var(--champagne);opacity:0.85;margin-bottom:14px}
.search-ideas{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 22px}
@media(max-width:560px){.search-ideas{grid-template-columns:1fr}}
.search-link{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.22);font-family:var(--sans);font-size:12px;letter-spacing:1px;color:var(--champagne);transition:background 0.15s,border-color 0.15s;font-weight:500}
.search-link:hover{background:rgba(201,168,76,0.14);border-color:var(--gold-leaf);color:var(--gold-pale)}
.search-link span{color:var(--gold-leaf);font-family:var(--serif);font-style:italic;font-weight:500}
/* Live product cards — pulls from shop.pops4.com/api (no iframe blocking) */
.live-shop{background:var(--obsidian-deep);border:1px solid rgba(201,168,76,0.25);padding:16px;display:flex;flex-direction:column;gap:14px}
.live-shop-bar{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(201,168,76,0.2)}
.live-shop-bar .w-dot{width:9px;height:9px;border-radius:50%;background:rgba(232,220,200,0.25)}
.live-shop-label{margin-left:8px;font-family:var(--osw);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;flex:1}
.live-shop-pulse{width:8px;height:8px;border-radius:50%;background:#5fb85f;box-shadow:0 0 0 3px rgba(95,184,95,0.2);animation:pulse 1.8s infinite}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pgcard{background:linear-gradient(180deg,#fff 0%,#faf8f5 100%);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;border:1px solid var(--parchment);transition:transform 0.15s,box-shadow 0.15s;overflow:hidden}
.pgcard:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.4)}
.pgcard-img{width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,#f5f0e8 0%,#ede7db 100%);position:relative;overflow:hidden}
.pgcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.pgcard-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,0.08));pointer-events:none}
.pgcard-body{padding:11px 13px;flex:1;display:flex;flex-direction:column;gap:4px}
.pgcard-brand{font-family:var(--osw);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;line-height:1}
.pgcard-name{font-family:var(--serif);font-size:13.5px;line-height:1.25;color:var(--ink);font-weight:600;flex:1;letter-spacing:-0.005em}
.pgcard-price{font-family:var(--osw);font-size:10px;color:var(--terra);font-weight:700;letter-spacing:0.5px;margin-top:auto}
.live-shop-cta{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(201,168,76,0.2);font-family:var(--serif);font-style:italic;font-size:14px;color:var(--champagne)}

/* ════════ SORA · BIG BLUE BOX ════════ */
.sora{background:linear-gradient(140deg,var(--atlantic) 0%,var(--navy-deep) 50%,#061a38 100%);padding:56px 0;position:relative;overflow:hidden;border-top:3px solid var(--gold-leaf);border-bottom:3px solid var(--gold-soft)}
.sora::before{content:"空";position:absolute;top:50%;right:-50px;transform:translateY(-50%);font-family:var(--jp);font-size:clamp(280px,40vw,520px);line-height:1;color:var(--ivory);opacity:0.07;pointer-events:none;font-weight:500;z-index:0}
.sora-inner{max-width:1380px;margin:0 auto;padding:0 28px;position:relative;z-index:1;display:grid;grid-template-columns:1.5fr 1fr;gap:42px;align-items:center}
@media(max-width:880px){.sora-inner{grid-template-columns:1fr;gap:28px}}
.sora-eyebrow{font-family:var(--osw);font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--atlantic-ice);font-weight:700;margin-bottom:14px;display:inline-flex;align-items:center;gap:14px}
.sora-eyebrow::before{content:"";width:32px;height:2px;background:var(--atlantic-ice)}
.sora-eyebrow .live{width:9px;height:9px;border-radius:50%;background:#5fb85f;box-shadow:0 0 0 3px rgba(95,184,95,0.25);animation:pulse 1.8s infinite}
.sora-h{font-family:var(--display);font-size:clamp(40px,6vw,70px);font-weight:700;color:var(--ivory);line-height:0.96;letter-spacing:-0.025em;margin-bottom:14px}
.sora-h em{font-style:italic;color:var(--gold-pale);font-weight:600}
.sora-tag{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--atlantic-ice);font-weight:500;line-height:1.4;margin-bottom:20px}
.sora-p{font-family:var(--sans);font-size:14.5px;line-height:1.7;color:var(--ivory);opacity:0.92;font-weight:400;margin-bottom:24px;max-width:540px}
.sora-cta{display:inline-flex;align-items:center;gap:14px;padding:17px 32px;background:var(--gold-leaf);color:var(--obsidian);font-family:var(--osw);font-size:13px;letter-spacing:3.5px;text-transform:uppercase;font-weight:700;text-decoration:none;transition:background 0.15s,transform 0.15s}
.sora-cta:hover{background:var(--gold-soft);transform:translateX(3px)}
.sora-meta{display:flex;gap:18px;margin-top:20px;font-family:var(--osw);font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--atlantic-ice);opacity:0.85;font-weight:700;flex-wrap:wrap}
.sora-side{position:relative;z-index:1;border-left:1px solid rgba(184,208,236,0.3);padding-left:32px}
@media(max-width:880px){.sora-side{border-left:none;border-top:1px solid rgba(184,208,236,0.3);padding-left:0;padding-top:24px}}
.sora-side-label{font-family:var(--osw);font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--gold-pale);font-weight:700;margin-bottom:18px}
.sora-q{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ivory);line-height:1.5;font-weight:500;margin-bottom:14px;padding-left:16px;border-left:2px solid var(--gold-soft)}

/* ════════ PLAYBOOK ════════ */
.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
@media(max-width:880px){.play-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.play-grid{grid-template-columns:1fr}}
.play{background:#fff;border:1px solid var(--parchment);padding:24px 22px;display:flex;flex-direction:column}
.play-num{font-family:var(--display);font-style:italic;font-size:34px;font-weight:700;color:var(--gold-leaf);line-height:1;margin-bottom:10px}
.play-kicker{font-family:var(--osw);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:8px}
.play-kicker.blush{color:var(--blush)}
.play-title{font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink);line-height:1.25;margin-bottom:12px;letter-spacing:-0.005em}
.play-list{list-style:none;padding:0;margin:0}
.play-list li{font-family:var(--sans);font-size:13px;line-height:1.65;color:var(--warm-grey);padding-left:14px;position:relative;margin-bottom:7px}
.play-list li::before{content:"・";position:absolute;left:0;color:var(--gold-leaf);font-weight:700}

/* ════════ CLUB CARD ════════ */
.club{background:linear-gradient(135deg,var(--warm-dark) 0%,var(--obsidian) 100%);color:var(--champagne);padding:64px 0;position:relative;overflow:hidden}
.club::before{content:"礼";position:absolute;top:-20px;right:-20px;font-family:var(--jp);font-size:300px;color:var(--gold-leaf);opacity:0.05;line-height:1;font-weight:500;pointer-events:none}
.club .wrap{max-width:1280px;margin:0 auto;padding:0 28px;position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center}
@media(max-width:880px){.club .wrap{grid-template-columns:1fr}}
.club-h{font-family:var(--display);font-size:clamp(30px,4.5vw,46px);font-weight:700;color:var(--champagne);line-height:1.12;margin-bottom:18px;letter-spacing:-0.015em}
.club-h em{font-style:italic;color:var(--gold-soft);font-weight:600}
.club-p{font-family:var(--sans);font-size:14.5px;line-height:1.8;color:var(--champagne);opacity:0.9;margin-bottom:14px}
.club-meta{font-family:var(--sans);font-size:11.5px;color:var(--muted);margin-top:14px;line-height:1.6}
.club-meta a{color:var(--gold-soft)}
.club-card-vis{background:linear-gradient(140deg,var(--obsidian-deep) 0%,var(--charcoal) 50%,var(--warm-dark) 100%);border:1px solid rgba(201,168,76,0.4);padding:30px 26px;position:relative;aspect-ratio:1.586/1;display:flex;flex-direction:column;justify-content:space-between}
.club-card-vis::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-leaf),var(--gold-soft),var(--gold-leaf))}
.club-card-vis-label{font-family:var(--osw);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700}
.club-card-vis-title{font-family:var(--display);font-size:22px;font-weight:700;color:var(--champagne);line-height:1.2;margin-top:8px;letter-spacing:-0.005em}
.club-card-vis-sub{font-family:var(--sans);font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:1px}
.club-card-vis-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--osw);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--champagne);opacity:0.7;font-weight:700}

/* ════════ THE HOUSE — big brand boxes ════════ */
.house-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,168,76,0.22);padding:1px;margin-top:30px}
@media(max-width:1080px){.house-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.house-grid{grid-template-columns:1fr}}
.brand{background:linear-gradient(180deg,var(--obsidian-deep) 0%,#11100e 100%);padding:32px 24px 28px;text-decoration:none;color:var(--champagne);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:240px;transition:background 0.2s,transform 0.2s;border-top:3px solid var(--gold-leaf)}
.brand:nth-child(2){border-top-color:var(--atlantic)}
.brand:nth-child(3){border-top-color:var(--terra)}
.brand:nth-child(4){border-top-color:var(--blush)}
.brand:hover{background:linear-gradient(180deg,var(--obsidian-mid) 0%,#1a1815 100%);transform:translateY(-3px)}
.brand::before{content:attr(data-kj);position:absolute;top:-12px;right:-10px;font-family:var(--jp);font-size:160px;line-height:1;color:var(--gold-leaf);opacity:0.07;pointer-events:none;font-weight:500}
.brand:nth-child(2)::before{color:var(--atlantic-ice);opacity:0.08}
.brand:nth-child(3)::before{color:var(--terra);opacity:0.08}
.brand:nth-child(4)::before{color:var(--blush);opacity:0.1}
.brand-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}
.brand-mark{font-family:var(--jp);font-size:34px;color:var(--gold-leaf);font-weight:500;line-height:1;margin-bottom:14px}
.brand:nth-child(2) .brand-mark{color:var(--atlantic-ice)}
.brand:nth-child(3) .brand-mark{color:var(--terra)}
.brand:nth-child(4) .brand-mark{color:var(--blush)}
.brand-tag{font-family:var(--osw);font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:6px}
.brand:nth-child(2) .brand-tag{color:var(--atlantic-ice)}
.brand:nth-child(3) .brand-tag{color:var(--terra)}
.brand:nth-child(4) .brand-tag{color:var(--blush)}
.brand-name{font-family:var(--display);font-size:24px;font-weight:700;color:var(--champagne);line-height:1.05;letter-spacing:-0.012em;margin-bottom:10px}
.brand-name em{font-style:italic;color:var(--gold-soft);font-weight:500}
.brand-p{font-family:var(--sans);font-size:13px;line-height:1.6;color:var(--champagne);opacity:0.78;font-weight:500;flex:1;margin-bottom:14px}
.brand-cta{font-family:var(--osw);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;padding-top:11px;border-top:1px solid rgba(201,168,76,0.22)}
.brand-cta::after{content:" →";color:var(--gold-soft)}

/* ════════ GALS + BITTIES ════════ */
.gals{background:linear-gradient(180deg,var(--ivory) 0%,var(--cream) 100%);color:var(--ink);padding:64px 0;border-top:1px solid var(--parchment)}
.gals .wrap{max-width:1100px;margin:0 auto;padding:0 28px;text-align:center}
.gals-eyebrow{font-family:var(--osw);font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--blush);font-weight:700;margin-bottom:16px;display:inline-flex;align-items:center;gap:14px}
.gals-eyebrow::before{content:"";width:32px;height:1.5px;background:var(--blush)}
.gals-eyebrow::after{content:"";width:32px;height:1.5px;background:var(--blush)}
.gals-h{font-family:var(--display);font-style:italic;font-size:clamp(28px,4.5vw,44px);font-weight:600;color:var(--ink);line-height:1.15;margin-bottom:14px;letter-spacing:-0.012em}
.gals-h .gold{color:var(--gold-leaf);font-weight:700;font-style:normal}
.gals-sub{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink);opacity:0.78;font-weight:500;margin-bottom:32px;max-width:640px;margin-left:auto;margin-right:auto}
.gals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:left}
@media(max-width:680px){.gals-grid{grid-template-columns:1fr}}
.gals-cell{padding:24px 22px;background:#fff;border-left:3px solid var(--blush)}
.gals-cell:nth-child(2){border-left-color:var(--gold-leaf)}
.gals-cell-h{font-family:var(--display);font-size:20px;font-weight:700;color:var(--ink);line-height:1.15;margin-bottom:8px}
.gals-cell-h em{font-style:italic;color:var(--blush);font-weight:500}
.gals-cell:nth-child(2) .gals-cell-h em{color:var(--gold-leaf)}
.gals-cell-p{font-family:var(--sans);font-size:13.5px;line-height:1.65;color:var(--warm-grey)}

/* ════════ CTA BAND ════════ */
.cta-band{background:var(--obsidian);color:var(--champagne);padding:64px 0;border-top:1px solid rgba(201,168,76,0.18)}
.cta-band .wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:880px){.cta-grid{grid-template-columns:1fr}}
.cta-tile{padding:32px 26px;background:linear-gradient(180deg,var(--obsidian-deep) 0%,var(--obsidian-mid) 100%);border-top:3px solid var(--gold-leaf);display:flex;flex-direction:column}
.cta-tile:nth-child(2){border-top-color:var(--blush)}
.cta-tile:nth-child(3){border-top-color:var(--atlantic-soft)}
.cta-tile-kicker{font-family:var(--osw);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:12px}
.cta-tile:nth-child(2) .cta-tile-kicker{color:var(--blush)}
.cta-tile:nth-child(3) .cta-tile-kicker{color:var(--atlantic-ice)}
.cta-tile h3{font-family:var(--display);font-size:24px;font-weight:700;color:var(--champagne);line-height:1.15;margin-bottom:10px;letter-spacing:-0.005em}
.cta-tile h3 em{font-style:italic;color:var(--gold-soft);font-weight:500}
.cta-tile h3 .bl{font-style:italic;color:var(--blush-soft);font-weight:500}
.cta-tile p{font-family:var(--sans);font-size:13.5px;line-height:1.65;color:var(--champagne);opacity:0.82;font-weight:400;margin-bottom:18px;flex:1}

/* ════════ FOOTER ════════ */
.footer{background:var(--obsidian-deep);color:var(--champagne);padding:56px 0 28px;border-top:1px solid rgba(201,168,76,0.2)}
.footer .wrap{max-width:1380px;margin:0 auto;padding:0 28px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;margin-bottom:32px}
@media(max-width:880px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
.footer-brand-name{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--champagne);margin-bottom:6px}
.footer-brand-tag{font-family:var(--osw);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:14px}
.footer-desc{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.6;color:var(--champagne);opacity:0.85;font-weight:500;margin-bottom:18px;max-width:380px}
.footer-direct{font-family:var(--sans);font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}
.footer a{color:var(--champagne);opacity:0.78;font-family:var(--sans);font-size:13px;line-height:2}
.footer a:hover{color:var(--gold-soft);opacity:1}
.footer h4{font-family:var(--osw);font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold-leaf);font-weight:700;margin-bottom:14px}
.footer ul{list-style:none}
.footer-legal{padding-top:22px;border-top:1px solid rgba(201,168,76,0.18);font-family:var(--sans);font-size:11px;line-height:1.7;color:var(--muted);font-weight:400}
.footer-bottom{padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-family:var(--sans);font-size:10.5px;letter-spacing:1.5px;color:var(--champagne);opacity:0.65;margin-top:14px}
.footer-sig{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--gold-soft);font-weight:500;letter-spacing:0.3px}

/* ============================================================
   BEACH STANDARD OVERRIDE · 2026-05-19 · prosecco4
   beach gradient body · dark navy text · navy/gold edges
   Jost 900 headlines · Oswald 800 caps for labels
   ============================================================ */
body{
  background:linear-gradient(135deg,#d8e7f0 0%,#a7c4d8 55%,#6e95b3 100%) !important;
  background-attachment:fixed !important;
  color:#0a2240 !important;
  font-family:'Jost',system-ui,-apple-system,sans-serif !important;
  font-weight:400 !important;
  overflow-x:hidden;
}
body *{color:#0a2240;font-family:'Jost',system-ui,-apple-system,sans-serif}
a{color:#0a2a52 !important}
a:hover{color:#c9a84c !important}
h1,h2,h3,h4{
  font-family:'Jost',system-ui,sans-serif !important;
  font-weight:900 !important;color:#081a32 !important;
  letter-spacing:-.02em !important;line-height:1.05 !important;
}
h1 em,h2 em,h3 em{
  color:#0a2a52 !important;font-style:normal !important;font-weight:900 !important;
  font-family:'Jost',sans-serif !important;
  border-bottom:3px solid #c9a84c;padding-bottom:1px;
}
h1 strong,h2 strong{color:#0a2a52 !important;font-weight:900 !important;font-family:'Jost',sans-serif !important}

/* Labels / kickers / nav / buttons / chips → Oswald 800 caps */
.ticker-tag,.kicker,.eyebrow,.section-kicker,
.nav-links a,.nav-drop-btn,.btn,.btn-primary,.btn-gold,.btn-ghost,
.footer h4,.cta-label,.chip,.tag,.pill{
  font-family:'Oswald','Space Grotesk','Jost',sans-serif !important;
  font-weight:800 !important;letter-spacing:.22em !important;text-transform:uppercase !important;
}

/* Accent strip · gold-leaning */
.accent{background:linear-gradient(90deg,#0a2a52 0%,#c9a84c 50%,#0a2a52 100%) !important;height:3px !important}

/* Existing tickers · re-key to navy/gold (preserve scrolling animation) */
.ticker{
  background:linear-gradient(90deg,#081a32 0%,#0a2240 50%,#081a32 100%) !important;
  border-bottom:2px solid #c9a84c !important;
  color:#e8dcc8 !important;
}
.ticker-tag{
  background:#c9a84c !important;color:#0a2240 !important;
  font-family:'Oswald','Jost',sans-serif !important;
  font-weight:900 !important;letter-spacing:.22em !important;
}
.ticker.bottom .ticker-tag{background:#0a2240 !important;color:#c9a84c !important}
.ticker *{color:#e8dcc8 !important}
.ticker .ticker-item b,.ticker .ticker-item strong{color:#c9a84c !important}

/* Kill every dark section background → transparent so the beach shows */
section,
.hero,.deskbar,.slate,.collections,.spirit,.shop,.playbook,
.clubcard,.cta,.testimonial,.features,.about,.intel,.brands,
.gallery,.process,.amenities,.pricing,.events,.faq,
[class*="-section"]{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}
.hero{
  border-bottom:3px solid #0a2a52 !important;
  padding:56px 0 !important;
}
section{
  border-top:3px solid #0a2a52 !important;
  border-bottom:3px solid #0a2a52 !important;
  padding-top:48px !important;padding-bottom:48px !important;
  position:relative;
}
.hero,.ticker,.deskbar{border-top:none !important}
.deskbar{border-bottom:2px solid #0a2a52 !important}

/* Cards / tiles / panels — white-glass + navy + gold left bar */
[class*="-card"],[class*="-tile"],[class*="-panel"],[class*="-feature"],
.slate-tile,.collection-tile,.spirit-tile,.product-tile,
.testimonial-card,.faq-item,.event-tile,.amenity-card,
.gallery-tile,.process-step,.about-card,.intel-card,.brand-tile,
.shop-window,.window-card,.club-tile{
  background:rgba(255,255,255,.62) !important;
  border:2px solid #0a2a52 !important;
  border-left:5px solid #c9a84c !important;
  backdrop-filter:blur(6px);
  color:#0a2240 !important;
}
[class*="-card"] *,[class*="-tile"] *,[class*="-panel"] *,[class*="-feature"] *{
  color:#0a2240 !important;
}
[class*="-card"]:hover,[class*="-tile"]:hover{
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 14px 40px rgba(10,42,82,.18) !important;
}

/* Hero internal blocks */
.hero,.hero *{background-image:none !important}
.hero-eyebrow,.hero-kicker,.kicker{color:#0a2a52 !important}
.hero h1,.hero-h1{
  color:#081a32 !important;
  font-family:'Jost',sans-serif !important;
  font-weight:900 !important;
  font-style:normal !important;
  font-size:clamp(2.2rem,5vw,4.2rem) !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
  line-height:1 !important;
}
.hero h1 em,.hero-h1 em{
  font-style:normal !important;
  color:#0a2a52 !important;
  font-family:'Jost',sans-serif !important;
  font-weight:900 !important;
  border-bottom:4px solid #c9a84c;padding-bottom:2px;
}
.hero p,.hero-lede,.hero-copy{
  color:#0a2240 !important;
  font-family:'Jost',sans-serif !important;
  font-weight:500 !important;
  font-size:15.5px !important;
  line-height:1.6 !important;
  border-left:3px solid #c9a84c;
  padding-left:16px;
}

/* Body copy darker */
p,li,.copy,.desc,.intro,.tagline,.testimonial-quote{
  color:#0a2240 !important;
  font-weight:500 !important;
}
strong,b{color:#0a2a52 !important;font-weight:700 !important}

/* Buttons */
.btn,.btn-primary,.cta-btn,a.btn,button.btn{
  background:#0a2a52 !important;color:#fff !important;
  border:2.5px solid #0a2a52 !important;
  font-weight:900 !important;
  font-family:'Oswald','Jost',sans-serif !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  padding:12px 24px !important;
  border-radius:0 !important;
  box-shadow:3px 3px 0 0 #c9a84c !important;
  transition:background .15s,color .15s,transform .12s,box-shadow .15s !important;
}
.btn:hover,.btn-primary:hover,.cta-btn:hover,a.btn:hover{
  background:#c9a84c !important;color:#0a2240 !important;
  border-color:#0a2240 !important;
  box-shadow:5px 5px 0 0 #0a2240 !important;
  transform:translate(-1px,-1px);
}
.btn-gold{background:#c9a84c !important;color:#0a2240 !important;border:2.5px solid #0a2240 !important;box-shadow:3px 3px 0 0 #0a2240 !important}
.btn-gold:hover{background:#0a2240 !important;color:#c9a84c !important;box-shadow:5px 5px 0 0 #c9a84c !important}
.btn-ghost{background:rgba(255,255,255,.55) !important;color:#0a2240 !important;border:2.5px solid #0a2a52 !important;box-shadow:3px 3px 0 0 rgba(10,42,82,.4) !important}
.btn-ghost:hover{background:#c9a84c !important;color:#0a2240 !important}

/* Footer · light glass · dark navy text */
.footer,footer{
  background:rgba(255,255,255,.42) !important;
  backdrop-filter:blur(6px);
  border-top:3px solid #0a2a52 !important;
  color:#0a2240 !important;
}
.footer *,footer *{color:#0a2240 !important}
.footer a,footer a{color:#0a2240 !important;font-weight:600 !important}
.footer a:hover,footer a:hover{color:#c9a84c !important}
.footer h4,footer h4{color:#0a2a52 !important;font-weight:800 !important}
.footer-legal{border-top:1px solid rgba(10,42,82,.2) !important;color:#0a2240 !important;opacity:.85}
.footer-bottom{color:#0a2240 !important;opacity:.85}
.footer-sig{color:#0a2a52 !important;font-style:italic;font-weight:600 !important}

/* Image / video media · keep crisp, no filter */
img,video{filter:none !important}

/* Push body down so pinned marquees clear the top */
body{padding-top:88px}

/* ============================================================
   LUXURY BRAND MARQUEE · pinned top
   ============================================================ */
.beach-brand-marquee{
  background:linear-gradient(90deg,#0a2240 0%,#0a2a52 50%,#0a2240 100%);
  border-top:2px solid #c9a84c;border-bottom:2px solid #c9a84c;
  overflow:hidden;padding:10px 0;
  position:fixed !important;top:0;left:0;right:0;
  z-index:1100 !important;height:44px;display:flex;align-items:center;
}
.beach-brand-marquee::before,.beach-brand-marquee::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.beach-brand-marquee::before{left:0;background:linear-gradient(90deg,#0a2240,transparent)}
.beach-brand-marquee::after{right:0;background:linear-gradient(270deg,#0a2240,transparent)}
.beach-brand-marquee-track{display:flex;gap:56px;width:max-content;animation:beachBrandScroll 48s linear infinite}
.beach-brand-marquee-item{font-family:'Oswald','Jost',sans-serif !important;font-size:1.05rem;font-weight:800 !important;letter-spacing:.22em !important;color:#e6d99a !important;text-transform:uppercase !important;white-space:nowrap}
.beach-brand-marquee-item span{color:#c9a84c !important;margin-right:14px;font-weight:900}
@keyframes beachBrandScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   VOYAGE EDGE TICKER · pinned below brand marquee
   (prosecco4 events angle: Voyage Edge instead of Sports Edge)
   ============================================================ */
.voyage-ticker{
  background:linear-gradient(90deg,#081a32 0%,#0a2240 50%,#081a32 100%);
  border-bottom:2px solid #c9a84c;
  position:fixed !important;top:44px;left:0;right:0;
  z-index:1099 !important;height:44px;display:flex;align-items:center;overflow:hidden;
}
.voyage-ticker-label{flex:0 0 auto;background:#c9a84c;color:#0a2240 !important;font-family:'Oswald','Jost',sans-serif !important;font-weight:900;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;padding:6px 14px;margin-right:14px;align-self:stretch;display:flex;align-items:center;border-right:2px solid #0a2240}
.voyage-ticker-view{flex:1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center}
.voyage-ticker-track{display:flex;gap:42px;width:max-content;animation:voyageTickerScroll 60s linear infinite}
.voyage-ticker-item{font-family:'Jost',sans-serif !important;font-size:.88rem;font-weight:500;color:#e8dcc8 !important;letter-spacing:.01em;white-space:nowrap}
.voyage-ticker-item b{color:#c9a84c !important;font-weight:800;margin-right:8px;font-family:'Oswald','Jost',sans-serif !important;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}
.voyage-ticker-item::before{content:"旅";font-family:'Noto Serif JP',serif;color:#c9a84c;margin-right:10px;font-size:.95rem;font-weight:700}
@keyframes voyageTickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.beach-brand-marquee-track,.voyage-ticker-track{animation:none}}
@media (max-width:780px){
  .voyage-ticker-label{font-size:.62rem;padding:6px 10px;letter-spacing:.18em}
  .voyage-ticker-item{font-size:.78rem}
  .beach-brand-marquee-item{font-size:.88rem;letter-spacing:.18em}
}

/* ════════ VOYAGE EDGE PALETTE OVERRIDES · 2026-05-23 ════════
   Flip all hardcoded dark-section backgrounds to light beach + navy on ivory.
   Keep gold + terra accents. Body fonts already Jost via :root remap.
============================================================ */
.hero-feature{background:linear-gradient(135deg,#d8e7f0 0%,#a7c4d8 55%,#6e95b3 100%)!important;border:2px solid var(--navy-deep)!important;color:var(--navy)!important;box-shadow:0 8px 24px -10px rgba(10,42,82,.35)}
.hero-feature::before{color:var(--navy-deep)!important;opacity:.08!important}
.hero-feature-eyebrow{color:var(--navy-deep)!important}
.hero-feature-h{color:#081a32!important;font-family:var(--sans)!important;font-weight:900!important}
.hero-feature-h em{color:var(--gold-deep)!important}
.hero-feature-p{color:var(--navy)!important;font-style:italic;font-family:var(--serif)!important;opacity:1!important}
.hero-feature-cta{background:var(--navy-deep)!important;color:var(--gold-leaf)!important;border:2px solid var(--navy-deep)!important;box-shadow:2px 2px 0 0 var(--gold-leaf)}
.hero-feature-cta:hover{background:var(--navy)!important;color:var(--gold-soft)!important;transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--gold-leaf)}

.slate{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(8px);border:1px solid var(--navy-deep)!important;color:var(--navy)!important;box-shadow:0 8px 24px -10px rgba(10,42,82,.3)}
.slate-eyebrow{color:var(--navy-deep)!important}
.slate-eyebrow::before{background:var(--gold-leaf)!important}
.slate-h{color:#081a32!important;font-family:var(--sans)!important;font-weight:800!important}
.slate-h em{color:var(--gold-deep)!important}
.slate-sub{color:var(--muted)!important}
.slate-row{border-color:rgba(10,42,82,.15)!important}
.slate-name{color:var(--ink)!important;font-family:var(--serif)!important;font-weight:600!important}
.slate-tier.gold{background:var(--gold-leaf)!important;color:var(--navy)!important}

.hero-receipts{background:#fff!important;border-top:1px solid var(--parchment)!important;border-bottom:1px solid var(--parchment)!important}
.hero-rcp{background:#fff!important}
.hero-rcp-l{color:var(--muted)!important;font-family:var(--osw)!important}
.hero-rcp strong,.hero-rcp b{color:var(--navy-deep)!important}

.section-d,.tasks,.shop,.sora,.club{background:var(--ivory)!important;color:var(--body)!important;border-top:1px solid var(--parchment);border-bottom:1px solid var(--parchment)}
.shop{background:var(--cream)!important}
.tasks{background:var(--ivory)!important}
.sora{background:linear-gradient(135deg,#d8e7f0 0%,#a7c4d8 55%,#6e95b3 100%)!important;color:var(--navy)!important;border-bottom:3px solid var(--navy-deep)}
.sora::before{color:var(--navy-deep)!important;opacity:.07!important}
.sora-h{color:#081a32!important;font-family:var(--sans)!important;font-weight:900!important}
.sora-p,.sora-q{color:var(--navy)!important;opacity:1!important}
.sora-q{border-left-color:var(--gold-leaf)!important}
.club{background:var(--cream)!important;color:var(--body)!important}

.sec-h-d,.sec-h{color:var(--obsidian)!important;font-family:var(--serif)!important;font-weight:600!important}
.sec-h-d em,.sec-h em{color:var(--gold-deep)!important;font-style:italic}
.sec-lede-d,.sec-lede{color:var(--warm)!important;opacity:1!important}

.task{background:#fff!important;color:var(--body)!important;border:1px solid var(--parchment);border-top:3px solid var(--gold-leaf)!important;transition:all .18s}
.task:hover{background:#fffdf6!important;transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(10,42,82,.3);border-color:var(--gold-leaf)}
.task-h{color:var(--obsidian)!important;font-family:var(--serif)!important}
.task-p{color:var(--warm)!important;opacity:1!important}

.search-link{background:#fff!important;color:var(--ink)!important;border:1px solid var(--parchment)!important}
.search-link:hover{border-color:var(--gold-leaf)!important;background:#fffdf6!important}

.live-shop{background:#fff!important;border:1px solid var(--parchment)!important;border-top:3px solid var(--gold-leaf)!important}
.live-shop-cta{color:var(--navy-deep)!important;border-color:var(--parchment)!important;font-family:var(--serif)!important}

.club-h{color:var(--obsidian)!important;font-family:var(--serif)!important}
.club-p{color:var(--warm)!important;opacity:1!important}
.club-card-vis-title{color:var(--obsidian)!important;font-family:var(--serif)!important}

/* Outline body text · catch-all for any remaining champagne/ivory text on light backgrounds */
.section-d *,.tasks *,.shop *,.club *{text-shadow:none!important}
.shop-copy p{color:var(--warm)!important;opacity:1!important}

/* Make sure all section radii / borders feel like Voyage Edge, not SaaS */
section{border-radius:0!important}
.task,.live-shop,.search-link{border-radius:0!important}

/* BRAND ROOM CALLOUT · the private visual board pitch under the shop header */
.br-callout{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:#fff!important;border:1px solid var(--parchment);border-left:3px solid var(--gold-leaf);padding:20px 26px;margin-bottom:28px;text-decoration:none;color:inherit;transition:all .18s;position:relative;overflow:hidden}
.br-callout:hover{border-color:var(--gold-leaf);background:#fffdf6!important;transform:translateY(-1px);box-shadow:0 14px 32px -20px rgba(10,42,82,.3)}
.br-callout-kanji{font-family:var(--jp);font-size:54px;color:var(--gold-deep);line-height:1;font-weight:700;opacity:.85}
.br-callout-body{min-width:0}
.br-callout-eb{font-family:var(--osw);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--navy-deep);font-weight:800;margin-bottom:4px}
.br-callout-h{font-family:var(--serif);font-size:1.4rem;font-weight:500;color:var(--obsidian);line-height:1.2;margin-bottom:6px;letter-spacing:-.005em}
.br-callout-h em{font-style:italic;color:var(--gold-deep);font-weight:500}
.br-callout-p{font-family:var(--sans);font-size:.86rem;line-height:1.55;color:var(--warm);font-weight:400;max-width:680px}
.br-callout-cta{font-family:var(--osw);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;font-weight:900;color:var(--navy);background:var(--gold-leaf);padding:11px 18px;border:2px solid var(--navy-deep);white-space:nowrap;box-shadow:2px 2px 0 0 var(--navy-deep);transition:all .15s;align-self:center}
.br-callout:hover .br-callout-cta{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--navy-deep);background:var(--gold-soft)}
@media(max-width:760px){.br-callout{grid-template-columns:1fr;text-align:left;padding:18px}.br-callout-kanji{font-size:42px}.br-callout-cta{width:100%;text-align:center}}

/* MOMENT FILTER BUTTONS · clickable to swap products */
.search-link{cursor:pointer;font-family:var(--osw)!important;font-size:.7rem!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:800!important;color:var(--navy)!important;background:#fff!important;border:1px solid var(--navy-deep)!important;padding:10px 14px!important;transition:all .15s!important}
.search-link span{color:var(--gold-deep)!important;font-family:var(--serif)!important;font-style:italic;font-weight:600;font-size:1.05rem;margin-left:6px}
.search-link:hover{background:var(--navy-deep)!important;color:var(--gold-leaf)!important}
.search-link:hover span{color:var(--gold-leaf)!important}
.search-link.active{background:var(--navy-deep)!important;color:var(--gold-leaf)!important;box-shadow:2px 2px 0 0 var(--gold-leaf)}
.search-link.active span{color:var(--gold-leaf)!important}

/* PRODUCT CARDS · live API photos · skeleton while loading */
.pgcard-skel{background:linear-gradient(90deg,#fff 0%,var(--cream) 50%,#fff 100%)!important;background-size:200% 100%!important;animation:shimmer 1.6s infinite!important;min-height:170px;border:1px solid var(--parchment)}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.pgcard{background:#fff!important;border:1px solid var(--parchment)!important;transition:all .18s!important;border-radius:0!important}
.pgcard:hover{transform:translateY(-2px);border-color:var(--gold-leaf)!important;box-shadow:0 10px 22px -14px rgba(10,42,82,.35)!important}
.pgcard-img{aspect-ratio:1/1!important;background-color:var(--cream)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.pgcard-body{padding:10px 12px!important}
.pgcard-brand{font-family:var(--osw)!important;font-size:.56rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--muted)!important;font-weight:800!important;margin-bottom:2px}
.pgcard-name{font-family:var(--sans)!important;font-size:.82rem!important;font-weight:600!important;color:var(--ink)!important;line-height:1.25!important;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pgcard-price{font-family:var(--mono)!important;font-size:.7rem!important;color:var(--gold-deep)!important;font-weight:700!important;margin-top:4px!important;letter-spacing:.02em}
</style>
</head>
<body>

<!-- BEACH STANDARD · LUXURY BRAND MARQUEE · pinned at top -->
<div class="beach-brand-marquee" aria-label="Luxury brands stocked at Prosecco4">
  <div class="beach-brand-marquee-track">
    <div class="beach-brand-marquee-item"><span>◆</span>Peter Millar</div>
    <div class="beach-brand-marquee-item"><span>◆</span>TUMI</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Waterford</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Brunello Cucinelli</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Smythson</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Hartmann</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Carhartt</div>
    <div class="beach-brand-marquee-item"><span>◆</span>YETI</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Moleskine</div>
    <div class="beach-brand-marquee-item"><span>◆</span>A.T. Cross</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Montblanc</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Bottega Veneta</div>
    <div class="beach-brand-marquee-item"><span>◆</span>S.T. Dupont</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Filson</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Patagonia</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Vineyard Vines</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Peter Millar</div>
    <div class="beach-brand-marquee-item"><span>◆</span>TUMI</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Waterford</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Brunello Cucinelli</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Smythson</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Hartmann</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Carhartt</div>
    <div class="beach-brand-marquee-item"><span>◆</span>YETI</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Moleskine</div>
    <div class="beach-brand-marquee-item"><span>◆</span>A.T. Cross</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Montblanc</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Bottega Veneta</div>
    <div class="beach-brand-marquee-item"><span>◆</span>S.T. Dupont</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Filson</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Patagonia</div>
    <div class="beach-brand-marquee-item"><span>◆</span>Vineyard Vines</div>
  </div>
</div>

<!-- VOYAGE EDGE TICKER · pinned below brand marquee · live headlines -->
<div class="voyage-ticker" aria-label="Voyage Edge · live headlines">
  <div class="voyage-ticker-label">旅 Voyage Edge</div>
  <div class="voyage-ticker-view">
    <div class="voyage-ticker-track" id="voyage-ticker-track">
      <span class="voyage-ticker-item"><b>PLATINUM</b>Founder-spouse gala season opens · Hudson Valley + Hamptons production windows tightening</span>
      <span class="voyage-ticker-item"><b>GOLD</b>Cannes Lions sponsor hospitality · creative-house custom kits ship by Jun 14</span>
      <span class="voyage-ticker-item"><b>SILVER</b>Family-office annual offsites · Aspen + Sun Valley · welcome-box programs in motion</span>
      <span class="voyage-ticker-item"><b>DIAMOND</b>UHNW wedding peak · Sept–Oct window · custom packaging volume up across Q3</span>
      <span class="voyage-ticker-item"><b>PLATINUM</b>Suite-holder pre-season · NFL Kickoff six weeks out · principal-tier hospitality</span>
      <span class="voyage-ticker-item"><b>GOLD</b>Heritage-house corporate desks closing Q3 plans · principal-grade orders</span>
      <span class="voyage-ticker-item"><b>SILVER</b>Aspen Ideas Festival · founder-table gifting RFPs landing now</span>
      <span class="voyage-ticker-item"><b>DIAMOND</b>Sun Valley · closed-door principal sponsor activations · discreet kits</span>
      <span class="voyage-ticker-item"><b>PLATINUM</b>Founder-spouse gala season opens · Hudson Valley + Hamptons production windows tightening</span>
      <span class="voyage-ticker-item"><b>GOLD</b>Cannes Lions sponsor hospitality · creative-house custom kits ship by Jun 14</span>
      <span class="voyage-ticker-item"><b>SILVER</b>Family-office annual offsites · Aspen + Sun Valley · welcome-box programs in motion</span>
      <span class="voyage-ticker-item"><b>DIAMOND</b>UHNW wedding peak · Sept–Oct window · custom packaging volume up across Q3</span>
      <span class="voyage-ticker-item"><b>PLATINUM</b>Suite-holder pre-season · NFL Kickoff six weeks out · principal-tier hospitality</span>
      <span class="voyage-ticker-item"><b>GOLD</b>Heritage-house corporate desks closing Q3 plans · principal-grade orders</span>
      <span class="voyage-ticker-item"><b>SILVER</b>Aspen Ideas Festival · founder-table gifting RFPs landing now</span>
      <span class="voyage-ticker-item"><b>DIAMOND</b>Sun Valley · closed-door principal sponsor activations · discreet kits</span>
    </div>
  </div>
</div>
<script>
  (async function(){
    try{
      const r = await fetch('https://pops4-voyage.billing-010.workers.dev/feed.json',{cache:'no-store'});
      if(!r.ok) return;
      const data = await r.json();
      const items = (data && data.issues && data.issues[0] && data.issues[0].items) || [];
      if(!items.length) return;
      const track = document.getElementById('voyage-ticker-track');
      if(!track) return;
      const html = items.slice(0,10).map(it=>{
        const tier = (it.tier||'GOLD').toUpperCase();
        const co = it.company ? it.company.replace(/\*/g,'') : '';
        const head = (it.headline||it.summary||'').replace(/\*/g,'').slice(0,140);
        return '<span class="voyage-ticker-item"><b>'+tier+'</b>'+(co?co+' · ':'')+head+'</span>';
      }).join('');
      track.innerHTML = html + html;
    }catch(e){}
  })();
</script>

<a class="skip-link" style="position:absolute;left:-999px;top:10px;background:var(--gold-leaf);color:var(--obsidian);padding:10px 16px;font-size:11px;letter-spacing:2px;text-transform:uppercase;z-index:9999" href="#main">Skip to content</a>

<!-- ════════ COMPACT TOP STACK ════════ -->
<div class="accent"></div>

<div class="ticker" aria-label="Live Voyage Edge ticker">
  <div class="ticker-tag">Live · Voyage Edge</div>
  <div class="ticker-track"><div class="ticker-rail" id="ticker-top">
    <span class="ticker-item"><span class="dot">●</span><span>Cannes Lions 2026 · brand canvas updates incoming</span><span class="src">Voyage Edge</span></span>
    <span class="ticker-item"><span class="dot">●</span><span>LVMH portfolio · CMO rotation cycle accelerating</span><span class="src">Voyage Edge</span></span>
    <span class="ticker-item"><span class="dot">●</span><span>Aman pipeline · 2026 keys + UHNW booking density</span><span class="src">Voyage Edge</span></span>
    <span class="ticker-item"><span class="dot">●</span><span>Virtuoso advisor network · spring inventory shifts</span><span class="src">Voyage Edge</span></span>
  </div></div>
</div>

<div class="deskbar" aria-label="The six editorial desks">
  <a class="dbcell markets" href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener">
    <div class="dbcell-row"><span class="dbcell-kj">間</span><span class="dbcell-name">Markets</span><span class="dbcell-live"></span></div>
    <div class="dbcell-sub">M&amp;A · CMO · 8/day</div>
  </a>
  <a class="dbcell sports" href="https://pops4-sports.billing-010.workers.dev/" target="_blank" rel="noopener">
    <div class="dbcell-row"><span class="dbcell-kj">勝</span><span class="dbcell-name">Sports</span><span class="dbcell-live"></span></div>
    <div class="dbcell-sub">Capital · NIL · 8/day</div>
  </a>
  <a class="dbcell voyage" href="https://pops4-voyage.billing-010.workers.dev/" target="_blank" rel="noopener">
    <div class="dbcell-row"><span class="dbcell-kj">旅</span><span class="dbcell-name">Voyage</span><span class="dbcell-live"></span></div>
    <div class="dbcell-sub">Travel · Advertising</div>
  </a>
  <a class="dbcell house" href="https://pops4-house-edge.billing-010.workers.dev/" target="_blank" rel="noopener">
    <div class="dbcell-row"><span class="dbcell-kj">家</span><span class="dbcell-name">House</span><span class="dbcell-live"></span></div>
    <div class="dbcell-sub">Files · In Circulation</div>
  </a>
  <a class="dbcell briefing" href="https://www.huanggoodman.com/news/" target="_blank" rel="noopener">
    <div class="dbcell-row"><span class="dbcell-kj">智</span><span class="dbcell-name">Briefing</span><span class="dbcell-live"></span></div>
    <div class="dbcell-sub">Every 3 hours</div>
  </a>
  <a class="dbcell fending" href="https://fending.substack.com" target="_blank" rel="noopener">
    <div class="dbcell-row"><span class="dbcell-kj">禮</span><span class="dbcell-name">Fending</span><span class="dbcell-live"></span></div>
    <div class="dbcell-sub">6 AM · daily</div>
  </a>
</div>

<header class="nav" role="banner">
  <div class="nav-inner">
    <a class="nav-brand" href="/" aria-label="Prosecco4 Home">
      <span class="nav-brand-mark">宴</span>
      <div>
        <div class="nav-brand-name">Pros<em>ecco</em>4</div>
        <div class="nav-brand-sub">Luxury Events Terminal · 1997</div>
      </div>
    </a>
    <nav aria-label="Primary navigation"><ul class="nav-tasks">
      <li><a href="#weddings">Weddings</a></li>
      <li><a href="#galas">Galas</a></li>
      <li><a href="#suite">Suite</a></li>
      <li><a href="#executive">Executive Gifts</a></li>
      <li><a href="#shop">Shop</a></li>
      <li><a href="#playbook">Playbook</a></li>
      <li><a href="#club-card">Card</a></li>
      <li><a class="nav-cta btn" href="https://www.pops4.com/voyage/" target="_blank" rel="noopener">Talk to Sora</a></li>
    </ul></nav>
    <button class="mobile-toggle" type="button" aria-label="Open menu" aria-expanded="false" onclick="toggleMobile(this)"><span></span></button>
  </div>
  <div class="mobile-panel" id="mobilePanel">
    <a href="#weddings">Weddings</a>
    <a href="#galas">Galas &amp; Annuals</a>
    <a href="#suite">Suite Programs</a>
    <a href="#executive">Executive Gifts</a>
    <a href="#shop">Shop · 70K Products</a>
    <a href="#playbook">2026 Playbook</a>
    <a href="#club-card">POPS4 Club Card</a>
    <a href="https://www.pops4.com/voyage/" target="_blank" rel="noopener">Talk to Sora</a>
    <a href="https://www.pops4.com" target="_blank" rel="noopener">POPS4 Wholesale</a>
    <a href="tel:+17573900424">Call · (757) 390-0424</a>
  </div>
</header>

<main id="main">

<!-- ════════ HERO ════════ -->
<section class="hero" aria-label="Prosecco4 hero">
  <div class="hero-inner">
    <div>
      <div class="hero-eyebrow"><span class="dot"></span> 宴 · Luxury Events Terminal · Open</div>
      <div class="hero-cos-badge">
        <span class="kj">家</span>
        <span>For the Principal's Office</span>
        <span class="sep">·</span>
        <span>Chief of Staff</span>
        <span class="sep">·</span>
        <span>Family Office</span>
      </div>
      <h1 class="hero-h1">
        Intimate <em>by Design.</em>
        <span class="blush">Champagne-level execution.</span>
      </h1>
      <p class="hero-lede">
        Open this page in front of the principal. Hand it to the CoS. Forward it to the planner. The branded layer of every event your office runs — welcome packets, table gifts, suite kits, executive gifting, founder brand objects — produced quietly by one house since 1997. <strong style="color:var(--gold-soft);font-weight:600">Quote in under one hour. NDA standard. Never appears in your deck.</strong>
      </p>
      <div class="hero-cta">
        <a class="btn btn-gold" href="https://www.pops4.com/voyage/" target="_blank" rel="noopener">Talk to Sora <span class="arrow">→</span></a>
        <a class="btn btn-ghost" href="#shop">Shop Products <span class="arrow">→</span></a>
        <a class="btn btn-blush" href="#club-card">Club Card <span class="arrow">→</span></a>
      </div>
      <div class="hero-chips">
        <span class="chip">Micro Weddings</span>
        <span class="chip blush">Family-Office Galas</span>
        <span class="chip">Suite Programs</span>
        <span class="chip blush">Executive Gifting</span>
        <span class="chip">Founder Brand Layer</span>
      </div>
    </div>

    <div class="hero-side">
      <aside class="slate" aria-label="This quarter's active programs">
        <div class="slate-eyebrow">Q2 · Active Programs</div>
        <div class="slate-h">This Quarter's <em>Slate.</em></div>
        <div class="slate-sub">In production · April 2026</div>
        <div class="slate-row"><span class="slate-tier platinum">PLT</span><div class="slate-name">Family-office <em>annual</em></div><span class="slate-spend">$420K</span></div>
        <div class="slate-row"><span class="slate-tier gold">GLD</span><div class="slate-name">Founder <em>wedding</em></div><span class="slate-spend">$185K</span></div>
        <div class="slate-row"><span class="slate-tier gold">GLD</span><div class="slate-name">Suite-holder <em>kit</em></div><span class="slate-spend">$240K</span></div>
        <div class="slate-row"><span class="slate-tier silver">SLV</span><div class="slate-name">Q2 exec <em>gifting</em></div><span class="slate-spend">$92K</span></div>
      </aside>

      <div class="hero-feature">
        <div class="hero-feature-eyebrow"><span class="live"></span> 旅 · Talk to Sora · Voyage AI</div>
        <h3 class="hero-feature-h">Brief us in <em>under one minute.</em></h3>
        <p class="hero-feature-p">"200 welcome boxes for an Aspen weekend — what arrives Tuesday?" Sora answers in your voice. Multilingual. Live now.</p>
        <a class="hero-feature-cta" href="https://www.pops4.com/voyage/" target="_blank" rel="noopener">Open Sora <span style="font-family:var(--serif);font-style:italic;font-size:18px">→</span></a>
      </div>
    </div>
  </div>
</section>

<!-- ════════ HERO RECEIPTS STRIP ════════ -->
<div class="hero-receipts">
  <div class="hero-rcp"><div class="hero-rcp-n">29+</div><div class="hero-rcp-l">Years · Since 1997</div></div>
  <div class="hero-rcp"><div class="hero-rcp-n">70K+</div><div class="hero-rcp-l">Products · Live Shop</div></div>
  <div class="hero-rcp"><div class="hero-rcp-n">200+</div><div class="hero-rcp-l">National Brands</div></div>
  <div class="hero-rcp"><div class="hero-rcp-n">&lt;1h</div><div class="hero-rcp-l">Quote Turn</div></div>
  <div class="hero-rcp"><div class="hero-rcp-n">NDA</div><div class="hero-rcp-l">Standard</div></div>
</div>

<!-- ════════ SPIRIT (RESTORED) ════════ -->
<section class="spirit" aria-label="Prosecco4 spirit">
  <div class="wrap">
    <div class="spirit-card">
      <div class="spirit-card-body">
        <div class="spirit-card-eyebrow">The Prosecco4 Spirit</div>
        <p class="spirit-card-quote">Fewer guests. Better details. A night that feels expensive before you open a single box.</p>
      </div>
    </div>
    <div>
      <div class="spirit-text-eyebrow">What Prosecco4 Is</div>
      <h2 class="spirit-h">Private. <em>Elegant.</em><br>Quietly Unforgettable.</h2>
      <p class="spirit-p">Prosecco4 is for the celebration that doesn't need to announce itself. The micro wedding with twenty guests who all matter. The private dinner where the table is the whole story. The intimate ceremony where the flowers, the signage, and the glassware all say the same thing.</p>
      <p class="spirit-p">We supply the details — curated, proofed, and delivered — so the moment can just be the moment.</p>
      <div class="spirit-cta">
        <a class="btn btn-gold" href="https://pops4.espwebsites.com/products?q=wedding" target="_blank" rel="noopener">Shop Products</a>
        <a class="btn btn-blush" href="#collections">See Collections</a>
      </div>
    </div>
  </div>
</section>

<!-- ════════ TASK PROGRAMS ════════ -->
<section class="tasks" id="programs" aria-label="What we handle">
  <div class="wrap">
    <div class="tasks-head">
      <div class="sec-eyebrow-l" style="color:var(--gold-leaf)">02 · The Programs</div>
      <h2 class="sec-h-d">Pick the lane that <em>matches the line item</em> already approved in your calendar.</h2>
    </div>

    <div class="tasks-grid">
      <a class="task" href="#weddings" id="weddings">
        <div class="task-num">01</div>
        <div class="task-mark">婚</div>
        <div class="task-tag">$50K – $500K · 2–4 weeks</div>
        <h3 class="task-h">Founder &amp; Family <em>Weddings</em></h3>
        <p class="task-p">Welcome packets, table objects, photo-worthy details. Post-Series-B founders, family-office heirs, second-generation principals.</p>
        <div class="task-cta">Brief Sora</div>
      </a>
      <a class="task" href="#galas" id="galas">
        <div class="task-num">02</div>
        <div class="task-mark">宴</div>
        <div class="task-tag">$100K – $750K · 3–6 weeks</div>
        <h3 class="task-h">Galas &amp; <em>Annual Meetings</em></h3>
        <p class="task-p">Family office annuals, fund LP dinners, corporate VC galas, founder-tier retreats. The branded layer that does not break the spell.</p>
        <div class="task-cta">Brief Sora</div>
      </a>
      <a class="task" href="#suite" id="suite">
        <div class="task-num">03</div>
        <div class="task-mark">勝</div>
        <div class="task-tag">$50K – $500K · pre-season</div>
        <h3 class="task-h">Suite-Holder <em>Programs</em></h3>
        <p class="task-p">Pre-season welcome boxes for VP Premium Sales. Built to read as the franchise's own merchandise, not promotional filler. ALSD-circuit teams.</p>
        <div class="task-cta">Brief Sora</div>
      </a>
      <a class="task" href="#executive" id="executive">
        <div class="task-num">04</div>
        <div class="task-mark">贈</div>
        <div class="task-tag">$25K – $1M · 48-hour turn</div>
        <h3 class="task-h">Executive <em>Gifting</em></h3>
        <p class="task-p">200–2,000 unit boxes for PE, family offices, deal-close desks. White-glove personalization. Priced so the line item does not need to be defended.</p>
        <div class="task-cta">Brief Sora</div>
      </a>
      <a class="task" href="#brand">
        <div class="task-num">05</div>
        <div class="task-mark">家</div>
        <div class="task-tag">Quarterly · retainer</div>
        <h3 class="task-h">Founder <em>Brand Layer</em></h3>
        <p class="task-p">Stationery in LP meetings, dinner-table objects, items the team carries. The layer your content agency cannot deliver.</p>
        <div class="task-cta">Brief Sora</div>
      </a>
    </div>
  </div>
</section>

<!-- ════════ COLLECTIONS (RESTORED) ════════ -->
<section class="section-l" id="collections" aria-label="Event collections">
  <div class="wrap">
    <div class="sec-eyebrow-l">03 · Curated Collections</div>
    <h2 class="sec-h-l">Everything the <em>moment needs.</em></h2>
    <p class="sec-lede-l">Three collections. One philosophy: fewer items, higher quality, tighter cohesion.</p>

    <div class="coll-grid">
      <article class="coll">
        <div class="coll-num">01</div>
        <div class="coll-kicker">Arrival &amp; Welcome</div>
        <h3 class="coll-name">The First Impression Collection</h3>
        <p class="coll-desc">Welcome bags, entrance signage, custom ribbons, etched flutes, branded matchboxes, and keepsake packaging. Everything your guests touch from arrival to their first toast. The arrival moment sets the emotional register for everything that follows.</p>
        <div class="coll-tags">
          <span class="coll-tag">Welcome Bags</span><span class="coll-tag">Signage</span><span class="coll-tag">Etched Glassware</span><span class="coll-tag">Custom Ribbon</span>
        </div>
      </article>
      <article class="coll">
        <div class="coll-num">02</div>
        <div class="coll-kicker">Table &amp; Place</div>
        <h3 class="coll-name">The Table Moment Collection</h3>
        <p class="coll-desc">Custom menus, place cards, napkin rings, centerpiece accents, bud vase cards, and coordinated table stationery. The table is the stage — these are the details that make guests slow down, notice, and feel the quality of the intention behind the event.</p>
        <div class="coll-tags">
          <span class="coll-tag">Menus</span><span class="coll-tag">Place Cards</span><span class="coll-tag">Napkin Rings</span><span class="coll-tag">Table Stationery</span>
        </div>
      </article>
      <article class="coll">
        <div class="coll-num">03</div>
        <div class="coll-kicker">Keepsake &amp; Exit</div>
        <h3 class="coll-name">The Goodbye Collection</h3>
        <p class="coll-desc">Thank-you cards, custom minis, candles, branded keepsakes, exit packaging, and quiet after-moment kits. The exit is the last thing guests remember — and the thing they photograph at home. Make it as considered as everything that came before it.</p>
        <div class="coll-tags">
          <span class="coll-tag">Thank-You Cards</span><span class="coll-tag">Custom Minis</span><span class="coll-tag">Candles</span><span class="coll-tag">Exit Kits</span>
        </div>
      </article>
    </div>
  </div>
</section>

<!-- ════════ SHOP (RESTORED with iframe) ════════ -->
<section class="shop" id="shop" aria-label="Live product shop">
  <div class="wrap">
    <div class="sec-eyebrow-l" style="color:var(--gold-leaf)">04 · Live Product Shop</div>
    <h2 class="sec-h-d">Shop, Browse, <em>Build Your Kit.</em></h2>
    <p class="sec-lede-d">Browse 70,000+ products live. Search by moment — arrival, table, exit. Always updating, always with logo preview via Virtual Studio.</p>

    <!-- BRAND ROOM CALLOUT · the visual board that orders from this catalog -->
    <a class="br-callout" href="https://huanggoodman.com/brand-room" target="_blank" rel="noopener">
      <div class="br-callout-kanji">家</div>
      <div class="br-callout-body">
        <div class="br-callout-eb">家 · Want to save what you find? Open a Brand Room.</div>
        <div class="br-callout-h">A private visual board for the goods. <em>Every pin orderable.</em></div>
        <div class="br-callout-p">Save the products you like across visits. Drop your monogram on them. Share the board with the planner, the family, or the agency. When the moment lands, the order routes from the same room. Free. No login. No platform fee.</div>
      </div>
      <span class="br-callout-cta">Open a Brand Room →</span>
    </a>

    <div class="shop-grid">
      <div class="shop-copy">
        <p>The Prosecco4 shop runs on the POPS4 wholesale catalog — 70,000+ products, always updating, always with logo preview available via Virtual Studio. Browse the embedded window or open full screen and save what resonates.</p>
        <p>Build a micro kit: pick 6–10 items total. One entrance moment, two to three table details, one keepsake, one photo moment, and one thank-you touch. That's a complete micro event supply program.</p>
        <div class="search-ideas" id="moment-filters">
          <button type="button" class="search-link" data-moment="welcome" data-q="welcome gift bag">Welcome &amp; Arrival <span>→</span></button>
          <button type="button" class="search-link" data-moment="signage" data-q="acrylic sign signage">Signage &amp; Display <span>→</span></button>
          <button type="button" class="search-link active" data-moment="glassware" data-q="champagne flute wine glass">Glassware &amp; Bar <span>→</span></button>
          <button type="button" class="search-link" data-moment="table" data-q="place card menu napkin">Table &amp; Place <span>→</span></button>
          <button type="button" class="search-link" data-moment="keepsakes" data-q="engraved keepsake gift">Keepsakes &amp; Gifts <span>→</span></button>
          <button type="button" class="search-link" data-moment="favors" data-q="favor exit bag candy">Favors &amp; Exit <span>→</span></button>
        </div>
        <div class="hero-cta">
          <a class="btn btn-gold" href="https://pops4.espwebsites.com/products?q=wedding" target="_blank" rel="noopener">Open Full Shop</a>
          <a class="btn btn-ghost" href="https://www.pops4.com/chat/" target="_blank" rel="noopener">Talk to Celeste</a>
        </div>
      </div>
      <div class="live-shop" aria-label="Live curated products">
        <div class="live-shop-bar">
          <div class="w-dot"></div><div class="w-dot"></div><div class="w-dot"></div>
          <span class="live-shop-label">Live · <span id="moment-label">Glassware &amp; Bar</span></span>
          <span class="live-shop-pulse"></span>
        </div>
        <div class="product-grid" id="product-grid" aria-live="polite">
          <div class="pgcard pgcard-skel"></div>
          <div class="pgcard pgcard-skel"></div>
          <div class="pgcard pgcard-skel"></div>
          <div class="pgcard pgcard-skel"></div>
          <div class="pgcard pgcard-skel"></div>
          <div class="pgcard pgcard-skel"></div>
        </div>
        <div class="live-shop-cta">
          <span>Tap any product to open it · or browse the full catalog.</span>
          <a class="btn btn-gold" href="https://shop.pops4.com" target="_blank" rel="noopener" style="padding:10px 20px;font-size:10px">Full Catalog →</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ════════ SORA · BIG BLUE BOX ════════ -->
<section class="sora" aria-label="Talk to Sora">
  <div class="sora-inner">
    <div>
      <div class="sora-eyebrow"><span class="live"></span> 空 · Voyage AI · Live 24/7</div>
      <h2 class="sora-h">Talk to <em>Sora.</em></h2>
      <div class="sora-tag">Sweet tea &amp; Gulfstream travel.</div>
      <p class="sora-p">The voice of the house for luxury hospitality, founder weddings, family-office galas, and Virginia-Beach-to-anywhere travel. Cannes-jury-tier judgment, Virtuoso-advisor instinct, LVMH brand discipline — in a register that does not waste your time. Voice and text. Five languages. Open at 2 AM if the principal needs her.</p>
      <a class="sora-cta" href="https://www.pops4.com/voyage/" target="_blank" rel="noopener">Open Sora <span style="font-family:var(--serif);font-style:italic;font-size:22px">→</span></a>
      <div class="sora-meta">
        <span>Voice + Text</span><span>· EN · JA · DE · FR · ES</span><span>· iOS · Android · Desktop</span>
      </div>
    </div>
    <aside class="sora-side">
      <div class="sora-side-label">She handles questions like</div>
      <div class="sora-q">"200 welcome boxes for an Aspen weekend — what arrives Tuesday?"</div>
      <div class="sora-q">"Founder wedding · 80 guests · April · what's the photo-worthy table layer?"</div>
      <div class="sora-q">"Suite-holder kit · NFL season opener · ship dates and three options."</div>
    </aside>
  </div>
</section>

<!-- ════════ PLAYBOOK (RESTORED — 6 cards) ════════ -->
<section class="section-l" id="playbook" aria-label="2026 Micro Event Playbook">
  <div class="wrap">
    <div class="sec-eyebrow-l">05 · 2026 Playbook</div>
    <h2 class="sec-h-l">Plan Quietly. <em>Execute Elegantly.</em></h2>
    <p class="sec-lede-l">The Prosecco4 philosophy: privacy, precision, and sensory detail. Fewer guests. Better materials. Calmer pace.</p>

    <div class="play-grid">
      <div class="play">
        <div class="play-num">I.</div>
        <div class="play-kicker">Privacy First</div>
        <h3 class="play-title">Make It Intimate by Design</h3>
        <ul class="play-list">
          <li>Choose venues that naturally limit visibility — courtyards, private rooms, small estates</li>
          <li>Use "no-post" signage politely and offer a shared gallery afterward</li>
          <li>Micro means meaningful — everyone on the list should matter</li>
        </ul>
      </div>
      <div class="play">
        <div class="play-num">II.</div>
        <div class="play-kicker">Quality Over Volume</div>
        <h3 class="play-title">Replace "More" With "Better"</h3>
        <ul class="play-list">
          <li>One signature drink + one perfect dessert beats a full bar + big cake</li>
          <li>Curate one photo moment instead of many</li>
          <li>Keep the palette tight: 2 neutrals + 1 accent + metallic</li>
        </ul>
      </div>
      <div class="play">
        <div class="play-num">III.</div>
        <div class="play-kicker blush">Sensory Details</div>
        <h3 class="play-title">Small Details Carry the Whole Look</h3>
        <ul class="play-list">
          <li>Etched glassware, custom menus, and clean name cards feel expensive instantly</li>
          <li>Soft lighting, a single floral style — avoid mixed themes</li>
          <li>Welcome bags as a design object: ribbon handles, clean label</li>
        </ul>
      </div>
      <div class="play">
        <div class="play-num">IV.</div>
        <div class="play-kicker">Flow &amp; Timing</div>
        <h3 class="play-title">Shorter Programs, Stronger Flow</h3>
        <ul class="play-list">
          <li>90-minute peak experience: arrival → toast → photos → dinner</li>
          <li>Anchor the night around one main table</li>
          <li>Quiet after-moment kits: candles, matches, minis, thank-you cards</li>
        </ul>
      </div>
      <div class="play">
        <div class="play-num">V.</div>
        <div class="play-kicker blush">Supply Checklist</div>
        <h3 class="play-title">Build a Micro-Supply Kit</h3>
        <ul class="play-list">
          <li>Entrance: sign + welcome bags + a clean tray moment</li>
          <li>Table: menus, napkins, place cards, one centerpiece style</li>
          <li>Exit: thank-you note, keepsake, and a single branded item</li>
        </ul>
      </div>
      <div class="play">
        <div class="play-num">VI.</div>
        <div class="play-kicker">Control &amp; Calm</div>
        <h3 class="play-title">Reduce Vendor Chaos</h3>
        <ul class="play-list">
          <li>Fewer vendors with clear, written deliverables</li>
          <li>Standardize sizes: signage, bag sizes, label templates</li>
          <li>Proof once, order once — micro looks best when consistent</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- ════════ CLUB CARD ════════ -->
<section class="club" id="club-card" aria-label="POPS4 Club Card">
  <div class="wrap">
    <div>
      <div class="sec-eyebrow-l" style="color:var(--gold-leaf)">06 · POPS4 Club Card</div>
      <h2 class="club-h">Your Event Budget,<br>Always <em>Ready.</em></h2>
      <p class="club-p">Planning a luxury micro event means ordering across multiple categories — signage, glassware, welcome bags, table details, exit kits. The POPS4 Club Card lets you load your event budget once and draw from it as you build — no per-order approvals, no payment friction, no chasing reimbursements.</p>
      <p class="club-p">Use your card across all Hako Shikin programs — Prosecco4, POPS4 wholesale, custom packaging, and luxury print. One account, one balance, every category.</p>
      <div class="hero-cta" style="margin-top:22px">
        <a class="btn btn-gold" href="https://www.pops4.com/shop.html#club-card" target="_blank" rel="noopener">Set Up Your Club Card</a>
        <a class="btn btn-ghost" href="https://www.pops4.com/shop.html#club-card" target="_blank" rel="noopener">Apply for Net Terms <span class="arrow">→</span></a>
      </div>
      <p class="club-meta">Questions? Call <a href="tel:+17573900424">(757) 390-0424</a> or email <a href="/cdn-cgi/l/email-protection#fb919e959582bb938e9a959c9c94949f969a95d5989496"><span class="__cf_email__" data-cfemail="355f505b5b4c755d40545b52525a5a5158545b1b565a58">[email&#160;protected]</span></a></p>
    </div>
    <div class="club-card-vis">
      <div>
        <div class="club-card-vis-label">POPS4 Club Card · Prepaid Account</div>
        <div class="club-card-vis-title">Your Event Spending Account</div>
        <div class="club-card-vis-sub">Hako Shikin LLC · Prosecco4 · Since 1997</div>
      </div>
      <div class="club-card-vis-bottom">
        <span>Cardholder Name</span>
        <span>Prepaid · Events</span>
      </div>
    </div>
  </div>
</section>

<!-- ════════ THE HOUSE — big brand boxes ════════ -->
<section class="section-d" id="brands" aria-label="The house family">
  <div class="wrap">
    <div class="sec-eyebrow-l" style="color:var(--gold-leaf)">07 · The House</div>
    <h2 class="sec-h-d">One family. <em>Four engines.</em> Six desks.</h2>
    <p class="sec-lede-d">Prosecco4 sits inside Hako Shikin LLC alongside Huang Goodman and POPS4. One operator. Six editorial desks publishing every three hours. Virginia Beach since 1997.</p>

    <div class="house-grid">
      <a class="brand" data-kj="家" href="https://hakoshikin.com" target="_blank" rel="noopener">
        <div class="brand-inner">
          <div class="brand-mark">家</div>
          <div class="brand-tag">Parent · Capital · 1997</div>
          <h3 class="brand-name">Hako <em>Shikin</em></h3>
          <p class="brand-p">The parent house. Capital logic, governance, the keiretsu mark. ASI #217876 · DUNS 18-204-6339.</p>
          <div class="brand-cta">Open Hako Shikin</div>
        </div>
      </a>
      <a class="brand" data-kj="智" href="https://huanggoodman.com" target="_blank" rel="noopener">
        <div class="brand-inner">
          <div class="brand-mark">智</div>
          <div class="brand-tag">Agency · Editorial · AI</div>
          <h3 class="brand-name">Huang <em>Goodman</em></h3>
          <p class="brand-p">The agency. Strategy, AI systems, six editorial desks. The intelligence layer behind every brand we ship.</p>
          <div class="brand-cta">Open Huang Goodman</div>
        </div>
      </a>
      <a class="brand" data-kj="買" href="https://pops4.com" target="_blank" rel="noopener">
        <div class="brand-inner">
          <div class="brand-mark">買</div>
          <div class="brand-tag">Catalog · Imprint · Wholesale</div>
          <h3 class="brand-name">POPS4</h3>
          <p class="brand-p">The trading company. 70,000 SKUs across 200+ national brands. Wholesale imprinting house. Celeste at the front.</p>
          <div class="brand-cta">Open POPS4</div>
        </div>
      </a>
      <a class="brand" data-kj="宴" href="https://prosecco4.com">
        <div class="brand-inner">
          <div class="brand-mark">宴</div>
          <div class="brand-tag">Events · Galas · Weddings</div>
          <h3 class="brand-name">Pros<em>ecco</em>4</h3>
          <p class="brand-p">The events division. Founder weddings, family-office galas, suite-holder programs, the photo-worthy detail layer.</p>
          <div class="brand-cta">You are here</div>
        </div>
      </a>
    </div>
  </div>
</section>

<!-- ════════ GALS + BITTIES ════════ -->
<section class="gals" aria-label="The audience">
  <div class="wrap">
    <div class="gals-eyebrow">Read by</div>
    <h2 class="gals-h">For the <span class="gold">gals who run their own stacks</span><br>and the <em>bitties</em> who take the notes.</h2>
    <p class="gals-sub">Not for procurement teams price-shopping. Not for one-offs below program scale. For the people who already know what good looks like and need it on the floor by Friday.</p>

    <div class="gals-grid">
      <div class="gals-cell">
        <h3 class="gals-cell-h">The <em>Gals</em></h3>
        <p class="gals-cell-p">Family-office principals, founder spouses, fund operating partners, event chairs, planner principals — the women who run the calendar and approve the line item before it goes to the principal. They do not waste time on vendors who waste theirs.</p>
      </div>
      <div class="gals-cell">
        <h3 class="gals-cell-h">The <em>Bitties</em></h3>
        <p class="gals-cell-p">Chiefs of staff, junior planners, executive assistants, event coordinators, next-gen taste makers — the ones taking notes at the meeting, sourcing on the fly, owning the inbox. Their phone is the procurement function.</p>
      </div>
    </div>
  </div>
</section>

<!-- ════════ CTA BAND (RESTORED) ════════ -->
<section class="cta-band" aria-label="Get started">
  <div class="wrap">
    <div class="cta-grid">
      <div class="cta-tile">
        <div class="cta-tile-kicker">Build Your Kit</div>
        <h3>Shop <em>Event Products.</em></h3>
        <p>Browse 70,000+ products. Preview your logo or monogram. Build a micro kit from arrival to exit. Ships nationwide.</p>
        <a class="btn btn-gold" href="https://pops4.espwebsites.com/products?q=wedding" target="_blank" rel="noopener">Shop Now</a>
      </div>
      <div class="cta-tile">
        <div class="cta-tile-kicker">Custom Program</div>
        <h3>Build It <span class="bl">With Us.</span></h3>
        <p>Need a fully curated event supply program? We brief, source, proof, and deliver — one concierge relationship, every detail handled.</p>
        <div class="hero-cta" style="margin-top:auto">
          <a class="btn btn-blush" href="/cdn-cgi/l/email-protection#aec4cbc0c0d7eec6dbcfc0c9c9c1c1cac3cfc080cdc1c391dddbccc4cbcdda93fedcc1ddcbcdcdc19a8b9c9e8beb9c8b969e8b979a8b9c9eeddbdddac1c38b9c9efedcc1c9dccfc3">Email Jenny</a>
          <a class="btn btn-ghost" href="tel:+17573900424">Call</a>
        </div>
      </div>
      <div class="cta-tile">
        <div class="cta-tile-kicker">Spending Account</div>
        <h3>Get Your <em>Club Card.</em></h3>
        <p>Load your event budget once. Order across all categories without per-order friction. Two options: prepaid card or net terms.</p>
        <a class="btn btn-blush" href="https://www.pops4.com/shop.html#club-card" target="_blank" rel="noopener">Set Up Card <span class="arrow">→</span></a>
      </div>
    </div>
  </div>
</section>

</main>

<!-- ════════ BOTTOM TICKER · Sports Edge ════════ -->
<div class="ticker bottom" aria-label="Live Sports Edge ticker">
  <div class="ticker-tag">Live · Sports Edge</div>
  <div class="ticker-track"><div class="ticker-rail" id="ticker-bottom">
    <span class="ticker-item"><span class="dot">●</span><span>NIL portal · 2026 spring transfer window opens</span><span class="src">Sports Edge</span></span>
    <span class="ticker-item"><span class="dot">●</span><span>NFL suite-holder programs · early renewal pace</span><span class="src">Sports Edge</span></span>
    <span class="ticker-item"><span class="dot">●</span><span>WNBA expansion · CMO appointments tracking</span><span class="src">Sports Edge</span></span>
    <span class="ticker-item"><span class="dot">●</span><span>F1 American calendar · hospitality demand surge</span><span class="src">Sports Edge</span></span>
  </div></div>
</div>

<!-- ════════ FOOTER (RESTORED) ════════ -->
<footer class="footer">
  <div class="wrap">
    <div class="footer-grid">
      <div>
        <div class="footer-brand-name">宴 Prosecco4</div>
        <div class="footer-brand-tag">Luxury Events Terminal · Hako Shikin LLC</div>
        <p class="footer-desc">Intimate by design. Champagne-level execution. Founder weddings, family-office galas, suite-holder programs, executive gifting. Family-operated since 1997.</p>
        <div>
          <div class="footer-direct">Direct</div>
          <a href="tel:+17573900424" style="font-size:14px;display:block;margin-bottom:4px">(757) 390-0424 · TTY 711</a>
          <a href="/cdn-cgi/l/email-protection#771d1219190e371f02161910101818131a16195914181a" style="color:var(--gold-soft)"><span class="__cf_email__" data-cfemail="09636c67677049617c68676e6e66666d646867276a6664">[email&#160;protected]</span></a>
          <p style="font-family:var(--sans);font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6">Virginia Beach, Virginia &middot; ASI #217876 &middot; DUNS #18-204-6339</p>
        </div>
      </div>
      <div>
        <h4>The House</h4>
        <ul>
          <li><a href="https://huanggoodman.com">Huang Goodman</a></li>
          <li><a href="https://pops4.com">POPS4</a></li>
          <li><a href="https://prosecco4.com">Prosecco4</a></li>
          <li><a href="https://hakoshikin.com">Hako Shikin</a></li>
        </ul>
        <h4 style="margin-top:24px">Concierges</h4>
        <ul>
          <li><a href="https://www.pops4.com/voyage/" target="_blank" rel="noopener">Sora · Voyage AI</a></li>
          <li><a href="https://www.pops4.com/chat/" target="_blank" rel="noopener">Celeste · Catalog</a></li>
          <li><a href="https://shop.pops4.com" target="_blank" rel="noopener">Shop · 70K SKUs</a></li>
        </ul>
      </div>
      <div>
        <h4>The Desks</h4>
        <ul>
          <li><a href="https://pops4-ma.billing-010.workers.dev/" target="_blank" rel="noopener">Markets Edge</a></li>
          <li><a href="https://pops4-sports.billing-010.workers.dev/" target="_blank" rel="noopener">Sports Edge</a></li>
          <li><a href="https://pops4-voyage.billing-010.workers.dev/" target="_blank" rel="noopener">Voyage Edge</a></li>
          <li><a href="https://pops4-house-edge.billing-010.workers.dev/" target="_blank" rel="noopener">House Edge</a></li>
          <li><a href="https://fending.substack.com" target="_blank" rel="noopener">Fending · 6 AM</a></li>
          <li><a href="https://www.huanggoodman.com/news/" target="_blank" rel="noopener">The Briefing</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-legal">
      Prosecco4 is part of the Hako Shikin LLC brand family. Hako Shikin, LLC does not own any media manufacturing and converting facilities; we work with and invest in manufacturing corporations that limit themselves to wholesale licensees and brokers such as Hako Shikin, LLC. POPS4 Club Card is a managed prepaid account program — not a bank-issued financial product. ASI Distributor #217876 · DUNS 18-204-6339 · VA Small Business.
    </div>
    <div class="footer-bottom">
      <span>© 1997–2026 Hako Shikin LLC · ASI #217876 · DUNS 18-204-6339</span>
      <span class="footer-sig">Japanese brains. Criminal execution.</span>
    </div>
  </div>
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
function toggleMobile(btn){
  const p = document.getElementById('mobilePanel');
  const o = p.classList.toggle('open');
  btn.setAttribute('aria-expanded', o ? 'true' : 'false');
}

async function loadTicker(railId, feedUrl, fallbackSrc){
  try{
    const res = await fetch(feedUrl + (feedUrl.includes('?')?'&':'?') + 'v=' + Date.now());
    const data = await res.json();
    const items = (data && data.items) ? data.items.slice(0, 12) : [];
    if(!items.length) return;
    const rail = document.getElementById(railId);
    if(!rail) return;
    const html = items.map(item => {
      const title = (item.title || item.headline || '').replace(/<[^>]+>/g,'').slice(0, 160);
      const src = item.source || item.publisher || fallbackSrc;
      return '<span class="ticker-item"><span class="dot">●</span><span>' + title + '</span><span class="src">' + src + '</span></span>';
    }).join('');
    rail.innerHTML = html + html;
  }catch(e){
    console.warn('Ticker fetch failed (' + railId + '):', e);
  }
}
loadTicker('ticker-top',    'https://pops4-voyage.billing-010.workers.dev/feed.json', 'Voyage Edge');
loadTicker('ticker-bottom', 'https://pops4-sports.billing-010.workers.dev/feed.json', 'Sports Edge');

/* ─── LIVE SHOP · fetch real products from pops4-product-pages · wire moment filter buttons ─── */
(function initLiveShop(){
  const grid = document.getElementById('product-grid');
  const filters = document.getElementById('moment-filters');
  const label = document.getElementById('moment-label');
  if (!grid) return;
  const API = 'https://pops4-product-pages.billing-010.workers.dev/api/products';

  function escAttr(s){ return String(s || '').replace(/"/g, '&quot;').replace(/</g, '&lt;'); }

  function render(products){
    if (!products || !products.length){
      grid.innerHTML = '<div class="pgcard" style="grid-column:1/-1;padding:18px;text-align:center;font-family:var(--serif);font-style:italic;color:var(--muted)">No products matched — try another moment, or open the full catalog.</div>';
      return;
    }
    grid.innerHTML = products.slice(0, 6).map(function(p){
      var title = (p.title || '').replace(/Custom Logo /i, '').replace(/ — Branded.*$/i, '').slice(0, 70);
      var brand = (p.brand || p.supplier || 'POPS4').toString().slice(0, 28);
      var price = p.price ? 'From $' + String(p.price).replace(/^\$/, '') : 'Quote';
      var url = (p.url || 'https://shop.pops4.com') + (String(p.url || '').indexOf('?') >= 0 ? '&' : '?') + 'utm_source=prosecco4&utm_medium=shop-strip&utm_campaign=moment-grid';
      var img = p.img ? '<div class="pgcard-img" style="background-image:url(' + JSON.stringify(p.img) + ')"></div>' : '<div class="pgcard-img"></div>';
      return '<a class="pgcard" href="' + escAttr(url) + '" target="_blank" rel="noopener">' +
        img +
        '<div class="pgcard-body">' +
          '<div class="pgcard-brand">' + escAttr(brand) + '</div>' +
          '<div class="pgcard-name">' + escAttr(title) + '</div>' +
          '<div class="pgcard-price">' + escAttr(price) + '</div>' +
        '</div></a>';
    }).join('');
  }

  function load(q){
    // Skeleton state while we fetch
    grid.innerHTML = ['','','','','',''].map(function(){return '<div class="pgcard pgcard-skel"></div>';}).join('');
    var offset = Math.floor(Math.random() * 8000);
    var url = API + '?limit=24&offset=' + offset + (q ? '&q=' + encodeURIComponent(q) : '');
    fetch(url, { cache: 'no-store' })
      .then(function(r){ return r.ok ? r.json() : null; })
      .then(function(d){
        var products = (d && d.products) ? d.products.filter(function(p){ return p && p.img && p.url; }) : [];
        render(products);
      })
      .catch(function(){ render([]); });
  }

  // Wire moment filter buttons
  if (filters){
    filters.addEventListener('click', function(e){
      var btn = e.target.closest('.search-link');
      if (!btn) return;
      e.preventDefault();
      filters.querySelectorAll('.search-link').forEach(function(b){ b.classList.remove('active'); });
      btn.classList.add('active');
      if (label) label.innerHTML = (btn.textContent || '').replace('→', '').trim();
      load(btn.getAttribute('data-q') || '');
    });
  }

  // Initial load · default to "Glassware & Bar" (matches the active button)
  load('champagne flute wine glass');
})();
</script>

</body>
</html>
