Real FantaSea video: YouTube drone hero (main + 6 concepts), 2 real films side-by-side under hero, real contact info in hamburgers

a1551e2cf3e05af4e2cf07b6c583b0834d84a904 · 2026-07-16 11:32:57 -0700 · Steve Abrams
Files touched

M build.mjs
M public/index.html
M public/versions/chanel.html
M public/versions/dior.html
M public/versions/gucci.html
M public/versions/hermes.html
M public/versions/lv.html
M public/versions/tiffany.html
A videos-src/heygen_vid.txt
Diff

commit a1551e2cf3e05af4e2cf07b6c583b0834d84a904
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Jul 16 11:32:57 2026 -0700

    Real FantaSea video: YouTube drone hero (main + 6 concepts), 2 real films side-by-side under hero, real contact info in hamburgers
---
 build.mjs                    | 45 ++++++++++++++++++++++++++++++++++++++++++--
 public/index.html            | 30 ++++++++++++++++++++++++++++-
 public/versions/chanel.html  |  7 ++++++-
 public/versions/dior.html    |  7 ++++++-
 public/versions/gucci.html   |  7 ++++++-
 public/versions/hermes.html  |  7 ++++++-
 public/versions/lv.html      |  7 ++++++-
 public/versions/tiffany.html |  7 ++++++-
 videos-src/heygen_vid.txt    |  1 +
 9 files changed, 109 insertions(+), 9 deletions(-)

diff --git a/build.mjs b/build.mjs
index 84007e0..576508b 100644
--- a/build.mjs
+++ b/build.mjs
@@ -19,8 +19,19 @@ const BIZ = {
   cap: '12–250 guests',
   events: '10,000+ events hosted',
   entry: 'Events from $6,000',
+  youtube: 'https://www.youtube.com/channel/UCWGkcsc1JvE7q1v0fbZ0MPA',
 };
 
+// Real FantaSea hero film — "FantaSea One Drone Video" (verified embeddable).
+// Muted + looping YouTube background so browsers permit autoplay.
+const HERO_YT = 'C8QAvZJKhQ0';
+const HEROVID = `<div class="ytbg"><iframe src="https://www.youtube.com/embed/${HERO_YT}?autoplay=1&mute=1&loop=1&playlist=${HERO_YT}&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>`;
+// Two real FantaSea films, side-by-side under the hero (thumbnails saved locally).
+const DUO = `<div class="duo">
+  <a class="duoimg" href="https://www.youtube.com/watch?v=C8QAvZJKhQ0" target="_blank" rel="noopener noreferrer"><img src="/img/C8QAvZJKhQ0.jpg" alt="FantaSea One — aerial drone film" loading="lazy"><span>▶ FantaSea One · aerial film</span></a>
+  <a class="duoimg" href="https://www.youtube.com/watch?v=v23UnZ4QZ4g" target="_blank" rel="noopener noreferrer"><img src="/img/v23UnZ4QZ4g.jpg" alt="Yacht weddings in Marina del Rey" loading="lazy"><span>▶ Weddings on the water</span></a>
+</div>`;
+
 // 6 luxury houses — few colors, sophisticated, distinct.
 const HOUSES = [
   { key:'gucci',   label:'Gucci',            bg:'#0f2e22', panel:'#123829', ink:'#f4efe3', gold:'#c8a15a', line:'rgba(200,161,90,.28)',
@@ -69,9 +80,13 @@ body.nav .menu{opacity:1;pointer-events:auto}
 .menu .sub{margin-top:34px;font-family:${h.sans};font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.5}
 .menu .houses{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:${h.sans}!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
 .menu .houses a{font-size:12px!important;font-family:${h.sans}!important;opacity:.55}
+.menu .cinfo{margin-top:28px;font-family:${h.sans};font-size:12px;letter-spacing:.05em;line-height:1.95;opacity:.6;text-align:center;text-transform:none}
+.menu .cinfo a{font-size:12px!important;font-family:${h.sans}!important;color:var(--gold);opacity:.9}
 /* hero */
 .hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:${h.bg}}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,var(--bg));z-index:1}
 .hero .in{position:relative;z-index:2;padding:0 24px}
 .kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;opacity:.85;margin-bottom:22px}
