/* home page only */
.uh-hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);background:var(--ua-paper)}
.uh-hero-text{display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 88px max(var(--ua-gut),calc((100vw - var(--ua-max))/2 + var(--ua-gut)))}
.uh-hero .ua-display{font-size:clamp(36px,3.9vw,58px)}
.uh-hero-img{position:relative;background:#0e0f11;overflow:hidden}
.uh-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.uh-rule{height:1px;background:var(--ua-rule);margin:36px 0 22px;max-width:360px}
.uh-brand{font:500 13px/1.6 var(--ua-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ua-ink)}
.uh-brand span{display:block;color:var(--ua-muted);letter-spacing:.1em;text-transform:none;font-weight:400;font-size:15px;font-style:italic}
.uh-hero .ua-cap{margin-top:40px}
@media(max-width:900px){
  .uh-hero{display:flex;flex-direction:column;min-height:0}
  .uh-hero-img{order:-1}
  .uh-hero-img{height:auto;aspect-ratio:1400/2060}
  .uh-hero-img img{object-position:center top}
  .uh-hero-text{padding:36px var(--ua-gut) 64px;max-width:none}
  .uh-hero .ua-cap{margin-top:28px}
}
.uh-intro .ua-h2{max-width:none;margin:0}
@media(max-width:900px){.uh-intro{padding-top:8px}.uh-br{display:none}}
.uh-intro .ua-small{margin-top:4px}
.uh-audio{margin-top:28px;display:flex;align-items:center;gap:14px;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:left}
.uh-audio svg{flex:none;width:30px;height:30px}
.uh-audio .uh-bars{display:none}.uh-audio.playing .uh-tri{display:none}.uh-audio.playing .uh-bars{display:inline}
.uh-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px;border-top:1px solid var(--ua-rule);padding-top:36px}
.uh-areas .ua-body{font-size:16px}
@media(max-width:900px){.uh-areas{grid-template-columns:1fr;gap:28px;margin-top:32px}}
.uh-works{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px;align-items:start}
.uh-works figure{margin:0}
.uh-works .uh-frame{aspect-ratio:4/5;background:#eeeeee;overflow:hidden}
.uh-works .uh-frame img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.uh-works{grid-template-columns:1fr 1fr;gap:28px 16px;margin-top:32px}}
.uh-meta{margin:28px 0 0;border-top:1px solid var(--ua-rule);padding-top:16px}.uh-meta dt{font:500 12px/1.4 var(--ua-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ua-gold);margin-top:12px}.uh-meta dd{margin:2px 0 0;font-size:15px;color:var(--ua-text)}
/* desktop: show the whole painting (face and orb) — column width derived from the viewport height, no aspect-ratio needed */
@media(min-width:901px){
  .uh-hero{grid-template-columns:1fr min(50vw,calc((100vh - 76px) * 0.68));height:calc(100vh - 76px);min-height:560px}
  .uh-hero-img img{object-position:center center}
}
@media(min-width:901px){.uh-intro{padding-top:calc(var(--ua-sec) - 40px)}}
/* Method: three disciplines as a ruled band (same language as the report's Scope strip) */
.uh-methods{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;border-top:1px solid var(--ua-rule);border-bottom:1px solid var(--ua-rule)}
.uh-methods li{font:400 14px/1 var(--ua-sans);letter-spacing:.04em;color:var(--ua-text);padding:12px 18px;border-left:1px solid var(--ua-rule)}
.uh-methods li:first-child{border-left:0;padding-left:0}
@media(max-width:900px){.uh-methods{grid-template-columns:1fr;border-bottom:0}.uh-methods li{border-left:0;padding:12px 0;border-bottom:1px solid var(--ua-rule)}}
