:root {  --primary: #C4C1BA; --secondary: #DED9D3;  --accent: #e5e5e5;   --bg-base: #F1F2EF;  --bg-surface: #FAFAFA;  --bg-dark: #111111;   --text-main: #1a1a1a;  --text-muted: #666666;  --text-invert: #ffffff;   --text-xs: clamp(0.75rem, 0.71rem + 0.18vw, 0.875rem);  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);  --text-m: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);  --text-l: clamp(1.5rem, 1.3rem + 1vw, 2rem);  --text-xl: clamp(2rem, 1.6rem + 2vw, 3rem);  --text-xxl: clamp(2.5rem, 1.8rem + 3.5vw, 4.5rem);   --space-xs: clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem); --space-s: clamp(1rem, 0.8rem + 1vw, 1.5rem);  --space-m: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);  --space-l: clamp(2.5rem, 1.8rem + 3vw, 4rem);  --space-xl: clamp(4rem, 3rem + 5vw, 7rem);   --radius-m: 12px; --radius-l: 2rem;  .u-header-offset { padding-top: calc(var(--header-height, 120px) + clamp(1rem, 0.8rem + 1vw, 1.5rem)); } .float-img { will-change: transform; transition: transform 80ms linear; }   .heading-reveal { overflow: hidden; padding-bottom: 0.06em; } .heading-reveal__inner { display: block; transform: translateY(110%); transition: transform 1.2s 0.45s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; } .heading-reveal.is-visible .heading-reveal__inner { transform: translateY(0); } .heading-reveal--blur .heading-reveal__inner { transform: translateY(80%); filter: blur(10px); opacity: 0; transition: transform 1.4s 0.45s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.9s 0.45s ease; } .heading-reveal--blur.is-visible .heading-reveal__inner { transform: translateY(0); filter: blur(0); opacity: 1; } .heading-reveal--skew .heading-reveal__inner { transform: translateY(110%) skewY(6deg); transform-origin: left bottom; transition: transform 1.3s 0.45s cubic-bezier(0.16, 1, 0.3, 1); } .heading-reveal--skew.is-visible .heading-reveal__inner { transform: translateY(0) skewY(0deg); }   .reveal { overflow: hidden; }  .reveal svg { overflow: visible; } .reveal__inner { display: block; transform: translateY(110%); transition: transform 1.2s 0.45s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; } .reveal.is-visible .reveal__inner { transform: translateY(0); } .reveal--blur .reveal__inner { transform: translateY(80%); filter: blur(10px); opacity: 0; transition: transform 1.4s 0.45s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.9s 0.45s ease; } .reveal--blur.is-visible .reveal__inner { transform: translateY(0); filter: blur(0); opacity: 1; } .reveal--skew .reveal__inner { transform: translateY(110%) skewY(6deg); transform-origin: left bottom; transition: transform 1.3s 0.45s cubic-bezier(0.16, 1, 0.3, 1); } .reveal--skew.is-visible .reveal__inner { transform: translateY(0) skewY(0deg); }    .reveal-clip { clip-path: inset(0 0 100% 0); transition: clip-path 1.2s 0.45s cubic-bezier(0.16, 1, 0.3, 1); will-change: clip-path; } .reveal-clip.is-visible { clip-path: inset(0 0 0% 0); } .reveal-clip--blur { clip-path: inset(0 0 100% 0); filter: blur(8px); opacity: 0; transition: clip-path 1.2s 0.45s cubic-bezier(0.16, 1, 0.3, 1), filter 1.0s 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s 0.45s ease; } .reveal-clip--blur.is-visible { clip-path: inset(0 0 0% 0); filter: blur(0); opacity: 1; } }