.site-header{display:grid;grid-template-columns:1fr auto auto;column-gap:28px;align-items:center}
.site-header nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.language-picker{display:flex;flex-direction:column;align-items:stretch;gap:4px;justify-self:end;min-width:109px;color:inherit}
.language-label{font:9px/1.3 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.language-picker select{font:13px/1.3 Arial,sans-serif;color:inherit;background:transparent;border:1px solid currentColor;border-radius:2px;padding:7px 9px;min-height:35px;width:100%;cursor:pointer}
.language-picker select option{background:#f4ecde;color:#293d48}
.language-picker select:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html:not([lang=en]) .hero .tagline{max-width:420px}
html:not([lang=en]) .hero .actions{gap:12px}
html:not([lang=en]) .dog-works .listen,html:not([lang=en]) .preview-toggle{font-size:12px}
@media(max-width:1050px){
 .site-header{grid-template-columns:1fr auto;row-gap:15px}
 .site-header .language-picker{grid-column:2;grid-row:1}
 .site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:12px 25px}
 .home-page .intro{top:24%}
 .home-page .hero{min-height:820px}
}
@media(max-width:650px){
 .site-header{padding:18px 7%;column-gap:12px;row-gap:13px}
 .site-header .wordmark{font-size:20px;letter-spacing:.015em}
 .site-header .wordmark span{font-size:8px;letter-spacing:.1em}
 .language-picker{min-width:99px;max-width:112px}
 .language-picker select{font-size:12px;padding:6px}
 .site-header nav{gap:8px 20px;font-size:12px}
 .home-page .intro{top:165px}
 html:not([lang=en]) .hero .tagline{max-width:295px;font-size:16px}
 html:not([lang=en]) .hero .actions{gap:4px}
 .home-page .hero .listen{font-size:12px;padding:10px 12px}
 html[lang=fr] .home-page .hero .listen{font-size:11px}
 .hero-bottom{flex-wrap:wrap;gap:8px}
 .hero-bottom button{max-width:160px;white-space:normal}
 .comparison-switch{max-width:calc(100vw - 16px);gap:0;padding:7px}
 .comparison-switch a,.comparison-switch button{padding:7px 8px}
}
