{"id":2,"date":"2026-05-01T11:36:16","date_gmt":"2026-05-01T11:36:16","guid":{"rendered":"https:\/\/kgraudioempire.com\/?page_id=2"},"modified":"2026-05-01T11:59:56","modified_gmt":"2026-05-01T11:59:56","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/kgraudioempire.com\/","title":{"rendered":"Home"},"content":{"rendered":"<style>\n<p>:root {\n    \/* Colors - Rich Dark Theme *\/\n    --primary-color: #00d4aa;        \/* Vibrant Teal *\/\n    --primary-dark: #00a384;        \/* Darker Teal *\/\n    --primary-glow: rgba(0, 212, 170, 0.4);\n    --secondary-color: #ffffff;\n    --text-color: #f0f0f0;\n    --text-light: #a0a0a0;          \/* Lighter gray for better visibility *\/\n    --text-muted: #707070;          \/* Muted gray *\/\n    --white: #ffffff;\n    --off-white: #1a1a1a;           \/* Dark background *\/\n    --gray: #2a2a2a;               \/* Darker gray *\/\n    --dark-gray: #0f0f0f;          \/* Very Dark *\/\n    --border-color: #3a3a3a;        \/* Subtle border *\/\n    --card-bg: #1e1e1e;            \/* Card background *\/\n    --input-bg: #252525;           \/* Input background *\/<\/p>\n<p>    \/* Typography *\/\n    --font-primary: 'DM Sans', sans-serif;\n    --font-secondary: 'Khand', sans-serif;<\/p>\n<p>    \/* Spacing *\/\n    --section-padding: 100px 0;\n    --container-width: 1200px;<\/p>\n<p>    \/* Transitions *\/\n    --transition: all 0.3s ease;\n}<\/p>\n<p>\/* =====================================================\n   RESET & BASE STYLES\n   ===================================================== *\/\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}<\/p>\n<p>html {\n    scroll-behavior: smooth;\n}<\/p>\n<p>body {\n    font-family: var(--font-primary);\n    font-size: 16px;\n    line-height: 1.6;\n    color: var(--text-color);\n    background-color: #121212;\n    overflow-x: hidden;\n}<\/p>\n<p>a {\n    text-decoration: none;\n    color: inherit;\n    transition: var(--transition);\n}<\/p>\n<p>ul {\n    list-style: none;\n}<\/p>\n<p>img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}<\/p>\n<p>button {\n    cursor: pointer;\n    border: none;\n    background: none;\n    font-family: inherit;\n}<\/p>\n<p>input, textarea {\n    font-family: inherit;\n    font-size: inherit;\n}<\/p>\n<p>\/* =====================================================\n   UTILITY CLASSES\n   ===================================================== *\/\n.container {\n    max-width: var(--container-width);\n    margin: 0 auto;\n    padding: 0 20px;\n}<\/p>\n<p>.section-header {\n    margin-bottom: 60px;\n}<\/p>\n<p>.section-header.text-center {\n    text-align: center;\n}<\/p>\n<p>.section-subtitle {\n    font-family: var(--font-secondary);\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-color);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    display: block;\n    margin-bottom: 10px;\n}<\/p>\n<p>.section-title {\n    font-family: var(--font-secondary);\n    font-size: 48px;\n    font-weight: 700;\n    color: var(--secondary-color);\n    line-height: 1.2;\n}<\/p>\n<p>.section-title .highlight,\n.highlight {\n    color: var(--primary-color);\n}<\/p>\n<p>.section-description {\n    font-size: 18px;\n    color: var(--text-light);\n    margin-top: 10px;\n}<\/p>\n<p>.text-center {\n    text-align: center;\n}<\/p>\n<p>\/* =====================================================\n   BUTTONS\n   ===================================================== *\/\n.btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 15px 35px;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 5px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    transition: var(--transition);\n    gap: 10px;\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n    transition: left 0.5s ease;\n}<\/p>\n<p>.btn:hover::before {\n    left: 100%;\n}<\/p>\n<p>.btn-primary {\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n}<\/p>\n<p>.btn-primary:hover {\n    background-color: var(--primary-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px var(--primary-glow);\n}<\/p>\n<p>.btn-primary:active {\n    transform: translateY(0);\n}<\/p>\n<p>.btn-outline {\n    background-color: transparent;\n    color: var(--white);\n    border: 2px solid var(--white);\n}<\/p>\n<p>.btn-outline:hover {\n    background-color: var(--white);\n    color: var(--secondary-color);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px rgba(255,255,255,0.2);\n}<\/p>\n<p>.btn-large {\n    padding: 18px 45px;\n    font-size: 18px;\n}<\/p>\n<p>.btn-full {\n    width: 100%;\n}<\/p>\n<p>\/* =====================================================\n   HEADER\n   ===================================================== *\/\n.header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 1000;\n    background-color: rgba(18, 18, 18, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 15px 0;\n    transition: var(--transition);\n}<\/p>\n<p>.header.sticky {\n    padding: 10px 0;\n    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);\n}<\/p>\n<p>.header-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}<\/p>\n<p>.logo {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}<\/p>\n<p>.logo-img {\n    width: 60px;\n    height: 60px;\n    object-fit: contain;\n    border-radius: 50%;\n    transition: var(--transition);\n    cursor: pointer;\n}<\/p>\n<p>.logo-img:hover {\n    transform: scale(1.1);\n    box-shadow: 0 0 20px var(--primary-glow);\n}<\/p>\n<p>.logo-img:active {\n    transform: scale(0.95);\n}<\/p>\n<p>.logo-text h1 {\n    font-family: var(--font-secondary);\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--white);\n}<\/p>\n<p>.logo-text h1 span {\n    color: var(--primary-color);\n}<\/p>\n<p>.logo-text p {\n    font-size: 12px;\n    color: var(--text-light);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>\/* Navigation *\/\n.nav-menu {\n    display: flex;\n}<\/p>\n<p>.nav-list {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n}<\/p>\n<p>.nav-link {\n    color: var(--white);\n    font-weight: 500;\n    font-size: 15px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    position: relative;\n}<\/p>\n<p>.nav-link::after {\n    content: '';\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background-color: var(--primary-color);\n    transition: var(--transition);\n}<\/p>\n<p>.nav-link:hover::after,\n.nav-link.active::after {\n    width: 100%;\n}<\/p>\n<p>.nav-link:hover {\n    color: var(--primary-color);\n}<\/p>\n<p>\/* Header CTA *\/\n.header-cta .btn {\n    padding: 12px 25px;\n    font-size: 14px;\n}<\/p>\n<p>\/* Mobile Menu Toggle *\/\n.menu-toggle {\n    display: none;\n    flex-direction: column;\n    gap: 5px;\n    cursor: pointer;\n    padding: 10px;\n}<\/p>\n<p>.menu-toggle span {\n    width: 25px;\n    height: 3px;\n    background-color: var(--text-color);\n    transition: var(--transition);\n}<\/p>\n<p>.menu-toggle.active span:nth-child(1) {\n    transform: rotate(45deg) translate(6px, 6px);\n}<\/p>\n<p>.menu-toggle.active span:nth-child(2) {\n    opacity: 0;\n}<\/p>\n<p>.menu-toggle.active span:nth-child(3) {\n    transform: rotate(-45deg) translate(6px, -6px);\n}<\/p>\n<p>\/* Mobile Menu *\/\n.mobile-menu {\n    position: fixed;\n    top: 0;\n    right: -100%;\n    width: 80%;\n    max-width: 400px;\n    height: 100vh;\n    background-color: var(--off-white);\n    padding: 100px 40px 40px;\n    transition: var(--transition);\n    z-index: 999;\n}<\/p>\n<p>.mobile-menu.active {\n    right: 0;\n}<\/p>\n<p>.mobile-nav-list {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n}<\/p>\n<p>.mobile-nav-link {\n    color: var(--text-color);\n    font-size: 20px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.mobile-nav-link:hover {\n    color: var(--primary-color) !important;\n}<\/p>\n<p>.mobile-nav-link:hover {\n    color: var(--primary-color);\n}<\/p>\n<p>\/* =====================================================\n   HERO SECTION\n   ===================================================== *\/\n.hero {\n    position: relative;\n    height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}<\/p>\n<p>.hero-video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: -1;\n}<\/p>\n<p>.hero-video video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}<\/p>\n<p>.hero-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n        to bottom,\n        rgba(18, 18, 18, 0.7) 0%,\n        rgba(18, 18, 18, 0.5) 50%,\n        rgba(18, 18, 18, 0.9) 100%\n    );\n}<\/p>\n<p>.hero-content {\n    text-align: center;\n    color: var(--white);\n    max-width: 900px;\n    padding: 0 20px;\n    z-index: 1;\n}<\/p>\n<p>.hero-title {\n    font-family: var(--font-secondary);\n    font-size: 72px;\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 25px;\n    text-transform: uppercase;\n}<\/p>\n<p>.hero-title .highlight {\n    color: var(--primary-color);\n}<\/p>\n<p>.hero-subtitle {\n    font-size: 22px;\n    font-weight: 400;\n    margin-bottom: 40px;\n    opacity: 0.9;\n}<\/p>\n<p>.hero-buttons {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n}<\/p>\n<p>\/* Scroll Down *\/\n.scroll-down {\n    position: absolute;\n    bottom: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1;\n}<\/p>\n<p>.scroll-down a {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: var(--white);\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    gap: 10px;\n    animation: bounce 2s infinite;\n}<\/p>\n<p>.scroll-down i {\n    font-size: 20px;\n}<\/p>\n<p>@keyframes bounce {\n    0%, 20%, 50%, 80%, 100% {\n        transform: translateY(0);\n    }\n    40% {\n        transform: translateY(10px);\n    }\n    60% {\n        transform: translateY(5px);\n    }\n}<\/p>\n<p>\/* Audio Toggle *\/\n.audio-toggle {\n    position: absolute;\n    top: 100px;\n    right: 30px;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    background-color: rgba(227, 231, 235, 0.1);\n    color: var(--white);\n    font-size: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    transition: var(--transition);\n    border: 2px solid transparent;\n}<\/p>\n<p>.audio-toggle:hover {\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n}<\/p>\n<p>\/* =====================================================\n   ABOUT SECTION\n   ===================================================== *\/\n.about {\n    padding: var(--section-padding);\n    background-color: var(--off-white);\n}<\/p>\n<p>.about-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 80px;\n    align-items: center;\n}<\/p>\n<p>.about-image {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}<\/p>\n<p>.about-image img {\n    width: 100%;\n    max-width: 450px;\n    height: auto;\n    aspect-ratio: 3\/4;\n    object-fit: cover;\n    object-position: center top;\n    border-radius: 10px;\n}<\/p>\n<p>.about-image-frame {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    width: calc(100% - 40px);\n    max-width: 410px;\n    height: calc(100% - 40px);\n    border: 3px solid var(--primary-color);\n    border-radius: 10px;\n    z-index: -1;\n}<\/p>\n<p>.about-content .section-header {\n    text-align: left;\n    margin-bottom: 30px;\n}<\/p>\n<p>.about-text {\n    color: #b0b0b0;\n    margin-bottom: 20px;\n    font-size: 17px;\n}<\/p>\n<p>.about-stats {\n    display: flex;\n    gap: 40px;\n    margin: 40px 0;\n    padding: 30px 0;\n    border-top: 1px solid var(--border-color);\n    border-bottom: 1px solid var(--border-color);\n}<\/p>\n<p>.stat-item {\n    text-align: center;\n}<\/p>\n<p>.stat-number {\n    display: inline;\n    font-family: var(--font-secondary);\n    font-size: 42px;\n    font-weight: 800;\n    color: var(--primary-color);\n}<\/p>\n<p>.stat-suffix {\n    display: inline;\n    font-family: var(--font-secondary);\n    font-size: 42px;\n    font-weight: 800;\n    color: var(--primary-color);\n}<\/p>\n<p>.stat-label {\n    font-size: 14px;\n    color: #c0c0c0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.about-buttons {\n    display: flex;\n    gap: 20px;\n    flex-wrap: wrap;\n}<\/p>\n<p>\/* =====================================================\n   SOCIAL SECTION\n   ===================================================== *\/\n.social-section {\n    padding: 40px 0;\n    background-color: #0a192f;\n}<\/p>\n<p>.social-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 25px;\n}<\/p>\n<p>.social-content h3 {\n    font-family: var(--font-secondary);\n    font-size: 28px;\n    color: var(--white);\n}<\/p>\n<p>.social-links {\n    display: flex;\n    gap: 20px;\n}<\/p>\n<p>.social-link {\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    background-color: rgba(255, 255, 255, 0.1);\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    transition: var(--transition);\n}<\/p>\n<p>.social-link.fiverr-icon {\n    background-color: rgba(34, 34, 85, 0.2);\n    position: relative;\n}<\/p>\n<p>.social-link.fiverr-icon::before {\n    content: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 2.25h9l2.25 7.5h-3.75v9h-4.5v-9H5.25l2.25-7.5z' fill='%23222255'\/%3E%3Cpath d='M12 15.75a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' fill='%231EB53A'\/%3E%3C\/svg%3E\");\n    width: 24px;\n    height: 24px;\n    display: block;\n    flex-shrink: 0;\n}<\/p>\n<p>.social-link.fiverr-icon:hover {\n    background-color: var(--primary-color);\n    transform: translateY(-3px);\n}<\/p>\n<p>.social-link.fiverr-icon:hover::before {\n    filter: brightness(0) invert(1);\n}<\/p>\n<p>.social-link.fiverr-icon i {\n    color: #ffffff;\n    font-size: 20px;\n}<\/p>\n<p>.social-link:hover {\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n    transform: translateY(-3px);\n}<\/p>\n<p>\/* =====================================================\n   FEATURED WORK SECTION\n   ===================================================== *\/\n.featured-work {\n    padding: var(--section-padding);\n    background-color: #0d0d0d;\n}<\/p>\n<p>.featured-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n}<\/p>\n<p>.featured-item {\n    background-color: #1a1a1a;\n    border-radius: 10px;\n    overflow: hidden;\n    transition: var(--transition);\n}<\/p>\n<p>.featured-item:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.featured-video {\n    position: relative;\n    height: 400px;\n    overflow: hidden;\n    background-color: #1a1a1a;\n}<\/p>\n<p>.featured-video img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center top;\n    transition: var(--transition);\n}<\/p>\n<p>.featured-item:hover .featured-video img {\n    transform: scale(1.05);\n}<\/p>\n<p>.featured-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(18, 18, 18, 0.8);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    opacity: 0;\n    transition: var(--transition);\n}<\/p>\n<p>.featured-item:hover .featured-overlay {\n    opacity: 1;\n}<\/p>\n<p>.featured-link {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    transform: scale(0);\n    transition: var(--transition);\n}<\/p>\n<p>.featured-item:hover .featured-link {\n    transform: scale(1);\n}<\/p>\n<p>.featured-link:hover {\n    background-color: var(--white);\n}<\/p>\n<p>.featured-info {\n    padding: 30px;\n}<\/p>\n<p>.featured-info h3 {\n    font-family: var(--font-secondary);\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--secondary-color);\n    margin-bottom: 10px;\n}<\/p>\n<p>.featured-info p {\n    color: var(--text-light);\n    margin-bottom: 15px;\n}<\/p>\n<p>.featured-description {\n    font-size: 15px;\n    line-height: 1.7;\n}<\/p>\n<p>.featured-tags {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 20px;\n}<\/p>\n<p>.featured-tags span {\n    padding: 6px 15px;\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-radius: 3px;\n    font-weight: 600;\n}<\/p>\n<p>.featured-more {\n    margin-top: 50px;\n}<\/p>\n<p>\/* =====================================================\n   CTA SECTION\n   ===================================================== *\/\n.cta-section {\n    padding: 100px 0;\n    background: linear-gradient(135deg, #0a192f 0%, #112240 50%, #1a3a5c 100%);\n    position: relative;\n    overflow: hidden;\n}<\/p>\n<p>.cta-section::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300d4aa' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n    opacity: 0.8;\n}<\/p>\n<p>.cta-section::after {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(0, 212, 170, 0.15) 0%, transparent 70%);\n    pointer-events: none;\n}<\/p>\n<p>.cta-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n}<\/p>\n<p>.cta-content h1 {\n    font-family: var(--font-secondary);\n    font-size: 42px;\n    font-weight: 700;\n    color: var(--white);\n    margin-bottom: 20px;\n}<\/p>\n<p>.cta-content h1 .highlight {\n    color: var(--primary-color);\n}<\/p>\n<p>.cta-content p {\n    font-size: 18px;\n    color: rgba(255, 255, 255, 0.85);\n    margin-bottom: 20px;\n    line-height: 1.7;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n}<\/p>\n<p>.cta-content p .highlight {\n    color: var(--primary-color);\n    font-weight: 600;\n}<\/p>\n<p>\/* =====================================================\n   SERVICES SECTION\n   ===================================================== *\/\n.services {\n    padding: var(--section-padding);\n    background-color: #0d0d0d;\n}<\/p>\n<p>.services-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}<\/p>\n<p>.service-card {\n    background-color: #1a1a1a;\n    padding: 40px 30px;\n    border-radius: 10px;\n    text-align: center;\n    position: relative;\n    transition: var(--transition);\n    overflow: hidden;\n}<\/p>\n<p>.service-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background-color: var(--primary-color);\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: var(--transition);\n}<\/p>\n<p>.service-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}<\/p>\n<p>.service-card:hover::before {\n    transform: scaleX(1);\n}<\/p>\n<p>.service-number {\n    position: absolute;\n    top: 15px;\n    right: 20px;\n    font-family: var(--font-secondary);\n    font-size: 60px;\n    font-weight: 800;\n    color: var(--gray);\n    opacity: 0.5;\n}<\/p>\n<p>.service-icon {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto 25px;\n    background-color: var(--gray);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 32px;\n    color: var(--primary-color);\n    transition: var(--transition);\n}<\/p>\n<p>.service-card:hover .service-icon {\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n}<\/p>\n<p>.service-card h3 {\n    font-family: var(--font-secondary);\n    font-size: 24px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 15px;\n}<\/p>\n<p>.service-card p {\n    color: var(--text-light);\n    font-size: 15px;\n    line-height: 1.7;\n    margin-bottom: 20px;\n}<\/p>\n<p>.service-link {\n    color: var(--primary-color);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-size: 14px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}<\/p>\n<p>.service-link i {\n    transition: var(--transition);\n}<\/p>\n<p>.service-link:hover i {\n    transform: translateX(5px);\n}<\/p>\n<p>\/* =====================================================\n   BOOKING SECTION\n   ===================================================== *\/\n.booking-section {\n    padding: 80px 0;\n    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);\n}<\/p>\n<p>.booking-content h2 {\n    font-family: var(--font-secondary);\n    font-size: 42px;\n    color: var(--white);\n    margin-bottom: 20px;\n}<\/p>\n<p>.booking-content p {\n    font-size: 18px;\n    color: rgba(255, 255, 255, 0.8);\n    margin-bottom: 35px;\n}<\/p>\n<p>\/* =====================================================\n   PROJECTS SECTION\n   ===================================================== *\/\n.projects {\n    padding: var(--section-padding);\n    background-color: #0d0d0d;\n}<\/p>\n<p>.projects-categories {\n    display: flex;\n    justify-content: center;\n    gap: 15px;\n    flex-wrap: wrap;\n    margin-bottom: 50px;\n}<\/p>\n<p>.category-btn {\n    padding: 12px 25px;\n    background-color: var(--gray);\n    color: var(--text-color);\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-size: 14px;\n    border-radius: 5px;\n    transition: var(--transition);\n}<\/p>\n<p>.category-btn:hover,\n.category-btn.active {\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n}<\/p>\n<p>.projects-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n}<\/p>\n<p>.project-item {\n    position: relative;\n    aspect-ratio: 4 \/ 3;\n    height: auto;\n    min-height: 300px;\n    overflow: hidden;\n    border-radius: 10px;\n    cursor: pointer;\n}<\/p>\n<p>.project-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    transition: var(--transition);\n}<\/p>\n<p>.project-item:hover img {\n    transform: scale(1.1);\n}<\/p>\n<p>.project-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    padding: 30px;\n    background: linear-gradient(\n        to top,\n        rgba(18, 18, 18, 0.9) 0%,\n        transparent 100%\n    );\n    transform: translateY(100%);\n    transition: var(--transition);\n}<\/p>\n<p>.project-item:hover .project-overlay {\n    transform: translateY(0);\n}<\/p>\n<p>.project-overlay h4 {\n    font-family: var(--font-secondary);\n    font-size: 20px;\n    color: var(--white);\n    margin-bottom: 5px;\n}<\/p>\n<p>.project-overlay p {\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 14px;\n    margin-bottom: 15px;\n}<\/p>\n<p>.project-link {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n}<\/p>\n<p>.project-link:hover {\n    background-color: var(--white);\n}<\/p>\n<p>\/* =====================================================\n   CONTACT SECTION\n   ===================================================== *\/\n.contact {\n    padding: var(--section-padding);\n    background-color: #0d0d0d;\n}<\/p>\n<p>.contact-wrapper {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 60px;\n}<\/p>\n<p>.contact-info {\n    display: flex;\n    flex-direction: column;\n    gap: 30px;\n}<\/p>\n<p>.contact-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n}<\/p>\n<p>.contact-icon {\n    width: 60px;\n    height: 60px;\n    background-color: var(--secondary-color);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    color: var(--primary-color);\n    flex-shrink: 0;\n}<\/p>\n<p>.contact-details h4 {\n    font-family: var(--font-secondary);\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--secondary-color);\n    margin-bottom: 5px;\n}<\/p>\n<p>.contact-details p {\n    color: var(--text-light);\n    font-size: 15px;\n}<\/p>\n<p>.contact-social {\n    margin-top: 20px;\n}<\/p>\n<p>.contact-social h4 {\n    font-family: var(--font-secondary);\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--secondary-color);\n    margin-bottom: 20px;\n}<\/p>\n<p>.contact-social .social-links {\n    display: flex;\n    gap: 15px;\n}<\/p>\n<p>.contact-social .social-link {\n    width: 45px;\n    height: 45px;\n}<\/p>\n<p>\/* Contact Form *\/\n.contact-form-wrapper {\n    background-color: #1a1a1a;\n    padding: 40px;\n    border-radius: 10px;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n}<\/p>\n<p>.contact-form {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}<\/p>\n<p>.form-group {\n    position: relative;\n}<\/p>\n<p>.form-group input,\n.form-group textarea {\n    width: 100%;\n    padding: 18px 20px;\n    border: 2px solid var(--gray);\n    border-radius: 5px;\n    font-size: 16px;\n    transition: var(--transition);\n    background-color: #1a1a1a;\n    color: #ffffff;\n}<\/p>\n<p>.form-group input:focus,\n.form-group textarea:focus,\n.form-group select:focus {\n    outline: none;\n    border-color: var(--primary-color);\n    background-color: #2d2d2d;\n    box-shadow: 0 0 20px rgba(0, 212, 170, 0.15);\n}<\/p>\n<p>.form-group input:focus + .form-label,\n.form-group textarea:focus + .form-label {\n    color: var(--primary-color);\n}<\/p>\n<p>.form-group select {\n    width: 100%;\n    padding: 18px 20px;\n    border: 2px solid var(--gray);\n    border-radius: 5px;\n    font-size: 16px;\n    transition: var(--transition);\n    background-color: #1a1a1a;\n    color: #ffffff;\n    cursor: pointer;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300d4aa%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 20px center;\n    background-size: 12px;\n}<\/p>\n<p>.form-group select option {\n    background-color: #1a1a1a;\n    color: #ffffff;\n    padding: 10px;\n}<\/p>\n<p>.form-group textarea {\n    resize: vertical;\n    min-height: 150px;\n}<\/p>\n<p>.form-group input::placeholder,\n.form-group textarea::placeholder {\n    color: var(--text-light);\n    transition: var(--transition);\n}<\/p>\n<p>.form-group input:focus::placeholder,\n.form-group textarea:focus::placeholder {\n    opacity: 0.5;\n}<\/p>\n<p>\/* Form input floating animation *\/\n.form-group {\n    position: relative;\n}<\/p>\n<p>.form-group input:focus,\n.form-group textarea:focus {\n    transform: translateY(-2px);\n}<\/p>\n<p>\/* Form Success Message *\/\n.form-success {\n    text-align: center;\n    padding: 40px 20px;\n}<\/p>\n<p>.form-success .success-icon {\n    width: 80px;\n    height: 80px;\n    margin: 0 auto 25px;\n    background-color: var(--primary-color);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 40px;\n    color: var(--secondary-color);\n    animation: successPulse 2s infinite;\n}<\/p>\n<p>@keyframes successPulse {\n    0% {\n        box-shadow: 0 0 0 0 var(--primary-glow);\n    }\n    70% {\n        box-shadow: 0 0 0 20px transparent;\n    }\n    100% {\n        box-shadow: 0 0 0 0 transparent;\n    }\n}<\/p>\n<p>.form-success h3 {\n    font-family: var(--font-secondary);\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--secondary-color);\n    margin-bottom: 15px;\n}<\/p>\n<p>.form-success p {\n    color: var(--text-light);\n    font-size: 16px;\n    margin-bottom: 30px;\n}<\/p>\n<p>.form-success .btn {\n    margin: 0 auto;\n}<\/p>\n<p>\/* =====================================================\n   FOOTER\n   ===================================================== *\/\n.footer {\n    background-color: #0a192f;\n    padding: 80px 0 30px;\n    color: var(--white);\n}<\/p>\n<p>.footer-content {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\n    gap: 50px;\n    padding-bottom: 50px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}<\/p>\n<p>.footer-logo img {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    margin-bottom: 20px;\n}<\/p>\n<p>.footer-logo h3 {\n    font-family: var(--font-secondary);\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 5px;\n}<\/p>\n<p>.footer-logo h3 span {\n    color: var(--primary-color);\n}<\/p>\n<p>.footer-logo p {\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}<\/p>\n<p>.footer-links h4,\n.footer-services h4,\n.footer-social h4 {\n    font-family: var(--font-secondary);\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 25px;\n    color: var(--white);\n}<\/p>\n<p>.footer-links ul,\n.footer-services ul {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}<\/p>\n<p>.footer-links a,\n.footer-services a {\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 15px;\n    transition: var(--transition);\n}<\/p>\n<p>.footer-links a:hover,\n.footer-services a:hover {\n    color: var(--primary-color);\n    padding-left: 5px;\n}<\/p>\n<p>.footer-social .social-links {\n    display: flex;\n    gap: 12px;\n}<\/p>\n<p>.footer-social .social-link {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n}<\/p>\n<p>.footer-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-top: 30px;\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.6);\n}<\/p>\n<p>\/* Back to Top Button *\/\n.back-to-top {\n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    width: 50px;\n    height: 50px;\n    background-color: var(--primary-color);\n    color: var(--secondary-color);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    opacity: 0;\n    visibility: hidden;\n    transition: var(--transition);\n    z-index: 100;\n    box-shadow: 0 5px 20px var(--primary-glow);\n}<\/p>\n<p>.back-to-top.visible {\n    opacity: 1;\n    visibility: visible;\n}<\/p>\n<p>.back-to-top:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px var(--primary-glow);\n}<\/p>\n<p>\/* =====================================================\n   RESPONSIVE DESIGN\n   ===================================================== *\/<\/p>\n<p>\/* Large Desktop *\/\n@media (max-width: 1400px) {\n    .hero-title {\n        font-size: 60px;\n    }\n}<\/p>\n<p>\/* Desktop *\/\n@media (max-width: 1200px) {\n    .container {\n        max-width: 1000px;\n    }<\/p>\n<p>    .about-wrapper {\n        gap: 50px;\n    }<\/p>\n<p>    .services-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }<\/p>\n<p>    .projects-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }<\/p>\n<p>    .footer-content {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}<\/p>\n<p>\/* Tablet *\/\n@media (max-width: 992px) {\n    :root {\n        --section-padding: 80px 0;\n    }<\/p>\n<p>    .section-title {\n        font-size: 40px;\n    }<\/p>\n<p>    .nav-menu {\n        display: none;\n    }<\/p>\n<p>    .header-cta {\n        display: none;\n    }<\/p>\n<p>    .menu-toggle {\n        display: flex;\n    }<\/p>\n<p>    .hero-title {\n        font-size: 48px;\n    }<\/p>\n<p>    .about-wrapper,\n    .contact-wrapper {\n        grid-template-columns: 1fr;\n        gap: 50px;\n    }<\/p>\n<p>    .about-image {\n        max-width: 500px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .about-stats {\n        justify-content: center;\n    }<\/p>\n<p>    .featured-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .services-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }<\/p>\n<p>    .projects-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }<\/p>\n<p>    .footer-content {\n        grid-template-columns: 1fr 1fr;\n        text-align: center;\n    }<\/p>\n<p>    .footer-logo {\n        grid-column: span 2;\n    }<\/p>\n<p>    .footer-bottom {\n        flex-direction: column;\n        gap: 10px;\n        text-align: center;\n    }\n}<\/p>\n<p>\/* Mobile *\/\n@media (max-width: 768px) {\n    :root {\n        --section-padding: 60px 0;\n    }<\/p>\n<p>    .section-title {\n        font-size: 32px;\n    }<\/p>\n<p>    .hero-title {\n        font-size: 36px;\n    }<\/p>\n<p>    .hero-subtitle {\n        font-size: 18px;\n    }<\/p>\n<p>    .hero-buttons {\n        flex-direction: column;\n        align-items: center;\n    }<\/p>\n<p>    .btn {\n        width: 100%;\n        max-width: 280px;\n        justify-content: center;\n    }<\/p>\n<p>    .about-image img {\n        height: 400px;\n    }<\/p>\n<p>    .about-stats {\n        flex-direction: column;\n        gap: 25px;\n    }<\/p>\n<p>    .about-buttons {\n        flex-direction: column;\n        align-items: flex-start;\n    }<\/p>\n<p>    .services-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .projects-grid {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .project-item {\n        height: 300px;\n    }<\/p>\n<p>    .footer-content {\n        grid-template-columns: 1fr;\n    }<\/p>\n<p>    .footer-logo {\n        grid-column: auto;\n    }\n}<\/p>\n<p>\/* Small Mobile *\/\n@media (max-width: 480px) {\n    .hero-title {\n        font-size: 28px;\n    }<\/p>\n<p>    .section-title {\n        font-size: 28px;\n    }<\/p>\n<p>    .featured-video {\n        height: 350px;\n    }<\/p>\n<p>    .cta-content h2,\n    .booking-content h2 {\n        font-size: 28px;\n    }<\/p>\n<p>    .contact-form-wrapper {\n        padding: 30px 20px;\n    }\n}<\/p>\n<p>\/* =====================================================\n   LOADING & ERROR STATES FOR API\n   ===================================================== *\/\n.loading-message,\n.error-message {\n    text-align: center;\n    padding: 60px 20px;\n    color: var(--text-light);\n    font-size: 16px;\n    grid-column: 1 \/ -1;\n}<\/p>\n<p>.loading-message {\n    color: var(--primary-color);\n}<\/p>\n<p>.loading-message::before {\n    content: '';\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    border: 3px solid var(--primary-color);\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n    margin-right: 10px;\n    vertical-align: middle;\n}<\/p>\n<p>@keyframes spin {\n    to { transform: rotate(360deg); }\n}<\/p>\n<p>.error-message {\n    color: #dc3545;\n}\n<\/style>\n<div class=\"container\">\n<section class=\"hero\" id=\"home\">\n<div class=\"hero-video\">\n            <video autoplay muted loop playsinline id=\"heroVideo\"><source src=\"images\/bg vd1.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<div class=\"hero-overlay\"><\/div>\n<\/p><\/div>\n<div class=\"hero-content\">\n<h2 class=\"hero-title\">Move your audience with <br \/><span class=\"highlight\">cinematic soundscapes<\/span><\/h2>\n<p class=\"hero-subtitle\">Professional Foley Sound Design for Film, TV &#038; Web Series<\/p>\n<div class=\"hero-buttons\">\n                <a href=\"#featured-work\" class=\"btn btn-primary\">View My Work<\/a><br \/>\n                <a href=\"#contact\" class=\"btn btn-outline\">Let&#8217;s Talk<\/a>\n            <\/div>\n<\/p><\/div>\n<div class=\"scroll-down\"><a href=\"#about\"><span>Scroll Down<\/span><i class=\"fas fa-arrow-down\"><\/i><\/a><\/div>\n<p>        <button class=\"audio-toggle\" id=\"audioToggle\"><i class=\"fas fa-volume-mute\"><\/i><\/button><br \/>\n    <\/section>\n<\/p><\/div>\n<section class=\"about\" id=\"about\">\n<div class=\"container\">\n<div class=\"about-wrapper\">\n<div class=\"about-image\">\n                    <img decoding=\"async\" src=\"images\/gowthamphoto.jpeg\" alt=\"Gowtham Raju\"><\/p>\n<div class=\"about-image-frame\"><\/div>\n<\/p><\/div>\n<div class=\"about-content\">\n<div class=\"section-header\">\n                        <span class=\"section-subtitle\">About Me<\/span><\/p>\n<h2 class=\"section-title\">Gowtham <span>Raju<\/span><\/h2>\n<p class=\"section-description\">Foley Sound Designer<\/p>\n<\/p><\/div>\n<p class=\"about-text\">I am a passionate Sound Engineer and Foley Artist with my own studio dedicated to creating high-quality audio for films, videos, and multimedia projects. I specialize in recording and designing realistic sound effects that enhance storytelling and bring visuals to life.<\/p>\n<p class=\"about-text\">Through my studio, I focus on delivering clear, immersive, and professional sound, from Foley recording to sound design and audio post-production.<\/p>\n<div class=\"about-stats\">\n<div class=\"stat-item\"><span class=\"stat-number\" data-target=\"70\">0<\/span><span class=\"stat-suffix\">+<\/span><span class=\"stat-label\">Projects Completed<\/span><\/div>\n<div class=\"stat-item\"><span class=\"stat-number\" data-target=\"10\">0<\/span><span class=\"stat-suffix\">+<\/span><span class=\"stat-label\">Years Experience<\/span><\/div>\n<div class=\"stat-item\"><span class=\"stat-number\" data-target=\"150\">0<\/span><span class=\"stat-suffix\">+<\/span><span class=\"stat-label\">Client Satisfaction <\/span><\/div>\n<\/p><\/div>\n<div class=\"about-buttons\">\n                        <a href=\"#contact\" class=\"btn btn-primary\">Book a Project<\/a><br \/>\n                        <a href=\"#featured-work\" class=\"btn btn-outline\">View Portfolio<\/a>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"social-section\">\n<div class=\"container\">\n<div class=\"social-content\">\n<h3>Follow <span class=\"highlight\">Me<\/span> On<\/h3>\n<div class=\"social-links\">\n                    <a href=\"https:\/\/www.instagram.com\/gowthamraju_k.gr?utm_source=ig_web_button_share_sheet&#038;igsh=ODdmZWVhMTFiMw==\" class=\"social-link\"><i class=\"fab fa-instagram\"><\/i><\/a><br \/>\n                    <a href=\"https:\/\/www.imdb.com\/name\/nm14854562\/\" class=\"social-link\"><i class=\"fab fa-imdb\"><\/i><\/a><br \/>\n                    <a href=\"https:\/\/www.linkedin.com\/in\/gowtham-raju-093274270?utm_source=share_via&#038;utm_content=profile&#038;utm_medium=member_android\" class=\"social-link\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"featured-work\" id=\"featured-work\">\n<div class=\"container\">\n<div class=\"section-header text-center\">\n                <span class=\"section-subtitle\">Portfolio<\/span><\/p>\n<h2 class=\"section-title\">Featured <span>Work<\/span><\/h2>\n<\/p><\/div>\n<div class=\"featured-grid\" id=\"featuredGrid\">\n                <!-- Movies will be loaded dynamically from OMDB API --><br \/>\n                <!-- To enable: Get free API key from http:\/\/www.omdbapi.com\/apikey.aspx --><br \/>\n                <!-- Then update the OMDB_API_KEY in js\/main.js --><\/p>\n<div class=\"featured-item\">\n<div class=\"featured-video\"><img decoding=\"async\" src=\"images\/movie poster\/movie1.jpg\" alt=\"Film\"><\/p>\n<div class=\"featured-overlay\"><a href=\"https:\/\/www.imdb.com\/name\/nm14854562\/\" class=\"featured-link\"><i class=\"fab fa-imdb\"><\/i><\/a><\/div>\n<\/p><\/div>\n<div class=\"featured-info\">\n<h3>Film Title 1<\/h3>\n<p>Role: Foley Artist<\/p>\n<p class=\"featured-description\">Award-winning film with custom Foley work.<\/p>\n<div class=\"featured-tags\"><span>Feature Film<\/span><span>Foley<\/span><span>2024<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"featured-item\">\n<div class=\"featured-video\"><img decoding=\"async\" src=\"images\/movie poster\/movie2.jpg\" alt=\"Film\"><\/p>\n<div class=\"featured-overlay\"><a href=\"https:\/\/www.imdb.com\/name\/nm14854562\/\" class=\"featured-link\"><i class=\"fab fa-imdb\"><\/i><\/a><\/div>\n<\/p><\/div>\n<div class=\"featured-info\">\n<h3>Film Title 2<\/h3>\n<p>Role: Sound Designer &#038; Foley<\/p>\n<p class=\"featured-description\">Complete Foley package for film.<\/p>\n<div class=\"featured-tags\"><span>Feature Film<\/span><span>Sound Design<\/span><span>2023<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"featured-item\">\n<div class=\"featured-video\"><img decoding=\"async\" src=\"images\/movie poster\/movie3.jpg\" alt=\"TV\"><\/p>\n<div class=\"featured-overlay\"><a href=\"https:\/\/www.imdb.com\/name\/nm14854562\/\" class=\"featured-link\"><i class=\"fab fa-imdb\"><\/i><\/a><\/div>\n<\/p><\/div>\n<div class=\"featured-info\">\n<h3>TV Series Episode<\/h3>\n<p>Role: Foley Supervisor<\/p>\n<p class=\"featured-description\">Television drama with extensive Foley.<\/p>\n<div class=\"featured-tags\"><span>TV Series<\/span><span>Foley<\/span><span>2023<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"featured-item\">\n<div class=\"featured-video\"><img decoding=\"async\" src=\"images\/movie poster\/movie4.jpg\" alt=\"Game\"><\/p>\n<div class=\"featured-overlay\"><a href=\"https:\/\/www.imdb.com\/name\/nm14854562\/\" class=\"featured-link\"><i class=\"fab fa-imdb\"><\/i><\/a><\/div>\n<\/p><\/div>\n<div class=\"featured-info\">\n<h3>Video Game Title<\/h3>\n<p>Role: Game Audio Designer<\/p>\n<p class=\"featured-description\">Interactive Foley for video game.<\/p>\n<div class=\"featured-tags\"><span>Video Game<\/span><span>Game Audio<\/span><span>2024<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"featured-more text-center\"><a href=\"https:\/\/www.imdb.com\/name\/nm14854562\/\" target=\"_blank\" class=\"btn btn-outline\">View All Projects<\/a><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"cta-section\">\n<div class=\"container\">\n<div class=\"cta-content text-center\">\n<h1><span class=\"highlight\">Hire Me on Fiverr<\/span><\/h1>\n<p>If you\u2019re looking for<span class=\"highlight\"> professional sound engineering <\/span>or <span class=\"highlight\">Foley services<\/span>, you can easily hire me through Fiverr. I offer high-quality audio production, custom Foley sound effects,<br \/>\n                     sound design, and audio editing for films, videos, and digital content..<\/p>\n<p>Click the button below to view my Fiverr profile, explore my services, and place an order.<\/p>\n<p>                <a href=\"https:\/\/www.fiverr.com\/audioempirekgr\/create-professional-foley-sound-effects-for-your-video-c68c?context_referrer=search_gigs&#038;source=sorting_by&#038;ref_ctx_id=43599bd9dfa348fe8f1aa773aebf7c26&#038;pckg_id=1&#038;pos=3&#038;context_type=new&#038;funnel=43599bd9dfa348fe8f1aa773aebf7c26&#038;seller_online=true&#038;imp_id=fd8e5e5a-8e6e-457f-8058-30c9271aad0e\" target=\"_blank\" class=\"btn btn-primary btn-large\">Book a GIG on Fiverr<\/a><\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"services\" id=\"services\">\n<div class=\"container\">\n<div class=\"section-header text-center\">\n                <span class=\"section-subtitle\">What I Offer<\/span><\/p>\n<h2 class=\"section-title\">My <span>Services<\/span><\/h2>\n<\/p><\/div>\n<div class=\"services-grid\">\n<div class=\"service-card\">\n<div class=\"service-number\">01<\/div>\n<div class=\"service-icon\"><i class=\"fas fa-microphone\"><\/i><\/div>\n<h3>Foley<\/h3>\n<p>Custom Foley recording, editing, and synchronization.<\/p>\n<p>                    <a href=\"#contact\" class=\"service-link\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n<div class=\"service-card\">\n<div class=\"service-number\">02<\/div>\n<div class=\"service-icon\"><i class=\"fas fa-wave-square\"><\/i><\/div>\n<h3>Sound Design<\/h3>\n<p>Complete sound design and mixing package.<\/p>\n<p>                    <a href=\"#contact\" class=\"service-link\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n<div class=\"service-card\">\n<div class=\"service-number\">03<\/div>\n<div class=\"service-icon\"><i class=\"fas fa-comments\"><\/i><\/div>\n<h3>Dialogue Editing<\/h3>\n<p>Clean and polish dialogue.<\/p>\n<p>                    <a href=\"#contact\" class=\"service-link\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n<div class=\"service-card\">\n<div class=\"service-number\">04<\/div>\n<div class=\"service-icon\"><i class=\"fas fa-sliders-h\"><\/i><\/div>\n<h3>Re-recording \/ Mixing<\/h3>\n<p>Professional mixing in stereo and 5.1.<\/p>\n<p>                    <a href=\"#contact\" class=\"service-link\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n<div class=\"service-card\">\n<div class=\"service-number\">05<\/div>\n<div class=\"service-icon\"><i class=\"fas fa-film\"><\/i><\/div>\n<h3>Film Sound<\/h3>\n<p>Complete audio post-production.<\/p>\n<p>                    <a href=\"#contact\" class=\"service-link\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n<div class=\"service-card\">\n<div class=\"service-number\">06<\/div>\n<div class=\"service-icon\"><i class=\"fas fa-gamepad\"><\/i><\/div>\n<h3>Game Audio<\/h3>\n<p>Immersive sound design for games.<\/p>\n<p>                    <a href=\"#contact\" class=\"service-link\">Get Started <i class=\"fas fa-arrow-right\"><\/i><\/a>\n                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"projects\" id=\"projects\">\n<div class=\"container\">\n<div class=\"section-header text-center\">\n                <span class=\"section-subtitle\">Behind The Scenes<\/span><\/p>\n<h2 class=\"section-title\">My <span>Studio<\/span><\/h2>\n<\/p><\/div>\n<div class=\"projects-grid\">\n<div class=\"project-item\"><img decoding=\"async\" src=\"images\/shoe rack.webp\" alt=\"Studio\"><\/p>\n<div class=\"project-overlay\">\n<h4>Footstep Sound Collection<\/h4>\n<p>Different types of footwear carefully selected to produce accurate and natural footstep sounds for various environments and characters.<\/p>\n<\/div>\n<\/div>\n<div class=\"project-item\"><img decoding=\"async\" src=\"images\/ytsfx.jpeg\" alt=\"Studio\"><\/p>\n<div class=\"project-overlay\">\n<h4>One of the Officially Credited Work<\/h4>\n<p>A snapshot of my on-screen credits from released projects on YouTube, highlighting my role as a Foley artist and sound designer.<\/p>\n<\/div>\n<\/div>\n<div class=\"project-item\"><img decoding=\"async\" src=\"images\/ex1.jpg\" alt=\"Studio\"><\/p>\n<div class=\"project-overlay\">\n<h4>Where Every Sound Begins<\/h4>\n<p>Using professional-grade microphones to capture rich, detailed audio that forms the foundation of immersive and cinematic sound design<\/p>\n<\/div>\n<\/div>\n<div class=\"project-item\"><img decoding=\"async\" src=\"images\/gwresume.jpeg\" alt=\"Studio\"><\/p>\n<div class=\"project-overlay\">\n<h4>Projects I\u2019ve Worked On<\/h4>\n<p>From feature films to short projects, here are some of the works where my sound design helped create immersive cinematic experiences.<\/p>\n<\/div>\n<\/div>\n<div class=\"project-item\"><img decoding=\"async\" src=\"images\/ex6.jpg\" alt=\"Studio\"><\/p>\n<div class=\"project-overlay\">\n<h4>foley recording studio<\/h4>\n<p>What seems like a cluttered room is actually a playground of sound \u2014 where every surface, object, and movement is used to create cinematic audio experiences.<\/p>\n<\/div>\n<\/div>\n<div class=\"project-item\"><img decoding=\"async\" src=\"images\/ex7.jpg\" alt=\"Studio\"><\/p>\n<div class=\"project-overlay\">\n<h4>Recording Session<\/h4>\n<p>In-action recording<\/p>\n<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"contact\" id=\"contact\">\n<div class=\"container\">\n<div class=\"section-header text-center\">\n                <span class=\"section-subtitle\">Get In Touch<\/span><\/p>\n<h2 class=\"section-title\">Contact <span>Me<\/span><\/h2>\n<\/p><\/div>\n<div class=\"contact-wrapper\">\n<div class=\"contact-info\">\n<div class=\"contact-item\">\n<div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n<div class=\"contact-details\">\n<h4>Email<\/h4>\n<p>audioempire525@gmail.com<\/p>\n<\/div><\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\n<div class=\"contact-details\">\n<h4>Phone<\/h4>\n<p>+91 99644 53568<\/p>\n<\/div><\/div>\n<div class=\"contact-item\">\n<div class=\"contact-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n<div class=\"contact-details\">\n<h4>Location<\/h4>\n<p>Chennai, India<\/p>\n<\/div><\/div>\n<div class=\"contact-social\">\n<h4>Connect With Me<\/h4>\n<div class=\"social-links\">\n                            <a href=\"https:\/\/www.instagram.com\/gowthamraju_k.gr?utm_source=ig_web_button_share_sheet&#038;igsh=ODdmZWVhMTFiMw==\"><i class=\"fab fa-instagram\"><\/i><\/a><br \/>\n                            <a href=\"https:\/\/www.imdb.com\/name\/nm14854562\/\"><i class=\"fab fa-imdb\"><\/i><\/a><br \/>\n                            <a href=\"https:\/\/www.linkedin.com\/in\/gowtham-raju-0a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z7\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact-form-wrapper\">\n<form class=\"contact-form\" id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/mvzvgejn\" method=\"POST\" autocomplete=\"off\">\n<div class=\"form-group\"><input type=\"text\" name=\"name\" id=\"formName\" placeholder=\"Your Name\" required autocomplete=\"off\"><\/div>\n<div class=\"form-group\"><input type=\"email\" name=\"email\" id=\"formEmail\" placeholder=\"Your Email\" required autocomplete=\"off\"><\/div>\n<div class=\"form-group\"><input type=\"tel\" name=\"phone\" id=\"formPhone\" placeholder=\"Phone Number\" required autocomplete=\"off\"><\/div>\n<div class=\"form-group\">\n                            <select name=\"project_type\" id=\"formProjectType\" required autocomplete=\"off\"><option value=\"\" disabled selected>Select Project Type<\/option><option value=\"Film\">Film<\/option><option value=\"TV Series\">TV Series<\/option><option value=\"Short Film\">Short Film<\/option><option value=\"Documentary\">Documentary<\/option><option value=\"Commercial\">Commercial<\/option><option value=\"Video Game\">Video Game<\/option><option value=\"Web Series\">Web Series<\/option><option value=\"Other\">Other<\/option><\/select>\n                        <\/div>\n<div class=\"form-group\"><textarea name=\"message\" id=\"formMessage\" placeholder=\"Describe your project...\" rows=\"5\" required autocomplete=\"off\"><\/textarea><\/div>\n<p>                        <button type=\"submit\" class=\"btn btn-primary btn-full\">Send Message<\/button><br \/>\n                    <\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Move your audience with cinematic soundscapes Professional Foley Sound Design for Film, TV &#038; Web Series View My Work Let&#8217;s Talk Scroll Down About Me Gowtham Raju Foley Sound Designer I am a passionate Sound Engineer and Foley Artist with my own studio dedicated to creating high-quality audio for films, videos, and multimedia projects. I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/kgraudioempire.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}