{"id":7,"date":"2026-05-12T07:43:57","date_gmt":"2026-05-12T07:43:57","guid":{"rendered":"https:\/\/marcabm.com\/?page_id=7"},"modified":"2026-05-13T18:38:56","modified_gmt":"2026-05-13T18:38:56","slug":"home","status":"publish","type":"page","link":"https:\/\/marcabm.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Marc Abm<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/marcabm.com\/wp-content\/uploads\/2026\/05\/favicon.png\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n background: #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n max-width: 100vw;\r\n }\r\n\r\n html {\r\n overflow-x: hidden;\r\n width: 100%;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n .main-wrapper {\r\n width: 100%;\r\n max-width: 100vw;\r\n overflow-x: hidden;\r\n position: relative;\r\n }\r\n\r\n :root {\r\n --primary-red: #D64555;\r\n --dark-red: #B33A47;\r\n --black: #0a0a0a;\r\n --dark-gray: #f5f5f5;\r\n --white: #ffffff;\r\n --light-gray: #E8E8E8;\r\n }\r\n\r\n \/* Header - Transparent with Blur *\/\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n padding: 25px 60px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: rgba(33, 33, 33, 0.4);\r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n border-bottom: 1px solid rgba(214, 69, 85, 0.2);\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .header.scrolled {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-bottom: 1px solid rgba(214, 69, 85, 0.2);\r\n }\r\n\r\n .logo-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n\r\n .logo-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: transparent;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 10px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo-icon img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n .logo-text {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 1.8rem;\r\n color: #ffffff;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .header.scrolled .logo-text {\r\n color: #0a0a0a;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 50px;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 35px;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .nav-menu a {\r\n color: #ffffff;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: color 0.3s;\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n .header.scrolled .nav-menu a {\r\n color: #0a0a0a;\r\n }\r\n\r\n .nav-menu a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: var(--primary-red);\r\n transition: width 0.3s;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: var(--primary-red);\r\n }\r\n\r\n .nav-menu a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n \/* Mobile Menu Toggle *\/\r\n .menu-toggle {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n gap: 5px;\r\n z-index: 1001;\r\n position: relative;\r\n }\r\n\r\n .menu-toggle span {\r\n width: 25px;\r\n height: 3px;\r\n background: #ffffff;\r\n transition: all 0.3s;\r\n }\r\n\r\n .header.scrolled .menu-toggle span {\r\n background: #0a0a0a;\r\n }\r\n\r\n .menu-toggle.active span:nth-child(1) {\r\n transform: translate(8px);\r\n }\r\n\r\n .menu-toggle.active span:nth-child(2) {\r\n transform: translate(-7px);\r\n }\r\n\r\n \/* Catchphrase Section - First Viewport *\/\r\n .catchphrase-section {\r\n min-height: 100vh;\r\n height: 100vh;\r\n background: #212121;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 60px;\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n\r\n .catchphrase-container {\r\n max-width: 100%;\r\n width: 100%;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .catchphrase-text {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(5rem, 15vw, 14rem);\r\n color: #ffffff;\r\n line-height: 0.95;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .catchphrase-text .line1 {\r\n display: block;\r\n transform: rotate(-3deg);\r\n will-change: transform, opacity;\r\n }\r\n\r\n .catchphrase-text .line2 {\r\n display: block;\r\n color: var(--primary-red);\r\n transform: rotate(2deg);\r\n will-change: transform, opacity;\r\n }\r\n\r\n .catchphrase-text .line3 {\r\n display: block;\r\n transform: rotate(-1.5deg);\r\n will-change: transform, opacity;\r\n }\r\n\r\n \/* Hero content inside catchphrase section *\/\r\n .hero-content-overlay {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 3;\r\n text-align: center;\r\n max-width: 900px;\r\n width: 100%;\r\n padding: 0 30px;\r\n opacity: 0;\r\n pointer-events: none;\r\n will-change: opacity;\r\n }\r\n\r\n .hero-content-overlay.visible {\r\n pointer-events: auto;\r\n }\r\n\r\n .hero-content-overlay .hero-label {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n background: var(--primary-red);\r\n color: white;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 30px;\r\n border-radius: 30px;\r\n }\r\n\r\n .hero-content-overlay .hero-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(3.5rem, 8vw, 7rem);\r\n color: #ffffff;\r\n line-height: 0.9;\r\n letter-spacing: -1px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .hero-content-overlay .hero-title .highlight {\r\n color: var(--primary-red);\r\n }\r\n\r\n .hero-content-overlay .hero-subtitle {\r\n font-size: 1.2rem;\r\n line-height: 1.7;\r\n color: rgba(255, 255, 255, 0.85);\r\n margin-bottom: 40px;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-content-overlay .hero-cta {\r\n display: flex;\r\n gap: 15px;\r\n justify-content: center;\r\n }\r\n\r\n \/* Scroll Slider Section *\/\r\n .scroll-slider-section {\r\n background: #0a0a0a;\r\n padding: 50px 0;\r\n overflow: hidden;\r\n position: relative;\r\n transform: rotate(1.5deg);\r\n margin: -70px 0 -70px calc(-3%);\r\n width: 106%;\r\n }\r\n\r\n .cta-btn {\r\n padding: 16px 35px;\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n display: inline-block;\r\n }\r\n\r\n .cta-btn-primary {\r\n background: var(--primary-red);\r\n color: white;\r\n border: 2px solid var(--primary-red);\r\n }\r\n\r\n .cta-btn-primary:hover {\r\n background: var(--dark-red);\r\n border-color: var(--dark-red);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(214, 69, 85, 0.4);\r\n }\r\n\r\n .cta-btn-secondary {\r\n background: transparent;\r\n color: white;\r\n border: 2px solid white;\r\n }\r\n\r\n .cta-btn-secondary:hover {\r\n background: white;\r\n color: var(--primary-red);\r\n }\r\n\r\n .slider-track {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n width: max-content;\r\n will-change: transform;\r\n animation: autoSlide 20s linear infinite;\r\n }\r\n\r\n .slider-track:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n @keyframes autoSlide {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-100% \/ 6));\r\n }\r\n }\r\n\r\n .slider-item {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 40px;\r\n }\r\n\r\n .slider-label {\r\n font-size: 1.1rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n white-space: nowrap;\r\n }\r\n\r\n .slider-dot {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--primary-red);\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Services - Text-Based Cards *\/\r\n .services-section {\r\n background: #f5f5f5;\r\n padding: 100px 60px;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .services-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(3rem, 6vw, 5rem);\r\n color: #0a0a0a;\r\n margin-bottom: 60px;\r\n letter-spacing: -2px;\r\n text-align: center;\r\n }\r\n\r\n .section-label {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n background: var(--primary-red);\r\n color: white;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 60px;\r\n border-radius: 30px;\r\n }\r\n\r\n .services-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0;\r\n }\r\n\r\n .service-item {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n padding: 5px 40px;\r\n }\r\n\r\n .service-item:hover {\r\n padding: 10px 40px 30px 40px;\r\n }\r\n\r\n .service-item .service-name {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(4rem, 7vw, 8rem);\r\n color: #0a0a0a;\r\n letter-spacing: 2px;\r\n line-height: 0.95;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n font-weight: 900;\r\n }\r\n\r\n .service-item .service-description {\r\n font-size: 1rem;\r\n color: #666;\r\n line-height: 1.5;\r\n max-width: 600px;\r\n text-align: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n max-height: 0;\r\n transition: all 0.3s ease;\r\n margin-top: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .service-item:hover .service-name {\r\n color: var(--primary-red);\r\n }\r\n\r\n .service-item:hover .service-description {\r\n opacity: 1;\r\n visibility: visible;\r\n max-height: 100px;\r\n margin-top: 15px;\r\n }\r\n\r\n @media (max-width: 1400px) {\r\n .service-item .service-description {\r\n \/* No additional styles needed *\/\r\n }\r\n }\r\n\r\n \/* Portfolio - Simple List Without Images *\/\r\n .portfolio-section {\r\n background: #ffffff;\r\n padding: 100px 60px;\r\n text-align: center;\r\n }\r\n\r\n .portfolio-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n text-align: left;\r\n }\r\n\r\n .portfolio-item {\r\n background: #ffffff;\r\n overflow: hidden;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n color: inherit;\r\n display: block;\r\n border-bottom: 2px solid #e0e0e0;\r\n padding: 40px 0;\r\n position: relative;\r\n }\r\n\r\n .portfolio-item:first-child {\r\n padding-top: 0;\r\n }\r\n\r\n .portfolio-item:hover {\r\n background: #fafafa;\r\n }\r\n\r\n .portfolio-item::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n bottom: -2px;\r\n width: 0;\r\n height: 2px;\r\n background: var(--primary-red);\r\n transition: width 0.4s ease;\r\n }\r\n\r\n .portfolio-item:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .portfolio-content {\r\n padding: 0;\r\n }\r\n\r\n .portfolio-number {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 1rem;\r\n color: var(--primary-red);\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .portfolio-title {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 2.5rem;\r\n color: #0a0a0a;\r\n margin-bottom: 15px;\r\n letter-spacing: -1px;\r\n line-height: 1.1;\r\n }\r\n\r\n .portfolio-desc {\r\n font-size: 1rem;\r\n color: #666666;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n max-width: 800px;\r\n }\r\n\r\n .portfolio-meta {\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .portfolio-meta-item {\r\n font-size: 0.8rem;\r\n color: #999999;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n font-weight: 600;\r\n }\r\n\r\n .portfolio-arrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: var(--primary-red);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.3s;\r\n margin-top: 10px;\r\n }\r\n\r\n .portfolio-arrow::after {\r\n content: '\u2192';\r\n font-size: 1.2rem;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .portfolio-item:hover .portfolio-arrow::after {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* About Section *\/\r\n .about-section {\r\n background: #ffffff;\r\n padding: 80px 60px;\r\n text-align: center;\r\n }\r\n\r\n .about-container {\r\n display: grid;\r\n grid-template-columns: 0.8fr 1.2fr;\r\n gap: 80px;\r\n align-items: center;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n text-align: left;\r\n }\r\n\r\n .about-image {\r\n position: relative;\r\n }\r\n\r\n .about-image-frame {\r\n width: 100%;\r\n aspect-ratio: 3\/4;\r\n border: 6px solid var(--primary-red);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background-image: url(\"https:\/\/marcabm.com\/wp-content\/uploads\/2026\/05\/IMG_3113_jpg-scaled.jpg\");\r\n background-repeat: no-repeat;\r\n background-position: bottom left;\r\n background-size: 120%;\r\n }\r\n\r\n .about-content h2 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(3rem, 5vw, 4.5rem);\r\n color: #0a0a0a;\r\n margin-bottom: 20px;\r\n letter-spacing: -2px;\r\n }\r\n\r\n .about-content h2 .highlight {\r\n color: var(--primary-red);\r\n }\r\n\r\n .about-content p {\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n color: #4a4a4a;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* Contact Section *\/\r\n .contact-section {\r\n background: #212121;\r\n padding: 60px 60px;\r\n border-top: 5px solid var(--primary-red);\r\n }\r\n\r\n .contact-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n .contact-headline {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(2.5rem, 5vw, 4rem);\r\n color: var(--primary-red);\r\n text-transform: uppercase;\r\n margin-bottom: 20px;\r\n letter-spacing: -2px;\r\n }\r\n\r\n .contact-text {\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n color: #fff;\r\n margin-bottom: 40px;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .contact-form {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 25px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .form-group {\r\n text-align: left;\r\n }\r\n\r\n .form-group.full {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 15px;\r\n border: 2px solid var(--primary-red);\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1rem;\r\n background: #fff;\r\n color: var(--black);\r\n transition: all 0.2s;\r\n border-radius: 8px;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n background: #fff;\r\n box-shadow: 0 0 20px rgba(214, 69, 85, 0.3);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 140px;\r\n }\r\n\r\n .submit-btn {\r\n background: var(--primary-red);\r\n color: white;\r\n border: none;\r\n padding: 18px 50px;\r\n font-size: 1.1rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n margin-top: 15px;\r\n border-radius: 8px;\r\n font-family: 'Bebas Neue', sans-serif;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: var(--dark-red);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(214, 69, 85, 0.4);\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n background: #0a0a0a;\r\n padding: 40px 60px;\r\n text-align: center;\r\n border-top: 1px solid rgba(214, 69, 85, 0.2);\r\n }\r\n\r\n .footer p {\r\n color: rgba(255, 255, 255, 0.5);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Scroll to Top *\/\r\n .scroll-top {\r\n position: fixed;\r\n bottom: 40px;\r\n right: 40px;\r\n width: 60px;\r\n height: 60px;\r\n background: var(--primary-red);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n color: white;\r\n cursor: pointer;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s;\r\n z-index: 999;\r\n box-shadow: 0 5px 20px rgba(214, 69, 85, 0.4);\r\n }\r\n\r\n .scroll-top.visible {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .scroll-top:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 30px rgba(214, 69, 85, 0.6);\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .portfolio-item {\r\n padding: 35px 0;\r\n }\r\n\r\n .service-item .service-description {\r\n max-width: 250px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .service-item .service-name {\r\n font-size: clamp(3.5rem, 7vw, 6rem);\r\n }\r\n\r\n .about-container {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .header {\r\n padding: 20px 30px;\r\n }\r\n\r\n .logo-text {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .menu-toggle {\r\n display: flex;\r\n }\r\n\r\n .nav-menu {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background: #D64555;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 40px;\r\n padding: 60px 30px;\r\n transform: translateX(100%);\r\n transition: transform 0.4s ease-in-out;\r\n z-index: 999;\r\n }\r\n\r\n .nav-menu.active {\r\n transform: translateX(0);\r\n }\r\n\r\n .nav-menu a {\r\n font-size: 2.5rem;\r\n font-family: 'Bebas Neue', sans-serif;\r\n letter-spacing: 2px;\r\n color: #ffffff;\r\n }\r\n\r\n .catchphrase-section {\r\n padding: 0 30px;\r\n }\r\n\r\n .hero-content-overlay {\r\n padding: 0 30px;\r\n }\r\n\r\n .hero-content-overlay .hero-title {\r\n font-size: clamp(3rem, 10vw, 5rem);\r\n }\r\n\r\n .hero-content-overlay .hero-subtitle {\r\n font-size: 1rem;\r\n }\r\n\r\n .hero-content-overlay .hero-cta {\r\n flex-direction: column;\r\n }\r\n\r\n .cta-btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .services-section,\r\n .portfolio-section,\r\n .about-section,\r\n .contact-section {\r\n padding: 60px 30px;\r\n }\r\n\r\n .service-item .service-name {\r\n font-size: clamp(2.5rem, 10vw, 4rem);\r\n }\r\n\r\n .service-item .service-description {\r\n position: static;\r\n transform: none;\r\n opacity: 1;\r\n visibility: visible;\r\n margin-top: 10px;\r\n white-space: normal;\r\n max-width: 100%;\r\n text-align: center;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .service-item {\r\n flex-direction: column;\r\n gap: 15px;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"main-wrapper\">\r\n <!-- Header -->\r\n <header class=\"header\" id=\"header\">\r\n <div class=\"logo-container\">\r\n <div class=\"logo-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/marcabm.com\/wp-content\/uploads\/2026\/05\/Frame-55-red.png\" alt=\"Marc ABM Logo\">\r\n <\/div>\r\n <div class=\"logo-text\">MARC Abraham<\/div>\r\n <\/div>\r\n <nav>\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#home\" onclick=\"scrollToSection('home')\">Home<\/a><\/li>\r\n <li><a href=\"#services\" onclick=\"scrollToSection('services')\">Services<\/a><\/li>\r\n\r\n <li><a href=\"#work\" onclick=\"scrollToSection('work')\">Work<\/a><\/li>\r\n <li><a href=\"#about\" onclick=\"scrollToSection('about')\">About<\/a><\/li>\r\n <li><a href=\"#contact\" onclick=\"scrollToSection('contact')\">Contact<\/a><\/li>\r\n <\/ul>\r\n <div class=\"menu-toggle\" onclick=\"toggleMenu()\">\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/nav>\r\n <\/header>\r\n\r\n <!-- Catchphrase Section - First Viewport -->\r\n <section class=\"catchphrase-section\" id=\"home\">\r\n <div class=\"catchphrase-container\" id=\"catchphraseContainer\">\r\n <h2 class=\"catchphrase-text\">\r\n <span class=\"line1\">Let's build your<\/span>\r\n <span class=\"line2\">digital presence<\/span>\r\n <span class=\"line3\">that performs<\/span>\r\n <\/h2>\r\n <\/div>\r\n \r\n <!-- Hero content that appears after lines float away -->\r\n <div class=\"hero-content-overlay\" id=\"heroContentOverlay\">\r\n <div class=\"hero-label\">Digital Marketing & Web Design<\/div>\r\n <h1 class=\"hero-title\">\r\n Hello there, I am <span class=\"highlight\">Marc.<\/span>\r\n <\/h1>\r\n <p class=\"hero-subtitle\">\r\n I build eye-catching websites and performing marketing campaigns that help E-Commerce businesses maximize their revenue.\r\n <\/p>\r\n <div class=\"hero-cta\">\r\n <a href=\"https:\/\/calendly.com\/hello-marcabm\/30min\" target=\"_blank\" class=\"cta-btn cta-btn-primary\">Book a Call<\/a>\r\n <a href=\"#services\" onclick=\"scrollToSection('services')\" class=\"cta-btn cta-btn-secondary\">View Services<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Scroll Slider Section -->\r\n <section class=\"scroll-slider-section\">\r\n <div class=\"slider-track\">\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Marketing<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Analytics<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Web Development<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Marketing<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Analytics<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Web Development<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Marketing<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Analytics<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Web Development<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Marketing<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Analytics<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <div class=\"slider-item\">\r\n <div class=\"slider-label\">Web Development<\/div>\r\n <\/div>\r\n <div class=\"slider-dot\"><\/div>\r\n <\/div>\r\n <\/section>\r\n<br><br>\r\n <!-- Services Section -->\r\n <section class=\"services-section\" id=\"services\">\r\n <div class=\"services-container\">\r\n <div class=\"section-label\">What I Do<\/div>\r\n \r\n <ul class=\"services-list\">\r\n <li class=\"service-item\">\r\n <span class=\"service-name\">Marketing Strategies<\/span>\r\n <span class=\"service-description\">Data-driven campaigns across Meta, Google & social platforms<\/span>\r\n <\/li>\r\n \r\n <li class=\"service-item\">\r\n <span class=\"service-name\">Meta Ads<\/span>\r\n <span class=\"service-description\">Targeted advertising with conversion tracking & optimization<\/span>\r\n <\/li>\r\n \r\n <li class=\"service-item\">\r\n <span class=\"service-name\">Analytics<\/span>\r\n <span class=\"service-description\">Custom dashboards & performance insights for better decisions<\/span>\r\n <\/li>\r\n \r\n <li class=\"service-item\">\r\n <span class=\"service-name\">Web Design & Development<\/span>\r\n <span class=\"service-description\">Conversion-focused websites built on WordPress & WooCommerce<\/span>\r\n <\/li>\r\n \r\n <li class=\"service-item\">\r\n <span class=\"service-name\">Branding<\/span>\r\n <span class=\"service-description\">Visual identity and brand strategy that resonates with your audience<\/span>\r\n <\/li>\r\n \r\n <li class=\"service-item\">\r\n <span class=\"service-name\">Email Newsletter<\/span>\r\n <span class=\"service-description\">Strategic email campaigns that drive engagement and conversions<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Portfolio Section - Simple List -->\r\n <section class=\"portfolio-section\" id=\"work\">\r\n <div class=\"section-label\">Featured Work<\/div>\r\n <div class=\"portfolio-grid\">\r\n <a href=\"https:\/\/marcabm.com\/wtw-website-redesign\/\" class=\"portfolio-item\">\r\n <div class=\"portfolio-content\">\r\n <div class=\"portfolio-number\">01 \u2014 Website Redesign<\/div>\r\n <h3 class=\"portfolio-title\">Website redesign \/\/ Wok This Way<\/h3>\r\n <p class=\"portfolio-desc\">Complete UX overhaul for restaurant chain, driving direct orders and reducing third-party platform dependency through strategic design and conversion optimization.<\/p>\r\n <div class=\"portfolio-meta\">\r\n <span class=\"portfolio-meta-item\">2025<\/span>\r\n <span class=\"portfolio-meta-item\">UX\/UI Design<\/span>\r\n <span class=\"portfolio-meta-item\">WordPress<\/span>\r\n <\/div>\r\n <div class=\"portfolio-arrow\">View Case Study<\/div>\r\n <\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/marcabm.com\/wtw-meta-ads\/\" class=\"portfolio-item\">\r\n <div class=\"portfolio-content\">\r\n <div class=\"portfolio-number\">02 \u2014 Meta Ads Strategy<\/div>\r\n <h3 class=\"portfolio-title\">Creating data-driven Meta Ad-strategies \/\/ Wok This Way<\/h3>\r\n <p class=\"portfolio-desc\">Strategic Meta advertising delivering 200%+ engagement increase through comprehensive analysis, audience targeting, and creative optimization for restaurant brand.<\/p>\r\n <div class=\"portfolio-meta\">\r\n <span class=\"portfolio-meta-item\">2025<\/span>\r\n <span class=\"portfolio-meta-item\">Meta Ads<\/span>\r\n <span class=\"portfolio-meta-item\">Analytics<\/span>\r\n <\/div>\r\n <div class=\"portfolio-arrow\">View Case Study<\/div>\r\n <\/div>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/marcabm.com\/jungheinrich-profishop-case-study\/\" class=\"portfolio-item\">\r\n <div class=\"portfolio-content\">\r\n <div class=\"portfolio-number\">03 \u2014 Building SoMe<\/div>\r\n <h3 class=\"portfolio-title\">Building a Niche Brand's Social Media Identity \/\/ JHPS<\/h3>\r\n <p class=\"portfolio-desc\">Full-scale social media management across Meta, LinkedIn, and YouTube \u2014 combining strategy, copywriting, asset creation, and performance marketing to drive millions of monthly impressions, high-volume traffic, and scalable brand growth.<\/p>\r\n <div class=\"portfolio-meta\">\r\n <span class=\"portfolio-meta-item\">2025<\/span>\r\n <span class=\"portfolio-meta-item\">SoMe strategy<\/span>\r\n <span class=\"portfolio-meta-item\">creation<\/span>\r\n <\/div>\r\n <div class=\"portfolio-arrow\">View Case Study<\/div>\r\n <\/div>\r\n <\/a>\r\n \r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <!-- About Section -->\r\n <section class=\"about-section\" id=\"about\">\r\n <div class=\"section-label\">About Me<\/div>\r\n <div class=\"about-container\">\r\n <div class=\"about-image\">\r\n <div class=\"about-image-frame\"><\/div>\r\n <\/div>\r\n <div class=\"about-content\">\r\n <h2>Marketing Manager<br><span class=\"highlight\">Based in Denmark<\/span><\/h2>\r\n <p>I'm Marc, a digital marketer and web designer with 5+ years of experience. I started with a 3-year marketing apprenticeship, earned my degree in marketing and e-commerce, and have since worked across Germany, Spain, and Denmark. <br> <br>\r\n\r\nAs a person I am very open to new creative ideas, forever curious, and enjoy learning new skills\/tools as I am generally a quick learner. When I\u2019m not working I\u2019m usually still doing something creative like drawing, making small animations, designing tattoo ideas, reading manga and playing games - all things that can inspire me in some way!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Section -->\r\n <section class=\"contact-section\" id=\"contact\">\r\n <div class=\"contact-container\">\r\n <h2 class=\"contact-headline\">Let's Work Together<\/h2>\r\n <p class=\"contact-text\">Ready to build something that drives real results? Send me a message or book a call to discuss your project.<\/p>\r\n <form class=\"contact-form\" id=\"contactForm\">\r\n <input type=\"hidden\" name=\"access_key\" value=\"52f781ea-457d-4ff7-975e-c34df836f032\">\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Your Name\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Email Address\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group full\">\r\n <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Company \/ Project (Optional)\">\r\n <\/div> <br>\r\n <div class=\"form-group full\">\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Tell me about your project...\" required><\/textarea>\r\n <\/div>\r\n \r\n <input type=\"checkbox\" name=\"botcheck\" style=\"display: none;\">\r\n \r\n <button type=\"submit\" class=\"submit-btn\">Send Message<\/button>\r\n\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <p>\u00a9 2025 Marc Abraham. All rights reserved.<\/p>\r\n <\/footer>\r\n\r\n <!-- Scroll to Top -->\r\n <div class=\"scroll-top\" id=\"scrollTop\" onclick=\"scrollToTop()\">\u2191<\/div>\r\n\r\n <\/div><!-- End main-wrapper -->\r\n\r\n<script>\r\n \/\/ Force page to load at the top and clear hash\r\n if (history.scrollRestoration) {\r\n history.scrollRestoration = 'manual';\r\n }\r\n \r\n \/\/ Clear hash from URL on page load\r\n if (window.location.hash) {\r\n history.replaceState(null, null, window.location.pathname);\r\n }\r\n \r\n window.scrollTo(0, 0);\r\n\r\n \/\/ Scroll-triggered animation\r\n const catchphraseSection = document.querySelector('.catchphrase-section');\r\n const catchphraseContainer = document.getElementById('catchphraseContainer');\r\n const heroContentOverlay = document.getElementById('heroContentOverlay');\r\n const header = document.getElementById('header');\r\n const body = document.body;\r\n\r\n const line1 = catchphraseContainer.querySelector('.line1');\r\n const line2 = catchphraseContainer.querySelector('.line2');\r\n const line3 = catchphraseContainer.querySelector('.line3');\r\n\r\n let animationTriggered = false;\r\n let isAnimating = false;\r\n let pendingScrollTarget = null;\r\n\r\n \/\/ Lock scroll completely\r\n function lockScroll() {\r\n body.style.position = 'fixed';\r\n body.style.top = '0';\r\n body.style.width = '100%';\r\n }\r\n\r\n \/\/ Unlock scroll\r\n function unlockScroll() {\r\n body.style.position = '';\r\n body.style.top = '';\r\n body.style.width = '';\r\n }\r\n\r\n \/\/ Animate out (catchphrase disappears, hero appears)\r\n function animateOut(callback) {\r\n if (isAnimating) return;\r\n isAnimating = true;\r\n animationTriggered = true;\r\n\r\n lockScroll();\r\n\r\n let progress = 0;\r\n const duration = 800; \/\/ 0.8 seconds\r\n const startTime = Date.now();\r\n\r\n function animate() {\r\n const elapsed = Date.now() - startTime;\r\n progress = Math.min(elapsed \/ duration, 1);\r\n\r\n \/\/ Lines disappear\r\n const lineProgress = Math.min(progress \/ 0.4, 1);\r\n const moveDistance = lineProgress * 150;\r\n \r\n line1.style.transform = `translateX(-${moveDistance}vw) rotate(-3deg)`;\r\n line1.style.opacity = 1 - lineProgress;\r\n \r\n line2.style.transform = `translateX(${moveDistance}vw) rotate(2deg)`;\r\n line2.style.opacity = 1 - lineProgress;\r\n \r\n line3.style.transform = `translateX(-${moveDistance}vw) rotate(-1.5deg)`;\r\n line3.style.opacity = 1 - lineProgress;\r\n \r\n \/\/ Hero appears\r\n let heroOpacity = 0;\r\n if (progress > 0.3) {\r\n heroOpacity = (progress - 0.3) \/ 0.7;\r\n heroContentOverlay.classList.add('visible');\r\n }\r\n heroContentOverlay.style.opacity = heroOpacity;\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n isAnimating = false;\r\n unlockScroll();\r\n \r\n \/\/ Call callback if provided\r\n if (callback) {\r\n setTimeout(callback, 100);\r\n }\r\n }\r\n }\r\n\r\n animate();\r\n }\r\n\r\n \/\/ Animate in (hero disappears, catchphrase reappears)\r\n function animateIn() {\r\n if (isAnimating) return;\r\n isAnimating = true;\r\n animationTriggered = false;\r\n\r\n lockScroll();\r\n\r\n let progress = 0;\r\n const duration = 800; \/\/ 0.8 seconds\r\n const startTime = Date.now();\r\n\r\n function animate() {\r\n const elapsed = Date.now() - startTime;\r\n progress = Math.min(elapsed \/ duration, 1);\r\n\r\n \/\/ Lines reappear (reverse)\r\n const lineProgress = 1 - progress;\r\n const moveDistance = lineProgress * 150;\r\n \r\n line1.style.transform = `translateX(-${moveDistance}vw) rotate(-3deg)`;\r\n line1.style.opacity = 1 - lineProgress;\r\n \r\n line2.style.transform = `translateX(${moveDistance}vw) rotate(2deg)`;\r\n line2.style.opacity = 1 - lineProgress;\r\n \r\n line3.style.transform = `translateX(-${moveDistance}vw) rotate(-1.5deg)`;\r\n line3.style.opacity = 1 - lineProgress;\r\n \r\n \/\/ Hero disappears\r\n let heroOpacity = progress < 0.7 ? 1 - (progress \/ 0.7) : 0;\r\n heroContentOverlay.style.opacity = heroOpacity;\r\n \r\n if (progress > 0.7) {\r\n heroContentOverlay.classList.remove('visible');\r\n }\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n isAnimating = false;\r\n unlockScroll();\r\n }\r\n }\r\n\r\n animate();\r\n }\r\n\r\n \/\/ Detect scroll direction and trigger animation\r\n let lastScrollPos = 0;\r\n \r\n window.addEventListener('scroll', function(e) {\r\n if (isAnimating) return;\r\n \r\n const scrollPos = window.scrollY;\r\n\r\n \/\/ Trigger animation on first scroll down\r\n if (scrollPos > 10 && !animationTriggered && !isAnimating) {\r\n window.scrollTo(0, 0);\r\n animateOut();\r\n return;\r\n }\r\n \r\n \/\/ Trigger reverse animation when scrolling back to top\r\n if (scrollPos === 0 && animationTriggered && !isAnimating && lastScrollPos > scrollPos) {\r\n animateIn();\r\n }\r\n\r\n \/\/ Header background change\r\n if (scrollPos > 100) {\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n \r\n \/\/ Scroll to top button\r\n const scrollTop = document.getElementById('scrollTop');\r\n if (scrollTop) {\r\n if (scrollPos > 300) {\r\n scrollTop.classList.add('visible');\r\n } else {\r\n scrollTop.classList.remove('visible');\r\n }\r\n }\r\n \r\n lastScrollPos = scrollPos;\r\n });\r\n\r\n function toggleMenu() {\r\n const menuToggle = document.querySelector('.menu-toggle');\r\n const navMenu = document.querySelector('.nav-menu');\r\n menuToggle.classList.toggle('active');\r\n navMenu.classList.toggle('active');\r\n }\r\n\r\n function scrollToSection(sectionId) {\r\n \/\/ Prevent default link behavior\r\n if (event) event.preventDefault();\r\n \r\n const section = document.getElementById(sectionId);\r\n if (section) {\r\n \/\/ Close mobile menu\r\n const menuToggle = document.querySelector('.menu-toggle');\r\n const navMenu = document.querySelector('.nav-menu');\r\n if (menuToggle && navMenu) {\r\n menuToggle.classList.remove('active');\r\n navMenu.classList.remove('active');\r\n }\r\n \r\n \/\/ If animation hasn't happened yet, trigger it then scroll\r\n if (!animationTriggered && !isAnimating) {\r\n animateOut(() => {\r\n section.scrollIntoView({ behavior: 'smooth' });\r\n });\r\n } else {\r\n section.scrollIntoView({ behavior: 'smooth' });\r\n }\r\n }\r\n }\r\n\r\n function scrollToTop() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n \/\/ Contact form submission\r\n const contactForm = document.getElementById('contactForm');\r\n if (contactForm) {\r\n contactForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const submitBtn = contactForm.querySelector('.submit-btn');\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = 'Sending...';\r\n \r\n const formData = new FormData(contactForm);\r\n \r\n try {\r\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\r\n method: 'POST',\r\n body: formData\r\n });\r\n \r\n const data = await response.json();\r\n \r\n if (data.success) {\r\n alert('Thank you! Your message has been sent successfully.');\r\n contactForm.reset();\r\n } else {\r\n alert('Oops! Something went wrong. Please try again.');\r\n }\r\n } catch (error) {\r\n alert('Oops! Something went wrong. Please try again.');\r\n }\r\n \r\n submitBtn.disabled = false;\r\n submitBtn.textContent = 'Send Message';\r\n });\r\n }\r\n <\/script>\r\n<!-- Dynamic Spin Wheel - ID: wheel_1769367875300 -->\r\n<script src=\"https:\/\/popups-production.up.railway.app\/wheel-embed.js\" data-wheel-id=\"wheel_1769367875300\" data-api-url=\"https:\/\/popups-production.up.railway.app\"><\/script>\r\n\r\n<!-- Add button: <button onclick=\"openSpinWheel()\">\ud83c\udfa1 Spin!<\/button> -->\r\n<!-- View participants: https:\/\/popups-production.up.railway.app\/admin -->\r\n\r\n\r\n \r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marc Abm MARC Abraham Home Services Work About Contact Let’s build your digital presence that performs Digital Marketing & Web Design Hello there, I am Marc. I build eye-catching websites and performing marketing campaigns that help E-Commerce businesses maximize their revenue. Book a Call View Services Marketing Analytics Web Development Marketing Analytics Web Development Marketing […]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":5,"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/pages\/7\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/marcabm.com\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}