@layer components{.project-start{padding-block:clamp(4.5rem, 9vw, 8rem) var(--section-space-lg)}.project-start__hero{max-width:64rem;margin-bottom:clamp(3rem,7vw,6rem)}.project-start__hero h1{max-width:12ch}.project-start__hero p{max-width:44rem}.project-start__grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-start__card{flex-direction:column;min-height:30rem;display:flex}.project-start__card-heading{align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:var(--border-subtle);display:flex}.project-start__card-heading>span{color:var(--color-coral);font-family:var(--font-mono);font-size:var(--font-size-label)}.project-start__card-heading p{margin:0}.project-start__card h2{max-width:14ch;margin-top:var(--space-10);font-size:clamp(2.25rem,4vw,4.25rem);line-height:.96}.project-start__card>p{max-width:36rem;margin-top:var(--space-6);color:var(--color-graphite);font-size:var(--font-size-lead)}.project-start__actions{align-items:center;gap:var(--space-5);padding-top:var(--space-10);flex-wrap:wrap;margin-top:auto;display:flex}.project-start__actions>a:not(.button){align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-coral);padding-bottom:var(--space-1);font-weight:650;display:inline-flex}}@media (width<=56rem){@layer components{.project-start__grid{grid-template-columns:1fr}.project-start__card{min-height:25rem}}}@media (width<=40rem){@layer components{.project-start{padding-block-start:3.5rem}.project-start__card{min-height:auto}.project-start__card h2{margin-top:var(--space-8)}.project-start__actions{grid-template-columns:1fr;width:100%;display:grid}.project-start__actions .button{width:100%}}}