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

‍

Rain Delay

services

year

credits

services

WEB DESIGN
WEBFLOW DEV

year

2024

credits

industry

result

services

Podcast

year

Produced for Apple TV

Rain Delay has partnered with global names like the MLS, Verizon, Apple, and the BBC to produce some of the most recognised sports podcasts around. Their new website needed to match that reputation. We collaborated with their team to design a Webflow site that reflects where the brand is headed, built with a clean CMS and animations that make the whole experience feel as polished as the content they create.

Ethan is a standout designer. As a company that relies heavily on contractors, we've had our share of horror stories. Ethan is the complete opposite. He was a joy to trust with our first website, and we'll see the dividends of his work for years to come.

Co-Founder & Executive Producer

Accueil