/* Shared type scale. Embedded assets inherit the same tokens from their host. */
:root,:host{
 /* Page titles share the approved section scale; the homepage hero sets its own display size. */
 --type-display:var(--type-section);
 --type-section:clamp(36px,4.5vw,64px);
 --type-article:clamp(30px,3vw,42px);
 --type-card:32px;
 --type-subheading:26px;
 --type-body:20px;
 --type-detail:18px;
 --type-small:16px;
 --type-heading-tracking:-.015em;
 --type-heading-leading:1.08;
 --type-body-leading:1.55;
}
@media(max-width:800px){:root,:host{--type-section:clamp(36px,6vw,48px);--type-card:30px;--type-subheading:24px;--type-body:18px;--type-detail:17px}}
@media(max-width:550px){:root,:host{--type-section:clamp(32px,8.6vw,40px);--type-article:30px;--type-card:28px;--type-subheading:24px;--type-body:18px;--type-detail:17px;--type-small:15px}}