/* More breathing room beneath the desktop footer logo. */
@media(min-width:960px){
 html body footer.st-footer-v29 .st-footer-brand-origin{margin-top:18px}
 .about-page .about-copy{left:14%;width:36%}
 .about-page .about-copy h1{font-size:min(5.1vw,9.6svh)}
 .about-page .about-wordmark{right:10%}
 .about-page .about-edge{right:7%}
 .about-page .about-stats{right:13%}
}
@media(max-width:959px){
 .about-page .about-hero{padding-inline:8%}
}

/* The positive solution remains after the crossed-out claims have been removed. */
body.st-home .st-signature-item>.st-statement-number{margin-bottom:16px}
body.st-home .st-signature-item>p.st-solution{margin-top:0}

/* Artwork and explanation are separate siblings, sized to the visible viewport. */
html body .badge-lightbox[open]{height:100dvh;box-sizing:border-box;padding:max(64px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));gap:24px;overflow:hidden}
html body .badge-lightbox-frame{flex:none;width:100%;height:auto;aspect-ratio:auto;max-height:none;min-height:0;overflow:visible;padding:0;gap:0}
html body .badge-lightbox-stage{width:min(86vw,960px,calc(var(--badge-art-height,46dvh) * var(--preview-ratio)));height:auto;aspect-ratio:var(--preview-ratio);margin-inline:auto}
html body .badge-lightbox-explanation{flex:none;width:min(100%,560px);box-sizing:border-box;margin:0}
html body .badge-lightbox-close{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}
@media(max-width:767px){
 html body .badge-lightbox[open]{padding:64px 24px max(24px,env(safe-area-inset-bottom));gap:18px}
 html body .badge-lightbox-stage{width:min(84vw,calc(var(--badge-art-height,38dvh) * var(--preview-ratio)))}
 html body .badge-lightbox-explanation{font-size:13px;line-height:1.6}
 html body .badge-lightbox-explanation h2{font-size:20px;margin-bottom:12px}
}
@media(max-height:520px){
 html body .badge-lightbox[open]{padding:56px 20px 16px;gap:10px}
 html body .badge-lightbox-explanation{width:min(100%,680px);max-width:680px;font-size:12px;line-height:1.45}
 html body .badge-lightbox-explanation h2{font-size:18px;margin-bottom:8px}
 html body .badge-lightbox-explanation p{margin-bottom:8px}
}