{"id":1233,"date":"2026-01-23T07:35:00","date_gmt":"2026-01-23T07:35:00","guid":{"rendered":"https:\/\/celebrityexperts.com\/staging-site\/?page_id=1233"},"modified":"2026-02-18T11:43:09","modified_gmt":"2026-02-18T11:43:09","slug":"website-design","status":"publish","type":"page","link":"https:\/\/celebrityexperts.com\/staging-site\/website-design\/","title":{"rendered":"Website Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1233\" class=\"elementor elementor-1233\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd687e2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fd687e2\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b9527d\" data-id=\"2b9527d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bce5bb1 elementor-widget elementor-widget-html\" data-id=\"bce5bb1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Digital Architecture Hero Section with Background Image -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Digital Hero Section with Background *\/\r\n.digital-hero-section {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 170px 20px 100px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background Image *\/\r\n.digital-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n}\r\n\r\n.digital-hero-bg img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\/* Gradient Overlay *\/\r\n.digital-hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        135deg,\r\n        #000000D1 0%,\r\n        #000000B8 50%,\r\n        #000000D1 100%\r\n    );\r\n    z-index: 1;\r\n}\r\n\r\n\/* Digital Grid Overlay *\/\r\n.digital-hero-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: \r\n        linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px),\r\n        linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n.digital-hero-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 10;\r\n    text-align: center;\r\n}\r\n\r\n\/* Page Title Badge *\/\r\n.digital-page-badge {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #D4AF37, #B8860B);\r\n    color: #000;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.4em;\r\n    padding: 12px 32px;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4);\r\n    animation: fadeInDown 0.8s ease-out forwards;\r\n}\r\n\r\n\/* Sub-Header *\/\r\n.digital-subheader {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(1.25rem, 3vw, 1.75rem);\r\n    color: rgba(255, 255, 255, 0.85);\r\n    margin-bottom: 40px;\r\n    font-style: italic;\r\n    letter-spacing: 0.02em;\r\n    animation: fadeInUp 0.8s ease-out 0.2s forwards;\r\n    opacity: 0;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* Main Headline *\/\r\n.digital-hero-headline {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(2.5rem, 8vw, 5.5rem);\r\n    font-weight: 300;\r\n    color: #fff;\r\n    margin-bottom: 40px;\r\n    line-height: 1.15;\r\n    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);\r\n    animation: fadeInUp 0.8s ease-out 0.4s forwards;\r\n    opacity: 0;\r\n}\r\n\r\n.digital-hero-headline .gold-gradient {\r\n    background: linear-gradient(135deg, #D4AF37 0%, #F4E5B2 50%, #D4AF37 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    font-weight: 500;\r\n    text-shadow: none;\r\n}\r\n\r\n\/* Hero Body Text *\/\r\n.digital-hero-body {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(1rem, 2vw, 1.15rem);\r\n    color: rgba(255, 255, 255, 0.85);\r\n    line-height: 1.9;\r\n    margin-bottom: 24px;\r\n    max-width: 900px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);\r\n    animation: fadeInUp 0.8s ease-out 0.6s forwards;\r\n    opacity: 0;\r\n}\r\n\r\n.digital-hero-body:nth-of-type(2) {\r\n    animation-delay: 0.7s;\r\n}\r\n\r\n.digital-hero-body:nth-of-type(3) {\r\n    animation-delay: 0.8s;\r\n}\r\n\r\n.digital-hero-body:nth-of-type(4) {\r\n    animation-delay: 0.9s;\r\n}\r\n\r\n\/* Emphasis Box *\/\r\n.digital-emphasis-box {\r\n    max-width: 800px;\r\n    margin: 50px auto 0;\r\n    padding: 40px;\r\n    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0.08) 100%);\r\n    border: 2px solid rgba(212, 175, 55, 0.5);\r\n    border-left-width: 4px;\r\n    border-right-width: 4px;\r\n    position: relative;\r\n    animation: fadeInUp 0.8s ease-out 1s forwards;\r\n    opacity: 0;\r\n}\r\n\r\n.digital-emphasis-box::before,\r\n.digital-emphasis-box::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 30px;\r\n    height: 30px;\r\n    border: 3px solid #D4AF37;\r\n}\r\n\r\n.digital-emphasis-box::before {\r\n    top: -3px;\r\n    left: -3px;\r\n    border-right: none;\r\n    border-bottom: none;\r\n}\r\n\r\n.digital-emphasis-box::after {\r\n    bottom: -3px;\r\n    right: -3px;\r\n    border-left: none;\r\n    border-top: none;\r\n}\r\n\r\n.digital-emphasis-text {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(1.25rem, 3vw, 1.75rem);\r\n    color: #D4AF37;\r\n    font-style: italic;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInDown {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 768px) {\r\n    .digital-hero-section {\r\n        min-height: auto;\r\n        padding: 100px 20px 80px;\r\n    }\r\n    \r\n    .digital-page-badge {\r\n        font-size: 10px;\r\n        letter-spacing: 0.3em;\r\n        padding: 10px 24px;\r\n    }\r\n    \r\n    .digital-subheader {\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .digital-hero-headline {\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .digital-hero-body {\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .digital-emphasis-box {\r\n        padding: 28px 24px;\r\n        margin-top: 40px;\r\n    }\r\n    \r\n    .digital-emphasis-box::before,\r\n    .digital-emphasis-box::after {\r\n        width: 20px;\r\n        height: 20px;\r\n        border-width: 2px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .digital-emphasis-box {\r\n        padding: 24px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section class=\"digital-hero-section\">\r\n    <!-- Background Image -->\r\n    <div class=\"digital-hero-bg\">\r\n        <img decoding=\"async\" \r\n            src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?w=1920&h=1080&fit=crop\"\r\n            alt=\"Digital design and website development\"\r\n        \/>\r\n    <\/div>\r\n    \r\n    <!-- Gradient Overlay -->\r\n    <div class=\"digital-hero-overlay\"><\/div>\r\n    \r\n    <div class=\"digital-hero-container\">\r\n        <!-- Page Title Badge -->\r\n        <div class=\"digital-page-badge\">A Website is a Brochure. We Build Digital Empires.<\/div>\r\n        \r\n        <!-- Sub-Header -->\r\n \r\n        \r\n        <!-- Main Headline -->\r\n        <h1 class=\"digital-hero-headline\">\r\n            Your Online Presence is Your Global Premiere.<br>\r\n            Make it <span class=\"gold-gradient\">Cinematic.<\/span>\r\n        <\/h1>\r\n        \r\n        <!-- Hero Body Content -->\r\n \r\n        \r\n        <!-- Emphasis Box -->\r\n        <div class=\"digital-emphasis-box\">\r\n            <p class=\"digital-emphasis-text\">\r\n                Stop looking like a startup. Start looking like a Network.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \r\n====================================\r\nCUSTOMIZATION GUIDE\r\n====================================\r\n\r\n1. REPLACE BACKGROUND IMAGE:\r\n   Line 243: Change src to your image URL\r\n   Recommended: Digital screens, code, design work\r\n   Minimum size: 1920x1080px\r\n\r\n2. ADJUST OVERLAY DARKNESS:\r\n   Lines 27-34: Hex codes\r\n   Current: #000000D1, #000000B8\r\n   Darker: #000000E6 (90%), #000000CC (80%)\r\n   Lighter: #000000B3 (70%), #00000099 (60%)\r\n\r\n3. CHANGE GRID PATTERN:\r\n   Line 42: background-size: 50px 50px\r\n   Larger grid: 100px 100px\r\n   Smaller grid: 25px 25px\r\n\r\n4. REMOVE GRID OVERLAY:\r\n   Delete lines 37-47 (::before)\r\n\r\n====================================\r\nFEATURES\r\n====================================\r\n\r\n\u2705 Full-screen background image\r\n\u2705 Dark gradient overlay (hex)\r\n\u2705 Digital grid pattern overlay\r\n\u2705 Golden badge\r\n\u2705 Large headline\r\n\u2705 Corner accents on emphasis box\r\n\u2705 Staggered animations\r\n\u2705 Text shadows\r\n\u2705 Responsive\r\n\r\n====================================\r\n-->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9f8f23a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9f8f23a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8138bfe\" data-id=\"8138bfe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-530c552 elementor-widget elementor-widget-text-editor\" data-id=\"530c552\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>In the digital economy, your website is often the only interaction a prospect has with you before writing a check.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89dd654 elementor-widget elementor-widget-text-editor\" data-id=\"89dd654\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Does your current site say &#8220;Generic Coach&#8221;? Or does it scream &#8220;Industry Icon&#8221;?<\/p><p>At Celebrity Experts Media Group, we don&#8217;t just build websites. We construct Immersive Media Platforms. We combine high-end luxury aesthetics with aggressive conversion psychology to create a digital stage that commands respect, builds trust, and converts cold traffic into high-ticket clients.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aac5b1b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aac5b1b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-20e56d4\" data-id=\"20e56d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30917e8 elementor-widget elementor-widget-heading\" data-id=\"30917e8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THE PHILOSOPHY\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d4d430 elementor-widget elementor-widget-html\" data-id=\"0d4d430\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <h2 class=\"legacy-headline\">The\r\n            <span class=\"gold-gradient\">\"Hollywood\" <\/span>\r\n            Standard<\/h2>\r\n<style>\r\n.legacy-headline {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(2rem, 5vw, 3.75rem);\r\n    font-weight: 300;\r\n    color: #fff;\r\n    margin-bottom: 24px;\r\n    line-height: 1.2;\r\n    text-align: left;\r\n}\r\n\r\n.legacy-headline .gold-gradient {\r\n    background: linear-gradient(135deg, #D4AF37 0%, #F4E5B2 50%, #D4AF37 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    font-weight: 500;\r\n}<\/style>            \r\n            \t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4ca9b9 elementor-widget elementor-widget-text-editor\" data-id=\"d4ca9b9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>If you want to be treated like a star, you must look the part.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b74ab6d elementor-widget elementor-widget-text-editor\" data-id=\"b74ab6d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Most web designers understand code. We understand Prestige.<\/p><p>We design with a &#8220;Cinematic First&#8221; approach. We believe your website should feel like a movie trailer for your life and business; visually stunning, emotionally gripping, and impossible to look away from.<\/p><p>We eliminate the &#8220;Trust Gap&#8221; instantly. When a TV producer, a publisher, or a CEO lands on your URL, they should know within 3 seconds that you are the authority.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-701d9da elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"701d9da\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Cinematic First:<\/span> Movie trailer aesthetics for your business<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Instant Authority: <\/span> Trust established in 3 seconds<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Prestige Over Code:<\/span> Design that commands respect<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8bd796f\" data-id=\"8bd796f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-031dd64 elementor-widget elementor-widget-image\" data-id=\"031dd64\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"691\" height=\"753\" src=\"https:\/\/celebrityexperts.com\/staging-site\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7j5xos7j5xos7j5x.png\" class=\"attachment-large size-large wp-image-1283\" alt=\"\" srcset=\"https:\/\/celebrityexperts.com\/staging-site\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7j5xos7j5xos7j5x.png 691w, https:\/\/celebrityexperts.com\/staging-site\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_7j5xos7j5xos7j5x-275x300.png 275w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29b7167 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29b7167\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a2b04c4\" data-id=\"a2b04c4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9efffb8 elementor-widget elementor-widget-heading\" data-id=\"9efffb8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">OUR CAPABILITIES\n\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25bea28 elementor-widget elementor-widget-html\" data-id=\"25bea28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <h2 class=\"legacy-headline362\">From\r\n            <span class=\"gold-gradient\">Aesthetic <\/span>\r\n            to Algorithm\r\n<\/h2>\r\n<style>\r\n.legacy-headline362 {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(2rem, 5vw, 3.75rem);\r\n    font-weight: 300;\r\n    color: #fff;\r\n    margin-bottom: 24px;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n}\r\n\r\n.legacy-headline362 .gold-gradient {\r\n    background: linear-gradient(135deg, #D4AF37 0%, #F4E5B2 50%, #D4AF37 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    font-weight: 500;\r\n}<\/style>            \r\n            \t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f0e8650 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f0e8650\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cc7800f\" data-id=\"cc7800f\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9981123 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"9981123\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f23c27c elementor-widget elementor-widget-heading\" data-id=\"f23c27c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cinematic Brand Identity\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aadf929 elementor-widget elementor-widget-heading\" data-id=\"aadf929\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Design that demands attention.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-979845d elementor-widget elementor-widget-text-editor\" data-id=\"979845d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We strip away the clutter and corporate stock photos. We replace them with bold typography, custom photography, and &#8220;dark mode&#8221; luxury aesthetics that mimic the world&#8217;s top streaming platforms.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75416a2 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"75416a2\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">The \"Hero\" Experience: <\/span> Homepage designs with video backgrounds and high-impact imagery.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Mobile-First Cinema: <\/span> Ensuring your brand looks expensive on iPhone and iMac.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-04bb314\" data-id=\"04bb314\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b8507ef elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"b8507ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-807a776 elementor-widget elementor-widget-heading\" data-id=\"807a776\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Media Hub Architecture<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1caa7c elementor-widget elementor-widget-heading\" data-id=\"e1caa7c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">You are the Channel.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9c5a10 elementor-widget elementor-widget-text-editor\" data-id=\"c9c5a10\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Generic sites bury your content. We bring it to the front. We structure your site to showcase your &#8220;Tri-Media&#8221; assets immediately.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bdfc36 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"2bdfc36\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">The \"Watch\" Page:<\/span> Sizzle reels, show features, and TV appearances.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">The \"Read\" Page:<\/span> Bestseller-focused layout to sell books directly.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">The Podcast Portal:<\/span> Seamless audio content integration.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8cf7ae2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8cf7ae2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5998103\" data-id=\"5998103\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-863ccc6 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"863ccc6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb9c7b elementor-widget elementor-widget-heading\" data-id=\"4bb9c7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Revenue Architecture<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-230ce12 elementor-widget elementor-widget-heading\" data-id=\"230ce12\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pretty is vanity. Profit is sanity.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1bf45d elementor-widget elementor-widget-text-editor\" data-id=\"b1bf45d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A Celebrity Experts site is not just a pretty face; it is a sales machine. We build the backend infrastructure that monetizes your fame.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd49a08 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"cd49a08\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">High-Ticket Application Funnels: <\/span> Filter tire-kickers, deliver qualified leads.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">The \"Velvet Rope\" Memberships: <\/span> Gated content for paid communities.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Speaker Booking Engines: <\/span> Automated workflows for inquiries.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a7109cf\" data-id=\"a7109cf\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b775af elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"5b775af\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-184f6c4 elementor-widget elementor-widget-heading\" data-id=\"184f6c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Celebrity EPK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7f989c elementor-widget elementor-widget-heading\" data-id=\"e7f989c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The tool that gets you booked.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67191af elementor-widget elementor-widget-text-editor\" data-id=\"67191af\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every star needs a press kit. We build a dedicated, password-protected (or public) media page for journalists and producers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a396f4 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1a396f4\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Downloadable Assets: <\/span> Hi-res headshots, bios, and one-sheets.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Media Appearances:<\/span> Curated wall of media logos proving credibility.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-right\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><span style=\"color:#D4AF37;font-weight:600\">Interview Topics:<\/span> Pre-written hooks to make podcasters say \"Yes.\"<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f16e530 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f16e530\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e09eab\" data-id=\"9e09eab\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b66cf05 elementor-widget elementor-widget-html\" data-id=\"b66cf05\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Digital Process Section - Advanced Interactive Design -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Digital Process Section *\/\r\n.digital-process-section {\r\n    padding: 100px 20px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Animated Background Particles *\/\r\n.process-bg-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: \r\n        radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.03) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 50%, rgba(212, 175, 55, 0.03) 0%, transparent 50%);\r\n    animation: particleFloat 15s ease-in-out infinite;\r\n}\r\n\r\n@keyframes particleFloat {\r\n    0%, 100% { opacity: 0.3; }\r\n    50% { opacity: 0.6; }\r\n}\r\n\r\n.digital-process-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Section Header *\/\r\n.process-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n    animation: fadeInDown 0.8s ease-out;\r\n}\r\n\r\n.process-tagline {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 11px;\r\n    letter-spacing: 0.5em;\r\n    color: #D4AF37;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    font-weight: 500;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.process-tagline::before,\r\n.process-tagline::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 40px;\r\n    height: 1px;\r\n    background: linear-gradient(to right, transparent, #D4AF37);\r\n}\r\n\r\n.process-tagline::before {\r\n    right: calc(100% + 15px);\r\n}\r\n\r\n.process-tagline::after {\r\n    left: calc(100% + 15px);\r\n    background: linear-gradient(to left, transparent, #D4AF37);\r\n}\r\n\r\n.process-title {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\r\n    font-weight: 300;\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n    line-height: 1.1;\r\n}\r\n\r\n.process-title .gold-gradient {\r\n    background: linear-gradient(135deg, #D4AF37 0%, #F4E5B2 50%, #D4AF37 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* Process Timeline *\/\r\n.process-timeline {\r\n    position: relative;\r\n    padding-left: 0;\r\n}\r\n\r\n\/* Animated Vertical Line *\/\r\n.process-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 30px;\r\n    top: 30px;\r\n    bottom: 30px;\r\n    width: 2px;\r\n    background: linear-gradient(to bottom, \r\n        transparent 0%,\r\n        #D4AF37 10%,\r\n        #D4AF37 90%,\r\n        transparent 100%\r\n    );\r\n    animation: lineGrow 2s ease-out forwards;\r\n    z-index: 0;\r\n}\r\n\r\n@keyframes lineGrow {\r\n    from {\r\n        transform: scaleY(0);\r\n        transform-origin: top;\r\n    }\r\n    to {\r\n        transform: scaleY(1);\r\n        transform-origin: top;\r\n    }\r\n}\r\n\r\n\/* Glowing Dots Along Line *\/\r\n.process-timeline::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 26px;\r\n    top: 30px;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #D4AF37;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 20px rgba(212, 175, 55, 0.8);\r\n    animation: dotTravel 8s ease-in-out infinite;\r\n    z-index: 0;\r\n}\r\n\r\n@keyframes dotTravel {\r\n    0%, 100% {\r\n        top: 30px;\r\n        opacity: 1;\r\n    }\r\n    25% {\r\n        top: calc(25% + 30px);\r\n        opacity: 0.7;\r\n    }\r\n    50% {\r\n        top: calc(50% + 30px);\r\n        opacity: 1;\r\n    }\r\n    75% {\r\n        top: calc(75% + 30px);\r\n        opacity: 0.7;\r\n    }\r\n}\r\n\r\n\/* Phase Item *\/\r\n.phase-item {\r\n    position: relative;\r\n    padding-left: 100px;\r\n    margin-bottom: 60px;\r\n    opacity: 0;\r\n    animation: fadeInSlide 0.8s ease-out forwards;\r\n    z-index: 1;\r\n}\r\n\r\n.phase-item:nth-child(1) { animation-delay: 0.2s; }\r\n.phase-item:nth-child(2) { animation-delay: 0.4s; }\r\n.phase-item:nth-child(3) { animation-delay: 0.6s; }\r\n.phase-item:nth-child(4) { animation-delay: 0.8s; }\r\n\r\n.phase-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n@keyframes fadeInSlide {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-50px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n\/* Phase Number Circle - Interactive *\/\r\n.phase-circle {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, #D4AF37, #B8860B);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #000;\r\n    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4);\r\n    z-index: 2;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Ripple Effect on Circle *\/\r\n.phase-circle::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.3);\r\n    transform: scale(0);\r\n    opacity: 0;\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.phase-item:hover .phase-circle::before {\r\n    transform: scale(1.5);\r\n    opacity: 0;\r\n}\r\n\r\n.phase-item:hover .phase-circle {\r\n    transform: scale(1.1) rotate(360deg);\r\n    box-shadow: \r\n        0 8px 30px rgba(212, 175, 55, 0.6),\r\n        0 0 40px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n\/* Pulse Animation *\/\r\n@keyframes circlePulse {\r\n    0%, 100% {\r\n        box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4);\r\n    }\r\n    50% {\r\n        box-shadow: \r\n            0 8px 30px rgba(212, 175, 55, 0.6),\r\n            0 0 40px rgba(212, 175, 55, 0.5);\r\n    }\r\n}\r\n\r\n.phase-circle.active {\r\n    animation: circlePulse 2s ease-in-out infinite;\r\n}\r\n\r\n\/* Phase Content Card *\/\r\n.phase-content {\r\n    background: linear-gradient(135deg, rgba(25, 25, 25, 0.8) 0%, rgba(10, 10, 10, 0.9) 100%);\r\n    border: 1px solid rgba(212, 175, 55, 0.2);\r\n    padding: 35px 32px;\r\n    position: relative;\r\n    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Sliding Background Effect *\/\r\n.phase-content::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, \r\n        transparent,\r\n        rgba(212, 175, 55, 0.05),\r\n        transparent\r\n    );\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.phase-item:hover .phase-content::before {\r\n    left: 100%;\r\n}\r\n\r\n.phase-item:hover .phase-content {\r\n    border-color: rgba(212, 175, 55, 0.5);\r\n    transform: translateX(15px);\r\n    box-shadow: \r\n        0 15px 50px rgba(212, 175, 55, 0.2),\r\n        inset 0 0 30px rgba(212, 175, 55, 0.05);\r\n}\r\n\r\n\/* Corner Accent *\/\r\n.phase-content::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 0 0 40px 40px;\r\n    border-color: transparent transparent rgba(212, 175, 55, 0.15) transparent;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.phase-item:hover .phase-content::after {\r\n    border-width: 0 0 60px 60px;\r\n    border-color: transparent transparent rgba(212, 175, 55, 0.25) transparent;\r\n}\r\n\r\n\/* Top Border Accent *\/\r\n.phase-content-inner {\r\n    position: relative;\r\n}\r\n\r\n.phase-content-inner::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -35px;\r\n    left: -32px;\r\n    right: -32px;\r\n    height: 3px;\r\n    background: linear-gradient(to right, \r\n        transparent,\r\n        #D4AF37 20%,\r\n        #D4AF37 80%,\r\n        transparent\r\n    );\r\n    transform: scaleX(0);\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.phase-item:hover .phase-content-inner::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n\/* Phase Title *\/\r\n.phase-title {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 26px;\r\n    color: #fff;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.phase-item:hover .phase-title {\r\n    color: #D4AF37;\r\n    transform: translateX(5px);\r\n}\r\n\r\n.phase-title .phase-label {\r\n    color: #D4AF37;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    text-transform: none;\r\n    letter-spacing: 0;\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.phase-item:hover .phase-title .phase-label {\r\n    color: #F4E5B2;\r\n}\r\n\r\n\/* Phase Description *\/\r\n.phase-description {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    color: rgba(255, 255, 255, 0.7);\r\n    line-height: 1.8;\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.phase-item:hover .phase-description {\r\n    color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n\/* Progress Indicator *\/\r\n.process-progress {\r\n    position: absolute;\r\n    left: 26px;\r\n    top: 30px;\r\n    width: 10px;\r\n    height: 0;\r\n    background: linear-gradient(to bottom, #F4E5B2, #D4AF37);\r\n    border-radius: 5px;\r\n    transition: height 2s ease-out;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n    .digital-process-section {\r\n        padding: 60px 20px;\r\n    }\r\n    \r\n    .process-header {\r\n        margin-bottom: 60px;\r\n    }\r\n    \r\n    .process-tagline::before,\r\n    .process-tagline::after {\r\n        width: 25px;\r\n    }\r\n    \r\n    .process-timeline::before {\r\n        left: 25px;\r\n    }\r\n    \r\n    .process-timeline::after {\r\n        left: 21px;\r\n    }\r\n    \r\n    .phase-item {\r\n        padding-left: 80px;\r\n        margin-bottom: 50px;\r\n    }\r\n    \r\n    .phase-circle {\r\n        width: 50px;\r\n        height: 50px;\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .phase-content {\r\n        padding: 30px 24px;\r\n    }\r\n    \r\n    .phase-title {\r\n        font-size: 22px;\r\n    }\r\n    \r\n    .phase-description {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .phase-item:hover .phase-content {\r\n        transform: translateX(10px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .process-tagline::before,\r\n    .process-tagline::after {\r\n        display: none;\r\n    }\r\n    \r\n    .phase-item {\r\n        padding-left: 70px;\r\n    }\r\n    \r\n    .phase-circle {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 20px;\r\n    }\r\n}\r\n\r\n\/* Fade In Down Animation *\/\r\n@keyframes fadeInDown {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-30px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section class=\"digital-process-section\">\r\n    \r\n    <!-- Animated Background -->\r\n    <div class=\"process-bg-particles\"><\/div>\r\n    \r\n    <div class=\"digital-process-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"process-header\">\r\n            <p class=\"process-tagline\">THE PROCESS<\/p>\r\n            <h2 class=\"process-title\">\r\n                From Concept to <span class=\"gold-gradient\">Launch<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n        \r\n        <!-- Process Timeline with Progress -->\r\n        <div class=\"process-timeline\">\r\n            <div class=\"process-progress\"><\/div>\r\n            \r\n            <!-- Phase 1 -->\r\n            <div class=\"phase-item\">\r\n                <div class=\"phase-circle active\">1<\/div>\r\n                <div class=\"phase-content\">\r\n                    <div class=\"phase-content-inner\">\r\n                        <h3 class=\"phase-title\">\r\n                            <span class=\"phase-label\">Phase 1:<\/span>\r\n                            The Casting (Discovery)\r\n                        <\/h3>\r\n                        <p class=\"phase-description\">\r\n                            We audit your current brand and define the \"Character\" you want to play online.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Phase 2 -->\r\n            <div class=\"phase-item\">\r\n                <div class=\"phase-circle\">2<\/div>\r\n                <div class=\"phase-content\">\r\n                    <div class=\"phase-content-inner\">\r\n                        <h3 class=\"phase-title\">\r\n                            <span class=\"phase-label\">Phase 2:<\/span>\r\n                            The Script (Copywriting)\r\n                        <\/h3>\r\n                        <p class=\"phase-description\">\r\n                            We write the headlines that hook and the bio that sells.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Phase 3 -->\r\n            <div class=\"phase-item\">\r\n                <div class=\"phase-circle\">3<\/div>\r\n                <div class=\"phase-content\">\r\n                    <div class=\"phase-content-inner\">\r\n                        <h3 class=\"phase-title\">\r\n                            <span class=\"phase-label\">Phase 3:<\/span>\r\n                            The Set Design (Development)\r\n                        <\/h3>\r\n                        <p class=\"phase-description\">\r\n                            We build the site on a robust, scalable framework.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Phase 4 -->\r\n            <div class=\"phase-item\">\r\n                <div class=\"phase-circle\">4<\/div>\r\n                <div class=\"phase-content\">\r\n                    <div class=\"phase-content-inner\">\r\n                        <h3 class=\"phase-title\">\r\n                            <span class=\"phase-label\">Phase 4:<\/span>\r\n                            The Premiere (Launch)\r\n                        <\/h3>\r\n                        <p class=\"phase-description\">\r\n                            We flip the switch and ensure all integrations are live.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Advanced Interactive Animations\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const timeline = document.querySelector('.process-timeline');\r\n    const phases = document.querySelectorAll('.phase-item');\r\n    const circles = document.querySelectorAll('.phase-circle');\r\n    const progress = document.querySelector('.process-progress');\r\n    \r\n    \/\/ Intersection Observer for scroll animations\r\n    const observerOptions = {\r\n        threshold: 0.2,\r\n        rootMargin: '0px 0px -100px 0px'\r\n    };\r\n    \r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                \/\/ Animate progress bar\r\n                if (progress) {\r\n                    setTimeout(() => {\r\n                        progress.style.height = 'calc(100% - 60px)';\r\n                    }, 500);\r\n                }\r\n            }\r\n        });\r\n    }, observerOptions);\r\n    \r\n    if (timeline) {\r\n        observer.observe(timeline);\r\n    }\r\n    \r\n    \/\/ Interactive hover effects\r\n    phases.forEach((phase, index) => {\r\n        const circle = circles[index];\r\n        const content = phase.querySelector('.phase-content');\r\n        \r\n        \/\/ Mouse enter\r\n        phase.addEventListener('mouseenter', function() {\r\n            \/\/ Remove active from all circles\r\n            circles.forEach(c => c.classList.remove('active'));\r\n            \/\/ Add active to current\r\n            circle.classList.add('active');\r\n            \r\n            \/\/ Add ripple effect\r\n            circle.style.transform = 'scale(1.1) rotate(360deg)';\r\n        });\r\n        \r\n        \/\/ Mouse leave\r\n        phase.addEventListener('mouseleave', function() {\r\n            circle.style.transform = 'scale(1) rotate(0deg)';\r\n        });\r\n        \r\n        \/\/ Click for mobile interaction\r\n        circle.addEventListener('click', function(e) {\r\n            e.stopPropagation();\r\n            \r\n            \/\/ Remove active from all\r\n            circles.forEach(c => c.classList.remove('active'));\r\n            phases.forEach(p => {\r\n                p.querySelector('.phase-content').style.transform = 'translateX(0)';\r\n                p.querySelector('.phase-content').style.borderColor = 'rgba(212, 175, 55, 0.2)';\r\n            });\r\n            \r\n            \/\/ Activate current\r\n            circle.classList.add('active');\r\n            content.style.transform = 'translateX(15px)';\r\n            content.style.borderColor = 'rgba(212, 175, 55, 0.5)';\r\n        });\r\n    });\r\n    \r\n    \/\/ Parallax effect on scroll (subtle)\r\n    let ticking = false;\r\n    \r\n    window.addEventListener('scroll', function() {\r\n        if (!ticking) {\r\n            window.requestAnimationFrame(function() {\r\n                const scrolled = window.pageYOffset;\r\n                const timeline = document.querySelector('.digital-process-section');\r\n                \r\n                if (timeline) {\r\n                    const rect = timeline.getBoundingClientRect();\r\n                    if (rect.top < window.innerHeight && rect.bottom > 0) {\r\n                        const particles = document.querySelector('.process-bg-particles');\r\n                        if (particles) {\r\n                            particles.style.transform = `translateY(${scrolled * 0.1}px)`;\r\n                        }\r\n                    }\r\n                }\r\n                \r\n                ticking = false;\r\n            });\r\n            \r\n            ticking = true;\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n<!-- \r\n====================================\r\nADVANCED FEATURES\r\n====================================\r\n\r\n\u2705 Animated vertical line growth\r\n\u2705 Traveling dot along timeline\r\n\u2705 Staggered fade-in animations\r\n\u2705 Circle hover with rotation (360\u00b0)\r\n\u2705 Ripple effect on circles\r\n\u2705 Pulsing active state\r\n\u2705 Sliding background shimmer\r\n\u2705 Card slides right on hover\r\n\u2705 Top border accent reveals\r\n\u2705 Corner triangle grows\r\n\u2705 Text color transitions\r\n\u2705 Progress bar animation\r\n\u2705 Intersection Observer for scroll\r\n\u2705 Click interaction for mobile\r\n\u2705 Parallax background effect\r\n\u2705 Smooth cubic-bezier easing\r\n\u2705 Multiple shadow layers\r\n\u2705 Decorative lines on tagline\r\n\r\n====================================\r\nCUSTOMIZATION GUIDE\r\n====================================\r\n\r\n1. CHANGE ANIMATION SPEED:\r\n   Line 146: animation duration\r\n   Line 221: fadeInSlide duration\r\n\r\n2. ADJUST HOVER EFFECTS:\r\n   Lines 264-272: circle transforms\r\n   Lines 290-297: card transforms\r\n\r\n3. MODIFY COLORS:\r\n   - Gold: #D4AF37\r\n   - Light Gold: #F4E5B2\r\n   - Dark Gold: #B8860B\r\n\r\n4. DISABLE JAVASCRIPT:\r\n   Remove <script> section\r\n   Animations still work via CSS\r\n\r\n5. ADD MORE PHASES:\r\n   Copy phase-item block\r\n   Update stagger delay\r\n\r\n====================================\r\nINTERACTIONS\r\n====================================\r\n\r\nDesktop:\r\n- Hover to activate phase\r\n- Circle rotates 360\u00b0\r\n- Card slides right\r\n- Shimmer passes through\r\n- Border accent reveals\r\n- Corner triangle grows\r\n\r\nMobile:\r\n- Click circle to activate\r\n- Visual feedback maintained\r\n- Touch-friendly targets\r\n- All animations preserved\r\n\r\nAuto:\r\n- Line grows on page load\r\n- Dot travels continuously\r\n- Cards fade in sequentially\r\n- Progress bar fills\r\n- Background particles float\r\n\r\n====================================\r\n-->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ccd027 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3ccd027\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e54ec73\" data-id=\"e54ec73\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc3191d elementor-widget elementor-widget-html\" data-id=\"bc3191d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Digital Footer CTA with Background -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Digital Footer CTA Section with Background *\/\r\n.digital-footer-cta-section {\r\n    position: relative;\r\n    padding: 140px 20px;\r\n    overflow: hidden;\r\n    min-height: 600px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* Background Image *\/\r\n.digital-footer-cta-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n}\r\n\r\n.digital-footer-cta-bg img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\/* Dark Overlay *\/\r\n.digital-footer-cta-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        135deg,\r\n        #000000E6 0%,\r\n        #000000CC 50%,\r\n        #000000E6 100%\r\n    );\r\n    z-index: 1;\r\n}\r\n\r\n\/* Digital Grid Overlay *\/\r\n.digital-footer-cta-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: \r\n        linear-gradient(90deg, rgba(212, 175, 55, 0.05) 1px, transparent 1px),\r\n        linear-gradient(rgba(212, 175, 55, 0.05) 1px, transparent 1px);\r\n    background-size: 40px 40px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Spotlight Effect *\/\r\n.digital-footer-cta-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 800px;\r\n    height: 800px;\r\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.2), transparent 60%);\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n.digital-footer-cta-container {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 10;\r\n    text-align: center;\r\n}\r\n\r\n\/* Decorative Top Line *\/\r\n.digital-footer-divider {\r\n    width: 120px;\r\n    height: 3px;\r\n    background: linear-gradient(to right, transparent, #D4AF37, transparent);\r\n    margin: 0 auto 50px;\r\n}\r\n\r\n\/* CTA Headline *\/\r\n.digital-footer-headline {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(2.5rem, 7vw, 5.5rem);\r\n    font-weight: 300;\r\n    color: #fff;\r\n    margin-bottom: 32px;\r\n    line-height: 1.1;\r\n    letter-spacing: 0.02em;\r\n    text-shadow: 0 6px 25px rgba(0, 0, 0, 0.7);\r\n}\r\n\r\n.digital-footer-headline .gold-gradient {\r\n    background: linear-gradient(135deg, #D4AF37 0%, #F4E5B2 50%, #D4AF37 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    font-weight: 500;\r\n    display: block;\r\n    margin-top: 12px;\r\n    text-shadow: none;\r\n}\r\n\r\n\/* CTA Body Text *\/\r\n.digital-footer-body {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    color: rgba(255, 255, 255, 0.9);\r\n    line-height: 1.9;\r\n    margin-bottom: 50px;\r\n    max-width: 700px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-shadow: 0 3px 15px rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n\/* CTA Button Wrapper *\/\r\n.digital-footer-btn-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* Primary CTA Button *\/\r\n.digital-footer-btn {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 24px 60px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.25em;\r\n    text-transform: uppercase;\r\n    color: #000;\r\n    background: linear-gradient(135deg, #D4AF37 0%, #F4E5B2 50%, #D4AF37 100%);\r\n    background-size: 200% 200%;\r\n    border: none;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    overflow: hidden;\r\n    box-shadow: \r\n        0 10px 40px rgba(212, 175, 55, 0.6),\r\n        0 5px 20px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n.digital-footer-btn:hover {\r\n    transform: translateY(-6px) scale(1.03);\r\n    background-position: 100% 50%;\r\n    box-shadow: \r\n        0 16px 60px rgba(212, 175, 55, 0.8),\r\n        0 8px 30px rgba(212, 175, 55, 0.6),\r\n        0 0 120px rgba(212, 175, 55, 0.4);\r\n}\r\n\r\n.digital-footer-btn:active {\r\n    transform: translateY(-4px) scale(0.98);\r\n}\r\n\r\n\/* Button Shine Effect *\/\r\n.digital-footer-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255, 255, 255, 0.5),\r\n        transparent\r\n    );\r\n    transition: left 0.6s ease;\r\n}\r\n\r\n.digital-footer-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n\/* Pulse Animation *\/\r\n@keyframes digitalCtaPulse {\r\n    0%, 100% {\r\n        box-shadow: \r\n            0 10px 40px rgba(212, 175, 55, 0.6),\r\n            0 5px 20px rgba(212, 175, 55, 0.4);\r\n    }\r\n    50% {\r\n        box-shadow: \r\n            0 14px 50px rgba(212, 175, 55, 0.8),\r\n            0 7px 28px rgba(212, 175, 55, 0.6),\r\n            0 0 100px rgba(212, 175, 55, 0.5);\r\n    }\r\n}\r\n\r\n.digital-footer-btn.pulse {\r\n    animation: digitalCtaPulse 2.5s ease-in-out infinite;\r\n}\r\n\r\n\/* Urgency Text *\/\r\n.digital-footer-urgency {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    color: #D4AF37;\r\n    font-style: italic;\r\n    margin-top: 32px;\r\n    letter-spacing: 0.05em;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n\/* Responsive adjustments *\/\r\n@media (max-width: 768px) {\r\n    .digital-footer-cta-section {\r\n        padding: 100px 20px;\r\n        min-height: 500px;\r\n    }\r\n    \r\n    .digital-footer-divider {\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .digital-footer-headline {\r\n        margin-bottom: 28px;\r\n    }\r\n    \r\n    .digital-footer-body {\r\n        margin-bottom: 40px;\r\n        font-size: 1rem;\r\n    }\r\n    \r\n    .digital-footer-btn {\r\n        padding: 20px 50px;\r\n        font-size: 11px;\r\n        width: 100%;\r\n        max-width: 400px;\r\n    }\r\n    \r\n    .digital-footer-urgency {\r\n        font-size: 12px;\r\n        margin-top: 28px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .digital-footer-cta-section {\r\n        padding: 80px 20px;\r\n    }\r\n    \r\n    .digital-footer-btn {\r\n        padding: 18px 40px;\r\n        font-size: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section class=\"digital-footer-cta-section\">\r\n    \r\n    <!-- Background Image -->\r\n    <div class=\"digital-footer-cta-bg\">\r\n        <img decoding=\"async\" \r\n            src=\"https:\/\/images.unsplash.com\/photo-1504639725590-34d0984388bd?w=1920&h=1080&fit=crop\"\r\n            alt=\"Digital code and design\"\r\n        \/>\r\n    <\/div>\r\n    \r\n    <!-- Dark Overlay -->\r\n    <div class=\"digital-footer-cta-overlay\"><\/div>\r\n    \r\n    <div class=\"digital-footer-cta-container\">\r\n        \r\n        <!-- Decorative Divider -->\r\n        <div class=\"digital-footer-divider\"><\/div>\r\n        \r\n        <!-- CTA Headline -->\r\n        <h2 class=\"digital-footer-headline\">\r\n            It's Time for a\r\n            <span class=\"gold-gradient\">Renovation.<\/span>\r\n        <\/h2>\r\n        \r\n        <!-- CTA Body -->\r\n        <p class=\"digital-footer-body\">\r\n            You have outgrown your current website. It reflects who you were, not who you are.\r\n        <\/p>\r\n        \r\n        <p class=\"digital-footer-body\">\r\n            Let's build the platform that can hold the weight of your legacy.\r\n        <\/p>\r\n        \r\n        <!-- CTA Button -->\r\n        <div class=\"digital-footer-btn-wrapper\">\r\n            <a href=\"https:\/\/celebrityexperts.com\/staging-site\/web-design-application\" class=\"digital-footer-btn pulse\">\r\n                Request A Design Consult\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <!-- Urgency Text -->\r\n        <p class=\"digital-footer-urgency\">\r\n            Limited Design Slots Available\r\n        <\/p>\r\n        \r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \r\n====================================\r\nCUSTOMIZATION GUIDE\r\n====================================\r\n\r\n1. REPLACE BACKGROUND IMAGE:\r\n   Line 261: Change src to your image URL\r\n   Recommended: Code, design screens, digital\r\n   Minimum size: 1920x1080px\r\n\r\n2. ADJUST OVERLAY DARKNESS:\r\n   Lines 34-41: Hex codes\r\n   Current: #000000E6 (90%), #000000CC (80%)\r\n   Darker: #000000F0 (94%)\r\n   Lighter: #000000B3 (70%)\r\n\r\n3. UPDATE TEXT:\r\n   - Headline: Lines 274-277\r\n   - Body: Lines 281-288\r\n   - Button: Line 293\r\n   - Urgency: Line 298\r\n\r\n4. CHANGE BUTTON LINK:\r\n   Line 293: Update href\r\n\r\n5. DISABLE PULSE:\r\n   Line 293: Remove \"pulse\" class\r\n\r\n6. REMOVE GRID OVERLAY:\r\n   Delete lines 50-60 (::before)\r\n\r\n7. ADJUST COLORS:\r\n   - Gold: #D4AF37\r\n   - Light Gold: #F4E5B2\r\n\r\n====================================\r\nFEATURES\r\n====================================\r\n\r\n\u2705 Code\/design background image\r\n\u2705 Dark gradient overlay (hex)\r\n\u2705 Digital grid pattern\r\n\u2705 Golden spotlight from above\r\n\u2705 Decorative divider line\r\n\u2705 Dramatic headline\r\n\u2705 \"Renovation\" in gradient\r\n\u2705 Animated golden button\r\n\u2705 Continuous pulse effect\r\n\u2705 Shine sweep on hover\r\n\u2705 Enhanced text shadows\r\n\u2705 Urgency text below\r\n\u2705 Fully responsive\r\n\r\n====================================\r\n-->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Website is a Brochure. We Build Digital Empires. Your Online Presence is Your Global Premiere. Make it Cinematic. Stop looking like a startup. Start looking like a Network. In the digital economy, your website is often the only interaction a prospect has with you before writing a check. Does your current site say &#8220;Generic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1233","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/pages\/1233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/comments?post=1233"}],"version-history":[{"count":214,"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/pages\/1233\/revisions"}],"predecessor-version":[{"id":2589,"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/pages\/1233\/revisions\/2589"}],"wp:attachment":[{"href":"https:\/\/celebrityexperts.com\/staging-site\/wp-json\/wp\/v2\/media?parent=1233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}