.project-page-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:.5rem;display:flex}.project-page-overview :is(.page-content,.content){grid-template-columns:1fr;align-items:start;gap:2.5rem;display:grid}@media (min-width:45rem){.project-page-overview :is(.page-content,.content){grid-template-columns:2fr 1fr;gap:4rem}}.project-page-overview-text{flex-direction:column;gap:1rem;display:flex}.project-page-facts{background:var(--color-background-light);border-radius:var(--radius-large);flex-direction:column;gap:1.25rem;margin:0;padding:2rem;display:flex}.project-page-facts dt{font-family:var(--font-family-mono);font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.project-page-facts dd{font-size:var(--font-size-small);margin:.25rem 0 0}.project-page-features :is(.page-content,.content){flex-direction:column;gap:1rem;display:flex}.project-page-features-grid{grid-template-columns:1fr;gap:1.25rem;margin-block-start:1.5rem;display:grid}@media (min-width:45rem){.project-page-features-grid{grid-template-columns:repeat(2,1fr)}}.project-page-features-grid li{background:var(--color-background);border-radius:var(--radius-large);flex-direction:column;gap:.625rem;padding:1.75rem;display:flex}.project-page-features-grid h3{font-size:var(--font-size-regular);align-items:center;gap:.625rem;display:flex}.project-page-features-heading-icon{width:1.5rem;height:1.5rem;color:var(--color-primary);flex-shrink:0}.project-page-features-grid p{font-size:var(--font-size-small)}.project-page-shots :is(.page-content,.content){flex-direction:column;gap:1rem;display:flex}.project-page-shots-grid{gap:1.5rem;margin-block-start:1.5rem;display:grid}.project-page-shots-grid.phones{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:start}.project-page-shots-grid.wide{grid-template-columns:1fr}@media (min-width:60rem){.project-page-shots-grid.wide{grid-template-columns:repeat(3,1fr)}}.project-page-shots-grid img{border-radius:var(--radius-large);width:100%;height:auto}.project-page-studio :is(.page-content,.content){flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}