@@ -114,10 +129,11 @@ footer{padding:70px clamp(24px,7vw,120px);border-top:1px solid var(--line);displ
   <a href="#contact">Charter Now</a>
   <div class="sub">Palette study — ${h.label}</div>
   <div class="houses">${others}</div>
+  <div class="cinfo">${BIZ.addr}<br><a href="tel:+13108272220">${BIZ.phone}</a> · Family-owned since ${BIZ.since}<br>${BIZ.cap} · Events from $6,000</div>
 </nav>
 
 <div class="hero">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  ${HEROVID}
   <div class="in">
     <div class="kicker">Marina del Rey · Est. ${BIZ.since}</div>
     <h1 class="disp">FantaSea</h1>
@@ -302,7 +318,22 @@ body.nav .scrim{opacity:1;pointer-events:auto}
 /* hero */
 .hero{min-height:96vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,7vw,120px);overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0c1512}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,21,18,.92),rgba(12,21,18,.55) 55%,rgba(12,21,18,.3));z-index:1}
+/* two real films side-by-side, directly under the hero */
+.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:34px clamp(24px,7vw,120px) 0}
+.duoimg{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line)}
+.duoimg img{width:100%;height:100%;object-fit:cover;transition:.6s}
+.duoimg:hover img{transform:scale(1.05)}
+.duoimg span{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}
+@media(max-width:640px){.duo{grid-template-columns:1fr}}
+/* real contact info in the hamburger */
+.menu .minfo{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}
+.menu .minfo .mh{margin-bottom:12px}
+.menu .minfo p{font-family:'Jost',sans-serif;font-size:13px;line-height:1.75;color:var(--dim);letter-spacing:.02em;text-transform:none;border:0;padding:2px 0}
+.menu .minfo a{display:inline;font-family:'Jost',sans-serif;font-size:13px;color:var(--gold);border:0;padding:0}
+.menu .minfo a:hover{padding:0;text-decoration:underline}
 .hero .in{position:relative;z-index:2;max-width:900px}
 .kick{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
 .hero h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(44px,7.5vw,104px);line-height:1;letter-spacing:.01em}
@@ -386,10 +417,18 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
 <nav class="menu" onclick="if(event.target.tagName==='A')document.body.classList.remove('nav')">
   <div class="mh">Contents</div>
   ${navLinks}
+  <div class="minfo">
+    <div class="mh">Visit FantaSea</div>
+    <p>${BIZ.addr}</p>
+    <p><a href="tel:+13108272220">${BIZ.phone}</a></p>
+    <p>Family-owned since ${BIZ.since} · ${BIZ.cap}</p>
+    <p>~4.75★ · 300+ reviews · 10,000+ events</p>
+    <p><a href="https://${BIZ.site}" target="_blank" rel="noopener">${BIZ.site} ↗</a> · <a href="${BIZ.youtube}" target="_blank" rel="noopener">YouTube ↗</a></p>
+  </div>
 </nav>
 
 <div class="hero" id="summary">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  ${HEROVID}
   <div class="in">
     <div class="kick">Marina del Rey · Confidential strategy brief</div>
     <h1 class="disp">FantaSea Yachts</h1>
@@ -403,6 +442,8 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
   </div>
 </div>
 
+${DUO}
+
 <section id="reputation">
   <div class="eyebrow">01 · Reputation & Reviews</div>
   <h2 class="disp">You are winning on trust — now monetize it.</h2>
diff --git a/public/index.html b/public/index.html
index fdce745..c9ab381 100644
--- a/public/index.html
+++ b/public/index.html
@@ -29,7 +29,22 @@ body.nav .scrim{opacity:1;pointer-events:auto}
 /* hero */
 .hero{min-height:96vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,7vw,120px);overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0c1512}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,21,18,.92),rgba(12,21,18,.55) 55%,rgba(12,21,18,.3));z-index:1}
