:root{--primary:#000;--primary-active:#1a1a1a;--on-primary:#fff;--dark:#000;--surface-dark:#3a3c3f;--canvas:#fff;--canvas-soft:#f4f4f4;--surface:#fff;--surface-alt:#e0e0e0;--ink:#000;--ink-secondary:#666;--ink-muted:#555;--ink-faint:#8c8c8c;--hairline:#d8d8d8;--hairline-strong:#707070;--accent-amber:#f06e00;--accent-green:#32ae88;--accent-blue:#3860be;--font-sans:"DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sharp:0px;--radius-xs:2px;--radius-sm:3px;--radius-md:8px;--radius-lg:12px;--radius-xl:17px;--radius-full:9999px;font:16px/1.5 var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background-color:var(--surface-alt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(./site-background-v1-BMpEvubu.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}*{box-sizing:border-box}body{margin:0}#app{flex-direction:column;min-height:100svh;display:flex}.site-header,.home-toolbar{justify-content:space-between;align-items:center;row-gap:var(--space-sm);padding:var(--space-md) calc(5% + 8px);flex-wrap:wrap;display:flex}.site-header__logo{line-height:0;display:inline-block}.site-header__logo-image{width:auto;height:40px;display:block}.site-header__nav{gap:var(--space-lg);display:flex}.site-header__nav a{color:var(--ink-secondary);font-size:1rem;font-weight:700;text-decoration:none;transition:color .15s}.site-header__nav a:hover{color:var(--ink)}.site-header__nav a[aria-current=page]{color:var(--accent-amber)}.page{flex:1}.page--home{flex-direction:column;display:flex}.site-footer{padding:var(--space-lg) var(--space-xl);text-align:center;color:var(--ink-faint);font-size:.85rem}.page--about,.page--contact{padding:var(--space-xl)}.page--about h1,.page--contact h1{margin:0 0 var(--space-md);letter-spacing:-.04em;font-size:1.875rem;font-weight:400;line-height:1.07}.page--about p,.page--contact p{max-width:60ch;color:var(--ink-secondary);font-size:1rem;line-height:1.5}.formflow-container{width:100%;max-width:480px;min-height:400px;margin-top:var(--space-lg);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sharp)}.gallery-filters-wrapper{justify-content:center;align-items:center;gap:var(--space-xs);margin:0 var(--space-lg);flex-wrap:wrap;flex:1;display:flex}.gallery-filters{justify-content:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.gallery-sort-button{background:var(--canvas);width:40px;height:40px;color:var(--ink);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.gallery-sort-button:hover{background:var(--canvas-soft)}.gallery-sort-button.is-active{background:var(--accent-amber);color:var(--on-primary)}.gallery-sort-button.is-active:hover{background:var(--accent-amber)}@media (width>=641px) and (width<=1023px){.home-toolbar .gallery-filters-wrapper{margin:var(--space-sm) 0 0;flex-basis:100%;order:2}}@media (width<=640px){.home-toolbar{justify-content:center}.home-toolbar .site-header__logo{flex-basis:100%;order:1}.home-toolbar .site-header__logo-image{margin:0 auto}.home-toolbar .site-header__nav{margin:var(--space-sm) 0 0;flex-basis:100%;order:2;justify-content:center}.home-toolbar .gallery-filters-wrapper{margin:var(--space-sm) 0 0;flex-basis:100%;order:3}}.gallery-filters__button{font:inherit;cursor:pointer;background:var(--canvas);color:var(--ink);border-radius:var(--radius-md);border:none;padding:8px 16px;font-size:1rem;font-weight:700;transition:background .15s,color .15s}.gallery-filters__button:hover{background:var(--canvas-soft)}.gallery-filters__button.is-active{background:var(--primary);color:var(--on-primary)}.gallery-filters__button.is-active:hover{background:var(--primary-active)}.gallery-grid{width:90%;margin:0 auto;position:relative}.gallery-item{box-sizing:border-box;padding:8px;position:absolute}.gallery-item:hover{z-index:10}.gallery-item__content{width:100%;position:relative}.gallery-item__image{cursor:pointer;opacity:.85;border-radius:5px;width:100%;height:auto;transition:transform .2s,opacity .2s;display:block;position:relative}.gallery-item:hover .gallery-item__image{opacity:1;transform:scale(1.1)}.lightbox{z-index:100;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox[hidden]{display:none}.lightbox__frame{display:inline-flex;position:relative}.lightbox__image{border-radius:5px;max-width:90vw;max-height:90vh;display:block}.lightbox__close{z-index:1;color:var(--on-primary);cursor:pointer;background:0 0;border:none;font-size:32px;line-height:1;transition:color .15s;position:absolute;top:16px;right:24px}.lightbox__close:hover{color:var(--accent-amber)}.lightbox__nav{z-index:1;color:var(--on-primary);cursor:pointer;padding:var(--space-sm);background:0 0;border:none;font-size:40px;line-height:1;transition:color .15s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{color:var(--accent-amber)}.lightbox__nav--prev{left:16px}.lightbox__nav--next{right:16px}.lightbox__caption{align-items:flex-start;gap:var(--space-xxs);pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:25px;left:25px}.lightbox__caption[hidden]{display:none}.lightbox__caption-title,.lightbox__caption-meta{padding:var(--space-xxs) calc(var(--space-xs) + 5px);background:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);letter-spacing:.025em;margin:0;font-size:24px;line-height:1.3}.lightbox__caption-title{text-transform:uppercase;font-size:28px;font-weight:600}.lightbox__caption-meta{font-weight:400}@media (width<=640px) and (orientation:portrait){.lightbox__frame{flex-direction:column;align-items:center}.lightbox__caption{align-items:center;margin-top:25px;position:static}.lightbox__caption-title{text-align:center;font-size:16px}.lightbox__caption-meta{text-align:center;font-size:14px}}@media (height<=500px) and (orientation:landscape){.lightbox__caption-title{font-size:16px}.lightbox__caption-meta{font-size:14px}}
