:root{color-scheme:dark;--bg: #0c0e12;--bg-gradient: radial-gradient(circle at 50% 0%, #171c26 0%, #0c0e12 75%);--surface: #141820;--surface-hover: #1c212c;--surface-elevated: #222836;--fg: #f5f5f0;--fg-muted: rgba(245, 245, 240, .65);--gold: #c7a86d;--gold-hover: #e4c27f;--gold-dim: rgba(199, 168, 109, .15);--gold-border: rgba(199, 168, 109, .3);--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--font-base: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Cormorant Garamond", Garamond, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .25s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--fg);font-family:var(--font-base);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:100;background:#0c0e12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gold-border)}.header-inner{max-width:1300px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.brand-link{text-decoration:none;display:inline-flex;align-items:baseline;gap:.35rem;transition:transform var(--transition)}.brand-link:hover{transform:scale(1.02)}.brand-sub{color:var(--fg-muted);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.brand-main{color:var(--gold);font-family:var(--font-display);font-size:1.4rem;font-weight:600;letter-spacing:.03em}.portfolio-nav{display:flex;align-items:center;gap:.5rem;background:#14182099;padding:.3rem;border-radius:999px;border:1px solid rgba(199,168,109,.2);overflow-x:auto}.tab-btn{background:transparent;border:1px solid transparent;color:var(--fg-muted);font-family:var(--font-base);font-size:.85rem;font-weight:500;padding:.45rem 1rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;transition:all var(--transition)}.tab-btn:hover{color:var(--fg);background:#c7a86d1a}.tab-btn.active{background:var(--gold);color:#0c0e12;font-weight:600;box-shadow:0 0 16px #c7a86d59}.tab-count{font-family:var(--font-mono);font-size:.72rem;padding:.15rem .45rem;border-radius:999px;background:#00000040;color:inherit}.tab-btn.active .tab-count{background:#0c0e1240;color:#0c0e12}.btn-back{color:var(--gold);font-size:.85rem;text-decoration:none;padding:.4rem .8rem;border:1px solid var(--gold-border);border-radius:var(--border-radius);transition:all var(--transition)}.btn-back:hover{background:var(--gold);color:#0c0e12}.archive-hero{padding:4rem 1.5rem 2rem;text-align:center}.hero-inner{max-width:820px;margin:0 auto}.hero-badge{display:inline-block;font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;padding:.35rem .9rem;border-radius:999px;background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold);margin-bottom:1.25rem}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:500;color:var(--gold);margin:0 0 1rem;letter-spacing:.02em;line-height:1.15}.hero-subtitle{font-size:1.2rem;line-height:1.6;color:var(--fg);opacity:.9;margin:0 auto 1.5rem;max-width:650px}.hero-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;color:var(--fg-muted);flex-wrap:wrap}.meta-dot{color:var(--gold);opacity:.5}.toolbar-wrapper{max-width:1300px;margin:1.5rem auto 2.5rem;padding:0 1.5rem;width:100%}.toolbar-inner{display:flex;flex-direction:column;gap:1.25rem}.search-box{position:relative;max-width:450px;margin:0 auto;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--surface);border:1px solid var(--gold-border);border-radius:999px;color:var(--fg);font-family:var(--font-base);font-size:.95rem;outline:none;transition:all var(--transition)}.search-box input:focus{border-color:var(--gold);box-shadow:0 0 16px #c7a86d40;background:var(--surface-elevated)}.categories-scroll{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.chip-btn{background:var(--surface);border:1px solid rgba(199,168,109,.2);color:var(--fg-muted);font-size:.8rem;padding:.35rem .85rem;border-radius:999px;cursor:pointer;transition:all var(--transition)}.chip-btn:hover{color:var(--fg);border-color:var(--gold)}.chip-btn.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold);font-weight:600}.gallery-section{max-width:1300px;margin:0 auto 5rem;padding:0 1.5rem;width:100%;flex:1}.gallery-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.card{background:var(--surface);border:1px solid rgba(199,168,109,.22);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative}.card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 16px 36px #00000080,0 0 24px #c7a86d26}.card-media{position:relative;width:100%;aspect-ratio:16 / 10;background:#08090b;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.card:hover .card-img{transform:scale(1.05)}.card-photo-count{position:absolute;bottom:.75rem;right:.75rem;background:#0c0e12d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(199,168,109,.3);font-family:var(--font-mono);font-size:.72rem;padding:.2rem .6rem;border-radius:999px;color:var(--gold);display:flex;align-items:center;gap:.35rem}.card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#171b24,#0d0f14);color:var(--gold);font-size:2.5rem;opacity:.4}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--gold);font-family:var(--font-mono);margin-bottom:.5rem}.card-title{font-family:var(--font-display);font-size:1.45rem;font-weight:600;margin:0 0 .75rem;color:var(--fg);line-height:1.25;transition:color var(--transition)}.card:hover .card-title{color:var(--gold)}.card-excerpt{font-size:.92rem;color:var(--fg-muted);line-height:1.55;margin:0 0 1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-tags{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:auto}.card-tag{font-size:.72rem;padding:.18rem .55rem;border-radius:4px;background:#ffffff0d;color:var(--fg-muted);border:1px solid rgba(255,255,255,.08)}.empty-state{text-align:center;padding:4rem 1rem;color:var(--fg-muted)}.btn-reset{margin-top:1rem;background:var(--gold);color:#0c0e12;border:none;padding:.6rem 1.25rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-backdrop.open{opacity:1;visibility:visible}.modal-dialog{background:var(--surface);border:1px solid var(--gold-border);border-radius:var(--border-radius-lg);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 24px 64px #000c;transform:translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal-backdrop.open .modal-dialog{transform:translateY(0)}.modal-close{position:absolute;top:1rem;right:1.25rem;background:#0c0e12cc;border:1px solid var(--gold-border);color:var(--fg);width:36px;height:36px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition)}.modal-close:hover{background:var(--gold);color:#0c0e12}.modal-content-scroll{padding:2.5rem 2.5rem 3rem;overflow-y:auto}.modal-header{margin-bottom:2rem;border-bottom:1px solid rgba(199,168,109,.2);padding-bottom:1.5rem}.modal-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;color:var(--gold);margin:.5rem 0 .75rem;line-height:1.2}.modal-meta{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.85rem;color:var(--fg-muted)}.modal-body-text{font-size:1.05rem;line-height:1.8;color:var(--fg);margin-bottom:2.5rem}.modal-body-text p{margin-bottom:1.2rem}.modal-gallery-title{font-family:var(--font-display);font-size:1.6rem;color:var(--gold);margin:0 0 1.25rem}.modal-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.gallery-thumb{position:relative;aspect-ratio:1;border-radius:var(--border-radius);overflow:hidden;border:1px solid rgba(199,168,109,.2);cursor:pointer;background:#000;transition:transform var(--transition),border-color var(--transition)}.gallery-thumb:hover{transform:scale(1.03);border-color:var(--gold)}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.lightbox.open{opacity:1;visibility:visible}.lightbox-stage{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#lightbox-img{max-width:90vw;max-height:80vh;object-fit:contain;box-shadow:0 0 40px #000000e6;border-radius:4px}.lightbox-caption{margin-top:1rem;color:var(--gold);font-size:.9rem;text-align:center;font-family:var(--font-mono)}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#141820b3;border:1px solid var(--gold-border);color:var(--fg);font-size:1.5rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:var(--gold);color:#0c0e12}.lightbox-close{top:1.5rem;right:1.5rem}.lightbox-prev{left:1.5rem;top:50%;transform:translateY(-50%)}.lightbox-next{right:1.5rem;top:50%;transform:translateY(-50%)}.site-footer{border-top:1px solid var(--gold-border);background:var(--surface);padding:2.5rem 1.5rem;margin-top:auto}.footer-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;font-size:.88rem;color:var(--fg-muted)}.footer-copy{margin:0}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--gold);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--gold-hover);text-decoration:underline}@media (max-width: 768px){.header-inner{flex-direction:column;align-items:stretch;gap:1rem}.portfolio-nav{justify-content:flex-start}.gallery-container{grid-template-columns:1fr}.modal-content-scroll{padding:1.5rem 1.25rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}