@font-face{font-family:Inter;src:url(examples/motion-lab/assets/inter.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Inter Tight';src:url(examples/motion-lab/assets/inter-tight.ttf) format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--color-fw-surface);color:var(--color-fw-ink);font:400 16px/24px Inter,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-fw-ink);outline-offset:3px}a:hover .entry-action,nav a:hover,.board-links a:hover,.adoption-links a:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}.page{max-width:1440px;margin:auto;padding:0 60px}.caption,.eyebrow{font-size:12px;line-height:18px;color:var(--color-fw-muted)}.eyebrow{letter-spacing:.04em}.skip{position:fixed;top:-80px;left:24px;background:var(--color-fw-ink);color:white;padding:12px 20px;z-index:10}.skip:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:112px}header a,nav{display:flex;align-items:center;min-height:44px}nav{gap:28px;font-size:14px;line-height:20px}.wordmark{font:400 32px/38px 'Inter Tight',sans-serif;letter-spacing:-.02em;gap:4px}.wordmark span{width:6px;height:6px;background:var(--color-fw-accent);align-self:center;transform:translateY(5px)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Inter Tight',sans-serif;font-weight:400;letter-spacing:-.02em}h1{font-size:66px;line-height:60px;margin-top:24px}h2{font-size:32px;line-height:38px}h3{font-size:18px;line-height:26px}.intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:64px 0 60px}.lead{font-size:18px;line-height:26px;color:var(--color-fw-body);padding-bottom:4px}.entry-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:40px 0;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}.entry{display:flex;flex-direction:column;align-items:start;gap:16px;min-width:0;padding:8px 0}.entry h2{font-size:28px;line-height:34px}.entry p{font-size:14px;line-height:22px;color:var(--color-fw-body);max-width:310px}.entry-action{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;margin-top:auto}.entry svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.catalog{padding:60px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.section-head h2{margin-top:12px}.section-head>.caption{text-align:right}.board-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:76px;border-bottom:1px solid #d8d8d8}.board-links{display:flex;align-items:center;gap:28px;font-size:14px;line-height:20px}.board-links a{display:flex;align-items:center;min-height:44px}.adoption{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:40px;background:var(--color-fw-warm)}.adoption h2{margin:16px 0}.adoption p:not(.eyebrow){max-width:440px;color:var(--color-fw-body)}.adoption-links{display:flex;flex-direction:column;gap:8px}.adoption-links a{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:44px;border-bottom:1px solid #ccc;font-size:14px}.adoption-links span{font-size:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0;color:var(--color-fw-muted);font-size:12px;line-height:18px}footer a{display:flex;align-items:center;min-height:44px}
@media(max-width:1023px){.page{padding:0 32px}.edition{display:none}.intro{padding:40px 0 48px}.intro .lead{max-width:240px}.entry-points{gap:24px}.entry h2{font-size:24px;line-height:28px}.adoption{gap:40px;padding:32px}.section-head{align-items:start}.section-head>.caption{max-width:230px}}
@media(max-width:639px){.page{padding:0 24px}header{min-height:96px;flex-wrap:wrap;gap:4px;padding:20px 0}header nav{gap:20px;font-size:12px;line-height:18px}.wordmark{font-size:28px;line-height:34px}.intro{display:block;padding:32px 0}h1{font-size:40px;line-height:40px;margin-top:16px}.intro .lead{font-size:16px;line-height:24px;margin-top:24px;max-width:none}.intro .lead br{display:none}.entry-points{grid-template-columns:1fr;gap:28px;padding:24px 0}.entry{gap:12px}.entry h2{font-size:28px;line-height:34px}.entry p{max-width:none}.entry-action{margin-top:0}.section-head{display:block}.section-head h2{font-size:28px;line-height:34px}.section-head>.caption{text-align:left;max-width:none;margin-top:16px}.catalog{padding:40px 0}.board-row{grid-template-columns:32px minmax(0,1fr);gap:8px 12px;padding:16px 0}.board-row h3{font-size:18px;line-height:24px}.board-links{grid-column:2;gap:24px}.adoption{grid-template-columns:1fr;padding:24px;gap:24px}.adoption h2{font-size:28px;line-height:34px}footer{flex-wrap:wrap;gap:8px 20px;padding:24px 0}}