/* Unattributed.art — shared design system (2026-09-25)
   One grid, one type scale, one spacing scale. Prefixed ua- so it never touches the film overlays. */
:root{
  --ua-ink:#14161a; --ua-paper:#f5f5f5; --ua-paper2:#ffffff; --ua-night:#111316;
  --ua-text:#2a2a2a; --ua-muted:#6b6862; --ua-rule:rgba(20,22,26,.14); --ua-gold:#9a7b45;
  --ua-sans:'Barlow',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  --ua-display:'Barlow Semi Condensed','Barlow',Arial,sans-serif;
  --ua-max:1200px; --ua-gut:64px; --ua-sec:108px;
}
@media(max-width:900px){:root{--ua-gut:24px;--ua-sec:80px}}

.ua *,.ua *::before,.ua *::after{box-sizing:border-box}
body.ua{margin:0;background:var(--ua-paper);color:var(--ua-text);font:400 17px/1.65 var(--ua-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ua img{display:block;max-width:100%;height:auto}
.ua a{color:inherit}
.ua p{margin:0}

/* type scale — five sizes */
.ua-display{font:400 clamp(38px,5vw,68px)/1.04 var(--ua-display);letter-spacing:-.01em;margin:0;color:var(--ua-ink)}
.ua-h2{font:400 clamp(30px,3.2vw,44px)/1.12 var(--ua-display);letter-spacing:-.005em;margin:0 0 24px;color:var(--ua-ink)}
.ua-h3{font:400 22px/1.3 var(--ua-display);margin:0 0 10px;color:var(--ua-ink)}
.ua-body{font-size:17px;line-height:1.7;color:var(--ua-text);max-width:62ch}
.ua-body+.ua-body{margin-top:1em}
.ua-small{font-size:14px;line-height:1.55;color:var(--ua-muted)}
.ua-label{font:500 12px/1.4 var(--ua-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ua-gold);margin:0 0 18px}
.ua-display em,.ua-h2 em,.ua-h3 em{font-style:italic}

/* grid */
.ua-wrap{max-width:var(--ua-max);margin:0 auto;padding:0 var(--ua-gut)}
.ua-sec{padding:var(--ua-sec) 0}
.ua-sec--tint{background:var(--ua-paper2)}
.ua-sec--dark{background:var(--ua-night);color:#e9e6e0}
.ua-sec--dark .ua-h2,.ua-sec--dark .ua-h3,.ua-sec--dark .ua-display{color:#f4f1ea}
.ua-sec--dark .ua-body{color:rgba(233,230,224,.86)}
.ua-sec--dark .ua-small{color:rgba(233,230,224,.6)}
.ua-sec--dark .ua-label{color:#c8a96e}
.ua-split{display:grid;grid-template-columns:repeat(12,1fr);column-gap:32px;align-items:center}
.ua-split>.ua-a{grid-column:1/span 6}.ua-split>.ua-b{grid-column:8/span 5}
.ua-split--flip>.ua-a{grid-column:7/span 6;grid-row:1}.ua-split--flip>.ua-b{grid-column:1/span 5;grid-row:1}
@media(max-width:900px){.ua-split{display:block}.ua-split>.ua-a{margin-bottom:36px}}

/* captions — museum style */
.ua-cap{margin-top:14px;font-size:14px;line-height:1.5;color:var(--ua-muted)}
.ua-cap b{display:block;font-weight:500;color:var(--ua-text)}
.ua-sec--dark .ua-cap{color:rgba(233,230,224,.6)}.ua-sec--dark .ua-cap b{color:#e9e6e0}

/* links — understated text, never pills */
.ua-more{display:inline-block;margin-top:28px;font:500 14px/1 var(--ua-sans);letter-spacing:.06em;color:var(--ua-ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.ua-sec--dark .ua-more{color:#f4f1ea}
.ua-more:hover{color:var(--ua-gold)}

/* nav — identical on every page */
.ua-nav{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(245,245,245,.96);border-bottom:1px solid var(--ua-rule);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ua-nav-in{max-width:var(--ua-max);margin:0 auto;padding:0 var(--ua-gut);height:76px;display:flex;align-items:center;justify-content:space-between}
.ua-logo{font:700 22px/1 'Barlow Semi Condensed','Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ua-ink);text-decoration:none}
.ua-logo span{font-weight:400;opacity:.5}
.ua-links{display:flex;gap:36px;align-items:center}
.ua-links a{font:400 15.5px/1 var(--ua-sans);letter-spacing:.05em;color:var(--ua-ink);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.ua-links a:hover,.ua-links a[aria-current]{border-bottom-color:currentColor}
.ua-right{display:flex;align-items:center;gap:18px}
.ua-lang{font:400 14.5px/1 var(--ua-sans);letter-spacing:.08em;color:var(--ua-muted);text-decoration:none}
.ua-toggle{display:none;background:none;border:0;padding:10px 0;width:28px;cursor:pointer}
.ua-toggle span{display:block;height:1px;background:var(--ua-ink);margin:6px 0}
.ua-main{padding-top:76px}
@media(max-width:900px){
  .ua-nav-in{height:60px}.ua-main{padding-top:60px}
  .ua-logo{font-size:17px}
  .ua-toggle{display:block}
  .ua-links{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--ua-paper);border-bottom:1px solid var(--ua-rule);padding:4px var(--ua-gut) 12px}
  .ua-links.open{display:flex}
  .ua-links a{font-size:17px;padding:16px 0;border-bottom:1px solid var(--ua-rule)}
  .ua-links a:last-child{border-bottom:0}
}

/* footer — identical on every page */
.ua-ft{background:var(--ua-night);color:rgba(233,230,224,.7);padding:56px 0 40px;font-size:14px}
.ua-ft-in{max-width:var(--ua-max);margin:0 auto;padding:0 var(--ua-gut);display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px}
.ua-ft .ua-logo{color:#f4f1ea}
.ua-ft nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.ua-ft a,.ua-ft a:visited{color:rgba(233,230,224,.75);text-decoration:none}.ua-ft a:hover{color:#fff}
.ua-ft-small{width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:rgba(233,230,224,.5)}


/* cookie banner — slim bar at the foot of the screen (overrides consent.js) */
#ua-consent{left:0!important;right:0!important;bottom:0!important;max-width:none!important;margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;padding:12px var(--ua-gut,24px)!important;font-size:14px!important;justify-content:center}
#ua-consent p{flex:0 1 auto!important}
#ua-consent button{font:500 13px/1 'Barlow',sans-serif!important;letter-spacing:.06em!important;text-transform:none!important;padding:8px 14px!important}
footer.ua-ft{padding:56px 0 40px;text-align:left;border:0}
footer.ua-ft p{font-size:13px;letter-spacing:0;margin:0}
footer.ua-ft .ua-ft-note{flex:0 0 100%;order:2;max-width:none;padding-right:30%;color:rgba(233,230,224,.45);opacity:1}
footer.ua-ft .ua-ft-small{order:3}
@media(max-width:900px){footer.ua-ft .ua-ft-note{padding-right:0}}
.uh-contact-mail{display:inline-block;margin-top:28px;font:400 clamp(24px,2.6vw,34px)/1.2 var(--ua-display);color:#f4f1ea;text-decoration:none;border-bottom:1px solid rgba(244,241,234,.35);padding-bottom:4px}
.uh-contact-mail:hover{border-bottom-color:#f4f1ea}
.ua-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* typographic wrapping: balanced headings, no single-word last lines */
h1,h2,h3,h4,.ua-display,.ua-h2,.ua-h3,.cs-quote,.cs-lede,.hero-sub,.db-title,.db-lede,.up-quote,.up-inter-line{text-wrap:balance}
p,dd,li,figcaption,td,.cs-m,.cs-t,.db-t,.db-m,.ua-cap,.ua-small,.ua-body{text-wrap:pretty}

/* no cookie bar over an open film */
body:has(.csf.on) #ua-consent,body:has(.film.on) #ua-consent{display:none!important}