:root{--bg:#fff;--fg:#111;--muted:#555;--gap:8px;--gutter:clamp(16px, 3vw, 32px);--ease-out:cubic-bezier(.215, .61, .355, 1);color-scheme:light;color:var(--muted);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Barlow Condensed,system-ui,sans-serif;font-size:17px;font-weight:400;line-height:1.4}*,:before,:after{box-sizing:border-box;margin:0}body{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}main,.site-footer{width:100%;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.site-header{padding:56px var(--gutter) 150px;flex-direction:column;align-items:center;display:flex}.logo{color:var(--fg);letter-spacing:.04em;font-family:Bebas Neue,sans-serif;font-size:40px;font-weight:400;line-height:1}.site-nav{letter-spacing:.01em;flex-wrap:wrap;justify-content:center;gap:12px 40px;margin-top:62px;font-size:18px;display:flex}.site-nav a{transition:color .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--fg)}.menu-toggle{width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border:0;place-items:center;margin-right:-10px;padding:0;display:none}.menu-toggle svg{fill:none;stroke:currentColor;stroke-width:1.25px}.menu-toggle .bar{transform-box:fill-box;transform-origin:50%;transition:transform .3s var(--ease-out)}.is-open .bar-top{transform:translateY(4px)rotate(45deg)}.is-open .bar-bottom{transform:translateY(-4px)rotate(-45deg)}.site-nav-list{display:contents}@media (width<=767px){.site-header{z-index:20;background:var(--bg);flex-flow:wrap;justify-content:space-between;margin-bottom:24px;padding-block:12px;position:sticky;top:0}@supports (animation-timeline:scroll()){.site-header{animation-name:header-divider;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll();animation-range:0 24px}}.tile{scroll-margin-top:80px}.logo{font-size:30px}.menu-toggle{display:grid}.site-nav{visibility:hidden;transition:grid-template-rows .35s var(--ease-out), visibility 0s linear .35s;flex-basis:100%;grid-template-rows:0fr;margin:0;font-size:20px;display:grid}.site-nav-list{flex-direction:column;align-items:center;gap:18px;min-height:0;display:flex;overflow:hidden}.site-nav-list>:first-child{margin-top:32px}.site-nav-list>:last-child{margin-bottom:8px}.site-nav a{opacity:0;transition:opacity .25s ease, transform .25s var(--ease-out), color .2s ease;transform:translateY(-8px)}.site-header.is-open .site-nav{visibility:visible;transition:grid-template-rows .35s var(--ease-out);grid-template-rows:1fr}.site-header.is-open .site-nav a{opacity:1;transition-delay:calc(80ms + var(--i) * 40ms);transform:none}}@keyframes header-divider{to{box-shadow:0 1px #00000014}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main{flex:1;animation:.3s ease-in-out both page-in}@keyframes page-in{0%{opacity:0}}.site-footer{text-align:center;padding-block:64px 32px;font-size:15px}.masonry{--cols:3;columns:var(--cols);column-gap:var(--gap)}@media (width<=520px){.masonry{--cols:1}}.masonry.is-laid-out{align-items:flex-start;gap:var(--gap);display:flex}.column{gap:var(--gap);flex-direction:column;flex:1;min-width:0;display:flex}.tile{break-inside:avoid;margin-bottom:var(--gap);display:block}.is-laid-out .tile{margin-bottom:0}.frame{display:block;position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;display:block}.frame:after{content:"";background:var(--bg);opacity:0;transition:opacity .3s var(--ease-out);position:absolute;inset:0}.tile:hover .frame:after,.tile:focus-visible .frame:after{opacity:.12}.tile:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.label{padding:10px 0 24px;font-size:15px;transition:color .2s;display:block}.tile:hover .label{color:var(--fg)}.js .tile{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(40px)}.js .tile.is-visible{opacity:1;transform:none}.js .frame img{opacity:0;transition:opacity .3s var(--ease-out)}.js .frame img.is-loaded{opacity:1}.pager{justify-content:space-between;gap:16px;margin-top:64px;font-size:15px;display:flex}.pager a{color:var(--fg);flex-direction:column;gap:2px;transition:opacity .2s;display:flex}.pager a:last-child{text-align:right}.pager a:hover{opacity:.6}.pager span{color:var(--muted)}.lightbox{width:100%;max-width:none;height:100%;max-height:none;color:var(--muted);background:var(--bg);border:0;outline:none;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{background:var(--bg)}html:has(.lightbox[open]){overflow:hidden}.stage{touch-action:pan-y;position:absolute;inset:0}.slide{object-fit:contain;user-select:none;width:100%;height:100%;padding:72px 96px;position:absolute;inset:0}@media (width<=668px){.slide{padding:64px 0}}.lightbox-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .2s;display:grid;position:absolute}.lightbox-button:hover{color:var(--fg)}.lightbox-button svg{fill:none;stroke:currentColor;stroke-width:1.25px}.close{top:20px;right:20px}.prev,.next{top:calc(50% - 22px)}.prev{left:20px}.next{right:20px}@media (width<=520px){.prev,.next{display:none}}.counter{font-variant-numeric:tabular-nums;text-align:center;font-size:15px;position:absolute;inset:auto 0 24px}@media (prefers-reduced-motion:reduce){main{animation:none}.js .tile{transition:opacity .2s;transform:none}.menu-toggle .bar,.site-nav,.site-header.is-open .site-nav,.site-nav a,.site-header.is-open .site-nav a{transition:none}}
