@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/eb-garamond-latin-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/eb-garamond-latin-ext-400.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/eb-garamond-vietnamese-400.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* An editorial serif for the photographs, restrained sans-serif labels. */
:root{
  --serif:'EB Garamond','Times New Roman',Times,serif;
  --text-caption:.8125rem;
  --text-ui:.9375rem;
  --text-name:.75rem;
  --font-caption:400 var(--text-caption)/1.5 var(--serif);
  --font-ui:400 var(--text-ui)/1.4 var(--serif);
  --font-name:400 var(--text-name)/1.5 var(--sans);
  --font-reading:400 var(--text-reading)/1.5 var(--serif);
}
.wordmark,.site-header .wordmark{letter-spacing:.045em;text-transform:uppercase}
.section-switch a,.info-open{padding-top:0;padding-bottom:.25rem}
.section-switch{gap:1.75rem}
.panel-title{font-size:1rem}
.panel-title span{font:var(--font-caption)}
.frame-position,.panel-counter,#viewer-counter{font-variant-numeric:lining-nums tabular-nums}
#categories a{font:var(--font-ui)}
@media(min-width:1001px){.panel-meta{bottom:4.5rem}}
#viewer-close,#info-close{font:var(--font-name);letter-spacing:.045em;text-transform:uppercase}
#info-close{padding:0;min-height:1.5rem}
#info-close span{display:none}
.information{background:#fff;color:#252525;padding:1.4375rem 2.125rem 4rem;max-width:none;max-height:none;border:0}
.information::backdrop{background:#fff}
.information-header{align-items:baseline}
.information-header .wordmark{font:var(--font-name);letter-spacing:.045em}
.information-body{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:2.5rem;width:100%;max-width:52rem;margin:clamp(4rem,14svh,8rem) auto 0}
.information h1,.information h2{font:400 .6875rem/1.5 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:inherit;text-wrap:balance}
.information h1{margin:.4375rem 0 0}
.information-content{min-width:0}
.information .bio{font:var(--font-reading);max-width:65ch;letter-spacing:0}
.information .bio p{margin:0 0 1.25em;text-wrap:pretty;overflow-wrap:break-word}
.information .bio p:last-child{margin-bottom:0}
.information-support{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;margin-top:4rem}
.information h2{margin:0 0 1rem}
.information-links{font:400 1rem/1.5 var(--serif);margin:0}
.information-links>div{display:flex;align-items:baseline;gap:.75rem}
.information-links dt{flex:none}
.information-links dd{min-width:0;margin:0;overflow-wrap:anywhere}
.information-links a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.15em;transition:text-decoration-color 140ms ease}
.information-links a:hover,.information-links a:focus-visible{text-decoration-color:currentColor}
@media(max-width:640px){
  .section-switch{gap:1.5rem}
  .information{padding:1.25rem 1.25rem 3rem}
  .information-body{grid-template-columns:minmax(0,1fr);gap:1.75rem;margin-top:3.5rem;max-width:34rem}
  .information h1{margin:0}
  .information-support{margin-top:2.75rem;gap:2rem 1.5rem;grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.information-links a{transition:none}}