:root{--sage:#e8ece5;--leaf:#d5dcd0;--ink:#1e3a2f;--muted:#5d6b61;--gold:#a9844b;--night:#0e1813;--serif:"Bodoni Moda", "Didot", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 56px)}*{box-sizing:border-box}body{background:var(--sage);color:var(--ink);font:400 1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}ul{margin:0;padding:0;list-style:none}h1{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400}.page{max-width:1600px;padding:0 var(--gutter) 96px;margin:0 auto}.count{color:var(--muted);font-variant-numeric:lining-nums;margin:0;font-size:.9375rem}.album-header{gap:8px;padding:40px 0 32px;display:grid}.album-header h1{font-size:clamp(2.25rem,6vw,4.5rem);line-height:1}.back{color:var(--muted);justify-self:start;margin-bottom:24px;font-size:.9375rem;font-weight:500;text-decoration:none}.back:before{content:"‹ "}.back:hover{color:var(--ink)}.split{background:var(--night);height:100svh;display:flex;position:relative}.split-title{z-index:2;top:clamp(28px,7vh,72px);left:var(--gutter);right:var(--gutter);text-align:center;color:#fff;text-shadow:0 2px 24px #0e181373;pointer-events:none;font-size:clamp(2.5rem,7vw,6.5rem);line-height:.95;position:absolute}.half{color:#fff;flex:1 1 0;text-decoration:none;transition:flex-grow .7s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.half+.half{border-left:1px solid #ffffff59}.half:hover,.half:focus-visible{flex-grow:1.4}.half:focus-visible{outline-offset:-6px}.half img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.half:after{content:"";background:linear-gradient(#0e18138c,#0000 32% 55%,#0e1813cc);position:absolute;inset:0}.half-label{z-index:1;left:var(--gutter);right:var(--gutter);gap:4px;display:grid;position:absolute;bottom:clamp(28px,6vh,64px)}.half-name{font-family:var(--serif);font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:1}.half .count{color:#fffc}@media (orientation:portrait){.split{flex-direction:column}.half+.half{border-top:1px solid #ffffff59;border-left:0}}.grid{--row:clamp(110px, 18vw, 220px);flex-wrap:wrap;gap:8px;display:flex}.grid li{flex:var(--r) 1 calc(var(--r) * var(--row))}.grid:after{content:"";flex:999 1 0}.thumb{background:var(--leaf);display:block}.thumb img{width:100%;aspect-ratio:var(--r);object-fit:cover;opacity:0;transition:opacity .3s;display:block}.thumb img.loaded{opacity:1}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.message{max-width:40ch;padding-top:30vh}.message h1{margin-bottom:12px;font-size:2rem}.lightbox{z-index:10;background:var(--night);color:var(--sage);outline:none;grid-template-rows:1fr auto;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.lightbox-photo{object-fit:contain;width:100%;height:100%;min-height:0;padding:24px 24px 0}.lightbox-bar{padding:16px 24px max(16px, env(safe-area-inset-bottom));align-items:center;gap:24px;font-size:.9375rem;display:flex}.position{color:#9faea3;font-variant-numeric:tabular-nums;margin-right:auto}.lightbox-bar a,.lightbox-bar button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:500;text-decoration:none}.lightbox-bar a:hover,.lightbox-bar button:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:6px}.nav{color:#e8ece58c;width:20%;max-width:160px;font:300 3.5rem/1 var(--serif);cursor:pointer;background:0 0;border:0;position:absolute;top:0;bottom:72px}.nav:hover{color:#fff}.prev{text-align:left;padding-left:20px;left:0}.next{text-align:right;padding-right:20px;right:0}@media (hover:none){.nav{display:none}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}