/* Five visible language choices, with the original reading directions retained. */
.site-header .languages{gap:10px;font-size:11px}
html:lang(fr) .ocean-title,html:lang(es) .ocean-title{font-size:clamp(40px,4.1vw,72px);letter-spacing:.01em;max-width:1000px}
html:lang(fr) .ocean-title-start,html:lang(es) .ocean-title-start{display:block}
html:lang(fr) .ocean-title em,html:lang(es) .ocean-title em{display:block}
@media(min-width:981px) and (max-width:1370px){
 .site-header{gap:15px;padding-inline:3%}
 .primary-nav{gap:12px;font-size:12px}
 .site-header .brand{width:140px;flex-shrink:0}
 .site-header .languages{font-size:10px;gap:7px}
}
@media(max-width:680px){
 .site-header{height:90px;gap:8px}
 .site-header .brand{width:110px;height:54px}
 .site-header .brand img{width:110px;transform:translateY(-9px)}
 .site-header .header-tools{flex:1;justify-content:flex-end;gap:6px;min-width:0}
 .site-header .languages{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:177px;gap:0 10px;font-size:10px;line-height:1.2;white-space:normal}
 .site-header .languages a{padding:7px 0;white-space:nowrap}
 .site-header .menu-toggle{flex:0 0 28px}
 html:lang(fr) .ocean-title,html:lang(es) .ocean-title{font-size:clamp(32px,8.8vw,55px);line-height:1.1}
 html:lang(fr) .ocean-copy,html:lang(es) .ocean-copy{top:clamp(112px,15svh,160px)}
 html:lang(fr) .ocean-body,html:lang(es) .ocean-body{font-size:13px}
}