@charset "UTF-8";
:root { color-scheme: dark; background: #000; font-family: "Avenir Next", "Avenir", "Gill Sans", "Trebuchet MS", sans-serif; font-size: 10px; color: #e6e6e6; }
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; padding: 50px max(16px, env(safe-area-inset-right)) 50px max(16px, env(safe-area-inset-left)); background: #000; color: #e6e6e6; font-size: 1.2rem; line-height: 1.48; -webkit-text-size-adjust: 100%; }
a { color: #6b9aad; text-decoration: none; }
a:visited { color: #6b9aad; }
a:hover, a:focus-visible, a:active { color: #fff; }
a:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
.content-page { width: 100%; max-width: 920px; margin: 0 auto; }
p { margin: 0; }
.gallery-page .content-page { text-align: center; }
.gallery-page p { width: 100%; max-width: 790px; margin-left: auto; margin-right: auto; }
.gallery-page p:has(img) { max-width: 790px; line-height: 0; }
.gallery-page img { display: block; max-width: 100%; height: auto; margin: .65rem auto 1.8rem; }
.gallery-page p:not(:has(img)) + p:has(img) { margin-top: .65rem; }
.gallery-page p:has(img) + p:not(:has(img)):not(.spacer-line) { margin-top: 3.25rem; }
.article-page .content-page { max-width: 790px; text-align: left; }
.article-page p { margin-bottom: 1.25rem; }
.projects-page .content-page { max-width: 800px; text-align: left; }
.projects-page p { margin-bottom: .15rem; }
.projects-page h1, .projects-page h2, .projects-page h3, .projects-page h4 { font-size: 1.4rem; font-weight: 500; line-height: 1.45; margin: 0 0 2rem; }
.projects-page img { display: block; max-width: 100%; height: auto; }
.spacer-line { min-height: 1.4rem; }
video, iframe { display: block; max-width: 100%; margin: .65rem auto 1.8rem; }
@media (max-width: 820px) { body { padding-top: max(32px, env(safe-area-inset-top)); padding-bottom: max(40px, env(safe-area-inset-bottom)); } }