Vercel
tcp/443 tcp/80
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: medium
Fingerprint: 5f32cf5d6962f09ce95adb67e95adb677aea00925b5f9b538485c514c9463755
Found 83 files trough .DS_Store spidering: /about.html /api /article-template.html /articles /build.js /Case-study1.html /Case-study2.html /Cereals-No.7.html /contact.html /images /images/aether.jpg /images/article1.jpg /images/article2.jpg /images/article3.jpg /images/article4.jpg /images/article5.jpg /images/article6.jpg /images/box-design-1.jpg /images/box-design-2.jpg /images/box-design-9.jpg /images/cereals-hero.jpg /images/dieters.jpg /images/dietersdrinks.jpg /images/dietersgranola.jpg /images/dietersyoghurts.jpg /images/fable.jpg /images/hero-cereal-1.png /images/hero-cereal-2.png /images/hero-cereal-3.png /images/lifestyle.jpg /images/lifestyle1.jpg /images/moji.jpg /images/mojisandwich.jpg /images/momentum.jpg /images/orbit.jpg /images/packaging-mockup.jpg /images/placeholder-baobab.jpg /images/placeholder-cinnamon-tigernut-back.png /images/placeholder-cinnamon-tigernut-front.png /images/placeholder-cinnamon-tigernut.png /images/placeholder-cocoa-coconut-back.png /images/placeholder-cocoa-coconut-front.png /images/placeholder-cocoa-coconut.png /images/placeholder-cocoa.jpg /images/placeholder-oat-milk.jpg /images/placeholder-person-cereal.jpg /images/placeholder-sorghum.jpg /images/placeholder-tigernut.jpg /images/placeholder-vanilla-pops-back.png /images/placeholder-vanilla-pops-front.png /images/product1.jpg /images/project-a.jpg /images/project-b.jpg /images/service1.jpg /images/service2.jpg /images/service3.jpg /images/service4.jpg /images/service5.jpg /images/studio-image.jpg /images/suncity.jpg /images/velva-hand-application.jpg /images/velva-hero.jpg /images/velva-product-mockup.jpg /images/velva-web-section.jpg /images/velva_lavender.jpg /images/velva_strawberry.jpg /images/velva_vanilla.jpg /images/web-animation.jpg /images/web-screenshot.jpg /index.html /latest.html /node_modules /package-lock.json /package.json /projects.html /README.md /services.html /start-a-project.html /Velva.html /videos /videos/contact-hero.mp4 /videos/hero-video.mp4 /write-us-now.html
Open service 64.29.17.65:443 · www.genvstudios.com
2026-01-10 22:52
HTTP/1.1 200 OK
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 3954199
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 26492
Content-Type: text/html; charset=utf-8
Date: Sat, 10 Jan 2026 22:52:18 GMT
Etag: "4196f6e8672dd67083ec692cdea01e7a"
Last-Modified: Wed, 26 Nov 2025 04:28:58 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: fra1::kbfjv-1768085538028-a5e783c82ae3
Connection: close
Page title: GENVSTUDIOS - Designing Tomorrow's Icons.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GENVSTUDIOS - Designing Tomorrow's Icons.</title>
<script src="https://cdn.tailwindcss.com"></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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
@media (max-width: 767px) {
#mobile-menu-overlay {
opacity: 0;
pointer-events: none;
background: rgba(255,255,255,0.7); /* More translucent */
backdrop-filter: blur(24px) saturate(1.2);
-webkit-backdrop-filter: blur(24px) saturate(1.2);
}
#mobile-menu-overlay.opacity-100 {
opacity: 1;
pointer-events: auto;
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay {
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay nav {
gap: 1.5rem !important;
}
/* Homepage Mobile Adjustments */
.hero-section .video-container {
margin-top: 0;
width: 100%;
}
main section:first-of-type {
padding-top: 0;
padding-bottom: 2.5rem; /* Adjusted for balance */
}
main section:nth-of-type(2) {
margin-bottom: 2.5rem; /* Adjusted for balance */
}
main section:first-of-type h1 {
font-size: 4.5rem; /* 72px */
line-height: 1;
}
.video-container {
height: 50vh;
}
section.bg-white a.inline-block {
padding: 0.75rem 1.75rem;
font-size: 1.125rem;
}
section.bg-white a.inline-block > span {
font-size: 1.125rem;
}
/* Adjust Start a Project button on mobile - More Specific */
section.bg-white a[href="start-a-project.html"] {
padding: 0.75rem 1.5rem !important; /* 12px 24px */
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] > span {
padding: 0 !important;
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] svg {
width: 1rem; /* 16px */
height: 1rem; /* 16px */
}
}
#mobile-menu-overlay nav a {
font-size: 1.25rem;
font-weight: 600;
color: #18181b;
letter-spacing: -0.01em;
padding: 0.5em 1.2em;
border-radius: 0.75em;
background: rgba(255,255,255,0.10);
margin: 0.1em 0;
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s var(--ease-out-quart), transform 0.7s var(--ease-out-quart), background 0.2s, color 0.2s;
}
#mobile-menu-overlay.opacity-100 nav a {
opacity: 1;
transform: translateY(0);
}
#mobile-menu-overlay nav a:hover {
background: rgba(255,255,255,0.22);
color: #000;
transform: translateY(-2px) scale(1.03);
}
#mobile-menu-overlay nav a:active {
background: rgba(0,0,0,0.04);
}
#close-mobile-menu {
font-size: 2rem !important;
color: #888 !important;
background: none !important;
border-radius: 0 !important;
width: auto !important;
height: auto !important;
display: block;
padding: 0.2em 0.5em;
box-shadow: none !important;
transitio
Open service 216.198.79.65:443 · www.genvstudios.com
2026-01-10 22:52
HTTP/1.1 200 OK
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 3575239
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 26492
Content-Type: text/html; charset=utf-8
Date: Sat, 10 Jan 2026 22:52:18 GMT
Etag: "4196f6e8672dd67083ec692cdea01e7a"
Last-Modified: Sun, 30 Nov 2025 13:44:58 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: iad1::rrbgq-1768085537996-e510fb9cd094
Connection: close
Page title: GENVSTUDIOS - Designing Tomorrow's Icons.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GENVSTUDIOS - Designing Tomorrow's Icons.</title>
<script src="https://cdn.tailwindcss.com"></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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
@media (max-width: 767px) {
#mobile-menu-overlay {
opacity: 0;
pointer-events: none;
background: rgba(255,255,255,0.7); /* More translucent */
backdrop-filter: blur(24px) saturate(1.2);
-webkit-backdrop-filter: blur(24px) saturate(1.2);
}
#mobile-menu-overlay.opacity-100 {
opacity: 1;
pointer-events: auto;
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay {
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay nav {
gap: 1.5rem !important;
}
/* Homepage Mobile Adjustments */
.hero-section .video-container {
margin-top: 0;
width: 100%;
}
main section:first-of-type {
padding-top: 0;
padding-bottom: 2.5rem; /* Adjusted for balance */
}
main section:nth-of-type(2) {
margin-bottom: 2.5rem; /* Adjusted for balance */
}
main section:first-of-type h1 {
font-size: 4.5rem; /* 72px */
line-height: 1;
}
.video-container {
height: 50vh;
}
section.bg-white a.inline-block {
padding: 0.75rem 1.75rem;
font-size: 1.125rem;
}
section.bg-white a.inline-block > span {
font-size: 1.125rem;
}
/* Adjust Start a Project button on mobile - More Specific */
section.bg-white a[href="start-a-project.html"] {
padding: 0.75rem 1.5rem !important; /* 12px 24px */
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] > span {
padding: 0 !important;
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] svg {
width: 1rem; /* 16px */
height: 1rem; /* 16px */
}
}
#mobile-menu-overlay nav a {
font-size: 1.25rem;
font-weight: 600;
color: #18181b;
letter-spacing: -0.01em;
padding: 0.5em 1.2em;
border-radius: 0.75em;
background: rgba(255,255,255,0.10);
margin: 0.1em 0;
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s var(--ease-out-quart), transform 0.7s var(--ease-out-quart), background 0.2s, color 0.2s;
}
#mobile-menu-overlay.opacity-100 nav a {
opacity: 1;
transform: translateY(0);
}
#mobile-menu-overlay nav a:hover {
background: rgba(255,255,255,0.22);
color: #000;
transform: translateY(-2px) scale(1.03);
}
#mobile-menu-overlay nav a:active {
background: rgba(0,0,0,0.04);
}
#close-mobile-menu {
font-size: 2rem !important;
color: #888 !important;
background: none !important;
border-radius: 0 !important;
width: auto !important;
height: auto !important;
display: block;
padding: 0.2em 0.5em;
box-shadow: none !important;
transitio
Open service 64.29.17.65:80 · www.genvstudios.com
2026-01-10 22:52
HTTP/1.0 308 Permanent Redirect Content-Type: text/plain Location: https://www.genvstudios.com/ Refresh: 0;url=https://www.genvstudios.com/ server: Vercel Redirecting...
Open service 216.198.79.65:80 · www.genvstudios.com
2026-01-10 22:52
HTTP/1.0 308 Permanent Redirect Content-Type: text/plain Location: https://www.genvstudios.com/ Refresh: 0;url=https://www.genvstudios.com/ server: Vercel Redirecting...
Open service 64.29.17.65:443 · www.genvstudios.com
2026-01-09 08:26
HTTP/1.1 200 OK
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 3815861
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 26492
Content-Type: text/html; charset=utf-8
Date: Fri, 09 Jan 2026 08:26:40 GMT
Etag: "4196f6e8672dd67083ec692cdea01e7a"
Last-Modified: Wed, 26 Nov 2025 04:28:58 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: fra1::fg2st-1767947200024-e975d7b889b4
Connection: close
Page title: GENVSTUDIOS - Designing Tomorrow's Icons.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GENVSTUDIOS - Designing Tomorrow's Icons.</title>
<script src="https://cdn.tailwindcss.com"></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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
@media (max-width: 767px) {
#mobile-menu-overlay {
opacity: 0;
pointer-events: none;
background: rgba(255,255,255,0.7); /* More translucent */
backdrop-filter: blur(24px) saturate(1.2);
-webkit-backdrop-filter: blur(24px) saturate(1.2);
}
#mobile-menu-overlay.opacity-100 {
opacity: 1;
pointer-events: auto;
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay {
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay nav {
gap: 1.5rem !important;
}
/* Homepage Mobile Adjustments */
.hero-section .video-container {
margin-top: 0;
width: 100%;
}
main section:first-of-type {
padding-top: 0;
padding-bottom: 2.5rem; /* Adjusted for balance */
}
main section:nth-of-type(2) {
margin-bottom: 2.5rem; /* Adjusted for balance */
}
main section:first-of-type h1 {
font-size: 4.5rem; /* 72px */
line-height: 1;
}
.video-container {
height: 50vh;
}
section.bg-white a.inline-block {
padding: 0.75rem 1.75rem;
font-size: 1.125rem;
}
section.bg-white a.inline-block > span {
font-size: 1.125rem;
}
/* Adjust Start a Project button on mobile - More Specific */
section.bg-white a[href="start-a-project.html"] {
padding: 0.75rem 1.5rem !important; /* 12px 24px */
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] > span {
padding: 0 !important;
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] svg {
width: 1rem; /* 16px */
height: 1rem; /* 16px */
}
}
#mobile-menu-overlay nav a {
font-size: 1.25rem;
font-weight: 600;
color: #18181b;
letter-spacing: -0.01em;
padding: 0.5em 1.2em;
border-radius: 0.75em;
background: rgba(255,255,255,0.10);
margin: 0.1em 0;
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s var(--ease-out-quart), transform 0.7s var(--ease-out-quart), background 0.2s, color 0.2s;
}
#mobile-menu-overlay.opacity-100 nav a {
opacity: 1;
transform: translateY(0);
}
#mobile-menu-overlay nav a:hover {
background: rgba(255,255,255,0.22);
color: #000;
transform: translateY(-2px) scale(1.03);
}
#mobile-menu-overlay nav a:active {
background: rgba(0,0,0,0.04);
}
#close-mobile-menu {
font-size: 2rem !important;
color: #888 !important;
background: none !important;
border-radius: 0 !important;
width: auto !important;
height: auto !important;
display: block;
padding: 0.2em 0.5em;
box-shadow: none !important;
transitio
Open service 64.29.17.65:443 · www.genvstudios.com
2026-01-02 10:30
HTTP/1.1 200 OK
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 817189
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 26492
Content-Type: text/html; charset=utf-8
Date: Fri, 02 Jan 2026 10:30:47 GMT
Etag: "4196f6e8672dd67083ec692cdea01e7a"
Last-Modified: Tue, 23 Dec 2025 23:30:58 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: lhr1::rnv4j-1767349847805-8b8fe6211f1f
Connection: close
Page title: GENVSTUDIOS - Designing Tomorrow's Icons.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GENVSTUDIOS - Designing Tomorrow's Icons.</title>
<script src="https://cdn.tailwindcss.com"></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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
@media (max-width: 767px) {
#mobile-menu-overlay {
opacity: 0;
pointer-events: none;
background: rgba(255,255,255,0.7); /* More translucent */
backdrop-filter: blur(24px) saturate(1.2);
-webkit-backdrop-filter: blur(24px) saturate(1.2);
}
#mobile-menu-overlay.opacity-100 {
opacity: 1;
pointer-events: auto;
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay {
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay nav {
gap: 1.5rem !important;
}
/* Homepage Mobile Adjustments */
.hero-section .video-container {
margin-top: 0;
width: 100%;
}
main section:first-of-type {
padding-top: 0;
padding-bottom: 2.5rem; /* Adjusted for balance */
}
main section:nth-of-type(2) {
margin-bottom: 2.5rem; /* Adjusted for balance */
}
main section:first-of-type h1 {
font-size: 4.5rem; /* 72px */
line-height: 1;
}
.video-container {
height: 50vh;
}
section.bg-white a.inline-block {
padding: 0.75rem 1.75rem;
font-size: 1.125rem;
}
section.bg-white a.inline-block > span {
font-size: 1.125rem;
}
/* Adjust Start a Project button on mobile - More Specific */
section.bg-white a[href="start-a-project.html"] {
padding: 0.75rem 1.5rem !important; /* 12px 24px */
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] > span {
padding: 0 !important;
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] svg {
width: 1rem; /* 16px */
height: 1rem; /* 16px */
}
}
#mobile-menu-overlay nav a {
font-size: 1.25rem;
font-weight: 600;
color: #18181b;
letter-spacing: -0.01em;
padding: 0.5em 1.2em;
border-radius: 0.75em;
background: rgba(255,255,255,0.10);
margin: 0.1em 0;
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s var(--ease-out-quart), transform 0.7s var(--ease-out-quart), background 0.2s, color 0.2s;
}
#mobile-menu-overlay.opacity-100 nav a {
opacity: 1;
transform: translateY(0);
}
#mobile-menu-overlay nav a:hover {
background: rgba(255,255,255,0.22);
color: #000;
transform: translateY(-2px) scale(1.03);
}
#mobile-menu-overlay nav a:active {
background: rgba(0,0,0,0.04);
}
#close-mobile-menu {
font-size: 2rem !important;
color: #888 !important;
background: none !important;
border-radius: 0 !important;
width: auto !important;
height: auto !important;
display: block;
padding: 0.2em 0.5em;
box-shadow: none !important;
transitio
Open service 64.29.17.65:443 · www.genvstudios.com
2025-12-22 13:12
HTTP/1.1 200 OK
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 2277837
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 26492
Content-Type: text/html; charset=utf-8
Date: Mon, 22 Dec 2025 13:12:56 GMT
Etag: "4196f6e8672dd67083ec692cdea01e7a"
Last-Modified: Wed, 26 Nov 2025 04:28:58 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: fra1::4fwzx-1766409176468-15f7115986b6
Connection: close
Page title: GENVSTUDIOS - Designing Tomorrow's Icons.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GENVSTUDIOS - Designing Tomorrow's Icons.</title>
<script src="https://cdn.tailwindcss.com"></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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
@media (max-width: 767px) {
#mobile-menu-overlay {
opacity: 0;
pointer-events: none;
background: rgba(255,255,255,0.7); /* More translucent */
backdrop-filter: blur(24px) saturate(1.2);
-webkit-backdrop-filter: blur(24px) saturate(1.2);
}
#mobile-menu-overlay.opacity-100 {
opacity: 1;
pointer-events: auto;
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay {
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay nav {
gap: 1.5rem !important;
}
/* Homepage Mobile Adjustments */
.hero-section .video-container {
margin-top: 0;
width: 100%;
}
main section:first-of-type {
padding-top: 0;
padding-bottom: 2.5rem; /* Adjusted for balance */
}
main section:nth-of-type(2) {
margin-bottom: 2.5rem; /* Adjusted for balance */
}
main section:first-of-type h1 {
font-size: 4.5rem; /* 72px */
line-height: 1;
}
.video-container {
height: 50vh;
}
section.bg-white a.inline-block {
padding: 0.75rem 1.75rem;
font-size: 1.125rem;
}
section.bg-white a.inline-block > span {
font-size: 1.125rem;
}
/* Adjust Start a Project button on mobile - More Specific */
section.bg-white a[href="start-a-project.html"] {
padding: 0.75rem 1.5rem !important; /* 12px 24px */
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] > span {
padding: 0 !important;
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] svg {
width: 1rem; /* 16px */
height: 1rem; /* 16px */
}
}
#mobile-menu-overlay nav a {
font-size: 1.25rem;
font-weight: 600;
color: #18181b;
letter-spacing: -0.01em;
padding: 0.5em 1.2em;
border-radius: 0.75em;
background: rgba(255,255,255,0.10);
margin: 0.1em 0;
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s var(--ease-out-quart), transform 0.7s var(--ease-out-quart), background 0.2s, color 0.2s;
}
#mobile-menu-overlay.opacity-100 nav a {
opacity: 1;
transform: translateY(0);
}
#mobile-menu-overlay nav a:hover {
background: rgba(255,255,255,0.22);
color: #000;
transform: translateY(-2px) scale(1.03);
}
#mobile-menu-overlay nav a:active {
background: rgba(0,0,0,0.04);
}
#close-mobile-menu {
font-size: 2rem !important;
color: #888 !important;
background: none !important;
border-radius: 0 !important;
width: auto !important;
height: auto !important;
display: block;
padding: 0.2em 0.5em;
box-shadow: none !important;
transitio
Open service 64.29.17.65:443 · www.genvstudios.com
2025-12-20 13:03
HTTP/1.1 200 OK
Accept-Ranges: bytes
Access-Control-Allow-Origin: *
Age: 1725493
Cache-Control: public, max-age=0, must-revalidate
Content-Disposition: inline
Content-Length: 26492
Content-Type: text/html; charset=utf-8
Date: Sat, 20 Dec 2025 13:03:12 GMT
Etag: "4196f6e8672dd67083ec692cdea01e7a"
Last-Modified: Sun, 30 Nov 2025 13:44:58 GMT
Server: Vercel
Strict-Transport-Security: max-age=63072000
X-Vercel-Cache: HIT
X-Vercel-Id: iad1::t848t-1766235792070-4fdfa1c188e1
Connection: close
Page title: GENVSTUDIOS - Designing Tomorrow's Icons.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GENVSTUDIOS - Designing Tomorrow's Icons.</title>
<script src="https://cdn.tailwindcss.com"></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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
@media (max-width: 767px) {
#mobile-menu-overlay {
opacity: 0;
pointer-events: none;
background: rgba(255,255,255,0.7); /* More translucent */
backdrop-filter: blur(24px) saturate(1.2);
-webkit-backdrop-filter: blur(24px) saturate(1.2);
}
#mobile-menu-overlay.opacity-100 {
opacity: 1;
pointer-events: auto;
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay {
transition: opacity 0.4s var(--ease-out-quart);
}
#mobile-menu-overlay nav {
gap: 1.5rem !important;
}
/* Homepage Mobile Adjustments */
.hero-section .video-container {
margin-top: 0;
width: 100%;
}
main section:first-of-type {
padding-top: 0;
padding-bottom: 2.5rem; /* Adjusted for balance */
}
main section:nth-of-type(2) {
margin-bottom: 2.5rem; /* Adjusted for balance */
}
main section:first-of-type h1 {
font-size: 4.5rem; /* 72px */
line-height: 1;
}
.video-container {
height: 50vh;
}
section.bg-white a.inline-block {
padding: 0.75rem 1.75rem;
font-size: 1.125rem;
}
section.bg-white a.inline-block > span {
font-size: 1.125rem;
}
/* Adjust Start a Project button on mobile - More Specific */
section.bg-white a[href="start-a-project.html"] {
padding: 0.75rem 1.5rem !important; /* 12px 24px */
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] > span {
padding: 0 !important;
font-size: 1rem !important; /* 16px */
}
section.bg-white a[href="start-a-project.html"] svg {
width: 1rem; /* 16px */
height: 1rem; /* 16px */
}
}
#mobile-menu-overlay nav a {
font-size: 1.25rem;
font-weight: 600;
color: #18181b;
letter-spacing: -0.01em;
padding: 0.5em 1.2em;
border-radius: 0.75em;
background: rgba(255,255,255,0.10);
margin: 0.1em 0;
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s var(--ease-out-quart), transform 0.7s var(--ease-out-quart), background 0.2s, color 0.2s;
}
#mobile-menu-overlay.opacity-100 nav a {
opacity: 1;
transform: translateY(0);
}
#mobile-menu-overlay nav a:hover {
background: rgba(255,255,255,0.22);
color: #000;
transform: translateY(-2px) scale(1.03);
}
#mobile-menu-overlay nav a:active {
background: rgba(0,0,0,0.04);
}
#close-mobile-menu {
font-size: 2rem !important;
color: #888 !important;
background: none !important;
border-radius: 0 !important;
width: auto !important;
height: auto !important;
display: block;
padding: 0.2em 0.5em;
box-shadow: none !important;
transitio