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

‍

Felix Nieto

services

year

credits

services

BRANDING
WEB DESIGN
WEBFLOW DEVELOPMENT

year

2025

credits

AWWWARDS – HONORS
CSS DESIGN AWARDS – UI, UX, INNOVATION & KUDOS

‍

industry

services

Architecture

Felix needed a digital home that could hold its own against his work. We started with his visual identity, building a narrative that weaves together his digital craft and his roots in the south of Spain and the sea, then brought it to life in a Webflow portfolio site with unique animations that add depth to the experience without ever overshadowing the work itself. A complete CMS makes managing and updating portfolio projects effortless, so Felix can stay focused on creating, not maintaining.

Accueil