.hero-photo{min-height:0;aspect-ratio:4/3;align-self:center;width:100%}
.hero-photo>img{object-fit:contain}
.hero-photo figcaption{background:rgba(20,31,29,.85)}
.finish-examples{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.finish-examples--single{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
.finish-example{min-width:0;margin:0}
.finish-example img{display:block;width:100%;height:auto}
.finish-example figcaption{padding-top:16px}
.finish-example h3{font-size:1.3rem;margin:0 0 6px}
.finish-example p{font-size:.875rem;margin:0;color:#52625c}
.finish-example a{display:block}
.finish-example a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.finish-example details{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}
.finish-example summary{cursor:pointer;font-size:.875rem;font-weight:600}
.finish-example details img{margin-top:16px}
.solid-finish{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;padding-top:0}
.solid-finish figure{margin:0}
.solid-finish img{display:block;width:100%;max-height:570px;object-fit:contain;background:#f0f4f3}
.solid-finish h2{margin-bottom:20px}
.solid-finish .under-link{margin-top:20px}
.solid-finish figcaption{font-size:.8rem;margin-top:12px;color:#52625c}
@media(max-width:800px){.finish-examples,.solid-finish{grid-template-columns:1fr;gap:28px}.hero-photo{aspect-ratio:4/3}.finish-examples{margin-top:32px}.solid-finish img{max-height:520px}}