/* CSS Rules */ h1, .hero-title { font-family: 'Gloock', serif; font-weight: 400; letter-spacing: -0.02em; } h2, h3, .section-title { font-family: 'DM Serif Display', serif; font-weight: 400; } body, p, button, nav { font-family: 'Inter', sans-serif; font-weight: 400; /* Use 500 or 600 for UI links and buttons */ line-height: 1.6; } /* ========================================================================== 1. Typography Variables & Fallback Font Stacks ========================================================================== */ :root { --font-hero: 'Gloock', Georgia, 'Times New Roman', serif; --font-heading: 'DM Serif Display', Georgia, 'Times New Roman', serif; --font-accent: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } /* ========================================================================== 2. Section 1: Hero Editorial Hook (Gloock H1 & Animated Headline) ========================================================================== */ .hero-editorial-h1 h1.elementor-heading-title, .hero-editorial-h1 { font-family: var(--font-hero); font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; /* Fluid responsive scaling: 38px on mobile up to 80px on desktop */ font-size: clamp(2.375rem, 1.2rem + 4vw, 5rem); } /* Custom styling for Elementor Animated Headline widget */ .hero-editorial-headline .elementor-headline-plain-text { font-family: var(--font-hero); } .hero-editorial-headline .elementor-headline-dynamic-text { font-family: var(--font-hero); font-style: italic; } .hero-editorial-headline .elementor-headline-animation-type-underline svg path, .hero-editorial-headline .elementor-headline-animation-type-circle svg path { stroke-width: 3px; stroke-linecap: round; } /* ========================================================================== 3. Section 2: Features / Loop Grid (DM Serif Display H3) ========================================================================== */ .brand-grid-card .elementor-heading-title, .brand-grid-card h3, .brand-loop-grid .elementor-post__title { font-family: var(--font-heading); font-weight: 400; line-height: 1.25; letter-spacing: -0.01em; /* Fluid responsive scaling: 22px on mobile up to 28px on desktop */ font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem); } /* ========================================================================== 4. Section 3: Interactive CTA & Buttons (Inter Accent) ========================================================================== */ .brand-cta-button .elementor-button, .brand-form-submit .elementor-button { font-family: var(--font-accent); font-weight: 600; font-size: 0.9375rem; /* 15px */ letter-spacing: 0.03em; text-transform: uppercase; transition: transform 0.2s ease, box-shadow 0.2s ease; } .brand-cta-button .elementor-button:hover, .brand-cta-button .elementor-button:focus { transform: translateY(-2px); }

the Innovantage Collaborative brands

Get a Quote

Our Services

We Serve the Perfect Pixel Solution

Digital Marketing

Enthusiastically brand is a positioning scenarios with team driven best

UI UX Designer

Enthusiastically brand is a positioning scenarios with team driven best

App development

Enthusiastically brand is a positioning scenarios with team driven best

Graphic Designer

Enthusiastically brand is a positioning scenarios with team driven best

What our Client Says About Us

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Kristan Watson

Business Manager

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Kristan Watson

Ui Developer

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Kristan Watson

Business Ceo

Our Project

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

It is a long established fact that a reader will be distracted by the readable content of a page when looking layout.

Lorem ipsum dolor sit amet,consectetur adipiscing elit, sed

Lorem Ipsum is simply dummy text of the industry.

Lorem ipsum dolor sit amet,consectetur adipiscing elit, sed

Dolor sit amet, consec adipiscing elit, sed.

Lorem ipsum dolor sit amet,consectetur adipiscing elit, sed

Lorem Ipsum is simply dummy text of the industry.

Lorem ipsum dolor sit amet,consectetur adipiscing elit, sed