+/* two real films side-by-side, directly under the hero */
+.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:34px clamp(24px,7vw,120px) 0}
+.duoimg{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line)}
+.duoimg img{width:100%;height:100%;object-fit:cover;transition:.6s}
+.duoimg:hover img{transform:scale(1.05)}
+.duoimg span{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}
+@media(max-width:640px){.duo{grid-template-columns:1fr}}
+/* real contact info in the hamburger */
+.menu .minfo{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}
+.menu .minfo .mh{margin-bottom:12px}
+.menu .minfo p{font-family:'Jost',sans-serif;font-size:13px;line-height:1.75;color:var(--dim);letter-spacing:.02em;text-transform:none;border:0;padding:2px 0}
+.menu .minfo a{display:inline;font-family:'Jost',sans-serif;font-size:13px;color:var(--gold);border:0;padding:0}
+.menu .minfo a:hover{padding:0;text-decoration:underline}
 .hero .in{position:relative;z-index:2;max-width:900px}
 .kick{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
 .hero h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(44px,7.5vw,104px);line-height:1;letter-spacing:.01em}
@@ -113,10 +128,18 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
 <nav class="menu" onclick="if(event.target.tagName==='A')document.body.classList.remove('nav')">
   <div class="mh">Contents</div>
   <a href="#summary">Executive Summary</a><a href="#reputation">Reputation & Yelp</a><a href="#competitors">Competitors</a><a href="#advertising">Where to Advertise</a><a href="#timing">Timing & Cadence</a><a href="#audit">Website Audit</a><a href="#suggested">Suggested New Websites</a><a href="#partners">Unlikely Partners</a><a href="#videos">Their Videos + Brand Films</a><a href="#roadmap">90-Day Roadmap</a>
+  <div class="minfo">
+    <div class="mh">Visit FantaSea</div>
+    <p>4215 Admiralty Way, Marina del Rey, CA 90292</p>
+    <p><a href="tel:+13108272220">(310) 827-2220</a></p>
+    <p>Family-owned since 1980 · 12–250 guests</p>
+    <p>~4.75★ · 300+ reviews · 10,000+ events</p>
+    <p><a href="https://fantaseayachts.com" target="_blank" rel="noopener">fantaseayachts.com ↗</a> · <a href="https://www.youtube.com/channel/UCWGkcsc1JvE7q1v0fbZ0MPA" target="_blank" rel="noopener">YouTube ↗</a></p>
+  </div>
 </nav>
 
 <div class="hero" id="summary">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
   <div class="in">
     <div class="kick">Marina del Rey · Confidential strategy brief</div>
     <h1 class="disp">FantaSea Yachts</h1>
@@ -130,6 +153,11 @@ footer{padding:60px clamp(24px,7vw,120px);border-top:1px solid var(--line);color
   </div>
 </div>
 
+<div class="duo">
+  <a class="duoimg" href="https://www.youtube.com/watch?v=C8QAvZJKhQ0" target="_blank" rel="noopener noreferrer"><img src="/img/C8QAvZJKhQ0.jpg" alt="FantaSea One — aerial drone film" loading="lazy"><span>▶ FantaSea One · aerial film</span></a>
+  <a class="duoimg" href="https://www.youtube.com/watch?v=v23UnZ4QZ4g" target="_blank" rel="noopener noreferrer"><img src="/img/v23UnZ4QZ4g.jpg" alt="Yacht weddings in Marina del Rey" loading="lazy"><span>▶ Weddings on the water</span></a>
+</div>
+
 <section id="reputation">
   <div class="eyebrow">01 · Reputation & Reviews</div>
   <h2 class="disp">You are winning on trust — now monetize it.</h2>
diff --git a/public/versions/chanel.html b/public/versions/chanel.html
index 470d9d6..8a8e766 100644
--- a/public/versions/chanel.html
+++ b/public/versions/chanel.html
@@ -26,9 +26,13 @@ body.nav .menu{opacity:1;pointer-events:auto}
 .menu .sub{margin-top:34px;font-family:'Montserrat', system-ui, sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.5}
 .menu .houses{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:'Montserrat', system-ui, sans-serif!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
 .menu .houses a{font-size:12px!important;font-family:'Montserrat', system-ui, sans-serif!important;opacity:.55}
+.menu .cinfo{margin-top:28px;font-family:'Montserrat', system-ui, sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.95;opacity:.6;text-align:center;text-transform:none}
+.menu .cinfo a{font-size:12px!important;font-family:'Montserrat', system-ui, sans-serif!important;color:var(--gold);opacity:.9}
 /* hero */
 .hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0a0a0a}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,var(--bg));z-index:1}
 .hero .in{position:relative;z-index:2;padding:0 24px}
 .kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;opacity:.85;margin-bottom:22px}
