and would otherwise win on source order. */ .hero_layout .hero_sub { padding-top: 0; } /* And it takes the primary face at body size rather than mono caps — which is what the line actually is: a subtitle, not an eyebrow. The export drives .c-heading entirely through these tokens, so re-pointing them is the whole change; :where() in the variant selector means it carries no specificity to fight. */ /* 1.5rem between the heading and its subtitle. The heading's own u-margin-bottom-text contributes 2rem and the grid row-gap another 1rem, so the pair sat 3rem apart; this trims the heading's share to whatever is left once the gutter has had its 1rem. Scoped to a heading that is the *last* thing in .hero_header, so the case studies — where a back-link follows the title — keep the spacing they were built with. */ .hero_header > .c-heading:last-child { --_text-style---margin-bottom: calc(1.5rem - var(--site--gutter)); } .hero_sub .c-heading { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--small); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-wrap: pretty; --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); } /* WCAG 2.2.2 — no autoplaying motion when the user has asked for less. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }

Schedule a call

‍

GNG Studio

services

year

credits

services

WEB DESIGN
WEBFLOW DEVELOPMENT

year

2024

credits

industry

result

services

Video Production

year

Worked with Puregym and Netflix

GNG came to us mid-rebrand needing a website that would do justice to their new direction, something that would stop their ideal clients in their tracks. We designed and developed a timeless Webflow site that positions them as the go-to name in video content creation, complete with an easy-to-manage CMS. Since launch, GNG has seen bigger clients come knocking.

Ethan has been absolutely awesome to work with. From our initial brief, he’s smashed it out of the park at every stage. He totally gets us and what we want to achieve. He’s super professional, friendly, and great to collaborate with. We’ll definitely be partnering with him again!

Chris Roane - Operations Director at GNG

Accueil