/* United Earth — private photographic exhibition typography.
   Built from Google editorial font guidance, with Newsreader's optical sizing.
   Only headings and artwork titles receive the expressive serif; controls and
   longer descriptions retain native sans. Latin scripts use local OFL assets;
   other writing systems use the visitor device's script-specific fonts. */
:root{
 --ue-editorial:'UE Newsreader','Iowan Old Style','Baskerville','Georgia',serif;
 --ue-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
}
html{
 -webkit-text-size-adjust:100%;
 text-size-adjust:100%;
}
main h1, .section-head h2, .story-intro h2,
.art-meta strong, .viewer-story h2,
.journey-copy h2, .journey-explore-info h2,
.story-blocks h2,.story-blocks h3{
 font-family:var(--ue-editorial);
 font-optical-sizing:auto;
 font-kerning:normal;
 font-variant-ligatures:common-ligatures;
 font-synthesis:weight style;
}
main h1{
 font-size:clamp(54px,11.6vw,122px);
 font-weight:375;
 line-height:.97;
 letter-spacing:-.058em;
 margin-bottom:clamp(24px,3.2vw,39px);
 text-wrap:balance;
}
main h1 em{
 font-weight:340;
 font-style:italic;
 letter-spacing:-.062em;
}
main .lede{
 font-family:var(--ue-ui);
 font-size:clamp(16px,2.7vw,20px);
 line-height:1.58;
 letter-spacing:-.01em;
 max-width:52ch;
 color:#aebed1;
 text-wrap:pretty;
}
.section-head h2{
 font-size:clamp(29px,4.55vw,46px);
 font-weight:405;
 letter-spacing:-.039em;
 line-height:1.08;
}
.photo-section-head .works-title h2{
 font-size:clamp(27px,4.2vw,43px);
 font-weight:405;
 letter-spacing:-.043em;
 line-height:1.09;
}
.photo-section-head .works-title .secondary{
 font-family:var(--ue-ui);
 font-size:11px;
 font-weight:430;
 letter-spacing:.1em;
 opacity:.82;
}
.eyebrow,
.viewer-story-kicker,
.journey-label{
 font-family:var(--ue-ui);
 font-weight:590;
 letter-spacing:.15em;
}
.art-meta{
 padding-top:15px;
 padding-bottom:7px;
 align-items:flex-start;
}
.art-meta strong{
 font-size:clamp(24px,3.0vw,30px);
 font-weight:420;
 letter-spacing:-.033em;
 line-height:1.16;
 text-wrap:balance;
}
.art-meta small{
 display:block;
 margin-top:6px;
 font:500 11px/1.4 var(--ue-ui);
 letter-spacing:.085em;
 color:var(--ue-mist);
 text-transform:none;
}
.viewer .viewer-story h2{
 font-family:var(--ue-editorial);
 font-size:clamp(30px,6vw,46px);
 font-weight:425;
 line-height:1.08;
 letter-spacing:-.038em;
}
.viewer .viewer-story p{
 font-family:var(--ue-ui);
 line-height:1.56;
}
.story-intro h2{
 font-size:clamp(37px,6.4vw,64px);
 font-weight:400;
 letter-spacing:-.044em;
 line-height:1.06;
}
.journey-copy h2,
.journey-scene.is-landscape .journey-copy h2{
 font-family:var(--ue-editorial);
 font-size:clamp(37px,8.4vw,78px);
 font-weight:390;
 line-height:1.03;
 letter-spacing:-.047em;
 text-wrap:balance;
}
.journey-scene.cover h2{
 font-size:clamp(48px,12vw,95px);
 font-weight:380;
}
.journey-scene.is-landscape .journey-copy h2{
 font-size:clamp(36px,7.2vw,64px);
}
.journey-copy p:not(.journey-label){
 font-family:var(--ue-ui);
 font-weight:400;
 letter-spacing:-.009em;
 line-height:1.48;
}
.journey-explore-info h2{
 font-weight:395;
 line-height:1.06;
 letter-spacing:-.046em;
}
.journey-copy .journey-label{
 font-size:10px;
 letter-spacing:.14em;
}
/* Avoid squeezing complex scripts or forcing Latin optical styles onto scripts
   for which the editorial face does not contain native glyphs. */
html:lang(ar) main h1,html:lang(ur) main h1,html:lang(fa) main h1,
html:lang(he) main h1,html:lang(hi) main h1,html:lang(bn) main h1,
html:lang(zh-Hans) main h1,html:lang(ja) main h1,html:lang(ko) main h1,
html:lang(ar) .journey-copy h2,html:lang(ur) .journey-copy h2,
html:lang(fa) .journey-copy h2,html:lang(he) .journey-copy h2,
html:lang(hi) .journey-copy h2,html:lang(bn) .journey-copy h2,
html:lang(zh-Hans) .journey-copy h2,html:lang(ja) .journey-copy h2,html:lang(ko) .journey-copy h2{
 font-family:var(--ue-ui);
 font-weight:420;
 letter-spacing:normal;
 line-height:1.2;
}
html:lang(ar) .art-meta strong,html:lang(ur) .art-meta strong,
html:lang(fa) .art-meta strong,html:lang(he) .art-meta strong,
html:lang(hi) .art-meta strong,html:lang(bn) .art-meta strong,
html:lang(zh-Hans) .art-meta strong,html:lang(ja) .art-meta strong,
html:lang(ko) .art-meta strong{
 font-family:var(--ue-ui);
 letter-spacing:normal;
}
html[dir=rtl] .art-meta{text-align:right}
html[dir=rtl] .photo-section-head .works-title{text-align:right;align-items:flex-start}
@media(max-width:360px){
 main h1{font-size:51px;line-height:1.01}
 .photo-section-head .works-title h2{font-size:25px;line-height:1.12}
 .art-meta strong{font-size:23px}
 .journey-scene.is-landscape .journey-copy h2{font-size:34px}
}
@media(min-width:800px){
 .art.feature .art-meta strong{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
 .art-meta strong{transition:none}
}

/* Locked United Earth header wordmark: always white and on one line. */
.head .identity{color:#fff!important;white-space:nowrap;flex:0 0 auto;min-width:0;gap:9px;font-weight:730;letter-spacing:.11em}
.head .identity span{color:#fff!important;white-space:nowrap;word-break:keep-all;display:inline-block;font-size:clamp(11px,2.3vw,15px);line-height:1.05}
.head .identity img{width:32px;height:32px;flex:0 0 32px}
@media(max-width:399px){
 .head{column-gap:7px;row-gap:8px}
 .head .identity{gap:7px;letter-spacing:.065em}
 .head .identity span{font-size:11px}
 .head .identity img{width:28px;height:28px;flex-basis:28px}
 .head #page-language{min-width:48px;max-width:79px;padding-inline:7px;font-size:11px;margin-right:0}
 .head #curator-toggle{font-size:9px;padding-inline:9px}
}
@media(max-width:345px){
 .head{flex-wrap:wrap}
 .head .identity{flex:1 1 100%}
 .head #page-language{margin-left:0;max-width:130px}
 .head #curator-toggle{margin-left:auto}
}