:root{
/* radii — the system is overwhelmingly square. Rounding is an exception,
   reserved for image pills, floating panels and circular chips. */
--radius-0:0px;
--radius-sm:3px;           /* checkbox */
--radius-md:8px;           /* custom cursor square */
--radius-lg:12px;          /* mouse-scroll indicator */
--radius-xl:20px;          /* preview image, portfolio card */
--radius-2xl:30px;         /* mega-menu, service card 2 */
--radius-pill:40px;        /* scroll-to-top pill */
--radius-image-pill:60px;  /* marquee image pills */
--radius-blob:150px;       /* about-us portrait blobs */
--radius-full:50%;

/* borders */
--border-hairline:1px;
--border-strong:2px;
--border-heavy:4px;        /* mouse-scroll indicator */

/* shadows — used sparingly; only floating layers get one */
--shadow-float:0 35px 80px #00000014;
--glow-accent:0 0 15px #f97316,0 0 35px #f97316,0 0 60px #f97316;
--glow-cursor:0 0 12px #f9731699,0 0 24px #f9731659;

/* blur */
--blur-glass:3px;          /* video button glass */
--blur-bloom:130px;        /* accent bloom behind side panel */

/* motion */
--dur-fast:.3s; /* @kind other */
--dur-base:.35s; /* @kind other */
--dur-mid:.45s; /* @kind other */
--dur-slow:.7s; /* @kind other */
--dur-slower:.9s; /* @kind other */
--ease-inout:ease-in-out; /* @kind other */
--ease-out-expo:cubic-bezier(.22,1,.36,1); /* @kind other */   /* the signature easing */
--ease-drawer:cubic-bezier(.76,0,.24,1); /* @kind other */
--ease-menu:cubic-bezier(.23,1,.32,1); /* @kind other */
--ease-pop:cubic-bezier(.175,.885,.32,1.275); /* @kind other */

--transition-default:all .3s ease-in-out; /* @kind other */
--transition-reveal:all .45s cubic-bezier(.22,1,.36,1); /* @kind other */

/* marquee timing */
--marquee-duration:40s; /* @kind other */
}