@@ -71,10 +75,11 @@ footer{padding:70px clamp(24px,7vw,120px);border-top:1px solid var(--line);displ
   <a href="#contact">Charter Now</a>
   <div class="sub">Palette study — Chanel</div>
   <div class="houses"><a href="/versions/gucci.html">Gucci</a><a href="/versions/hermes.html">Hermès</a><a href="/versions/tiffany.html">Tiffany & Co.</a><a href="/versions/lv.html">Louis Vuitton</a><a href="/versions/dior.html">Dior</a></div>
+  <div class="cinfo">4215 Admiralty Way, Marina del Rey, CA 90292<br><a href="tel:+13108272220">(310) 827-2220</a> · Family-owned since 1980<br>12–250 guests · Events from $6,000</div>
 </nav>
 
 <div class="hero">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
   <div class="in">
     <div class="kicker">Marina del Rey · Est. 1980</div>
     <h1 class="disp">FantaSea</h1>
diff --git a/public/versions/dior.html b/public/versions/dior.html
index 7489625..9b9fa6d 100644
--- a/public/versions/dior.html
+++ b/public/versions/dior.html
@@ -26,9 +26,13 @@ body.nav .menu{opacity:1;pointer-events:auto}
 .menu .sub{margin-top:34px;font-family:'Montserrat', system-ui, sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.5}
 .menu .houses{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:'Montserrat', system-ui, sans-serif!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
 .menu .houses a{font-size:12px!important;font-family:'Montserrat', system-ui, sans-serif!important;opacity:.55}
+.menu .cinfo{margin-top:28px;font-family:'Montserrat', system-ui, sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.95;opacity:.6;text-align:center;text-transform:none}
+.menu .cinfo a{font-size:12px!important;font-family:'Montserrat', system-ui, sans-serif!important;color:var(--gold);opacity:.9}
 /* hero */
 .hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#101216}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,var(--bg));z-index:1}
 .hero .in{position:relative;z-index:2;padding:0 24px}
 .kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;opacity:.85;margin-bottom:22px}
@@ -71,10 +75,11 @@ footer{padding:70px clamp(24px,7vw,120px);border-top:1px solid var(--line);displ
   <a href="#contact">Charter Now</a>
   <div class="sub">Palette study — Dior</div>
   <div class="houses"><a href="/versions/gucci.html">Gucci</a><a href="/versions/chanel.html">Chanel</a><a href="/versions/hermes.html">Hermès</a><a href="/versions/tiffany.html">Tiffany & Co.</a><a href="/versions/lv.html">Louis Vuitton</a></div>
+  <div class="cinfo">4215 Admiralty Way, Marina del Rey, CA 90292<br><a href="tel:+13108272220">(310) 827-2220</a> · Family-owned since 1980<br>12–250 guests · Events from $6,000</div>
 </nav>
 
 <div class="hero">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
   <div class="in">
     <div class="kicker">Marina del Rey · Est. 1980</div>
     <h1 class="disp">FantaSea</h1>
diff --git a/public/versions/gucci.html b/public/versions/gucci.html
index bdee919..f67adda 100644
--- a/public/versions/gucci.html
+++ b/public/versions/gucci.html
@@ -26,9 +26,13 @@ body.nav .menu{opacity:1;pointer-events:auto}
 .menu .sub{margin-top:34px;font-family:'Jost', system-ui, sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.5}
 .menu .houses{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:'Jost', system-ui, sans-serif!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
 .menu .houses a{font-size:12px!important;font-family:'Jost', system-ui, sans-serif!important;opacity:.55}
+.menu .cinfo{margin-top:28px;font-family:'Jost', system-ui, sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.95;opacity:.6;text-align:center;text-transform:none}
+.menu .cinfo a{font-size:12px!important;font-family:'Jost', system-ui, sans-serif!important;color:var(--gold);opacity:.9}
 /* hero */
 .hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0f2e22}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,var(--bg));z-index:1}
 .hero .in{position:relative;z-index:2;padding:0 24px}
 .kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;opacity:.85;margin-bottom:22px}
