@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/orbitron.woff2) format("woff2")}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/greatvibes.woff2) format("woff2")}:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;scroll-behavior:smooth}body{background:#1a1a1a;color:#f2f2f2}.site-header{position:relative;z-index:10;display:flex;align-items:center;min-height:64px;padding:0 2rem;background:#111;border-bottom:1px solid #333333}.brand{display:flex;align-items:center;gap:.36rem;padding-left:30px}.brand-icon{width:78px;height:78px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1.05}.brand-line{font-family:Orbitron,sans-serif;font-weight:700}.brand-orbit{font-size:17px;letter-spacing:4px;color:#c9a84c}.brand-dust{font-size:15px;letter-spacing:7px;color:#c9a84cb3}.header-nav{margin-left:auto;padding-right:30px;display:flex;align-items:center;gap:36px}.nav-icon-link{display:flex;align-items:center;text-decoration:none;opacity:.85;transition:opacity .2s ease}.nav-icon-link:hover{opacity:1}.nav-icon-link svg{width:32px;height:32px;display:block}.center-tagline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Great Vibes,cursive;font-weight:400;font-size:1.5rem;letter-spacing:.04em;color:#999;white-space:nowrap}@media(max-width:640px){.center-tagline{display:none}.site-header{padding:0 .75rem;min-height:52px}.brand{padding-left:0;gap:.25rem}.brand-icon{width:48px;height:48px}.brand-orbit{font-size:12px;letter-spacing:3px}.brand-dust{font-size:11px;letter-spacing:5px}.header-nav{padding-right:0;gap:20px}.nav-icon-link svg{width:24px;height:24px}}.camera-section{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.5rem 4rem}.camera{position:relative;width:100%;max-width:720px}.camera-outline{display:block;width:100%;height:auto;position:relative;z-index:2}.camera-screen{position:absolute;left:30.3%;top:43.7%;width:31.2%;height:42.4%;overflow:hidden;border-radius:2px;z-index:1;background:#000}.slide{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(7px);transition:filter .2s ease-out}.slide.sharp img{filter:blur(0)}.af-grid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:4px}.af-cell{width:10px;height:10px;border:2px solid #59e878;box-shadow:0 0 6px #59e87899;opacity:0}.slide.focusing .af-cell{animation:af-blink .16s steps(1,end) 3}@keyframes af-blink{0%,49%{opacity:1}50%,to{opacity:.1}}.gallery{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem}.gallery h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0}.filter-btn{background:none;border:none;cursor:pointer;color:#888;padding:.4rem;display:flex;align-items:center;justify-content:center;position:relative;transition:color .2s ease}.filter-btn:hover{color:#bbb}.filter-btn.active{color:#c9a84c}.filter-btn svg{width:22px;height:22px;display:block;transition:transform .2s ease;overflow:visible}.filter-btn:hover svg{transform:scale(1.25)}.filter-btn .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-.4rem);background:#2a2a2a;color:#ccc;font-size:.75rem;white-space:nowrap;padding:.3rem .6rem;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none}.filter-btn:hover .tooltip{opacity:1;visibility:visible}:global(.filter-btn[data-tag=all] svg rect){animation:all-float 1.5s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}:global(.filter-btn[data-tag=all].playing svg rect){animation-play-state:running}:global(.filter-btn[data-tag=all] svg rect:nth-child(1)){--dx: -2.5px;--dy: -2.5px}:global(.filter-btn[data-tag=all] svg rect:nth-child(2)){--dx: 2.5px;--dy: -2.5px}:global(.filter-btn[data-tag=all] svg rect:nth-child(3)){--dx: -2.5px;--dy: 2.5px}:global(.filter-btn[data-tag=all] svg rect:nth-child(4)){--dx: 2.5px;--dy: 2.5px}@keyframes all-float{0%,33%,to{transform:translate(0)}16%{transform:translate(var(--dx),var(--dy))}}:global(.filter-btn[data-tag=people] .wave-arm){animation:wave-arm 1.5s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:0% 0%}:global(.filter-btn[data-tag=people].playing .wave-arm){animation-play-state:running}@keyframes wave-arm{0%,33%,to{transform:rotate(0)}8%{transform:rotate(-65deg)}16%{transform:rotate(0)}24%{transform:rotate(-65deg)}}:global(.filter-btn[data-tag=streetart] .spray-lines){animation:spray-out 1.5s ease-in-out infinite;animation-play-state:paused}:global(.filter-btn[data-tag=streetart].playing .spray-lines){animation-play-state:running}@keyframes spray-out{0%,10%,20%,33%,to{transform:translate(0);opacity:1}5%{transform:translate(-4px);opacity:.1}15%{transform:translate(-4px);opacity:.1}25%{transform:translate(-4px);opacity:.1}}:global(.filter-btn[data-tag=nature] svg path){animation:tree-sway 1.5s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:bottom center}:global(.filter-btn[data-tag=nature].playing svg path){animation-play-state:running}@keyframes tree-sway{0%,33%,to{transform:rotate(0)}5%{transform:rotate(-7deg)}12%{transform:rotate(7deg)}18%{transform:rotate(-5deg)}24%{transform:rotate(4deg)}29%{transform:rotate(-1deg)}}:global(.filter-btn[data-tag=animals] .cat-head){animation:cat-turn 1.5s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:bottom center}:global(.filter-btn[data-tag=animals].playing .cat-head){animation-play-state:running}@keyframes cat-turn{0%,33%,to{transform:rotate(0)}8%{transform:rotate(-20deg)}20%{transform:rotate(20deg)}30%{transform:rotate(0)}}:global(.filter-btn[data-tag=objects] .diamond-path){animation:diamond-fill 1.5s ease-in-out infinite;animation-play-state:paused}:global(.filter-btn[data-tag=objects].playing .diamond-path){animation-play-state:running}@keyframes diamond-fill{0%,33%,to{fill:transparent}5%,28%{fill:#c9a84c}}:global(.filter-btn[data-tag=objects] .sp){animation:sparkle-pop 1.5s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}:global(.filter-btn[data-tag=objects].playing .sp){animation-play-state:running}:global(.filter-btn[data-tag=objects] .sp1){animation-delay:.06s}:global(.filter-btn[data-tag=objects] .sp2){animation-delay:.12s}:global(.filter-btn[data-tag=objects] .sp3){animation-delay:.18s}:global(.filter-btn[data-tag=objects] .sp4){animation-delay:.24s}@keyframes sparkle-pop{0%,33%,to{opacity:0;transform:scale(0)}12%{opacity:1;transform:scale(1)}26%{opacity:0;transform:scale(.4)}}:global(.filter-btn[data-tag=buildings] .w){animation:window-on 1.5s ease-in-out infinite;animation-play-state:paused}:global(.filter-btn[data-tag=buildings].playing .w){animation-play-state:running}:global(.filter-btn[data-tag=buildings] .w1){animation-delay:0s}:global(.filter-btn[data-tag=buildings] .w2){animation-delay:.03s}:global(.filter-btn[data-tag=buildings] .w3){animation-delay:.06s}:global(.filter-btn[data-tag=buildings] .w4){animation-delay:.09s}:global(.filter-btn[data-tag=buildings] .w5){animation-delay:.12s}:global(.filter-btn[data-tag=buildings] .w6){animation-delay:.15s}:global(.filter-btn[data-tag=buildings] .w7){animation-delay:.18s}:global(.filter-btn[data-tag=buildings] .w8){animation-delay:.21s}:global(.filter-btn[data-tag=buildings] .w9){animation-delay:.07s}:global(.filter-btn[data-tag=buildings] .w10){animation-delay:.1s}:global(.filter-btn[data-tag=buildings] .w11){animation-delay:.13s}:global(.filter-btn[data-tag=buildings] .w12){animation-delay:.16s}:global(.filter-btn[data-tag=buildings] .w13){animation-delay:.05s}:global(.filter-btn[data-tag=buildings] .w14){animation-delay:.08s}:global(.filter-btn[data-tag=buildings] .w15){animation-delay:.11s}:global(.filter-btn[data-tag=buildings] .w16){animation-delay:.14s}@keyframes window-on{0%,2%,33%,to{fill:transparent}8%{fill:#ffe88a}20%{fill:#fff}30%{fill:transparent}}.grid-row{display:grid;grid-template-columns:repeat(var(--cols),1fr);align-items:center;gap:1rem;margin-bottom:1rem}.grid-item{overflow:hidden;border-radius:.75rem;border:none;padding:0;cursor:pointer;background:#2a2a2a;outline:2px solid transparent;outline-offset:4px;transition:outline-color .45s ease}.reveal-on .grid-item{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal-on .grid-item.revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal-on .grid-item{transition:opacity .3s ease;transform:none}}.grid-item.portrait{grid-column:span 1;aspect-ratio:3 / 4}.grid-item.landscape{grid-column:span 2;aspect-ratio:16 / 9}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.slide img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(hover:hover){.grid-item:hover{outline-color:#c9a84c}}.lightbox{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:100;cursor:zoom-out}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 60px #000000b3}.lightbox-controls{position:absolute;inset:0;pointer-events:none}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);pointer-events:all;background:transparent;border:none;color:#ffffff8c;font-size:2rem;line-height:1;padding:0;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;text-indent:0;transition:color .2s ease;cursor:pointer}.lightbox-nav span{display:block;transform:translateY(-.06em)}.lightbox-nav:hover{color:#fff}.lightbox-nav.prev{left:2rem}.lightbox-nav.next{right:2rem}@media(max-width:640px){.lightbox{flex-direction:column;gap:1.5rem}.lightbox img{max-width:95vw;max-height:75vh}.lightbox-controls{position:static;pointer-events:all;display:flex;flex-direction:row;gap:4rem;align-items:center}.lightbox-nav{position:static;transform:none}.lightbox-nav.prev{left:auto}.lightbox-nav.next{right:auto}}