:root{color-scheme:light dark;--paper: light-dark(oklch(97.6% .006 85), oklch(17.5% .005 75));--ink: light-dark(oklch(21% .012 70), oklch(94% .008 85));--ink-2: light-dark(oklch(42% .012 70), oklch(76% .01 85));--ink-3: light-dark(oklch(52% .01 70), oklch(63% .01 85));--rule: light-dark(oklch(89% .008 85), oklch(28% .006 85));--accent: light-dark(oklch(52% .165 38), oklch(75% .13 50));--card-bg: light-dark(oklch(93% .006 85), oklch(22% .005 75));--serif: var(--font-instrument), Georgia, serif;--sans: var(--font-geist), system-ui, sans-serif;--mono: var(--font-geist-mono), ui-monospace, monospace;--gutter: clamp(1.25rem, 5vw, 3.5rem);--gap: 14px;--ease: cubic-bezier(.2, .7, .2, 1);--lb-bg: oklch(15% .005 75);--lb-fg: oklch(94% .008 85);--lb-muted: oklch(68% .01 85);--lb-rule: oklch(30% .006 85)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}::selection{background:color-mix(in oklch,var(--accent) 28%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.site-bar{view-transition-name:site-bar;width:100%;max-width:70rem;margin:0 auto;padding:1.5rem var(--gutter);display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.site-name{font:400 1.35rem/1 var(--serif);letter-spacing:-.01em;color:var(--ink);text-decoration:none}.site-bar nav{display:flex;gap:1.5rem;font:400 .8rem/1 var(--mono)}.site-bar nav a{position:relative;color:var(--ink-2);text-decoration:none;transition:color .2s}.site-bar nav a:hover,.site-bar nav a[aria-current]{color:var(--ink)}.nav-indicator{view-transition-name:nav-indicator;position:absolute;left:0;right:0;bottom:-.45rem;height:1px;background:var(--accent)}.intro{width:100%;max-width:70rem;margin:0 auto;padding:clamp(3rem,9vw,6rem) var(--gutter) clamp(2rem,5vw,3rem)}.eyebrow{display:flex;align-items:center;gap:.6rem;font:400 .8rem var(--mono);color:var(--ink-2)}.dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--accent)}#photo-count:not(:empty):before{content:" · "}.title{view-transition-name:photos-heading;margin:1.25rem 0 1.5rem;font:400 clamp(3.5rem,11vw,8rem) / .9 var(--serif);letter-spacing:-.035em}.lede{max-width:36rem;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.45;color:var(--ink-2);text-wrap:pretty}.loader{max-width:70rem;margin:60px auto;padding:0 var(--gutter);text-align:center;color:var(--ink-3)}.loader p{margin-top:16px;font:.8rem var(--mono)}.spinner{display:inline-block;width:32px;height:32px;border:2px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{max-width:70rem;margin:60px auto;padding:0 var(--gutter);text-align:center;color:var(--ink-3);display:none}.empty.visible{display:block}main{flex:1}.grid{max-width:88rem;margin:0 auto 80px;padding:0 var(--gutter);column-count:4;column-gap:var(--gap)}@media(max-width:1200px){.grid{column-count:3}}@media(max-width:768px){.grid{column-count:2}}@media(max-width:480px){.grid{column-count:1}}.card{position:relative;break-inside:avoid;margin-bottom:var(--gap);background:var(--card-bg);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease);contain:layout style paint;content-visibility:auto}.card:hover{transform:translateY(-3px);box-shadow:0 14px 40px color-mix(in oklch,var(--ink) 18%,transparent)}.card img{width:100%;height:auto;display:block;background:var(--card-bg);transition:filter .3s ease,transform .4s var(--ease),opacity .3s ease}.card img:not(.loaded){opacity:0}.card img.loaded{opacity:1}.card img.error{opacity:.3;filter:grayscale(1)}.card:hover img{filter:brightness(.7);transform:scale(1.03)}.card:hover img.error{filter:brightness(.7) grayscale(1)}.card-overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:1rem 1.1rem;color:#f7f5f1;text-align:left;opacity:0!important;visibility:hidden!important;transform:translateY(6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.card-overlay p{margin:0;font:.72rem/1.5 var(--mono);letter-spacing:.01em}.card:hover .card-overlay{opacity:1!important;visibility:visible!important;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}dialog{width:95vw;max-width:1400px;max-height:95vh;border:0;padding:0;border-radius:1rem;background:var(--lb-bg);color:var(--lb-fg);box-shadow:0 20px 60px #0009;margin:auto}dialog::backdrop{background:color-mix(in oklch,var(--lb-bg) 88%,transparent);backdrop-filter:blur(6px)}.lb{position:relative;display:grid;max-height:95vh;overflow:hidden}.lb-content{display:grid;grid-template-columns:1fr auto;max-height:95vh}@media(max-width:900px){.lb-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.lb-image-container{position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;max-height:95vh}.lb img{max-width:100%;max-height:95vh;width:auto;height:auto;object-fit:contain;display:block}.lb-sidebar{width:320px;background:var(--lb-bg);border-left:1px solid var(--lb-rule);padding:24px;overflow-y:auto;max-height:95vh}@media(max-width:900px){.lb-sidebar{width:100%;border-left:0;border-top:1px solid var(--lb-rule);max-height:40vh}}.lb-title{font:400 1.6rem/1.1 var(--serif);margin-bottom:20px;word-break:break-word}.meta-section{margin-bottom:24px}.meta-section h3{font:400 .72rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--lb-muted);margin-bottom:12px}.meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--lb-rule);font-size:.9rem}.meta-row:last-child{border-bottom:0}.meta-label{color:var(--lb-muted);flex:0 0 auto;min-width:80px}.meta-label:after{content:":"}.meta-value{text-align:right;word-break:break-word;color:var(--lb-fg);flex:0 1 auto;margin-left:12px;font-family:var(--mono);font-size:.82rem}.dlg-controls{position:absolute;top:16px;right:16px;z-index:10;display:flex;gap:8px}.dlg-btn,.nav-btn{border:0;background:#0009;color:#fff;border-radius:.6rem;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s ease,transform .2s ease}.dlg-btn{padding:10px 14px;font-size:1.1rem}.dlg-btn:hover,.nav-btn:hover{background:#000000d9}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);padding:16px 12px;font-size:1.5rem;z-index:10}.nav-btn:hover{transform:translateY(-50%) scale(1.06)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-prev{left:16px}.nav-next{right:16px}@media(max-width:600px){.nav-btn{padding:12px 10px;font-size:1.2rem}.nav-prev{left:8px}.nav-next{right:8px}}body>footer{width:calc(100% - 2 * var(--gutter));max-width:calc(70rem - 2 * var(--gutter));margin:auto auto 0;padding:2rem 0 3rem;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;font:400 .72rem/1.6 var(--mono);color:var(--ink-3)}body>footer a{color:var(--ink-2);text-decoration:underline 1px var(--rule);text-underline-offset:.24em}body>footer a:hover{text-decoration-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:no-preference){@view-transition{navigation: auto;}::view-transition-group(*){animation-duration:.45s;animation-timing-function:var(--ease)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}