.wordmark{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;line-height:1.15;letter-spacing:-.055em}
.brand-icon{display:block;width:1.25em;height:1.25em;flex:none}
.footer>.wordmark{font-size:20px}
.mini-phone .wordmark{gap:.3em}
.landing{overflow-x:clip}
.footer{flex-wrap:wrap}
@media(max-width:420px){.site-nav{gap:12px}.site-nav>.wordmark{font-size:21px}.site-links{gap:0}}
@media(max-width:360px){.site-nav{gap:8px}.site-nav>.wordmark{font-size:18px}.site-links .btn{font-size:12px;padding:9px 10px;white-space:nowrap}.phone-header .wordmark{font-size:20px}}

.phone-tools{display:flex;align-items:center;gap:8px}
.sound-control{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--violet);cursor:pointer}
.sound-control svg{width:21px;height:21px}
.sound-control[aria-pressed="false"]{color:var(--secondary)}
.sound-control:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
@media(max-width:360px){.phone-tools{gap:5px}.phone-header .wordmark{font-size:18px}}