:root{
--page-max:1440px;
--gutter:clamp(24px,5vw,80px); /* @kind spacing */
--header-pad-y:22px;
--section-pad-y:clamp(120px,14vw,220px);
--section-pad-y-md:clamp(80px,9vw,140px);
--hero-pad-top:clamp(120px,16vw,240px);
--hero-pad-bottom:clamp(96px,12vw,180px);
--bleed-inset:clamp(12px,1vw,16px);
--gap-hero:clamp(48px,6vw,88px);
--gap-section:clamp(64px,8vw,120px);
--gap-block:clamp(56px,6vw,88px);
--gap-columns:clamp(40px,5vw,80px);
--gap-cards:clamp(24px,3vw,48px);
--space-4:4px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-56:56px;

--radius-none:0;
--radius-pill:100px;
--radius-round:50%;
--radius-icon:14px;

--arrow-md:48px;
--arrow-lg:52px;
--menu-dot:36px;

--dur-fast:.2s; /* @kind other */
--ease-standard:ease; /* @kind other */
}