{"id":4083,"date":"2026-05-21T09:28:11","date_gmt":"2026-05-21T09:28:11","guid":{"rendered":"https:\/\/cyyah.be\/?page_id=4083"},"modified":"2026-08-11T15:25:21","modified_gmt":"2026-08-11T15:25:21","slug":"home","status":"publish","type":"page","link":"https:\/\/cyyah.be\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t

CONTACT US<\/h3>info@cyyah.be<\/span>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\tGet In Touch\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n CYYAH | Studios<\/title>\n <style>\n\/* \ud83c\udfa8 PART 1: ROOT & GLOBAL PRESTIGE STYLES *\/\n@import url('https:\/\/googleapis.com');\n\nhtml, body {\n margin: 0; padding: 0;\n background-color: #050505 !important;\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\n color: #ffffff;\n overflow: hidden;\n}\n\n.cyyah-clean-wrapper {\n position: fixed; top: 0; left: 0; \n width: 100vw; height: 100vh;\n z-index: 999999; overflow: hidden;\n background-color: #050505;\n}\n\n.cyyah-cream-screen {\n position: absolute; top: 0; left: 0; \n width: 100%; height: 100%;\n background-color: #ffffff !important;\n z-index: 100000; opacity: 1; visibility: visible;\n transition: opacity 0.6s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.cyyah-scrollable-story-zone { \n width: 100%; height: 100%; \n overflow-y: auto; overflow-x: hidden; \n}\n\n\/* \ud83c\udfa8 PART 2: LUXURY MINIMALIST NAVIGATION HEADER *\/\n.cyyah-sinematik-header {\n position: absolute;\n top: 30px;\n left: 40px;\n width: calc(100% - 80px);\n z-index: 100006;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.8s ease, visibility 0.8s ease;\n}\n\n.cyyah-sinematik-header.reveal-controls {\n opacity: 1;\n visibility: visible;\n}\n\n.cyyah-navigation-links {\n display: flex;\n gap: 35px;\n}\n\n.cyyah-nav-item {\n font-family: 'Montserrat', sans-serif;\n font-size: 11px;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.4);\n text-decoration: none;\n letter-spacing: 3px;\n text-transform: uppercase;\n transition: color 0.3s ease, transform 0.3s ease;\n position: relative;\n}\n\n.cyyah-nav-item::after {\n content: '';\n position: absolute;\n bottom: -6px;\n left: 0;\n width: 100%;\n height: 1px;\n background-color: #bc9d75;\n transform: scaleX(0);\n transform-origin: right;\n transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.cyyah-nav-item:hover {\n color: #111111;\n transform: translateY(-1px);\n}\n\n.cyyah-nav-item:hover::after {\n transform: scaleX(1);\n transform-origin: left;\n}\n\n\/* \ud83c\udfa8 PART 3: TOP CONTROLS & DIRECT SKIP BUTTON *\/\n.cyyah-top-controls {\n position: absolute;\n top: 25px;\n right: 25px;\n display: flex;\n align-items: center;\n gap: 20px;\n z-index: 100005;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.8s ease, visibility 0.8s ease;\n}\n\n.cyyah-top-controls.reveal-controls {\n opacity: 1;\n visibility: visible;\n}\n\n.cyyah-direct-skip {\n font-family: 'Montserrat', sans-serif;\n background: rgba(0,0,0,0.6);\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 4px;\n color: #ffffff;\n padding: 8px 16px;\n font-size: 11px;\n cursor: pointer;\n letter-spacing: 1px;\n transition: all 0.3s;\n}\n\n.cyyah-direct-skip:hover {\n background: #ffffff;\n color: #111111;\n}\n\n\/* Kopyalanabilir Link Alan\u0131 \u0130\u00e7in Stil Ekleri *\/\n.cyyah-copy-link-btn {\n background: transparent;\n border: 1px dashed rgba(255, 255, 255, 0.2);\n color: #aaaaaa;\n padding: 5px 12px;\n font-size: 10px;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all 0.3s;\n text-transform: uppercase;\n margin-top: 5px;\n}\n.cyyah-copy-link-btn:hover {\n border-color: #ffcc00;\n color: #ffcc00;\n}\n\/* \ud83c\udfa8 PART 4: LOGO CONTAINER & CINEMATIC GHOST BLUR ANIMATION *\/\n.cyyah-clickable-logo-zone {\n text-align: center;\n max-width: 500px;\n margin: 32vh auto 5vh;\n cursor: pointer;\n transition: margin 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.cyyah-pure-logo { \n width: 100% !important;\n height: auto !important;\n display: block !important;\n border: 0px none transparent !important;\n outline: 0px none transparent !important; \n box-shadow: none !important;\n background: transparent !important;\n}\n\n.cyyah-heartbeat-animation {\n animation: cyyahGhostFade 4.5s ease-in-out infinite !important; \n}\n\n@keyframes cyyahGhostFade {\n 0%, 100% { opacity: 0.2; filter: blur(1px); }\n 50% { opacity: 1; filter: blur(0px); }\n}\n\n.cyyah-click-hint {\n display: block;\n margin-top: 25px;\n font-size: 13px;\n color: #bc9d75;\n letter-spacing: 3px;\n font-weight: 400;\n text-transform: uppercase;\n transition: opacity 0.4s ease;\n}\n\n\/* \ud83c\udfa8 PART 5: CREATIVE PROCESS MANIFESTO GRID FLOW STYLES *\/\n.cyyah-manifesto-flow {\n max-width: 600px;\n margin: 0 auto;\n padding: 0 20px 100px;\n opacity: 0;\n display: none;\n transform: translateY(30px);\n transition: all 0.8s ease;\n}\n\n.cyyah-manifesto-flow.reveal {\n display: block !important;\n opacity: 1 !important;\n transform: translateY(0) !important;\n}\n\n.cyyah-manifesto-title {\n font-size: 14px;\n color: #bc9d75;\n letter-spacing: 5px;\n text-align: center;\n margin: 40px 0 60px;\n font-weight: 600;\n}\n\n.cyyah-manifesto-step {\n margin-bottom: 60px;\n text-align: center;\n}\n\n.cyyah-step-meta {\n font-size: 11px;\n color: #bc9d75;\n margin-bottom: 5px;\n font-weight: 600;\n letter-spacing: 1px;\n}\n\n.cyyah-step-name {\n font-size: 22px;\n color: #111111 !important;\n margin: 0 0 20px;\n font-weight: 600;\n letter-spacing: 1px;\n}\n\n.cyyah-image-frame {\n width: 100%;\n height: 340px;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n background-color: #222;\n}\n\n.cyyah-card-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(17,17,17,0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.cyyah-card-overlay span {\n border: 1px solid #ffffff;\n padding: 10px 20px;\n font-size: 11px;\n letter-spacing: 2px;\n font-weight: 600;\n color: #ffffff !important;\n}\n\n\/* \ud83c\udfa8 PART 6: STEP CARD INTERACTIONS & SPLIT STUDIO ENTER BUTTON *\/\n.cyyah-image-frame:hover .cyyah-card-overlay {\n opacity: 1;\n}\n\n.cyyah-step-details {\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cyyah-step-details.is-active {\n max-height: 200px;\n opacity: 1;\n padding: 20px 15px;\n}\n\n.cyyah-step-details p {\n color: #555555 !important;\n font-size: 14px;\n line-height: 1.6;\n font-weight: 400;\n margin: 0 0 10px 0;\n}\n\n.cyyah-details-link {\n color: #bc9d75;\n text-decoration: none;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 1px;\n text-transform: uppercase;\n}\n\n.cyyah-split-trigger-btn { \n display: block;\n width: 100%;\n max-width: 300px;\n margin: 60px auto 0;\n background: transparent;\n color: #111111; \n border: 1px solid #111111;\n padding: 18px 0;\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 3px;\n transition: all 0.3s;\n}\n\n.cyyah-split-trigger-btn:hover {\n background: #111111;\n color: #ffffff;\n}\n\/* \ud83c\udfa8 PART 7: SPLIT SCREEN INTERFACE & BACK BUTTON ACTION *\/\n.cyyah-split-menu {\n display: flex;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: scale(1.02);\n visibility: hidden;\n transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n position: relative;\n}\n\n.cyyah-split-menu.is-open {\n opacity: 1;\n transform: scale(1);\n visibility: visible;\n}\n\n.cyyah-back-to-intro {\n position: absolute;\n top: 25px;\n left: 25px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid rgba(255, 255, 255, 0.15);\n color: #ffffff;\n padding: 10px 18px;\n cursor: pointer;\n z-index: 100010;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 1px;\n transition: all 0.3s;\n}\n\n.cyyah-back-to-intro:hover {\n background: #ffffff;\n color: #050505;\n}\n\n\/* \ud83c\udfa8 PART 8: SPLIT SCREEN ITEMS & NATIONAL YELLOW ACCENTS *\/\n.cyyah-menu-item {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n color: #ffffff;\n transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n overflow-y: auto !important;\n position: relative;\n}\n\n.cyyah-item-cinema {\n background-color: #0d0d0d;\n}\n\n.cyyah-item-reklam {\n background-color: #141414;\n}\n\n.cyyah-national-yellow-bar {\n position: absolute;\n left: 0;\n top: 0;\n width: 0;\n height: 100%;\n background-color: #ffcc00;\n transition: width 0.3s;\n z-index: 2;\n}\n\n.cyyah-menu-item:not(.is-expanded):hover .cyyah-national-yellow-bar {\n width: 8px;\n}\n\n.cyyah-item-inner {\n text-align: center;\n z-index: 3;\n}\n\n.cyyah-menu-item:not(.is-expanded):hover .cyyah-item-title {\n color: #ffcc00;\n}\n\n.cyyah-item-icon {\n display: block;\n font-size: 40px;\n margin-bottom: 12px;\n}\n\n.cyyah-item-title {\n font-size: 24px;\n font-weight: 700;\n margin: 0;\n letter-spacing: 3px;\n}\n\n.cyyah-item-arrow {\n display: inline-block;\n margin-top: 10px;\n font-size: 16px;\n color: rgba(255,255,255,0.3);\n}\n\n\/* \ud83c\udfa8 PART 9: EXPANDED PANEL STYLES & RESPONSIVE VIDEO WRAPPERS *\/\n.cyyah-menu-item.is-expanded {\n flex: 999 !important;\n background-color: #050505 !important;\n align-items: flex-start;\n justify-content: flex-start;\n cursor: default;\n}\n\n.cyyah-menu-item.is-expanded .cyyah-national-yellow-bar {\n display: none;\n}\n\n.cyyah-menu-item.is-expanded .cyyah-item-inner {\n display: none !important;\n}\n\n.cyyah-panel-content-area {\n display: none;\n width: 100%;\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.5s ease;\n}\n\n.cyyah-menu-item.is-expanded .cyyah-panel-content-area {\n display: block;\n opacity: 1;\n transform: translateY(0);\n}\n\n.cyyah-inner-padding {\n padding: 90px 40px 60px 40px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.cyyah-video-hero {\n position: relative;\n width: 100%;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n margin-bottom: 40px;\n background: #000;\n border: 1px solid rgba(255,255,255,0.02);\n}\n\n.cyyah-video-hero iframe,\n.cyyah-video-hero video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n border: 0;\n}\n\n.cyyah-video-wrapper {\n position: relative;\n width: 100%;\n padding-bottom: 56.25%;\n height: 0;\n overflow: hidden;\n background: #000;\n margin-top: 20px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.5);\n border: 1px solid rgba(255,255,255,0.02);\n}\n\n.cyyah-video-wrapper iframe,\n.cyyah-video-wrapper video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n border: 0;\n}\n\n\/* \ud83c\udfa8 PART 10: LUXURY PRESTIGE FOOTER & TABLET BREAKPOINTS *\/\n.cyyah-pure-text-footer {\n background-color: transparent !important;\n padding: 60px 0 40px !important;\n width: 100% !important;\n box-sizing: border-box !important;\n border-top: 1px solid rgba(255, 255, 255, 0.03) !important;\n margin-top: auto;\n}\n\n.cyyah-footer-text-container {\n width: 100% !important;\n max-width: 1100px !important;\n margin: 0 auto !important;\n padding: 0 30px !important;\n box-sizing: border-box !important;\n}\n\n.cyyah-footer-text-row {\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n align-items: center !important;\n text-align: center !important;\n gap: 25px !important;\n}\n\n.cyyah-prestige-contact-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 40px;\n width: 100%;\n margin-bottom: 10px;\n}\n\n.cyyah-contact-item {\n text-align: center;\n}\n\n.cyyah-contact-label {\n font-size: 9px;\n color: #bc9d75;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 600;\n margin-bottom: 6px;\n display: block;\n}\n\n.cyyah-contact-value {\n font-size: 13px;\n color: #cccccc;\n letter-spacing: 0.5px;\n font-weight: 300;\n}\n\n.cyyah-contact-value a {\n color: #cccccc;\n text-decoration: none;\n transition: color 0.3s ease;\n}\n\n.cyyah-contact-value a:hover {\n color: #ffcc00;\n}\n\n.cyyah-pure-copyright {\n font-family: 'Montserrat', sans-serif !important;\n color: #444444 !important;\n font-size: 10px !important;\n font-weight: 400 !important;\n letter-spacing: 2px !important;\n margin: 0 !important;\n text-transform: uppercase !important;\n padding-top: 15px;\n border-top: 1px solid rgba(255, 255, 255, 0.02);\n width: 100%;\n}\n\n.cyyah-pure-motto {\n font-family: 'Montserrat', sans-serif !important;\n color: #1a1a1a !important;\n font-size: 9px !important;\n font-weight: 400 !important;\n letter-spacing: 4px !important;\n margin: 5px 0 0 0 !important;\n}\n\n@media (max-width: 1024px) {\n .cyyah-split-menu {\n flex-direction: column;\n }\n .cyyah-sinematik-header {\n top: 35px !important;\n left: 0 !important;\n width: 100% !important;\n justify-content: center !important;\n }\n .cyyah-navigation-links {\n gap: 30px !important;\n align-items: center !important;\n }\n .cyyah-nav-item {\n font-size: 10px !important;\n letter-spacing: 3px !important;\n font-weight: 600 !important;\n }\n .cyyah-top-controls {\n top: 37px !important;\n right: 20px !important;\n }\n .cyyah-clickable-logo-zone {\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 100% !important;\n margin: 0 !important;\n padding: 0 25px !important;\n box-sizing: border-box !important;\n }\n .cyyah-pure-logo {\n max-width: 260px !important;\n margin: 0 auto !important;\n }\n .cyyah-click-hint {\n font-size: 10px !important;\n letter-spacing: 2px !important;\n margin-top: 25px !important;\n }\n .cyyah-direct-skip {\n display: none !important;\n }\n .cyyah-inner-padding {\n padding: 80px 20px 40px 20px;\n }\n .cyyah-pure-text-footer {\n padding: 40px 0 30px !important;\n }\n .cyyah-prestige-contact-grid {\n flex-direction: column;\n gap: 20px;\n }\n .cyyah-pure-copyright {\n font-size: 9px !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \ud83e\uddf1 PART 11: DOM BODY DOMAIN LAYOUT STRUCTURE START -->\n<div class=\"cyyah-clean-wrapper\" id=\"js-cyyah-wrapper\">\n \n <!-- \ud83d\udeaa LAYER 1: MANIFESTO INTRO CURTAIN -->\n <div class=\"cyyah-cream-screen\" id=\"js-clean-intro\">\n \n <!-- \ud83e\udded TOP NAV LINK HEADER CONTROLS -->\n <header class=\"cyyah-sinematik-header\" id=\"js-cinematic-header\" style=\"opacity: 0; visibility: hidden;\">\n <div class=\"cyyah-header-inner\">\n <nav class=\"cyyah-navigation-links\">\n <a href=\"#\" class=\"cyyah-nav-item\" id=\"js-nav-cinema\">CINEMA<\/a>\n <a href=\"#\" class=\"cyyah-nav-item\" id=\"js-nav-commercial\">COMMERCIAL<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <!-- \ud83c\udf0d RIGHT CONTROLS (ONLY DIRECT SKIP INTRO BUTTON) -->\n <div class=\"cyyah-top-controls\" id=\"js-top-controls\" style=\"opacity: 0; visibility: hidden;\">\n <button class=\"cyyah-direct-skip\" id=\"js-clean-skip\">Skip Intro \u25b7<\/button>\n <\/div>\n\n <div class=\"cyyah-scrollable-story-zone\" id=\"js-story-zone\">\n \n <!-- \ud83c\udfdb\ufe0f GHOST BLUR LOGO COMPONENT -->\n <div class=\"cyyah-clickable-logo-zone\" id=\"js-logo-trigger\">\n <img decoding=\"async\" src=\"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/05\/Design-sans-titre-2-3.jpg\" class=\"cyyah-pure-logo cyyah-heartbeat-animation\" id=\"js-main-logo\" alt=\"Cyyah Logo\" loading=\"eager\">\n <span class=\"cyyah-click-hint\" id=\"js-hint-text\"><\/span>\n <\/div>\n\n <!-- \ud83d\udcdc PART 12: CREATIVE PROCESS MANIFESTO STEP MODULES -->\n <div class=\"cyyah-manifesto-flow\" id=\"js-manifesto-flow\">\n <h1 class=\"cyyah-manifesto-title\">Core Method<\/h1>\n \n <!-- STEP 01 -->\n <div class=\"cyyah-manifesto-step\">\n <div class=\"cyyah-step-meta\">STEP 01<\/div>\n <h3 class=\"cyyah-step-name\">DISCOVERY OF THE ESSENCE<\/h3>\n <div class=\"cyyah-image-frame js-step-card\" data-step=\"1\" style=\"background: url('https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/pexels-aleksey-marcov-3067112-scaled.jpg') center\/cover no-repeat;\">\n <div class=\"cyyah-card-overlay\"><span>VIEW DETAILS<\/span><\/div>\n <\/div>\n <div class=\"cyyah-step-details\" id=\"js-details-1\">\n <p>We strip away the noise.<\/p>\n <a href=\"#\" class=\"cyyah-details-link\">Read Case Study \u2192 \"We begin by diving into the true essence of a story. If you grasp the story from its profound depths, you can leave the deepest imprint on the audience.\"<\/a>\n <\/div>\n <\/div>\n\n <!-- STEP 02 -->\n <div class=\"cyyah-manifesto-step\">\n <div class=\"cyyah-step-meta\">STEP 02<\/div>\n <h3 class=\"cyyah-step-name\">NARRATIVE PURITY<\/h3>\n <div class=\"cyyah-image-frame js-step-card\" data-step=\"2\" style=\"background: url('https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/ozun-kesfi.avif') center\/cover no-repeat;\">\n <div class=\"cyyah-card-overlay\"><span>VIEW DETAILS<\/span><\/div>\n <\/div>\n <div class=\"cyyah-step-details\" id=\"js-details-2\">\n <p>We preserve raw texture.<\/p>\n <a href=\"#\" class=\"cyyah-details-link\">Explore Narrative \u2192 Stripping away the noise to touch the core of human emotion.<\/a>\n <\/div>\n <\/div>\n\n <!-- STEP 03 -->\n <div class=\"cyyah-manifesto-step\">\n <div class=\"cyyah-step-meta\">STEP 03<\/div>\n <h3 class=\"cyyah-step-name\">CINEMATIC PROTOTYPING<\/h3>\n <div class=\"cyyah-image-frame js-step-card\" data-step=\"3\" style=\"background: url('https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/premium_photo-1696611126113-bff39c8e5a09.avif') center\/cover no-repeat;\">\n <div class=\"cyyah-card-overlay\"><span>VIEW DETAILS<\/span><\/div>\n <\/div>\n <div class=\"cyyah-step-details\" id=\"js-details-3\">\n <p>We shape emotional landscape.<\/p>\n <a href=\"#\" class=\"cyyah-details-link\">View Prototypes \u2192 We simplify the craft to amplify the emotion. How?<\/a>\n <\/div>\n <\/div>\n\n <button class=\"cyyah-split-trigger-btn\" id=\"js-final-split-trigger\">ENTER THE STUDIO<\/button>\n <\/div>\n\n <\/div>\n <\/div>\n <!-- \ud83e\uddf1 PART 13: LAYER 2 - SPLIT ENGINE PANELS CONFIGURATION -->\n <div class=\"cyyah-split-menu\" id=\"js-clean-menu\">\n <button class=\"cyyah-back-to-intro\" id=\"js-back-btn\">\u2190 Back to Intro<\/button>\n\n <!-- \ud83c\udfac CINEMA PANEL SYSTEM -->\n <div class=\"cyyah-menu-item cyyah-item-cinema\" id=\"js-cinema-item\">\n <div class=\"cyyah-national-yellow-bar\"><\/div>\n <div class=\"cyyah-item-inner\" id=\"js-cinema-trigger\">\n <span class=\"cyyah-item-icon\">\ud83c\udfac<\/span>\n <h2 class=\"cyyah-item-title\">CINEMA<\/h2>\n <span class=\"cyyah-item-arrow\">\u25b7<\/span>\n <\/div>\n\n <div class=\"cyyah-panel-content-area\" id=\"js-cinema-panel\">\n <div class=\"cyyah-inner-padding\">\n <!-- \u23f3 PART 14: HIGH-FOCUS UPCOMING PROJECT ZONE (NOW ON TOP) -->\n <div style=\"text-align:center; margin-bottom: 60px; padding: 10px 10px 50px; border-bottom:1px dashed rgba(255,204,0,0.2);\">\n \n <!-- LUXURY BADGE WITH FIRST TEASER INTERACTION -->\n <span id=\"js-countdown-badge\" style=\"font-size:10px; color:#ffcc00; letter-spacing:4px; font-weight:700; text-transform:uppercase; display:block; margin-bottom:15px;\">\n \u2726 COMING SOON \u2014 10 JULY 2026 \u2502 FIRST TEASER OUT NOW \u2726\n <\/span>\n \n <!-- DYNAMIC TIMER ENGINE -->\n <div id=\"js-cyyah-timer\" style=\"display:flex; justify-content:center; gap:20px; font-family:monospace; color:#ffffff; margin: 15px 0;\">\n <div><span id=\"js-days\" style=\"font-size:24px; font-weight:700; color:#ffcc00;\">00<\/span><p style=\"font-size:9px; margin:5px 0 0 0; color:#aaa; letter-spacing:1px;\">DAYS<\/p><\/div>\n <div><span style=\"font-size:24px; font-weight:700; color:#ffcc00;\">:<\/span><\/div>\n <div><span id=\"js-hours\" style=\"font-size:24px; font-weight:700; color:#ffffff;\">00<\/span><p style=\"font-size:9px; margin:5px 0 0 0; color:#aaa; letter-spacing:1px;\">HOURS<\/p><\/div>\n <div><span style=\"font-size:24px; font-weight:700; color:#ffcc00;\">:<\/span><\/div>\n <div><span id=\"js-minutes\" style=\"font-size:24px; font-weight:700; color:#ffffff;\">00<\/span><p style=\"font-size:9px; margin:5px 0 0 0; color:#aaa; letter-spacing:1px;\">MINS<\/p><\/div>\n <div><span style=\"font-size:24px; font-weight:700; color:#ffcc00;\">:<\/span><\/div>\n <div><span id=\"js-seconds\" style=\"font-size:24px; font-weight:700; color:#ffffff;\">00<\/span><p style=\"font-size:9px; margin:5px 0 0 0; color:#aaa; letter-spacing:1px;\">SECS<\/p><\/div>\n <\/div>\n \n <!-- PROJECT TITLE & DESCRIPTION -->\n <h2 id=\"js-cinema-main-dynamic-title\" style=\"font-size:26px; color:#ffffff; letter-spacing:3px; font-weight:600; text-transform:uppercase; margin:20px 0 20px 0;\">IS THIS YOUR HOME?<\/h2>\n <p id=\"js-cinema-proj-desc\" style=\"font-size:14px; color:#aaaaaa; line-height:1.8; max-width:540px; margin:0 auto 35px; font-weight: 300; letter-spacing: 0.5px;\">Our new documentary film project based on belonging, space, and memory is coming soon.<\/p>\n \n <!-- LOCAL MP4 VIDEO PLAYER CONTAINER -->\n <div class=\"cyyah-video-wrapper\" id=\"js-cinema-target-wrapper\" style=\"position: relative; width: 100%; padding-bottom: 56.25%; height: 0; background: #000; margin-bottom: 30px;\">\n <video id=\"js-local-cinema-player\" controls playsinline preload=\"auto\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;\">\n <source src=\"https:\/\/cyyah.be\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n\n <!-- SINGLE HERO ACTION LINK BUTTON -->\n <div class=\"cyyah-video-selector-container\" style=\"display: flex; justify-content: center; margin-top: 20px;\">\n <button class=\"js-cinema-vid-btn\" data-video-index=\"0\" style=\"background: rgba(255,204,0,0.1); border: 1px solid #ffcc00; color: #ffcc00; padding: 12px 28px; font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 2px; cursor: pointer; transition: all 0.3s; text-transform: uppercase; font-weight: 600;\">01. IS THIS YOUR HOME?<\/button>\n <\/div>\n <\/div>\n\n <!-- \ud83c\udfa5 GENERAL FILMS & DOCUMENTARIES HEADER -->\n <div style=\"text-align:center; max-width:700px; margin: 0 auto 40px auto; padding:0 10px;\">\n <h2 id=\"js-cinema-main-title\" style=\"font-size:22px; color:#ffffff; letter-spacing:4px; font-weight:600; text-transform:uppercase; margin-bottom:20px;\">FILMS & DOCUMENTARIES<\/h2>\n <p id=\"js-cinema-main-desc\" style=\"font-size:14px; color:#aaaaaa; line-height:1.9; font-weight:400; letter-spacing:0.5px;\">\"From short to feature length, we uncover deep cinematic narratives. We capture human movement and existential questions with a narrative stripped of excesses, focusing on pure naturalness and the soul's journey.\"<\/p>\n <\/div>\n\n <!-- VISION & MISSION MATRIX -->\n <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:40px; text-align:left; margin-bottom:60px; padding:0 10px;\">\n <div style=\"border-left: 2px solid #ffcc00; padding-left: 20px;\">\n <h3 style=\"font-size:12px; color:#ffcc00; letter-spacing:4px; margin-top:0;\">VISION<\/h3>\n <p style=\"font-size:14px; color:#ffffff; line-height:1.7; margin:0;\">To transform narrative from a mere visual experience into a profound process of discovery where everyone is invited to question their own life journey. Through our projects that trace the path of universal movement, we are building an inspiring cinematic school that embraces everything from social issues to individual struggles, illuminating the world with a positive perspective.<\/p>\n <\/div>\n <div style=\"border-left: 2px solid #ffcc00; padding-left: 20px;\">\n <h3 style=\"font-size:12px; color:#ffcc00; letter-spacing:4px; margin-top:0;\">MISSION<\/h3>\n <p style=\"font-size:14px; color:#ffffff; line-height:1.7; margin:0;\">Drawing from the fundamental truth that every being in the universe finds life through movement, we narrate humanity\u2019s existential questions of 'whence, whither, and why.' From short films and documentaries to fictional features and all our productions, we trace the cinematic footprints of movement and change. We mirror the milestones of the human journey\u2014from a child\u2019s curiosity to an immigrant\u2019s hope, from a homeless person\u2019s refuge to a climber\u2019s adventure.<\/p>\n <\/div>\n <\/div>\n\n<!-- \ud83d\udd17 D\u0130NAM\u0130K YEREL V\u0130DEO TET\u0130KLEY\u0130C\u0130 CINEMA L\u0130NKLER\u0130 (BUTONLAR KALDIRILDI) -->\n<div style=\"text-align:center; padding-top:40px; border-top:1px dashed rgba(255,255,255,0.05); margin-bottom:40px;\">\n <span style=\"font-size:10px; color:#ffffff; opacity:0.4; letter-spacing:3px; font-weight:600; text-transform:uppercase; display:block; margin-bottom:20px;\">\u2726 OUR UPCOMING PROJECTS \u2726<\/span>\n <div class=\"cyyah-cinema-nav\" style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;\">\n \n <!-- SCREEN 1 BUTTON -->\n <a href=\"javascript:void(0);\" class=\"js-top-cinema-link\" data-video-index=\"0\" style=\"color: #ffcc00; text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; transition: all 0.3s; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.01);\">\u2726 17 march 2017<\/a>\n\n <!-- SCREEN 2 BUTTON -->\n <a href=\"javascript:void(0);\" class=\"js-top-cinema-link\" data-video-index=\"1\" style=\"color: #ffffff; text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; transition: all 0.3s; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.01);\">\u2726 COMING SOON<\/a>\n\n <!-- SCREEN 3 BUTTON -->\n <a href=\"javascript:void(0);\" class=\"js-top-cinema-link\" data-video-index=\"2\" style=\"color: #ffffff; text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; transition: all 0.3s; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.01);\">\u2726 COMING SOON<\/a>\n\n <\/div>\n<\/div>\n\n <!-- \ud83e\udded CINEMA PRESTIGE MINIMALIST CONTACT FOOTER -->\n <div style=\"margin-top: 80px; padding-top: 50px; border-top: 1px solid rgba(255, 255, 255, 0.03); width: 100%;\">\n <div class=\"cyyah-prestige-contact-grid\">\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Studio Address<\/span>\n <div class=\"cyyah-contact-value\">Voltaire Street 120 - 1030 Brussels, Belgium<\/div>\n <\/div>\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Inquiries<\/span>\n <div class=\"cyyah-contact-value\"><a href=\"mailto:info@cyyah.be\">info@cyyah.be<\/a><\/div>\n <\/div>\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Regulatory ID<\/span>\n <div class=\"cyyah-contact-value\">TVA BE 1038.545.841<\/div>\n <\/div>\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Direct Line<\/span>\n <div class=\"cyyah-contact-value\"><a href=\"tel:0032492420706\">00 32 492.42.07.06<\/a><\/div>\n <\/div>\n <\/div>\n <div style=\"text-align: center; margin-top: 40px;\">\n <p class=\"cyyah-pure-copyright\" style=\"border:none; padding:0; display:inline-block;\">\u00a9 2026 CYYAH STUDIOS. ALL RIGHTS RESERVED.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n <!-- \ud83d\udcfa PART 15-A: COMMERCIAL CORE & SHOWREEL -->\n<div class=\"cyyah-menu-item cyyah-item-reklam\" id=\"js-reklam-item\">\n <div class=\"cyyah-national-yellow-bar\"><\/div>\n <div class=\"cyyah-item-inner\" id=\"js-reklam-trigger\">\n <span class=\"cyyah-item-icon\">\ud83d\udcfa<\/span>\n <h2 class=\"cyyah-item-title\">COMMERCIAL<\/h2>\n <span class=\"cyyah-item-arrow\">\u25b7<\/span>\n <\/div>\n\n <div class=\"cyyah-panel-content-area\" id=\"js-reklam-panel\">\n <div class=\"cyyah-inner-padding\">\n \n <!-- \ud83d\udd17 D\u0130NAM\u0130K L\u0130NKLER (BUTONLAR KALDIRILDI) -->\n <div style=\"text-align:center; padding-bottom:35px; border-bottom:1px dashed rgba(255,255,255,0.05); margin-bottom:35px;\">\n <span style=\"font-size:10px; color:#ffcc00; opacity:0.8; letter-spacing:3px; font-weight:600; text-transform:uppercase; display:block; margin-bottom:20px;\">\u2726 THE EQUIPMENT WE USE & MEDIA LINKS \u2726<\/span>\n <div class=\"cyyah-commercial-nav\" style=\"display: flex; justify-content: center; gap: 25px; flex-wrap: wrap;\">\n <a href=\"javascript:void(0);\" class=\"js-commercial-link\" data-comm-index=\"0\" style=\"color: #ffcc00; text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.01); transition: all 0.3s;\">\u2726 COMMERCIAL I: SONY FX3<\/a>\n <a href=\"javascript:void(0);\" class=\"js-commercial-link\" data-comm-index=\"1\" style=\"color: #ffffff; text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.01); transition: all 0.3s;\">\u2726 COMMERCIAL II: DJI MAVIC 4 PRO<\/a>\n <a href=\"javascript:void(0);\" class=\"js-commercial-link\" data-comm-index=\"2\" style=\"color: #ffffff; text-decoration: none; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.01); transition: all 0.3s;\">\u2726 COMMERCIAL III: INSTA 360 X5<\/a>\n <\/div>\n <\/div>\n \n <!-- LOCAL MP4 PLAYER (ORTAM K\u00dcT\u00dcPHANES\u0130 UYUMLU) -->\n <div class=\"cyyah-video-hero\" style=\"position: relative; width: 100%; padding-bottom: 56.25%; height: 0; background: #000; margin-bottom: 40px;\">\n <video id=\"js-local-commercial-player\" controls playsinline preload=\"auto\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;\">\n <source src=\"\" type=\"video\/mp4\">\n Your browser does not support the video tag.\n <\/video>\n <\/div>\n\n <!-- 3 CORE BUSINESS CONCEPTS MATRIX -->\n <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:40px; text-align:left; margin-bottom:80px; padding:0 10px;\">\n <div style=\"border-top: 1px solid rgba(255,255,255,0.1); padding-top: 25px;\">\n <h3 id=\"js-comm-service-t1\" style=\"font-size:13px; color:#ffffff; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0; line-height:1.4;\">TECHNOLOGICAL DEPTH<br><span style='color:#ffcc00; font-size:11px;'>(DRONE & 360\u00b0)<\/span><\/h3>\n <p id=\"js-comm-service-d1\" style=\"font-size:13px; color:#aaaaaa; line-height:1.8; margin:0; letter-spacing:0.5px;\">\"A holistic experience for your real estate, tourism, or commercial projects. Thanks to advanced technology, we offer a 'real stop' that allows you to discover the spirit and architecture of a place from afar.\"<\/p>\n <\/div>\n <div style=\"border-top: 1px solid rgba(255,255,255,0.1); padding-top: 25px;\">\n <h3 id=\"js-comm-service-t2\" style=\"font-size:13px; color:#ffffff; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0; line-height:1.4;\">ADVERTISING & BRAND<br><span style='color:#ffcc00; font-size:11px;'>IDENTITY<\/span><\/h3>\n <p id=\"js-comm-service-d2\" style=\"font-size:13px; color:#aaaaaa; line-height:1.8; margin:0; letter-spacing:0.5px;\">\"Visual content production stripped of any 'noise'. We translate your brand's reason for being into simple, inclusive, and striking images that turn mental discovery into concrete action.\"<\/p>\n <\/div>\n <div style=\"border-top: 1px solid rgba(255,255,255,0.1); padding-top: 25px;\">\n <h3 id=\"js-comm-service-t3\" style=\"font-size:13px; color:#ffffff; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0; line-height:1.4;\">POST-PRODUCTION &<br><span style='color:#ffcc00; font-size:11px;'>TEASERS<\/span><\/h3>\n <p id=\"js-comm-service-d3\" style=\"font-size:13px; color:#aaaaaa; line-height:1.8; margin:0; letter-spacing:0.5px;\">\"An aesthetic and minimalist touch to maximize the impact of your projects. We transform your raw footage into a fluid digital journey where every editing move serves only the core of your message.\"<\/p>\n <\/div>\n <\/div>\n <!-- \ud83c\udfa5 PART 17: GEAR, SOFTWARE, COMPLIANCE & LEGAL SAFETY -->\n <div style=\"margin-top:60px; margin-bottom:60px; padding:40px 20px; background-color:rgba(255,255,255,0.01); border: 1px solid rgba(245,197,24,0.05); width:100%; box-sizing:border-box;\">\n <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:30px; text-align:left;\">\n <div>\n <h3 id=\"js-gear-cat-1\" style=\"font-size:12px; color:#ffcc00; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0;\">01 . CINEMA RIGS<\/h3>\n <ul id=\"js-gear-list-1\" style=\"list-style:none; padding:0; margin:0; font-size:13px; color:#aaaaaa; line-height:2.2;\">\n <li>\u2726 Sony FX3 Cinema Line Camera<\/li>\n <li>\u2726 Professional Cage & Tilta Rig Ecosystem<\/li>\n <li>\u2726 Dual-Gain Native ISO Calibration Systems<\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 id=\"js-gear-cat-2\" style=\"font-size:12px; color:#ffcc00; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0;\">02 . OPTICS & LENSES<\/h3>\n <ul id=\"js-gear-list-2\" style=\"list-style:none; padding:0; margin:0; font-size:13px; color:#aaaaaa; line-height:2.2;\">\n <li>\u2726 Sony G-Master Premium Prime Lenses<\/li>\n <li>\u2726 Anamorphic Doku & Cine Filter Bundles<\/li>\n <li>\u2726 Wireless Follow Focus Puller Systems<\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 id=\"js-gear-cat-3\" style=\"font-size:12px; color:#ffcc00; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0;\">03 . AERIAL & TECH<\/h3>\n <ul id=\"js-gear-list-3\" style=\"list-style:none; padding:0; margin:0; font-size:13px; color:#aaaaaa; line-height:2.2;\">\n <li>\u2726 DJI Mavic 4 Pro (Cine Edition)<\/li>\n <li>\u2726 Insta360 X5 Immersive 8K VR Camera<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:40px; text-align:left; margin-top:40px; border-top:1px dashed rgba(255,255,255,0.05); padding-top:40px;\">\n <div>\n <h3 id=\"js-soft-title\" style=\"font-size:12px; color:#ffcc00; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0;\">SOFTWARE SUITE<\/h3>\n <ul id=\"js-soft-list\" style=\"list-style:none; padding:0; margin:0; font-size:13px; color:#aaaaaa; line-height:2.2;\">\n <li>\u2726 DaVinci Resolve Studio (Advanced Color Grading)<\/li>\n <li>\u2726 Final Cut Pro (Fluid Narrative Editing)<\/li>\n <li>\u2726 Adobe Premiere & After Effects Professional Suite<\/li>\n <\/ul>\n <\/div>\n <div>\n <h3 id=\"js-permit-title\" style=\"font-size:12px; color:#ffcc00; letter-spacing:3px; font-weight:700; text-transform:uppercase; margin:0 0 15px 0;\">PERMITS & COMPLIANCE<\/h3>\n <ul id=\"js-permit-list\" style=\"list-style:none; padding:0; margin:0; font-size:13px; color:#aaaaaa; line-height:2.2;\">\n <li>\u2726 EASA European Commercial UAS Operating License<\/li>\n <li>\u2726 Class 1 & Class 2 Controlled Airspace Flight Permits<\/li>\n <li>\u2726 GDPR Compliance & Corporate NDA Protocols<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- OFFICIAL EASA LICENSES & REGULATORY INSURANCE OVERLAY -->\n <div style=\"margin-top: 40px; padding-top: 40px; border-top: 1px dashed rgba(245,197,24,0.15); width: 100%;\">\n <span id=\"js-easa-badge\" style=\"font-size:10px; color:#ffcc00; letter-spacing:4px; font-weight:700; display:block; margin-bottom:20px; text-transform:uppercase; text-align:center;\">\u2726 EASA EUROPEAN AIRSPACE CERTIFICATION \u2726<\/span>\n <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:30px;\">\n <div style=\"background: rgba(255,255,255,0.01); border: 1px solid rgba(255,255,255,0.03); padding: 25px; border-radius: 4px; text-align: left;\">\n <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 15px;\">\n <div style=\"font-size: 24px; color: #ffcc00;\">\ud83c\uddea\ud83c\uddfa<\/div>\n <h4 id=\"js-legal-lic-title\" style=\"font-size: 14px; color: #ffffff; letter-spacing: 2px; margin: 0; font-weight: 600; text-transform: uppercase;\">EU FLIGHT LICENSES & OFFICIAL GUARANTEES<\/h4>\n <\/div>\n <p id=\"js-legal-lic-desc\" style=\"font-size: 13px; color: #aaaaaa; line-height: 1.8; margin-bottom: 20px;\">Fully certified with official EASA Open Category A1-A3 and Specific Category A2 commercial drone pilot licenses. Authorized for legal operations across Belgium and the EU.<\/p>\n <div style=\"display: flex; gap: 15px; flex-wrap: wrap;\">\n <a href=\"https:\/\/belgium.be\" target=\"_blank\" style=\"font-size: 11px; color: #ffcc00; text-decoration: none; border-bottom: 1px solid #ffcc00; padding-bottom: 2px;\">FPS Mobility \u2197<\/a>\n <a href=\"https:\/\/europa.eu\" target=\"_blank\" style=\"font-size: 11px; color: #ffcc00; text-decoration: none; border-bottom: 1px solid #ffcc00; padding-bottom: 2px;\">EASA Register \u2197<\/a>\n <\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.01); border: 1px solid rgba(255,255,255,0.03); padding: 25px; border-radius: 4px; text-align: left;\">\n <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 15px;\">\n <div style=\"font-size: 24px; color: #ffcc00;\">\ud83d\udee1\ufe0f<\/div>\n <h4 id=\"js-legal-ins-title\" style=\"font-size: 14px; color: #ffffff; letter-spacing: 2px; margin: 0; font-weight: 600; text-transform: uppercase;\">LIABILITY INSURANCE COVERAGE<\/h4>\n <\/div>\n <p id=\"js-legal-ins-desc\" style=\"font-size: 13px; color: #aaaaaa; line-height: 1.8; margin-bottom: 20px;\">Every operation is backed by high-limit, third-party global aviation liability insurance. Ultimate legal and financial protection for commercial assets.<\/p>\n <div style=\"display: flex; gap: 15px;\"><span style=\"font-size: 10px; color: #666666; letter-spacing: 1px; border: 1px solid rgba(255,255,255,0.1); padding: 4px 10px; border-radius: 2px; text-transform: uppercase;\">\u2022 GLOBAL LIABILITY COVERED<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <!-- \ud83d\udcdc PART 18: COMMERCIAL VISION, MISSION, GALLERY & PRESTIGE FOOTER -->\n <div style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:40px; text-align:left; margin-bottom:70px; padding:0 10px;\">\n <div style=\"border-left: 2px solid #ffcc00; padding-left: 20px;\"><h3 style=\"font-size:12px; color:#ffcc00; letter-spacing:4px;\">COMMERCIAL VISION<\/h3><p style=\"font-size:14px; color:#ffffff; line-height:1.7;\">To create timeless stories by merging analog cinema texture with digital dynamics.<\/p><\/div>\n <div style=\"border-left: 2px solid #ffcc00; padding-left: 20px;\"><h3 style=\"font-size:12px; color:#ffcc00; letter-spacing:4px;\">MARKETING MISSION<\/h3><p style=\"font-size:14px; color:#ffffff; line-height:1.7;\">To leave deep and lasting emotional impressions on the audience by stripping away the noise.<\/p><\/div>\n <\/div>\n\n <div style=\"text-align:center; margin-top:30px; padding:50px 10px 10px; border-top:1px dashed rgba(245,197,24,0.3);\">\n <span style=\"font-size:10px; color:#ffcc00; letter-spacing:5px; font-weight:700; text-transform:uppercase; display:block; margin-bottom:15px;\">\u2726 COMMERCIAL SELECTION \u2726<\/span>\n <h2 style=\"font-size:26px; color:#ffffff; letter-spacing:3px; font-weight:600; text-transform:uppercase; margin:0 0 20px 0;\">BRAND STORIES<\/h2>\n <p id=\"js-reklam-proj-desc\" style=\"font-size:14px; color:#aaaaaa; line-height:1.8; max-width:540px; margin:0 auto 35px; letter-spacing: 2px; font-weight: 300;\">We are here very soon.<\/p>\n <div class=\"cyyah-video-wrapper\"><iframe src=\"\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n <\/div>\n\n <!-- \ud83e\udded COMMERCIAL PRESTIGE MINIMALIST CONTACT FOOTER -->\n <div style=\"margin-top: 100px; padding-top: 50px; border-top: 1px solid rgba(255, 255, 255, 0.03); width: 100%;\">\n <div class=\"cyyah-prestige-contact-grid\">\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Studio Address<\/span>\n <div class=\"cyyah-contact-value\">Voltaire Street 120 - 1030 Brussels, Belgium<\/div>\n <\/div>\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Inquiries<\/span>\n <div class=\"cyyah-contact-value\"><a href=\"mailto:info@cyyah.be\">info@cyyah.be<\/a><\/div>\n <\/div>\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Regulatory ID<\/span>\n <div class=\"cyyah-contact-value\">TVA BE 1038.545.841<\/div>\n <\/div>\n <div class=\"cyyah-contact-item\">\n <span class=\"cyyah-contact-label\">Direct Line<\/span>\n <div class=\"cyyah-contact-value\"><a href=\"tel:0032492420706\">00 32 492.42.07.06<\/a><\/div>\n <\/div>\n <\/div>\n <div style=\"text-align: center; margin-top: 40px;\">\n <p class=\"cyyah-pure-copyright\" style=\"border:none; padding:0; display:inline-block;\">\u00a9 2026 CYYAH STUDIOS. ALL RIGHTS RESERVED.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <\/div> <!-- Split Menu Closing -->\n<!-- \ud83c\udfc1 PART 19: CYYAH WRAPPER END BOUNDARY -->\n<\/div>\n\n<script>\n\/* \u2699\ufe0f PART 20 (A): DATA MATRIX & VIDEO CONTROLLER *\/\n(function() {\n var structuralElements = document.querySelectorAll(\n 'footer, .qodef-page-footer, #qodef-page-footer, ' +\n '.qodef-contact-form, .contact-holder, #contact'\n );\n structuralElements.forEach(function(el) { \n if (el) { el.style.setProperty('display', 'none', 'important'); } \n });\n\n \/* \ud83c\udf7f 1. CINEMA (.mp4) LINK HAVUZU (Buradaki t\u0131rnaklar\u0131n i\u00e7ine kendi linklerini yap\u0131\u015ft\u0131r) *\/\n var CINEMA_VIDEO_LIST = [\n {\n videoUrl: \"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/08\/is-this-your-home.mp4\", \n title: \"IS THIS YOUR HOME?\",\n desc: \"Our new documentary film project based on belonging, space, and memory.\",\n badge: \"\u2726 COMING SOON \u2726\"\n },\n {\n videoUrl: \"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/05\/videoplayback.mp4\",\n title: \"24 hours in Switzerland\",\n desc: \"The man who explored Switzerland all by himself in 24 hours!\",\n badge: \"\u2726 com\u0131ng soon \u2726\"\n },\n {\n videoUrl: \"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/videoplayback-2.mp4\",\n title: \"Evolution\",\n desc: \"In life, every spring comes after a break.\",\n badge: \"\u2726 com\u0131ng soon \u2726\"\n }\n ];\n\n \/* \ud83d\udcfa 2. COMMERCIAL (.mp4) LINK HAVUZU (Buradaki t\u0131rnaklar\u0131n i\u00e7ine kendi linklerini yap\u0131\u015ft\u0131r) *\/\n var COMMERCIAL_VIDEO_LIST = [\n \"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/videoplayback-3.mp4\", \n \"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/videoplayback-6.mp4\",\n \"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/videoplayback-8.mp4\"\n ];\n\n function switchCinemaVideo(index) {\n var videoData = CINEMA_VIDEO_LIST[index];\n if (!videoData) return;\n\n var videoPlayer = document.getElementById('js-local-cinema-player');\n var cinemaTitle = document.getElementById('js-cinema-main-dynamic-title');\n var cinemaDesc = document.getElementById('js-cinema-proj-desc');\n var cinemaBadge = document.getElementById('js-countdown-badge');\n\n if (videoPlayer) {\n videoPlayer.src = videoData.videoUrl;\n videoPlayer.load();\n }\n if (cinemaTitle) cinemaTitle.textContent = videoData.title;\n if (cinemaDesc) cinemaDesc.textContent = videoData.desc;\n if (cinemaBadge) cinemaBadge.textContent = videoData.badge;\n\n document.querySelectorAll('.js-top-cinema-link').forEach(function(link, i) {\n if (i == index) { link.style.setProperty('color', '#ffcc00', 'important'); } \n else { link.style.setProperty('color', '#ffffff', 'important'); }\n });\n\n var mainBtn = document.querySelector('.js-cinema-vid-btn');\n if (mainBtn) {\n if (index === 0) {\n mainBtn.style.background = 'rgba(255,204,0,0.1)';\n mainBtn.style.borderColor = '#ffcc00';\n mainBtn.style.color = '#ffcc00';\n } else {\n mainBtn.style.background = 'rgba(255,255,255,0.03)';\n mainBtn.style.borderColor = 'rgba(255,255,255,0.1)';\n mainBtn.style.color = '#ffffff';\n }\n }\n }\n\n function switchCommercialVideo(index) {\n var videoUrl = COMMERCIAL_VIDEO_LIST[index];\n if (!videoUrl) return;\n\n var commPlayer = document.getElementById('js-local-commercial-player');\n if (commPlayer) {\n commPlayer.src = videoUrl;\n commPlayer.load();\n }\n\n document.querySelectorAll('.js-commercial-link').forEach(function(link, i) {\n if (i == index) { link.style.setProperty('color', '#ffcc00', 'important'); } \n else { link.style.setProperty('color', '#ffffff', 'important'); }\n });\n }\n\n function safeInjectVideos(type) {\n if (type === 'cinema') { switchCinemaVideo(0); }\n if (type === 'commercial') { switchCommercialVideo(0); }\n }\n\n function safeClearVideos() {\n var videoPlayerCinema = document.getElementById('js-local-cinema-player');\n var videoPlayerComm = document.getElementById('js-local-commercial-player');\n if (videoPlayerCinema) { videoPlayerCinema.src = \"\"; }\n if (videoPlayerComm) { videoPlayerComm.src = \"\"; }\n }\n\n document.addEventListener('click', function(e) {\n if (e.target && (e.target.classList.contains('js-top-cinema-link') || e.target.classList.contains('js-cinema-vid-btn'))) {\n var idx = e.target.getAttribute('data-video-index');\n if (idx !== null) switchCinemaVideo(parseInt(idx));\n }\n if (e.target && e.target.classList.contains('js-commercial-link')) {\n var cIdx = e.target.getAttribute('data-comm-index');\n if (cIdx !== null) switchCommercialVideo(parseInt(cIdx));\n }\n });\n\/* \u2699\ufe0f PART 20 (B): CORE ACTION FLOW & LAYOUT ACTIONS *\/\n function executeFinalSplit() {\n if (creamScreen) { \n creamScreen.style.transform = 'translateY(-100%)'; \n setTimeout(function() { creamScreen.style.visibility = 'hidden'; }, 600); \n }\n if (skipBtn) { skipBtn.style.display = 'none'; }\n if (splitMenu) { splitMenu.classList.add('is-open'); }\n if (wrapper) { wrapper.classList.add('menu-is-open'); }\n }\n\n var wrapper = document.getElementById('js-cyyah-wrapper');\n var logoTrigger = document.getElementById('js-logo-trigger');\n var mainLogo = document.getElementById('js-main-logo');\n var hintText = document.getElementById('js-hint-text');\n var manifestoFlow = document.getElementById('js-manifesto-flow');\n var finalSplitTrigger = document.getElementById('js-final-split-trigger');\n var creamScreen = document.getElementById('js-clean-intro');\n var splitMenu = document.getElementById('js-clean-menu');\n var skipBtn = document.getElementById('js-clean-skip');\n var backBtn = document.getElementById('js-back-btn');\n\n var cinemaItem = document.getElementById('js-cinema-item');\n var cinemaTrigger = document.getElementById('js-cinema-trigger');\n var reklamItem = document.getElementById('js-reklam-item');\n var reklamTrigger = document.getElementById('js-reklam-trigger');\n\n var navCinema = document.getElementById('js-nav-cinema');\n var navCommercial = document.getElementById('js-nav-commercial');\n var cinematicHeader = document.getElementById('js-cinematic-header');\n var topControls = document.getElementById('js-top-controls');\n\n if (navCinema) { \n navCinema.addEventListener('click', function(e) { \n e.preventDefault(); executeFinalSplit(); \n setTimeout(function() { if (cinemaTrigger) cinemaTrigger.click(); }, 600); \n }); \n }\n if (navCommercial) { \n navCommercial.addEventListener('click', function(e) { \n e.preventDefault(); executeFinalSplit(); \n setTimeout(function() { if (reklamTrigger) reklamTrigger.click(); }, 600); \n }); \n }\n\n if (logoTrigger) { \n logoTrigger.addEventListener('click', function() { \n if (mainLogo) mainLogo.classList.remove('cyyah-heartbeat-animation'); \n if (hintText) hintText.style.opacity = '0'; \n if (manifestoFlow) manifestoFlow.classList.add('reveal'); \n logoTrigger.style.margin = \"10vh auto 2vh\"; \n if (cinematicHeader) { cinematicHeader.style.opacity = \"1\"; cinematicHeader.style.visibility = \"visible\"; }\n if (topControls) { topControls.style.opacity = \"1\"; topControls.style.visibility = \"visible\"; }\n }); \n }\n\n var sCards = document.querySelectorAll('.js-step-card');\n sCards.forEach(function(card) { \n card.addEventListener('click', function() { \n var sId = this.getAttribute('data-step'); \n var tD = document.getElementById('js-details-' + sId); \n if (tD) tD.classList.toggle('is-active'); \n }); \n });\n\n if (cinemaTrigger && cinemaItem) { \n cinemaTrigger.addEventListener('click', function(e) { \n e.preventDefault(); cinemaItem.classList.add('is-expanded'); \n if (reklamItem) { reklamItem.style.display = 'none'; } safeInjectVideos('cinema'); \n }); \n }\n if (reklamTrigger && reklamItem) { \n reklamTrigger.addEventListener('click', function(e) { \n e.preventDefault(); reklamItem.classList.add('is-expanded'); \n if (cinemaItem) { cinemaItem.style.display = 'none'; } safeInjectVideos('commercial'); \n }); \n }\n\n if (backBtn) {\n backBtn.addEventListener('click', function() {\n if (cinemaItem && cinemaItem.classList.contains('is-expanded')) { \n cinemaItem.classList.remove('is-expanded'); \n if (reklamItem) { reklamItem.style.display = 'flex'; } \n cinemaItem.scrollTop = 0; safeClearVideos(); \n } \n else if (reklamItem && reklamItem.classList.contains('is-expanded')) { \n reklamItem.classList.remove('is-expanded'); \n if (cinemaItem) { cinemaItem.style.display = 'flex'; } \n reklamItem.scrollTop = 0; safeClearVideos(); \n } \n else { \n if (splitMenu) { splitMenu.classList.remove('is-open'); } \n if (skipBtn) { skipBtn.style.display = 'block'; } \n if (creamScreen) { creamScreen.style.visibility = 'visible'; creamScreen.style.transform = 'translateY(0)'; } \n }\n });\n }\n\n if (finalSplitTrigger) finalSplitTrigger.addEventListener('click', executeFinalSplit);\n if (skipBtn) skipBtn.addEventListener('click', executeFinalSplit);\n\n \/\/ Geri say\u0131m motoru kesin olarak 17 March 2027 tarihine senkronize edildi\n function startCyyahCountdown() {\n var targetDate = new Date(\"MARCH 17, 2027 00:00:00\").getTime();\n var interval = setInterval(function() {\n var now = new Date().getTime(); var difference = targetDate - now;\n var d = Math.floor(difference \/ (1000 * 60 * 60 * 24)); \n var h = Math.floor((difference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n var m = Math.floor((difference % (1000 * 60 * 60)) \/ (1000 * 60)); \n var s = Math.floor((difference % (1000 * 60)) \/ 1000);\n var dEl = document.getElementById(\"js-days\"); \n var hEl = document.getElementById(\"js-hours\"); \n var mEl = document.getElementById(\"js-minutes\"); \n var sEl = document.getElementById(\"js-seconds\");\n if (dEl) dEl.textContent = d < 10 ? \"0\" + d : d; \n if (hEl) hEl.textContent = h < 10 ? \"0\" + h : h; \n if (mEl) mEl.textContent = m < 10 ? \"0\" + m : m; \n if (sEl) sEl.textContent = s < 10 ? \"0\" + s : s;\n if (difference < 0) { \n clearInterval(interval); \n var bEl = document.getElementById(\"js-countdown-badge\"); \n if (bEl) bEl.textContent = \"\u2726 OUT march 17 2027 00.00.00NOW \u2726\"; \n }\n }, 1000);\n }\n startCyyahCountdown();\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9705be7 e-flex e-con-boxed e-con e-parent\" data-id=\"9705be7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-761d844 elementor-widget elementor-widget-google_maps\" data-id=\"761d844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=avenue%20voltaire%20120&t=m&z=7&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"avenue voltaire 120\"\n\t\t\t\t\taria-label=\"avenue voltaire 120\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2313f05 e-flex e-con-boxed e-con e-parent\" data-id=\"2313f05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d6e5de elementor-widget elementor-widget-html\" data-id=\"3d6e5de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"google\" content=\"notranslate\">\n <title>CYYAH | Welcome<\/title>\n <link href=\"https:\/\/googleapis.com\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<!-- K\u0130NET\u0130K Z\u0130NC\u0130RLEME S\u0130NEMAT\u0130K INTRO S\u0130STEM\u0130 (SES ENTEGREL\u0130 & EKSTRA YAVA\u015e) -->\n<div id=\"cyyah-ultimate-perde\">\n <div class=\"cyyah-ultimate-box\">\n \n <!-- \u23f0 1. A\u015eAMA: RETRO S\u0130NEMA BA\u015eLATMA BUTONU VE SAYA\u00c7 -->\n <div id=\"cyyah-sys-countdown\" onclick=\"startCyyahIntro()\">\n <div class=\"cyyah-sys-circle\"><\/div>\n <span id=\"cyyah-sys-count\"><svg viewBox=\"0 0 24 24\" width=\"36\" height=\"36\" fill=\"#F5C518\" style=\"margin-top:42px; margin-left:5px;\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/span>\n <\/div>\n \n <!-- \ud83c\udfac 2. A\u015eAMA: \u015e\u0130RKET ADI JENER\u0130\u011e\u0130 (S\u00dcPER YAVA\u015e G\u0130R\u0130\u015e) -->\n <h1 class=\"cyyah-stage-title\" style=\"display: none;\">CYYAH STUDIOS PRESENTS<\/h1>\n\n <!-- \ud83d\udcc4 3. A\u015eAMA: DEV MAN\u0130FESTO METN\u0130 (D\u00dcZ VE BAS\u0130T) -->\n <p class=\"cyyah-stage-manifesto\" style=\"display: none;\">\n CYYAH STUDIOS WAS BORN FROM THE DESIRE<br>\n TO MOVE AWAY FROM CHAOS AND EXCESS, RETURNING TO<br>\n THE PURE NATURALNESS OF THE STORY\n <\/p>\n\n <\/div>\n<\/div>\n\n<!-- \ud83c\udfb5 SES DOSYALARI ALTYAPISI -->\n<audio id=\"cyyah-click-audio\" src=\"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/mixkit-clock-countdown-bleeps-916.wav\" preload=\"auto\"><\/audio>\n<audio id=\"cyyah-intro-audio\" src=\"https:\/\/cyyah.be\/wp-content\/uploads\/2026\/06\/rockot-cinematic-ambient-piano-184582.mp3\" preload=\"auto\" loop><\/audio>\n\n<script>\ndocument.documentElement.style.setProperty('overflow', 'hidden', 'important');\ndocument.body.style.setProperty('overflow', 'hidden', 'important');\n\nvar peliculaElements = document.querySelectorAll('header, .qodef-page-header, #qodef-page-header, .qodef-mobile-header, .qodef-header-navigation, .qodef-opener-icon, .qodef-m-preloader');\npeliculaElements.forEach(function(el) {\n if (el) el.style.setProperty('display', 'none', 'important');\n});\n\nvar introStarted = false;\n\n\/\/ \ud83d\udd0a Sesi Yava\u015f\u00e7a Y\u00fckseltme Fonksiyonu (Fade-in Efekti)\nfunction fadeInAudio(audioElement, duration) {\n audioElement.volume = 0;\n audioElement.play().catch(function(e) { console.log(\"M\u00fczik ba\u015flat\u0131lamad\u0131:\", e); });\n \n var targetVolume = 0.8; \n var speed = 0.05; \n var stepTime = duration \/ (targetVolume \/ speed);\n \n var fadeInterval = setInterval(function() {\n if (audioElement.volume < targetVolume) {\n audioElement.volume = Math.min(audioElement.volume + speed, targetVolume);\n } else {\n clearInterval(fadeInterval);\n }\n }, stepTime);\n}\n\n\/\/ \ud83d\udd0a T\u0131k Sesini Oynatma Fonksiyonu\nfunction playClickSound() {\n var clickAudio = document.getElementById('cyyah-click-audio');\n if (clickAudio) {\n clickAudio.currentTime = 0; \n clickAudio.volume = 1.0;\n clickAudio.play().catch(function(e) { console.log(\"T\u0131k sesi \u00e7al\u0131namad\u0131:\", e); });\n }\n}\n\nfunction startCyyahIntro() {\n if (introStarted) return;\n introStarted = true;\n\n var countNum = 3;\n var countElement = document.getElementById('cyyah-sys-count');\n var countdownBox = document.getElementById('cyyah-sys-countdown');\n var titleText = document.querySelector('.cyyah-stage-title');\n var manifestoText = document.querySelector('.cyyah-stage-manifesto');\n\n \/\/ 3 say\u0131s\u0131nda ilk t\u0131k sesini \u00e7al\n playClickSound();\n countElement.innerHTML = countNum;\n\n var interval = setInterval(function() {\n countNum--;\n \n if (countNum > 0) {\n if (countElement) countElement.textContent = countNum;\n playClickSound(); \/\/ 2 ve 1 say\u0131lar\u0131nda t\u0131k sesini \u00e7al\n } else {\n \/\/ \ud83d\uded1 SAYA\u00c7 B\u0130TT\u0130: D\u00f6ng\u00fcy\u00fc temizle ve t\u0131k sesini mutlak olarak durdur\n clearInterval(interval);\n \n var clickAudio = document.getElementById('cyyah-click-audio');\n if (clickAudio) {\n clickAudio.pause(); \/\/ T\u0131k sesini acilen kes\n clickAudio.currentTime = 0;\n }\n\n if (countdownBox) countdownBox.style.display = 'none';\n \n \/\/ \ud83c\udfac ANA M\u00dcZ\u0130K G\u0130R\u0130\u015e\u0130: T\u0131klama tamamen bittikten sonra yava\u015f\u00e7a m\u00fczik giriyor\n var mainAudio = document.getElementById('cyyah-intro-audio');\n if (mainAudio) {\n fadeInAudio(mainAudio, 2500); \n }\n \n \/\/ \ud83c\udfac 1. SAHNE G\u0130R\u0130\u015e\u0130\n setTimeout(function() {\n if (titleText) {\n titleText.style.setProperty('display', 'block', 'important');\n titleText.style.animation = 'nolanSuperSlowTitle 9.0s cubic-bezier(0.25, 1, 0.5, 1) forwards';\n }\n }, 500);\n\n \/\/ \ud83d\udcc4 2. SAHNE G\u0130R\u0130\u015e\u0130\n setTimeout(function() {\n if (titleText) titleText.style.setProperty('display', 'none', 'important'); \n if (manifestoText) {\n manifestoText.style.setProperty('display', 'block', 'important');\n manifestoText.style.animation = 'basitYaziGIRISCIkis 4.5s linear forwards';\n }\n }, 9500);\n\n \/\/ \ud83d\udd13 PERDEN\u0130N KALKI\u015eI\n setTimeout(function() {\n var perde = document.getElementById('cyyah-ultimate-perde');\n if (perde) {\n perde.style.opacity = '0';\n \n peliculaElements.forEach(function(el) {\n if (el) el.style.setProperty('display', '', 'important');\n });\n \n document.documentElement.style.overflow = '';\n document.body.style.overflow = '';\n \n setTimeout(function() { perde.remove(); }, 1500);\n }\n }, 14500);\n }\n }, 1000);\n}\n<\/script>\n\n<style>\n\/* S\u0130NEMA PERDES\u0130 ALTYAPISI *\/\n#cyyah-ultimate-perde {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background-color: #030303 !important; \n z-index: 2147483647 !important; \n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n overflow: hidden !important;\n opacity: 1;\n transition: opacity 1.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\n}\n\n.cyyah-ultimate-box {\n width: 100% !important;\n text-align: center !important;\n padding: 0 20px !important;\n box-sizing: border-box !important;\n}\n\n\/* RETRO S\u0130NEMA SAATI \/ BA\u015eLAT BUTONU *\/\n#cyyah-sys-countdown {\n position: relative;\n width: 120px;\n height: 120px;\n margin: 0 auto;\n cursor: pointer;\n}\n.cyyah-sys-circle {\n position: absolute;\n width: 100%;\n height: 100%;\n border: 2px solid rgba(245, 197, 24, 0.1);\n border-top: 2px solid #F5C518;\n border-radius: 50%;\n animation: sysSaatRotate 1s linear infinite;\n}\n#cyyah-sys-count {\n font-family: 'Montserrat', sans-serif;\n color: #F5C518;\n font-size: 48px;\n font-weight: 300;\n line-height: 120px;\n display: block;\n}\n@keyframes sysSaatRotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n\/* \ud83c\udfac PC \u0130\u00c7\u0130N EKSTRA YAVA\u015eLATILMI\u015e JENER\u0130K AN\u0130MASYONU *\/\n.cyyah-stage-title {\n font-family: 'Montserrat', sans-serif !important;\n color: #F5C518 !important; \n font-size: 26px !important; \n font-weight: 300 !important;\n text-transform: uppercase !important;\n margin: 0 !important;\n line-height: 1.6 !important;\n white-space: nowrap !important;\n opacity: 0;\n will-change: transform, opacity, letter-spacing, filter;\n}\n\n@keyframes nolanSuperSlowTitle {\n 0% { opacity: 0; letter-spacing: 4px; transform: scale(0.90); filter: blur(14px); }\n 40% { opacity: 1; filter: blur(0px); transform: scale(0.98); }\n 85% { opacity: 1; letter-spacing: 24px; transform: scale(1.02); filter: blur(0px); }\n 100% { opacity: 0; letter-spacing: 28px; transform: scale(1.04); filter: blur(8px); }\n}\n\n\/* \ud83d\udcc4 \u0130K\u0130NC\u0130 SAHNE: T\u00dcM C\u0130HAZLARDA D\u00dcZ MAN\u0130FESTO AYARI *\/\n.cyyah-stage-manifesto {\n font-family: 'Montserrat', sans-serif !important;\n color: #FFFFFF !important; \n font-size: 16px !important; \n font-weight: 300 !important;\n line-height: 2.6 !important;\n letter-spacing: 4px !important; \n text-transform: uppercase !important;\n margin: 0 !important;\n opacity: 0;\n}\n@keyframes basitYaziGIRISCIkis {\n 0% { opacity: 0; }\n 10% { opacity: 1; } \n 90% { opacity: 1; } \n 100% { opacity: 0; } \n}\n\n\/* \ud83d\udcf1 TELEFON VE TABLET UYUMLULU\u011eU (KIRILMA KORUMALI) *\/\n@media (max-width: 1024px) {\n .cyyah-stage-title { \n font-size: 13px !important; \n line-height: 1.4 !important;\n white-space: nowrap !important;\n }\n @keyframes nolanSuperSlowTitle {\n 0% { opacity: 0; letter-spacing: 1px; transform: scale(0.95); filter: blur(6px); }\n 40% { opacity: 1; filter: blur(0px); }\n 75% { opacity: 1; letter-spacing: 4px; transform: scale(1.01); filter: blur(0px); }\n 100% { opacity: 0; letter-spacing: 5px; transform: scale(1.02); filter: blur(5px); }\n }\n .cyyah-stage-manifesto { \n font-size: 9px !important; \n line-height: 2.2 !important;\n letter-spacing: 2px !important; \n }\n}\n\n\/* LOGO VE ARKA PLAN TEM\u0130ZL\u0130\u011e\u0130 *\/\n.qodef-header-logo-link, a.qodef-page-header-logo, .qodef-mobile-header-logo-link, .qodef-page-header-logo-inner, .qodef-logo-wrapper {\n background-color: transparent !important; padding: 0 !important; display: inline-block !important; border: none !important;\n}\n<\/style>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b0cdbb e-flex e-con-boxed e-con e-parent\" data-id=\"5b0cdbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e68a0d e-con e-atomic-element e-flexbox-base \" data-id=\"6e68a0d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6e68a0d\">\n \t\t\t\t\t\t<div style=\"width:100%; background-color: rgb(245, 245, 245); aspect-ratio: 16\/9; display: flex; align-items: center; justify-content: center;\">\n\t<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t<path d=\"M17.6902 8.92189C18.3227 8.56844 19.0991 8.58381 19.7162 8.96355L54.3829 30.2969C54.9738 30.661 55.3334 31.3059 55.3334 32C55.3334 32.6941 54.9738 33.339 54.3829 33.7031L19.7162 55.0365C19.0991 55.4162 18.3227 55.4316 17.6902 55.0781C17.0584 54.7245 16.6667 54.0574 16.6667 53.3333V10.6667L16.685 10.3984C16.7685 9.7807 17.1373 9.23132 17.6902 8.92189ZM20.6667 49.7526L49.5157 32L20.6667 14.2448V49.7526Z\" fill=\"black\" fill-opacity=\"0.54\"\/>\n\t<\/svg>\n\t<\/div>\n\t\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONTACT US info@cyyah.be Get In Touch CYYAH | Studios CINEMA COMMERCIAL Skip Intro \u25b7 Core Method STEP 01 DISCOVERY OF THE ESSENCE VIEW DETAILS We strip away the noise. Read Case Study \u2192 “We begin by diving into the true essence of a story. If you grasp the story from its profound depths, you can […]<\/p>\n","protected":false},"author":1,"featured_media":4097,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-4083","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cyyah.be\/index.php?rest_route=\/wp\/v2\/pages\/4083","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyyah.be\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyyah.be\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyyah.be\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cyyah.be\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4083"}],"version-history":[{"count":648,"href":"https:\/\/cyyah.be\/index.php?rest_route=\/wp\/v2\/pages\/4083\/revisions"}],"predecessor-version":[{"id":4987,"href":"https:\/\/cyyah.be\/index.php?rest_route=\/wp\/v2\/pages\/4083\/revisions\/4987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cyyah.be\/index.php?rest_route=\/wp\/v2\/media\/4097"}],"wp:attachment":[{"href":"https:\/\/cyyah.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}