.intro{--intro-accent:var(--accent);--intro-muted:var(--ink-dim);--intro-rule:var(--rule);--intro-mark:24px}header.intro{border-bottom:var(--rule-width) solid var(--intro-rule);padding:80px 0 60px}.eyebrow{font-family:var(--font-mono);font-size:calc(13px * var(--type-scale));letter-spacing:calc(.2em * var(--tracking-scale));text-transform:var(--label-transform);color:var(--intro-accent);align-items:center;gap:calc(8px * var(--gap-scale)) calc(12px * var(--gap-scale));flex-wrap:wrap;margin-bottom:32px;display:flex}.eyebrow:before{content:"";width:var(--intro-mark);background:var(--intro-accent);height:1px}h1.lede{font-family:var(--font-serif);font-weight:var(--display-weight);font-size:calc(clamp(40px, 6.5vw, 88px) * var(--type-scale) * var(--display-scale));letter-spacing:calc(-.02em * var(--tracking-scale));text-wrap:balance;max-width:32ch;line-height:1.02}h1.lede em{font-style:var(--display-em-style);color:var(--intro-accent);font-weight:400}.intro-body{color:var(--intro-muted);font-size:calc(22px * var(--type-scale));line-height:calc(1.6 * var(--leading-scale));max-width:52ch;margin-top:44px}@media (width<=900px){.intro-body{font-size:calc(17px * var(--type-scale));margin-top:24px}}