<!DOCTYPE html><!-- Handled by Exflow.site --><html data-wf-page="6565c4b81c372c8edb73101b" data-wf-site="655c7622cc5e23e35989a861" data-wf-status="1" lang="en"><head><meta charset="utf-8"/><title>DNA — FVSE</title><meta content="DNA — FVSE" property="og:title"/><meta content="DNA — FVSE" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="css/fvse.webflow.shared.a489bb0ac.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="images/app-icon.png" rel="apple-touch-icon"/><style>
@font-face {
font-family: "Helvetica Now Display";
src: url("https://fvse.sgp1.cdn.digitaloceanspaces.com/fonts/HelveticaNowDisplay-Medium.woff2")
format("woff2");
font-weight: 500;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Helvetica Now Display";
src: url("https://fvse.sgp1.cdn.digitaloceanspaces.com/fonts/HelveticaNowDisplay-Regular.woff2")
format("woff2");
font-weight: 400;
font-style: normal;
font-display: block;
}
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
</style>
<script src="https://fvse.sgp1.cdn.digitaloceanspaces.com/js/barba.umd.js"></script>
<script src="https://fvse.sgp1.cdn.digitaloceanspaces.com/js/modern-screenshot"></script>
<script src="https://fvse.sgp1.cdn.digitaloceanspaces.com/js/locomotive-scroll.min.js"></script>
<script>
if ("scrollRestoration" in history) {
history.scrollRestoration = "manual";
}
</script><style>
.white-matte {
opacity: 1;
}
</style>
</head><body><div class="screensaver"><div class="screensaver-embed w-embed"><video class="screensaver-video" style="width: 100dvw; height: 100dvh; object-fit: cover" muted loop playsinline>
</video></div></div><div class="white-matte"></div><div class="nav"><div class="mobile-menu-button"><div>MENU</div><div class="menu-plus">+</div></div><div class="nav-menu nav-menu-hidden"><div class="nav-section"><a id="nav-work" href="/" class="nav-link">WORK</a><a id="nav-artists" href="/artists" class="nav-link">ARTISTS</a><a id="nav-fam" href="/fam" class="nav-link">FAM</a></div><div class="nav-section"><a id="nav-dna" href="/dna" aria-current="page" class="nav-link w--current">DNA</a><a id="nav-ai" href="/ai" class="nav-link">AI</a><a id="nav-contact" href="/contact" class="nav-link">CONTACT</a></div></div><div class="mobile-nav-background mobile-nav-background-hidden"></div></div><div class="loading-wrapper"><div class="loading-inner-wrapper"><div class="loading-text">LOADING</div></div></div><div class="modals"><div class="modal-video-wrapper"><div class="modal-inner-wrapper"><div class="video-modal-content"><div class="modal-info-wrapper"><div class="modal-info"><div class="modal-info-back"><img src="images/arrow.svg" loading="eager" alt="" class="modal-arrow"/></div><div class="modal-info-content"><div class="modal-info-top"><h1 class="modal-info-brand">BRAND</h1><div class="modal-info-title">TITLE<br/></div></div><div class="modal-info-bottom"><div class="modal-info-category">CATEGORY</div><div class="modal-info-awards">AWARDS/NOTES</div><div class="modal-info-awards-rich w-richtext"><p>AWARDS/<a href="#">NOTES</a> RICH</p></div></div></div></div></div><div class="video"><div class="video-modal-embed w-embed"><video class="modal-video" style="position: relative; max-width: 100%; max-height: 100%; object-fit: contain; background-color: white;" controls playsinline>
<source
src=""
type="video/mp4"
/>
</video></div></div></div></div></div><div class="modal-text-wrapper"><div class="modal-inner-wrapper"><div class="modal-content"><div class="w-layout-vflex modal-info-wrapper"><div class="modal-info"><div class="modal-info-back"><img src="images/arrow.svg" loading="eager" alt="" class="modal-arrow"/></div><div class="modal-info-content"><div class="modal-info-top"><h1 class="modal-info-brand">Heading</h1><div class="modal-info-title">TITLE</div></div><div class="modal-info-bottom"><div class="modal-info-category">CATEGORY</div><div class="modal-info-awards">AWARDS/NOTES</div><div class="modal-info-awards-rich w-richtext"><p>AWARDS/<a href="#">NOTES</a> RICH<sub></sub></p></div></div></div></div></div><div class="modal-content-wrapper"><div class="modal-rich-text-container"><div class="modal-rich-text-wrapper"><div class="modal-text-rich w-richtext"><p>MODAL TEXT RICH</p></div></div></div><div class="modal-background-blur"></div><img src="images/635aa717cc410c1886260ec6_placeholder.60f9b1840c.svg" loading="lazy" alt="" class="modal-background"/></div></div></div></div><div class="modal-embed-wrapper"><div class="modal-inner-wrapper"><div class="modal-content"><div class="w-layout-vflex modal-info-wrapper"><div class="modal-info"><div class="modal-info-back"><img src="images/arrow.svg" loading="eager" alt="" class="modal-arrow"/></div><div class="modal-info-content"><div class="modal-info-top"><h1 class="modal-info-brand">Brand</h1><div class="modal-info-title">TITLE</div></div><div class="modal-info-bottom"><div class="modal-info-category">CATEGORY</div><div class="modal-info-awards">AWARDS/NOTES</div><div class="modal-info-awards-rich w-richtext"><p>AWARDS/<a href="#">NOTES</a> RICH<sub></sub></p></div></div></div></div></div><div class="modal-content-wrapper"><div class="spotify-embed-wrapper"><div class="spotify-embed w-embed"></div></div><div class="modal-background-blur"></div><img src="images/635aa717cc410c1886260ec6_placeholder.60f9b1840c.svg" loading="lazy" alt="" class="modal-background"/></div></div></div></div><div class="dynheight"></div><div class="longheight"></div><div class="dynwidth"></div></div><div class="nav-background"></div><a href="/" class="logo-wrapper w-inline-block"><div class="logo-inner-wrapper"><div class="logo-loop-wrapper hidden-loop w-embed"><div style="position: relative; background-color: white; overflow: hidden">
<video
class="logo-loop-video"
preload="auto"
muted
playsinline
autoplay
loop
style="width: 100%; height: auto; background-color: white"
>
<source
src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/FVSE%20Loop.webm"
type="video/webm"
/>
<source
src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/FVSE%20Loop.mp4"
type="video/mp4"
/>
</video>
<div
style="
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
"
></div>
</div></div><div class="logo-transition-wrapper hidden w-embed"><div style="position: relative; background-color: white; padding: 0">
<video
class="logo-transition-video"
preload="auto"
muted
playsinline
autoplay
style="width: 100%; height: auto; margin: 0; background-color: white"
>
<source
src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/FVSE%20Transition%20In.webm"
type="video/webm"
/>
<source
src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/FVSE%20Transition%20In.mp4"
type="video/mp4"
/>
</video>
<div
style="
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
"
></div>
</div></div><img src="images/fvse-20logo.webp" loading="eager" width="475" alt="" class="logo"/></div></a><div class="container"><div class="logo-wrapper-relative"></div><div data-barba="wrapper" class="main-wrapper"><div data-barba-namespace="dna" data-barba="container" class="page-content"><div class="loading-wrapper"><div class="loading-inner-wrapper"><div class="loading-text">LOADING</div></div></div><div class="dna-wrapper"><div class="dna-embed w-embed"><video class="dna-video" style="width: 100%" autoplay muted loop playsinline>
<source src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/DNA.webm" type="video/webm">
<source src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/DNA.mp4" type="video/mp4">
</video></div></div></div><div class="motion-blur-wrapper"></div></div></div><div class="background-video-embed-wrapper video-blurred"><div class="video-fades"><div class="side-fade"></div><div class="top-fade"><div class="logo-wrapper-relative logo-wrapper-relative-fade"></div><div class="white-backing-top"></div><div class="white-fade-top"></div></div><div class="bottom-fade"><div class="white-fade-bottom"></div><div class="white-backing-bottom"></div></div></div><div class="logo-wrapper-relative logo-wrapper-relative-video"></div><div class="background-video-embed w-embed"><style>
@media (max-width: 767px) {
.background-video {
position: relative;
max-height: 100svh;
}
}
@media (min-width: 768px) {
.background-video {
position: relative;
max-width: 100%;
}
}
</style>
<video class="background-video" preload="auto" autoplay muted loop playsinline>
<source
src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/Background%20DNA.webm"
type="video/webm"
/>
<source
src="https://fvse.sgp1.cdn.digitaloceanspaces.com/videos/Background%20DNA.mp4"
type="video/mp4"
/>
</video></div></div><div class="style-embed w-embed"><style>
body {
margin: 0;
padding: 0;
user-select: none;
-webkit-overflow-scrolling: auto;
}
video {
isolation: isolate;
-webkit-mask-image: -webkit-radial-gradient(white, black);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
video,
a {
outline: none;
color: inherit;
}
.logo-hidden,
.background-video-hidden,
.hidden {
opacity: 0;
pointer-events: none;
}
.video-blurred {
filter: blur(12px);
}
.background-video-hidden {
transform: translateY(46px);
}
@keyframes breathe {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
.loading-text {
animation: breathe 3s ease infinite;
}
.nav-background,
.background-video-embed-wrapper {
pointer-events: none;
}
.background-done {
transition: filter 1.2s, height 0.6s, transform 1.2s, opacity 1.2s;
}
.fade-collapsed {
transform: scale3d(1, 0, 1);
}
.motionBlur {
transition: transform 0.2s cubic-bezier(0.1, 0.1, 0.1, 1.001),
opacity 0.6s cubic-bezier(0.1, 0.1, 0.1, 1.001);
}
.modal-video {
width: 100vw;
height: 100vh;
object-fit: cover;
}
@media screen and (max-width: 479px) {
.modal-video {
width: 100%;
height: auto;
}
}
.gif-faded {
opacity: 0.2;
}
.dna-zoomed {
transform: scale(1.25);
cursor: grabbing;
}
.left-face,
.right-face {
transform: rotate(-15deg) skew(-15deg, -15deg);
}
.left-face {
transform: rotate(15deg) skew(15deg, 15deg);
}
.top-face {
transform: rotate(-45deg) skew(15deg, 15deg);
}
.contact-section:last-of-type {
border: none;
padding-bottom: 38.5px;
}
.work-awards-rich p {
display: inline;
}
@media (max-height: 470px) {
.spotify-embed {
height: 152px;
}
}
.fam-content-wrapper {
overflow-x: visible;
}
.faded-out {
opacity: 0;
}
</style></div><script src="js/jquery.js?site=655c7622cc5e23e35989a861" type="text/javascript" ></script><script src="js/webflow-script.js" type="text/javascript"></script><script src="https://fvse.sgp1.cdn.digitaloceanspaces.com/js/init.js"></script></body></html>