/* A project journal: a large wordmark, clear chapters and field photographs.
   The original copy stays in its reading order in every language. */
#about{padding:24px;background:rgba(8,25,29,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--text);text-align:left}
#about .box{
  position:relative;width:min(1040px,100%);max-width:1040px;
  max-height:calc(100dvh - 48px);padding:0;background:#f5f3ec;color:#1a2c2d;
  border:1px solid #fff6;box-shadow:0 24px 90px #00191e66;
  --ink:#1a2c2d;--ink-soft:#405653;--accent:#205d61;
}
#about .closeX{
  position:sticky;top:16px;float:right;margin:16px 16px -64px 0;
  width:48px;height:48px;border:0;border-radius:0;background:none;
  color:#1a2c2d;font-family:var(--text);font-size:28px;z-index:4;
  --control-fill:#f5f3ec;--control-edge:#1a2c2d;
}
#about .closeX:hover{background:none;color:#f5f3ec;--control-fill:#1a2c2d}
#about .closeX:focus-visible,#about a:focus-visible,#about summary:focus-visible{outline:3px solid #35767a;outline-offset:4px}
#about .about-hero{
  display:grid;place-items:center;
  min-height:300px;padding:78px 64px 60px;
  background:radial-gradient(ellipse at 88% 25%,#b9d0c6aa,transparent 62%),#e2e9df;
}
#about h3{width:100%;max-width:720px;margin:0;line-height:1}
#about .about-wordmark{width:100%;background:#1a2c2d}
#about p{font-size:15px;line-height:1.85;color:#405653;margin:0 0 18px}
#about .about-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding:36px 64px 44px}
#about .about-intro p:first-child{font-size:18px;line-height:1.65;color:#1a2c2d}
#about .about-intro p:last-child{margin-bottom:0}
#about .about-chapter{
  display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px 36px;
  padding:38px 64px;border-top:1px solid #a8b8ad88;
}
#about .about-chapter-heading{min-width:0}
#about h4{border:0;padding:0;margin:0;font-family:var(--text);font-weight:650;font-size:23px;line-height:1.25;text-wrap:balance}
#about .about-chapter-copy{min-width:0}
#about .about-chapter-copy>:last-child{margin-bottom:0}
#about .lead{font-family:var(--text);font-size:clamp(22px,2.5vw,29px);font-weight:550;line-height:1.45;color:#235752;margin-bottom:24px}
#about .about-chapter:has(.lead){background:#e7ede3}
#about .shots{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:12px 0 0;align-items:start}
#about .shots[hidden],#about .shots figure[hidden]{display:none}
#about .shots figure{min-width:0;margin:0;padding:0;background:none;box-shadow:none}
#about .shots img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border:0}
#about .shots figcaption{padding:10px 0 0;font-size:12px;line-height:1.6;color:#53615b}
#about .about-faq{background:#e9eee8}
#about .faq{margin:0;border:0}
#about .faq details{border-bottom:1px solid #9dafa180}
#about .faq summary{padding:18px 32px 18px 0;font-size:15px;line-height:1.5;color:#203b38;min-height:52px}
#about .faq details:first-child summary{padding-top:0}
#about .faq summary::after{right:2px;color:#205d61;font-size:24px}
#about .faq details p{margin:0 24px 20px 0;font-size:14px}
#about .about-partners{display:block}
#about .about-partners .about-chapter-heading{max-width:540px;margin-bottom:30px}
#about .about-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 26px;margin:0;padding:20px 0}
#about .about-logos img{height:44px;max-width:100%}
#about .about-logos .dank-hfk{background-color:#f5f3ec;width:100%}
#about .sign{margin:0;padding:26px 64px 30px;gap:4px;border:0;border-top:1px solid #a8b8ad88;background:none;color:#405653;font:15px/1.8 var(--text)}
#about .sign .who{font:inherit;letter-spacing:0;color:inherit}
#about .sign .author-link{
  display:inline;padding:0;font:inherit;letter-spacing:0;color:inherit;
  box-shadow:none;text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:.16em;white-space:nowrap;
}
#about .sign .author-link:hover{color:#1a2c2d;box-shadow:none}
#about .about-legal{display:flex;flex-wrap:wrap;gap:8px 24px;padding:16px 24px;background:#f5f3ec}
#about .about-legal a{display:inline-flex;align-items:center;min-height:44px;color:#1a2c2d;font-size:13px;text-underline-offset:4px}
@media(max-width:900px){
  #about{padding:12px}
  #about .box{max-height:calc(100dvh - 24px);padding:0}
  #about .about-hero{padding:76px 30px 44px;min-height:260px}
  #about .about-intro{padding:30px;gap:26px}
  #about .about-chapter{grid-template-columns:160px minmax(0,1fr);padding:30px;gap:24px}
  #about h4{font-size:21px}
  #about .sign{padding:30px}
  #about .about-logos{gap:24px 18px}
  #about .about-logos img{height:36px}
}
@media(max-width:600px){
  #about .closeX{top:12px;margin:12px 12px -60px 0}
  #about .about-hero{padding:82px 24px 38px;min-height:0}
  #about .about-intro{grid-template-columns:1fr;padding:26px 24px 30px;gap:4px}
  #about .about-intro p:first-child{font-size:17px}
  #about p{font-size:15px;line-height:1.8}
  #about .about-chapter{grid-template-columns:1fr;padding:30px 24px;gap:22px}
  #about h4{font-size:23px;text-wrap:initial}
  #about .shots{grid-template-columns:1fr;gap:20px;margin:0}
  #about .about-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  #about .about-partners .about-chapter-heading{margin-bottom:24px}
  #about .sign{padding:30px 24px}
}
@media(prefers-reduced-transparency:reduce){#about{background:#193437;backdrop-filter:none}}