main.frame{margin-bottom:var(--spacing-xl)}@media (min-width: 48rem){main.frame{margin-bottom:var(--frame-margin)}}.hero-image{margin-inline:calc(var(--side-bearing) * -1)}.hero-image img{width:100%;height:auto}@media (min-width: 48rem){.hero-image{margin-inline:0}}.project__nav{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:calc(var(--spacing-xl) * 3)}.project__nav [data-align=right]{margin-left:auto}.project__parent-link{display:block;color:var(--color-pink)}.project__parent-link:hover{color:var(--color-black)}