:root{--bg:#121113;--bg-elevated:#1B1A1D;--bg-elevated-hover:#221F23;--text:#EDEAE4;--text-muted:#8A8781;--accent:#D85A30;--border:#2B2A2C;--font-display:"Space Grotesk", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--gap:1.1rem}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;margin:0 0 .4em}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:.55rem;color:var(--text)}.logo-mark{color:var(--accent)}.logo-text{font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:.04em}.logo-accent{color:var(--accent)}.site-nav .nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-list a{font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);transition:color .2s ease;position:relative;padding-bottom:4px}.nav-list a:hover,.nav-list a.is-active{color:var(--text)}.nav-list a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:22px;height:2px;background:var(--text)}.hero{max-width:1400px;margin:0 auto;padding:2rem 2rem 1rem}.hero h1{font-size:clamp(1.8rem,4vw,3rem);max-width:20ch}.hero-intro{color:var(--text-muted);max-width:55ch;font-size:1.05rem}.category-header{max-width:1400px;margin:0 auto;padding:2rem 2rem .5rem}.category-header h1{text-transform:capitalize}.category-desc{color:var(--text-muted);max-width:55ch}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 1rem}.masonry{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 4rem;column-count:3;column-gap:var(--gap)}@media(max-width:1000px){.masonry{column-count:2}}@media(max-width:620px){.masonry{column-count:1;padding:1rem 1rem 3rem}}.photo-card{margin:0 0 var(--gap);break-inside:avoid}.photo-card-link{display:block;position:relative;overflow:hidden;border-radius:3px;background:var(--bg-elevated)}.photo-card-link img{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.6,.2,1)}.photo-card-link:hover img{transform:scale(1.03)}.focus-brackets{position:absolute;inset:12px;pointer-events:none;opacity:0;transition:opacity .25s ease}.photo-card-link:hover .focus-brackets,.photo-card-link:focus-visible .focus-brackets{opacity:1}.corner{position:absolute;width:18px;height:18px;border-color:var(--accent);border-style:solid;border-width:0}.corner.tl{top:0;left:0;border-top-width:2px;border-left-width:2px}.corner.tr{top:0;right:0;border-top-width:2px;border-right-width:2px}.corner.bl{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.corner.br{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}.quick-exif{position:absolute;left:12px;bottom:12px;right:12px;display:flex;gap:10px;font-family:var(--font-mono);font-size:.72rem;color:var(--text);opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.photo-card-link:hover .quick-exif,.photo-card-link:focus-visible .quick-exif{opacity:1;transform:translateY(0)}.quick-exif span{background:rgba(0,0,0,.55);padding:2px 7px;border-radius:2px;backdrop-filter:blur(2px)}.lightbox{position:fixed;inset:0;z-index:100;display:flex}.lightbox[hidden]{display:none}.lightbox-backdrop{position:absolute;inset:0;background:rgba(8,7,8,.92)}.lightbox-inner{position:relative;margin:auto;width:100%;height:100%;display:flex;align-items:stretch;justify-content:center}.lightbox-image-wrap{flex:auto;display:flex;align-items:center;justify-content:center;padding:2.5rem;min-width:0}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5)}.lightbox-panel{flex:0 0 320px;padding:2.5rem 2rem;border-left:1px solid var(--border);overflow-y:auto;background:var(--bg-elevated)}.lb-title{font-size:1.3rem}.lb-location{color:var(--accent);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-top:-.3em}.lb-description{color:var(--text-muted);font-size:.95rem;margin:1rem 0 1.5rem}.exif-strip{display:grid;grid-template-columns:1fr 1fr;gap:.9rem .6rem;margin:0;padding-top:1.2rem;border-top:1px solid var(--border)}.exif-strip div{display:flex;flex-direction:column;gap:2px}.exif-strip dt{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.exif-strip dd{margin:0;font-family:var(--font-mono);font-size:.85rem}.lightbox-close,.lightbox-nav{position:absolute;background:rgba(0,0,0,.4);border:1px solid var(--border);color:var(--text);width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background .2s ease,border-color .2s ease}.lightbox-close:hover,.lightbox-nav:hover{background:rgba(0,0,0,.7);border-color:var(--accent)}.lightbox-close{top:1.25rem;right:1.25rem;z-index:2}.lightbox-nav.prev{top:50%;left:1.25rem;transform:translateY(-50%)}.lightbox-nav.next{top:50%;right:336px;transform:translateY(-50%)}@media(max-width:900px){.lightbox-inner{flex-direction:column}.lightbox-panel{flex:none;border-left:none;border-top:1px solid var(--border)}.lightbox-image-wrap{padding:1.25rem}.lightbox-image{max-height:45vh}.lightbox-nav.next{right:1.25rem}}.photo-single{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 4rem;display:grid;grid-template-columns:1fr 320px;gap:2.5rem}.back-link{grid-column:1/-1;color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem}.back-link:hover{color:var(--accent)}.photo-full img{width:100%;height:auto;display:block;border-radius:3px}.photo-info .exif-strip{grid-template-columns:1fr 1fr}.photo-location{color:var(--accent);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-top:-.6em}.photo-description{color:var(--text-muted);margin:1rem 0 1.5rem}@media(max-width:900px){.photo-single{grid-template-columns:1fr}}.site-footer{max-width:1400px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--border)}.social-links{list-style:none;display:flex;gap:1.2rem;margin:0;padding:0}.social-links a:hover{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:720px){.nav-toggle{display:flex}.nav-list{position:fixed;top:68px;right:1rem;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:1rem 1.5rem;gap:1rem;display:none}.nav-list.is-open{display:flex}}@media(max-width:768px){body.menu-open{overflow:hidden}.site-nav .nav-list{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(18,18,18,.98);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;margin:0;padding:0;list-style:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1050}body.menu-open .site-nav .nav-list{opacity:1;visibility:visible}.site-nav .nav-list li a{font-family:space grotesk,sans-serif;font-size:2rem;text-decoration:none;color:rgba(255,255,255,.7);transition:color .3s ease}.site-nav .nav-list li a:hover,.site-nav .nav-list li a.is-active{color:#d85a30}.nav-toggle{display:block;position:relative;z-index:1100;background:0 0;border:none;cursor:pointer;padding:.5rem;width:30px;height:24px}.nav-toggle span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.nav-toggle span:nth-child(1){top:0}.nav-toggle span:nth-child(2){top:10px}.nav-toggle span:nth-child(3){top:20px}body.menu-open .nav-toggle span:nth-child(1){top:10px;transform:rotate(135deg)}body.menu-open .nav-toggle span:nth-child(2){opacity:0;left:-60px}body.menu-open .nav-toggle span:nth-child(3){top:10px;transform:rotate(-135deg)}}.text-page{max-width:750px;margin:5rem auto;padding:0 2rem;font-family:outfit,sans-serif;color:rgba(255,255,255,.85);line-height:1.75}.text-page h1{font-family:space grotesk,sans-serif;font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-1px}.text-page h3{font-family:space grotesk,sans-serif;font-size:1.3rem;color:#fff;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:.5px}.text-page hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:2.5rem 0}.text-page ul{list-style:none;padding-left:0;margin:1.2rem 0}.text-page ul li{position:relative;padding-left:1.5rem;margin-bottom:.8rem}.text-page ul li::before{content:"■";position:absolute;left:0;color:#d85a30;font-size:.75rem;top:1px}.text-page a{color:#fff;text-decoration:none;border-bottom:1px dashed #d85a30;transition:color .2s ease,border-color .2s ease}.text-page a:hover{color:#d85a30;border-bottom-style:solid}@media(max-width:768px){.text-page{margin:2.5rem auto;padding:0 1.5rem}.text-page h1{font-size:2.2rem}}