@layer base,components;@layer pages{body{background-image:radial-gradient(#14295f29 1px,#0000 1.2px);background-size:24px 24px}.hero{color:var(--blue-deep);background-color:#eef1f7;background-image:radial-gradient(#14295f38 1px,#0000 1.2px);background-size:24px 24px}.hero a:not(.btn):hover{color:var(--blue)}.hero-body{padding:clamp(56px,7vw,88px) 0 clamp(40px,5vw,56px)}.hero-copy{max-width:860px}.hero-copy .label{color:var(--blue)}.hero h1{font-size:clamp(38px,5vw,72px)}.hero p{color:#14295fd9;max-width:60ch;margin:0;font-size:clamp(17px,1.4vw,19px)}.feed{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);border-bottom:1px solid;align-self:flex-start;padding-bottom:2px;font-size:12px}@media (width<=720px){.hero h1{font-size:clamp(30px,8vw,44px)}}}