:root{--bg: #0b0d10;--surface-1: #101318;--surface-2: #151922;--surface-3: #1b202a;--outline: #2a2f3a;--text: #e6e7eb;--muted: #a3a7b0;--accent: #cfd3da;--ring: #cfd3da80;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--elev-1: 0 1px 0 rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.35);--elev-2: 0 2px 4px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.35);--elev-3: 0 6px 10px rgba(0,0,0,.5), 0 20px 30px rgba(0,0,0,.45);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--font-display: "Oswald", var(--font-sans);--container: 1200px}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:#ffffff14;color:var(--text)}.container{max-width:var(--container);margin:0 auto;padding:0 16px}.app{min-height:100%;display:flex;flex-direction:column}.hidden{display:none!important}.surface{background:var(--surface-1);box-shadow:var(--elev-1)}.surface-2{background:var(--surface-2);box-shadow:var(--elev-2)}.surface-3{background:var(--surface-3);box-shadow:var(--elev-3)}.border-outline{border-color:var(--outline)}.text-muted{color:var(--muted)}.rounded-smx{border-radius:var(--radius-sm)}.rounded-mdx{border-radius:var(--radius-md)}.rounded-lgx{border-radius:var(--radius-lg)}.rounded-xlx{border-radius:var(--radius-xl)}.backdrop-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:color-mix(in oklab,black 70%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:1px solid var(--outline);border-radius:var(--radius-md);background:transparent;color:var(--text);text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{background:#ffffff0f}.btn.primary{background:#ffffff05}.btn:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px var(--ring)}.navbar{position:sticky;top:0;z-index:40;border-bottom:1px solid color-mix(in oklab,var(--outline) 70%,transparent);background:color-mix(in oklab,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.brand-badge{width:12px;height:12px;border-radius:9999px;background:var(--accent);display:inline-block}.nav-links{display:none;gap:24px;font-size:14px;color:var(--muted);align-items:center}.nav-links a{color:inherit;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-cta{margin-left:8px}.menu-btn{display:inline-flex;border:1px solid var(--outline);border-radius:var(--radius-md);padding:8px;background:transparent;color:var(--text)}.mobile-nav{border-top:1px solid color-mix(in oklab,var(--outline) 70%,transparent)}.mobile-list{display:flex;flex-direction:column;gap:8px;color:var(--muted);padding:12px 0}.mobile-list a{text-decoration:none;color:inherit;padding:4px 0}.mobile-list a:hover{color:var(--text)}@media (min-width: 768px){.nav-links{display:inline-flex}.menu-btn{display:none}}.hero{position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none;opacity:.6}.hero-glow{position:absolute;border-radius:9999px;background:#ffffff05}.hero-inner{padding:64px 0}.hero-eyebrow{color:var(--muted);letter-spacing:.25em;text-transform:uppercase;font-size:12px;margin-bottom:8px}.hero-title{font-family:var(--font-display);font-weight:800;line-height:1.05;font-size:clamp(2.25rem,5vw,3.5rem);margin:0}.hero-subtitle{color:var(--muted);margin-top:16px;font-size:clamp(1rem,2vw,1.125rem);max-width:48ch}.hero-actions{display:flex;gap:12px;margin-top:24px}.gallery{padding:48px 0}.gallery-header{display:flex;flex-direction:column;gap:16px}.gallery-title{font-size:20px;font-weight:600;margin:0}.tabs{display:inline-flex;align-items:center;border:1px solid var(--outline);padding:4px;border-radius:var(--radius-md);font-size:14px}.tab{padding:6px 12px;border-radius:var(--radius-md);color:var(--muted);background:transparent;cursor:pointer;border:none}.tab:hover{color:var(--text)}.tab.active{color:var(--text);background:#ffffff1a}.search{position:relative}.search-input{width:min(64vw,320px);border:1px solid var(--outline);background:transparent;color:var(--text);padding:8px 28px 8px 12px;border-radius:var(--radius-md);font-size:14px}.search-input::placeholder{color:color-mix(in oklab,var(--muted) 70%,transparent)}.search-icon{position:absolute;right:8px;top:7px;color:var(--muted);pointer-events:none}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}.gallery-header{flex-direction:row;align-items:center;justify-content:space-between}}.card{background:var(--surface-1);border:1px solid var(--outline);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--elev-1)}.card-media{position:relative;padding-top:62.5%;background:var(--surface-2);border-bottom:1px solid var(--outline)}.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.card-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border:1px solid var(--outline);border-radius:9999px;padding:2px 8px}.card-actions{margin-top:auto;display:flex;gap:8px}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:50}.modal-wrap{position:fixed;inset:0;z-index:51;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(1200px,95vw);height:90vh;background:var(--surface-3);border:1px solid var(--outline);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--elev-3)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--outline);background:var(--surface-2)}.modal-close{border:1px solid var(--outline);border-radius:var(--radius-md);padding:6px 10px;background:transparent;color:var(--text)}.modal-frame{flex:1;width:100%;background:#fff;border:none}.footer{border-top:1px solid color-mix(in oklab,var(--outline) 70%,transparent);background:var(--surface-1);margin-top:64px}.footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}@media (min-width: 768px){.footer-inner{flex-direction:row}}.social{display:flex;gap:16px;color:var(--muted)}.social a{color:inherit;text-decoration:none}.social a:hover{color:var(--text)}:root{--container: 1200px}