:root{
/* Radii — four choices, deliberately. Softened rectangles, never pills for containers.
   sm = anything you click or type in. lg = anything that contains something.
   pill = tags, switches, meters only. arch = one feature image per page. */
--radius-none:0;
--radius-sm:4px;
--radius-lg:10px;
--radius-pill:999px;
--radius-arch:50% 50% 0 0 / 42% 42% 0 0;

/* Borders */
--border-width-hairline:1px;
--border-width-thick:2px;
--rule-hairline:1px solid var(--border-hairline);
--rule-soft:1px solid var(--border-soft);
--rule-brand:1px solid var(--border-brand);

/* Shadows — warm-tinted, low and wide. No hard drop shadows. */
--shadow-none:none;
--shadow-xs:0 1px 2px rgba(61,56,51,.05);
--shadow-sm:0 2px 8px rgba(61,56,51,.06);
--shadow-md:0 8px 24px rgba(61,56,51,.08);
--shadow-lg:0 18px 48px rgba(61,56,51,.10);
--shadow-xl:0 32px 80px rgba(61,56,51,.13);
--shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);
--shadow-lift-brand:0 12px 32px rgba(210,170,70,.24);

/* Print-style photo matte: the "framed print" treatment from the brand collage. */
--matte-frame:0 0 0 10px #FFFFFF,0 14px 40px rgba(61,56,51,.14);

/* Protection gradient for type over imagery. */
--scrim-bottom:linear-gradient(to top,rgba(33,30,27,.62) 0%,rgba(33,30,27,.28) 42%,transparent 78%); /* @kind other */
--scrim-full:linear-gradient(to right,rgba(33,30,27,.58),rgba(33,30,27,.14)); /* @kind other */
--veil-parchment:linear-gradient(to bottom,rgba(246,241,234,.94),rgba(246,241,234,.72)); /* @kind other */

/* Blur */
--blur-sm:blur(6px); /* @kind other */
--blur-md:blur(14px); /* @kind other */
--glass:saturate(140%) blur(14px); /* @kind other */
}