#kilov3-luxury-page {
font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
background: radial-gradient(circle at top, #151520 0, #050507 55%, #000000 100%);
color: #f5f5f5;
line-height: 1.6;
}
/* RESET INSIDE NAMESPACE */
#kilov3-luxury-page * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* LINKS */
#kilov3-luxury-page a {
color: #f5c76b;
text-decoration: none;
}
#kilov3-luxury-page a:hover {
text-decoration: underline;
}
/* PAGE WRAPPER */
#kilov3-luxury-page .page {
min-height: 100vh;
display: flex;
flex-direction: column;
}
/* HEADER */
#kilov3-luxury-page header {
padding: 20px 6vw 10px;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 20;
backdrop-filter: blur(16px);
background: linear-gradient(to bottom, rgba(5,5,7,0.96), rgba(5,5,7,0.75), transparent);
border-bottom: 1px solid rgba(245,199,107,0.18);
}
/* BRAND */
#kilov3-luxury-page .brand {
display: flex;
align-items: center;
gap: 10px;
}
#kilov3-luxury-page .brand-mark {
width: 40px;
height: 40px;
border-radius: 50%;
background: radial-gradient(circle at 30% 20%, #ffffff 0, #f5c76b 25%, #8b5b1a 55%, #050507 100%);
box-shadow: 0 0 25px rgba(245,199,107,0.7);
position: relative;
}
#kilov3-luxury-page .brand-text-main {
font-weight: 700;
letter-spacing: 0.12em;
font-size: 0.9rem;
text-transform: uppercase;
color: #f5c76b;
}
#kilov3-luxury-page .brand-text-sub {
font-size: 0.78rem;
color: #b3b3c2;
text-transform: uppercase;
letter-spacing: 0.18em;
}
/* HEADER CTA */
#kilov3-luxury-page .header-cta a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid rgba(245,199,107,0.6);
background: radial-gradient(circle at top left, rgba(245,199,107,0.25), rgba(5,5,7,0.95));
color: #f5c76b;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.16em;
box-shadow: 0 10px 25px rgba(0,0,0,0.7);
}
/* MAIN */
#kilov3-luxury-page main {
flex: 1;
padding: 40px 6vw 60px;
max-width: 1120px;
margin: 0 auto;
}
/* HERO */
#kilov3-luxury-page .hero {
display: grid;
grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);
gap: 40px;
align-items: center;
margin-bottom: 60px;
}
@media (max-width: 900px) {
#kilov3-luxury-page .hero {
grid-template-columns: 1fr;
}
}
#kilov3-luxury-page .hero-tagline {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 4px 12px;
border-radius: 999px;
border: 1px solid rgba(245,199,107,0.4);
background: rgba(5,5,7,0.85);
color: #e0b35a;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.18em;
margin-bottom: 18px;
}
#kilov3-luxury-page .hero-title {
font-size: clamp(2.4rem,4vw,3.2rem);
line-height: 1.1;
margin-bottom: 14px;
}
#kilov3-luxury-page .hero-title .gold {
color: #f5c76b;
}
#kilov3-luxury-page .hero-subtitle {
font-size: 1rem;
color: #b3b3c2;
max-width: 520px;
margin-bottom: 24px;
}
/* HERO LIST */
#kilov3-luxury-page .hero-list {
list-style: none;
margin-bottom: 26px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
gap: 10px 20px;
font-size: 0.9rem;
color: #b3b3c2;
}
#kilov3-luxury-page .hero-list li::before {
content: “✦”;
color: #f5c76b;
margin-right: 8px;
}
/* BUTTONS */
#kilov3-luxury-page .btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 11px 22px;
border-radius: 999px;
border: 1px solid rgba(245,199,107,0.9);
background: linear-gradient(135deg, #f5c76b, #8b5b1a);
color: #050507;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.16em;
box-shadow: 0 18px 40px rgba(0,0,0,0.85);
}
#kilov3-luxury-page .btn-ghost {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
border-radius: 999px;
border: 1px solid rgba(245,199,107,0.4);
background: rgba(5,5,7,0.9);
color: #e0b35a;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.16em;
}
/* SERVICES GRID */
#kilov3-luxury-page .services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
gap: 18px;
}
#kilov3-luxury-page .service-card {
border-radius: 12px;
border: 1px solid rgba(245,199,107,0.25);
background: linear-gradient(145deg, rgba(11,11,16,0.96), rgba(5,5,7,0.98));
padding: 16px;
box-shadow: 0 12px 30px rgba(0,0,0,0.7);
}
/* WHY SECTION */
#kilov3-luxury-page .why-grid {
display: grid;
grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
gap: 26px;
}
@media (max-width: 900px) {
#kilov3-luxury-page .why-grid {
grid-template-columns: 1fr;
}
}
/* CTA */
#kilov3-luxury-page .cta {
border-radius: 18px;
border: 1px solid rgba(245,199,107,0.25);
background: radial-gradient(circle at top left, rgba(245,199,107,0.22), rgba(5,5,7,0.98));
padding: 22px;
box-shadow: 0 18px 40px rgba(0,0,0,0.85);
display: grid;
grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);
gap: 20px;
}
/* FOOTER */
#kilov3-luxury-page footer {
padding: 20px 6vw 26px;
border-top: 1px solid rgba(245,199,107,0.18);
font-size: 0.78rem;
color: #b3b3c2;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
IMMERSIVE CINEMATIC CREATION
Ki Lov3 Cinematic Creations
Premium visual and audio storytelling from creator Ki Lov3 of Lov3 Books ETC — crafted to feel like cinema, built to move your audience.
- Graphics & animation
- Video ads & social media videos
- Audiobook & music visuals
- Podcast & YouTube company videos
- Animated book covers & comic books
From concept to final render — one creator, one vision, fully cinematic.
Lov3 Books ETC Studio
Immersive black & gold luxury storytelling for authors, artists, and brands.
Visual Identity
Graphic Design
Luxury posters, banners, digital art, thumbnails, and brand visuals.
Posters · Banners · Key Art
Motion & Story
Animation
2D/3D motion, character animation, animated logos, and animated book covers.
2D · 3D · Motion Graphics
Campaign Impact
Video Advertisements
High‑impact ads for books, brands, podcasts, and launches.
Trailers · Ads · Launch Spots
Short‑Form Power
Social Media Videos
Reels, Shorts, TikToks, teasers, and vertical promos.
Reels · Shorts · Teasers
Audio Worlds
Audiobook Visuals
Audiobook trailers, waveform visuals, and cinematic loops.
Trailers · Visualizers
Music & Mood
Music Videos
Lyric videos, animated music visuals, and conceptual story‑driven pieces.
Lynergy · Concept · Visualizers
Podcast Presence
Podcast Videos
Motion‑graphic intros, full‑episode visuals, and highlight clips.
Intros · Episodes · Clips
Channel Identity
YouTube Company Videos
Channel intros, brand identity videos, and long‑form storytelling.
Intros · Brand Films
Books in Motion
Animated Book Covers
Motion covers, animated key art, and looping visuals.
Covers · Key Art
Sequential Cinema
Comic Books & Motion Comics
Digital comics, animated panels, and motion‑comic experiences.
Digital · Motion Comics
- Black & Gold Luxury Premium, rich, unforgettable visuals.
- Neon‑Noir Depth Atmospheric, high‑contrast cinematic style.
- Mythic & Inclusive Diverse characters and emotional truth.
- End‑to‑End Vision One creator shaping the entire pipeline.
Bring your idea to life.
Your vision deserves a cinematic treatment.
Request a quote at KiLov3.com
➜
Share your concept, budget, and timeline — we’ll shape a visual experience around it.
Featured universes:
Broken Harmony · Strait of Hormuz · Lov3 Books ETC · Ki Lov3 Books
Watch & follow:
YouTube: @KiLov3 · @Lov3BooksETC · @BrokenHarmonyPodcast · @HomuzStrait
Instagram: @KiLov3Books