*{margin:0;padding:0;box-sizing:border-box}:root{--margin-side:24px;--bg-color:#000000;--fg-color:#e0e0e0;--caption-color:#999;--border-color:#333;--img-border-color:#333;--alt-color:#121212}@media(prefers-color-scheme:light){:root{--bg-color:#ffffff;--fg-color:#1a1a1a;--caption-color:#666;--border-color:#121212;--img-border-color:transparent;--alt-color:#f5f5f5}}html{background:var(--bg-color);color:var(--fg-color);height:100%;font-size:16px;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:avenir;cursor:default}body{height:100%;display:flex;flex-flow:column nowrap;justify-content:space-between;font-size:1em}body>header{flex:none;padding:24px var(--margin-side)0}body>header>h1{margin-bottom:12px;color:var(--fg-color)}body>header>h1>a{display:block;color:inherit}body>header>h1>a:visited{color:inherit}body>header>h1 svg{height:2em;width:auto}body>header>p{max-width:72ch;line-height:1.4em;margin-bottom:1em}body>header>p:first-of-type{font-size:1.4em;font-weight:500}body>header>p:not(:first-of-type){font-size:.95em;color:var(--caption-color)}body>header>p:last-child{margin-bottom:0}main{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;flex:auto;min-height:0;width:100%}main>figure{flex:initial;width:100%;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;margin:2em 0}main>figure>picture{position:relative;display:flex;flex:initial;min-height:0;justify-content:flex-start;align-items:flex-end}main>figure>picture::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient( to right,transparent,var(--img-border-color) 20%,var(--img-border-color) 80%,transparent );pointer-events:none}main>figure>picture>img{display:block;user-select:none;user-drag:none;-webkit-user-select:none;-webkit-user-drag:none;object-fit:contain;max-width:100%;max-height:100%;cursor:pointer}main>figure>picture>#credits-toggle{position:absolute;opacity:0;pointer-events:none}main>figure>picture>label{position:absolute;top:8px;right:8px;width:16px;height:16px;color:var(--caption-color);cursor:pointer;opacity:.3;transition:opacity .2s}main>figure>picture>label:hover{opacity:.6}@media(max-width:767px){main>figure>picture>label{width:24px;height:24px;top:12px;right:12px}}main>figure>picture>label>svg{width:100%;height:100%}main>figure>picture>.credits{position:absolute;bottom:1px;left:0;right:0;margin:0;background:rgba(0,0,0,.75);color:#e0e0e0;padding:12px var(--margin-side);font-size:.85em;line-height:1.4;opacity:0;transition:opacity .2s;pointer-events:none}main>figure>picture>.credits::after{content:attr(data-credit-dark)}@media(prefers-color-scheme:light){main>figure>picture>.credits::after{content:attr(data-credit-light)}}main>figure>picture>#credits-toggle:checked~.credits{opacity:1;pointer-events:auto}main>figure>figcaption{padding:12px var(--margin-side)0;font-size:.95em;max-width:100ch;color:var(--caption-color);text-align:left;line-height:1.4em}body>footer{color:var(--caption-color);font-size:.75em;padding:0 var(--margin-side)16px;flex:none;text-align:left}body>footer>*{margin-bottom:.5em}body>footer>*:last-child{margin-bottom:0}a{color:var(--fg-color);text-decoration:none}a:visited{color:var(--caption-color)}@media(max-width:767px){html{font-size:14px}main{justify-content:center}main>figure{margin-bottom:0}main>figure>picture{display:block}main>figure>picture>img{display:block;width:100%;height:auto;object-fit:contain}main>figure>figcaption{padding-bottom:1em}}@media(min-width:768px){body{align-items:center;text-align:center}body>header{display:flex;flex-direction:column;align-items:center}main>figure>picture{justify-content:center}main>figure>figcaption{text-align:center;margin:0 auto}body>footer{text-align:center}}