Global Creative Studio🔒 SSL Verified

Table of Contents

• ↓ dream bigger.
• ↓ Storytelling is |
• ↓ Inspired Thinking Unstoppable Campaigns
• ↓ Featured Work
• ↓ Our Clients
• ↓ Your Next Project Begins Here
• ↓ Top Alternatives to c-istudios.com

6-Month Traffic Trend Estimate

Official Contact & Profiles

Visual representation extracted from c-istudios.com

Content Snippets from c-istudios.com

"// (function(){ // function parseWords(attr){ // if(!attr) return []; // if(attr.trim().startsWith("[")) { // try { return JSON.parse(attr); } catch(e){} // } // return attr.split(",").map(s=>s.trim()).filter(Boolean); // } // const reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; // const started = new WeakSet(); // const wait = (ms)=>new Promise(r=>setTimeout(r, ms)); // function setupLayout(el, caret){ // el.style.display = "inline-block"; // el.style.whiteSpace = "nowrap"; // el.style.position = "relative"; // caret.style.position = "absolute"; // caret.style.top = "0"; // caret.style.left = "0"; // caret.style.transform = "translateX(0)"; // caret.style.visibility = "visible"; // } // function placeCaret(el, caret){ // const left = el.offsetLeft + el.offsetWidth; // caret.style.transform = `translateX(${left}px)`; // } // async function typeWord(target, caret, word, delay){ // caret.style.animationPlayState = "paused"; // caret.style.opacity = "1"; // caret.style.visibility = "visible"; // for(let i=1; i<=word.length; i++){ // target.textContent = word.slice(0, i); // placeCaret(target, caret); // await wait(delay); // } // } // async function deleteWord(target, caret, word, delay){ // caret.style.animationPlayState = "paused"; // caret.style.opacity = "1"; // caret.style.visibility = "visible"; // for(let i=word.length; i>=0; i--){ // target.textContent = word.slice(0, i); // placeCaret(target, caret); // await wait(delay); // } // } // function blinkCaret(caret){ // caret.style.animationPlayState = "running"; // caret.style.opacity = "1"; // caret.style.visibility = "visible"; // } // async function cycle(root){ // const el = root.querySelector(".story-word"); // const caret = root.querySelector(".story-caret"); // if(!el || !caret) return; // const words = parseWords(root.getAttribute("data-words")); // const list = words.length ? words : ["Life.","Art.","Purpose.","Clarity.","Change.","Vision.","Results."]; // setupLayout(el, caret); // placeCaret(el, caret); // const typeDelay = Math.max(30, Number(root.getAttribute("data-type-delay")) || 55); // const delDelay = Math.max(25, Number(root.getAttribute("data-delete-delay")) || 45); // const hold = Math.max(300, Number(root.getAttribute("data-hold")) || 1100); // const gap = Math.max(120, Number(root.getAttribute("data-gap")) || 240); // let i = 0; // while(root.isConnected){ // const w = list[i % list.length]; // if(reduce){ // el.textContent = w; // placeCaret(el, caret); // await wait(2500); // i++; // continue; // } // await typeWord(el, caret, w, typeDelay); // blinkCaret(caret); // await wait(hold); // await deleteWord(el, caret, w, delDelay); // blinkCaret(caret); // await wait(gap); // i++; // } // } // function boot(){ // document.querySelectorAll(".story-section").forEach(section => { // if(!started.has(section)){ // started.add(section); // cycle(section); // } // }); // } // if(document.readyState === "loading"){ // document.addEventListener("DOMContentLoaded", boot); // } else { // boot(); // } // })(); document.addEventListener("DOMContentLoaded", function () { const words = [ "Life.", "Art.", "Purpose.", "Clarity.", "Change.", "Vision.", "Results." ]; /* 🎯 Smooth & slow timings */ const typingSpeed = 140; // slower typing const deletingSpeed = 90; // softer delete const holdAfterTyping = 1800; // pause after word completes const holdBeforeTyping = 500; // pause before new word let wordIndex = 0; let charIndex = 0; let isDeleting = false; const textEl = document.getElementById("type-text"); if (!textEl) return; function typeWriter() { const currentWord = words[wordIndex]; if (!isDeleting) { textEl.textContent = currentWord.slice(0, charIndex + 1); charIndex++; if (charIndex === currentWord.length) { setTimeout(() => isDeleting = true, holdAfterTyping); } } else { textEl.textContent = currentWord.slice(0, charIndex - 1); charIndex--; if (charIndex === 0) { isDeleting = false; wordIndex = (wordIndex + 1) % words.length; setTimeout(() => {}, holdBeforeTyping); } } setTimeout(typeWriter, isDeleting ? deletingSpeed : typingSpeed); } typeWriter(); }); (function() { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initParallax); } else { initParallax(); } function initParallax() { const section = document.querySelector('.dream-bigger-parallax'); const parallaxBg = document.querySelector('.parallax-bg-image'); if (!section || !parallaxBg) return; function updateParallax() { const rect = section.getBoundingClientRect(); const viewportHeight = window.innerHeight; // NEW FORMULA → MATCHES REFERENCE EXACTLY const progress = (rect.top - viewportHeight) * -0.15; parallaxBg.style.transform = `translateY(${progress}px)`; } window.addEventListener('scroll', updateParallax, { passive: true }); updateParallax(); } })(); /*animated heading*/ .story-heading { font-weight: 400; font-family: "Playfair Display", sans-serif; line-height: 1.2; font-size: 100px !important; /* Responsive font sizing */ font-size: clamp(28px, 5vw, 52px); } .type-wrap { display: inline-block; align-items: center; margin-left: 8px; white-space: nowrap; } #type-text { color: #ffffff; } .cursor { display: inline-block; margin-left: 2px; animation: blink 1.4s ease-in-out infinite;} @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } /* Small mobile fine-tuning */ @media (max-width: 480px) { .story-heading { line-height: 1.15; } .type-wrap { margin-left: 6px; } } /* Force transparent header at page top (before scroll) */ header, .site-header, #masthead, #site-header, .header, #header { background: transparent !important; background-color: transparent !important; transition: background-color 0.3s ease !important; } /* Ensure hero section sits under transparent header */ .hero { margin-top: -100px !important; padding-top: 0 !important; position: relative; z-index: 1; } /* Remove body padding that might push content down */ body { padding-top: 0 !important; } /* Button styling */ .transparent-btn { text-align: center; } .transparent-btn a { display: inline-block; padding: 12px 32px; margin-top: 16px; background: rgba(255, 255, 255, 0.01); border: 1px solid #FFFFFF; border-radius: 9999px; color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; transition: all 0.3s ease; cursor: pointer; } .transparent-btn a:hover { background: #ffffff; color: #1b1d1f; } /* Wrapper overrides */ .outerCenterContainer, .centerContent { padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; } /* Hero title styles */ .hero-titlen { font-size: 70px; font-weight: normal; color: #fff; line-height: 1.2; } .hero-titlen span { display: block; margin: 10px 0; } /* Full-width sections */ .hero, .global-production, .outercontainern { width: 100%; max-width: 100%; } /* --------------------------------------------------- STORY SECTION (UPDATED) ----------------------------------------------------*/ .story-section { max-width: 1100px; margin: 0 auto !important; padding: 5% 0; } .story-sectionn { position: relative !important; height: 100vh !important; align-items: center !important; display: flex !important; justify-content: center !important; } /* Storytelling container */ .storytelling-container { max-width: 1100px; margin: 0 auto; padding: 0; text-align: left; } /* Story headline (UPDATED) */ .story-line { font-size: 100px; font-weight: 300; font-family: 'Playfair Display', serif; color: #ffffff; margin: 0; line-height: 1.05; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; position: relative; /* allow absolutely positioned caret */ } .story-static::after { content: " "; } .story-word { display: inline-block; white-space: nowrap; position: relative; } .story-caret { position: absolute; width: 3px; height: 1.05em; background: #ffffff; animation: blink 0.8s steps(1) infinite; left: 0; top: 0; transform: translateX(0); } @keyframes blink { 50% { opacity: 0; } } /* Paragraph */ .storytelling-container p { margin: 0; padding: 30px 0; } /* Button under storytelling */ .story-section .transparent-btn { text-align: center; margin: 0 auto; } /* Mobile break */ .mobile-break { display: none; } /* Featured Work section */ .featured-work-section { padding: 5% 0 0 0; } .featured-work-inner { padding: 0 10%; text-align: center; } .featured-work-section h2 { margin: 0 0 25px 0; } .featured-work-section p { max-width: 1000px; margin: 0 auto 30px auto; } /* --------------------------------------------------- DREAM BIGGER SECTION (UPDATED) ----------------------------------------------------*/ .dream-bigger-parallax { position: relative; width: 100%; height: 90vh; overflow: hidden; background: #000; } .parallax-bg-image { position: absolute; top: -50% !important; left: 0; width: 100%; height:155% !important; background-size: cover; background-position: bottom center !important; transform: translateY(0); will-change: transform; } /* --------------------------------------------------- MOBILE FIXES (ONLY FOR TWO SECTIONS) ----------------------------------------------------*/ @media screen and (max-width: 768px) { /*story section padding*/ .story-section{ padding: 10% 10% !important; } .storytelling-container { display: flex !important; flex-direction: column !important; gap: 20px !important; } .hero-contentn{ text-align: center !important; } .vc_custom_1765925640194 { padding: 8% 20px 0 20px !important; } .story-heading{ font-size: 55px !important; } /* Storytelling mobile */ .story-line { font-size: 50px; line-height: 1.1; white-space: normal; } .story-word, .story-caret { display: inline; } .story-sectionn,.hero-video{ height: 50vh !important; } /* Dream Bigger mobile */ .dream-bigger-parallax { height: 60vh; } .parallax-bg-image { height: 150%; } .mobile-break { display: block; } .hero-titlen { font-size: 50px; } .storytelling-section, .featured-work-section { padding: 8% 0; } }"

Key Topics & Focus Areas for c-istudios.com:

dream bigger.

Storytelling is |

Inspired Thinking Unstoppable Campaigns

Featured Work

Our Clients

Your Next Project Begins Here