#app-preview .app-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:44px;max-width:1080px;margin:0 auto}
#app-preview .app-screens figure{margin:0;min-width:0;text-align:center}
#app-preview .app-screens a.iphone-preview{display:block;width:100%;max-width:320px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 18px 18px rgba(23,57,63,.08));box-shadow:none;overflow:visible;box-sizing:border-box}
#app-preview .app-screens img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:444/942;object-fit:contain;border-radius:0;background:transparent}
#app-preview .app-screens figcaption{margin:24px 0 0;font-size:21px;font-weight:700;line-height:1.5}
#app-preview .app-screens figcaption::after{content:attr(data-description);display:block;margin:8px 0 0;font-size:14px;font-weight:400;line-height:1.7;color:#536b70}
@media(max-width:900px){#app-preview .app-screens{gap:22px}#app-preview .app-screens figcaption{font-size:18px}}
@media(max-width:620px){#app-preview .app-screens{grid-template-columns:1fr;gap:46px}#app-preview .app-screens a.iphone-preview{max-width:300px}}

/* The hero already demonstrates this movement. */
.practice-site #viewer{display:none!important}

/* English navigation promotes the English brand with the same type hierarchy. */
html:lang(en) .practice-site .brand .practice-brand-name{flex-direction:column-reverse}
html:lang(en) .practice-site .practice-brand-name small{font-size:19px;font-weight:700;letter-spacing:.02em;color:var(--ink)}
html:lang(en) .practice-site .practice-brand-name strong{font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--sea)}
@media(max-width:620px){html:lang(en) .practice-site .practice-brand-name small{font-size:14px}html:lang(en) .practice-site .practice-brand-name strong{font-size:10px}}