@@ -71,10 +75,11 @@ footer{padding:70px clamp(24px,7vw,120px);border-top:1px solid var(--line);displ
   <a href="#contact">Charter Now</a>
   <div class="sub">Palette study — Gucci</div>
   <div class="houses"><a href="/versions/chanel.html">Chanel</a><a href="/versions/hermes.html">Hermès</a><a href="/versions/tiffany.html">Tiffany & Co.</a><a href="/versions/lv.html">Louis Vuitton</a><a href="/versions/dior.html">Dior</a></div>
+  <div class="cinfo">4215 Admiralty Way, Marina del Rey, CA 90292<br><a href="tel:+13108272220">(310) 827-2220</a> · Family-owned since 1980<br>12–250 guests · Events from $6,000</div>
 </nav>
 
 <div class="hero">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
   <div class="in">
     <div class="kicker">Marina del Rey · Est. 1980</div>
     <h1 class="disp">FantaSea</h1>
diff --git a/public/versions/hermes.html b/public/versions/hermes.html
index 994188b..5d3e995 100644
--- a/public/versions/hermes.html
+++ b/public/versions/hermes.html
@@ -26,9 +26,13 @@ body.nav .menu{opacity:1;pointer-events:auto}
 .menu .sub{margin-top:34px;font-family:'Jost', system-ui, sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.5}
 .menu .houses{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:'Jost', system-ui, sans-serif!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
 .menu .houses a{font-size:12px!important;font-family:'Jost', system-ui, sans-serif!important;opacity:.55}
+.menu .cinfo{margin-top:28px;font-family:'Jost', system-ui, sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.95;opacity:.6;text-align:center;text-transform:none}
+.menu .cinfo a{font-size:12px!important;font-family:'Jost', system-ui, sans-serif!important;color:var(--gold);opacity:.9}
 /* hero */
 .hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#141210}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,var(--bg));z-index:1}
 .hero .in{position:relative;z-index:2;padding:0 24px}
 .kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;opacity:.85;margin-bottom:22px}
@@ -71,10 +75,11 @@ footer{padding:70px clamp(24px,7vw,120px);border-top:1px solid var(--line);displ
   <a href="#contact">Charter Now</a>
   <div class="sub">Palette study — Hermès</div>
   <div class="houses"><a href="/versions/gucci.html">Gucci</a><a href="/versions/chanel.html">Chanel</a><a href="/versions/tiffany.html">Tiffany & Co.</a><a href="/versions/lv.html">Louis Vuitton</a><a href="/versions/dior.html">Dior</a></div>
+  <div class="cinfo">4215 Admiralty Way, Marina del Rey, CA 90292<br><a href="tel:+13108272220">(310) 827-2220</a> · Family-owned since 1980<br>12–250 guests · Events from $6,000</div>
 </nav>
 
 <div class="hero">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
   <div class="in">
     <div class="kicker">Marina del Rey · Est. 1980</div>
     <h1 class="disp">FantaSea</h1>
diff --git a/public/versions/lv.html b/public/versions/lv.html
index d1361e7..ba36c68 100644
--- a/public/versions/lv.html
+++ b/public/versions/lv.html
@@ -26,9 +26,13 @@ body.nav .menu{opacity:1;pointer-events:auto}
 .menu .sub{margin-top:34px;font-family:'Jost', system-ui, sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.5}
 .menu .houses{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:'Jost', system-ui, sans-serif!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
 .menu .houses a{font-size:12px!important;font-family:'Jost', system-ui, sans-serif!important;opacity:.55}
+.menu .cinfo{margin-top:28px;font-family:'Jost', system-ui, sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.95;opacity:.6;text-align:center;text-transform:none}
+.menu .cinfo a{font-size:12px!important;font-family:'Jost', system-ui, sans-serif!important;color:var(--gold);opacity:.9}
 /* hero */
 .hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#1a1109}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,var(--bg));z-index:1}
 .hero .in{position:relative;z-index:2;padding:0 24px}
 .kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;opacity:.85;margin-bottom:22px}
@@ -71,10 +75,11 @@ footer{padding:70px clamp(24px,7vw,120px);border-top:1px solid var(--line);displ
   <a href="#contact">Charter Now</a>
   <div class="sub">Palette study — Louis Vuitton</div>
   <div class="houses"><a href="/versions/gucci.html">Gucci</a><a href="/versions/chanel.html">Chanel</a><a href="/versions/hermes.html">Hermès</a><a href="/versions/tiffany.html">Tiffany & Co.</a><a href="/versions/dior.html">Dior</a></div>
+  <div class="cinfo">4215 Admiralty Way, Marina del Rey, CA 90292<br><a href="tel:+13108272220">(310) 827-2220</a> · Family-owned since 1980<br>12–250 guests · Events from $6,000</div>
 </nav>
 
 <div class="hero">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
   <div class="in">
     <div class="kicker">Marina del Rey · Est. 1980</div>
     <h1 class="disp">FantaSea</h1>
diff --git a/public/versions/tiffany.html b/public/versions/tiffany.html
index ed8f34f..ed0425b 100644
--- a/public/versions/tiffany.html
+++ b/public/versions/tiffany.html
@@ -26,9 +26,13 @@ body.nav .menu{opacity:1;pointer-events:auto}
 .menu .sub{margin-top:34px;font-family:'Montserrat', system-ui, sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.5}
 .menu .houses{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-family:'Montserrat', system-ui, sans-serif!important;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
 .menu .houses a{font-size:12px!important;font-family:'Montserrat', system-ui, sans-serif!important;opacity:.55}
+.menu .cinfo{margin-top:28px;font-family:'Montserrat', system-ui, sans-serif;font-size:12px;letter-spacing:.05em;line-height:1.95;opacity:.6;text-align:center;text-transform:none}
+.menu .cinfo a{font-size:12px!important;font-family:'Montserrat', system-ui, sans-serif!important;color:var(--gold);opacity:.9}
 /* hero */
 .hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}
 .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.hero .ytbg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0b1a1a}
+.hero .ytbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;pointer-events:none}
 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,var(--bg));z-index:1}
 .hero .in{position:relative;z-index:2;padding:0 24px}
 .kicker{font-size:12px;letter-spacing:.42em;text-transform:uppercase;opacity:.85;margin-bottom:22px}
@@ -71,10 +75,11 @@ footer{padding:70px clamp(24px,7vw,120px);border-top:1px solid var(--line);displ
   <a href="#contact">Charter Now</a>
   <div class="sub">Palette study — Tiffany & Co.</div>
   <div class="houses"><a href="/versions/gucci.html">Gucci</a><a href="/versions/chanel.html">Chanel</a><a href="/versions/hermes.html">Hermès</a><a href="/versions/lv.html">Louis Vuitton</a><a href="/versions/dior.html">Dior</a></div>
+  <div class="cinfo">4215 Admiralty Way, Marina del Rey, CA 90292<br><a href="tel:+13108272220">(310) 827-2220</a> · Family-owned since 1980<br>12–250 guests · Events from $6,000</div>
 </nav>
 
 <div class="hero">
-  <video autoplay muted loop playsinline poster="/videos/hero-poster.jpg"><source src="/videos/hero.mp4" type="video/mp4"></video>
+  <div class="ytbg"><iframe src="https://www.youtube.com/embed/C8QAvZJKhQ0?autoplay=1&mute=1&loop=1&playlist=C8QAvZJKhQ0&controls=0&showinfo=0&modestbranding=1&rel=0&playsinline=1&disablekb=1&fs=0" allow="autoplay; encrypted-media" title="FantaSea One aerial film" frameborder="0"></iframe></div>
   <div class="in">
     <div class="kicker">Marina del Rey · Est. 1980</div>
     <h1 class="disp">FantaSea</h1>
diff --git a/videos-src/heygen_vid.txt b/videos-src/heygen_vid.txt
new file mode 100644
index 0000000..a862a62
--- /dev/null
+++ b/videos-src/heygen_vid.txt
@@ -0,0 +1 @@
+ERR
← 8347c61 videos: embed real FantaSea YouTube films + new-video ideas · back to Fantasea Consulting · type: bump base/lead/table/card font sizes for legibility (d 93d2b4f →