@import"https://fonts.googleapis.com/css2?family=Abel&family=Tienne:wght@400;700&display=swap";.lang-switch[data-astro-cid-3ef6ksr2]{font-size:12px!important;border:1px solid var(--border);padding:2px 8px!important;border-radius:2px;margin-left:10px}.footer-inner[data-astro-cid-sz7xmlte]{max-width:1170px;margin:0 auto;padding:0 15px}.footer-contact[data-astro-cid-sz7xmlte]{margin-bottom:15px;font-size:13px;color:var(--text-muted)}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-muted)}.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--text-hover)}:root{--bg: #ffffff;--bg-secondary: #f5f5f4;--text: #212121;--text-muted: #777777;--text-hover: #111111;--border: #e0e0e0;--footer-bg: #f0efed;--logo-filter: none;--img-brightness: 1;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f0f0f;--bg-secondary: #1a1a1a;--text: #e8e6e3;--text-muted: #999999;--text-hover: #ffffff;--border: #2a2a2a;--footer-bg: #141414;--logo-filter: invert(.88);--img-brightness: .92}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Tienne,serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.site-header{padding:30px 0}.header-inner{max-width:1170px;margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between}.site-header .logo{max-width:300px}.site-header .logo img{width:100%;height:auto;filter:var(--logo-filter);transition:filter .3s ease}.main-nav{display:flex;gap:30px}.main-nav a{font-family:Abel,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--text-hover)}.portfolio-filter{text-align:center;margin:0 0 30px;padding:0}.portfolio-filter button{font-family:Abel,sans-serif;font-size:16px;font-weight:500;color:var(--text-muted);background:transparent;border:none;padding:5px 10px;margin:0 5px;cursor:pointer;text-transform:capitalize;transition:color .2s}.portfolio-filter button:hover,.portfolio-filter button.active{color:var(--text-hover)}.masonry-item img{filter:brightness(var(--img-brightness));transition:filter .3s ease,transform .4s ease}.masonry-item a:hover img{transform:scale(1.02)}.site-footer{background:var(--footer-bg);padding:30px 0;text-align:center;margin-top:60px;transition:background .3s ease}.site-footer .social-links{margin-bottom:15px}.site-footer .social-links a{display:inline-block;margin:0 10px;color:var(--text);font-size:18px;transition:opacity .2s}.site-footer .social-links a:hover{opacity:.6}.site-footer .copyright{font-size:13px;color:var(--text-muted)}.page-content{max-width:800px;margin:0 auto;padding:0 15px 60px}.page-content h1{font-family:Abel,sans-serif;font-size:32px;font-weight:300;text-transform:uppercase;text-align:center;margin-bottom:40px}.page-content p{font-size:16px;line-height:1.7;margin-bottom:20px}.page-content a{color:var(--text-muted);border-bottom:1px solid var(--border);transition:color .2s}.page-content a:hover{color:var(--text-hover)}.portfolio-detail{max-width:1170px;margin:0 auto;padding:0 15px 60px}.portfolio-detail h1{font-family:Abel,sans-serif;font-size:28px;font-weight:300;text-transform:uppercase;text-align:center;margin-bottom:10px}.portfolio-detail .detail-categories{text-align:center;font-size:15px;color:var(--text-muted);margin-bottom:40px}.portfolio-detail .detail-images{display:flex;flex-direction:column;gap:30px;align-items:center}.portfolio-detail .detail-images img{max-width:100%;height:auto;filter:brightness(var(--img-brightness))}.back-link{display:block;text-align:center;margin-top:40px;font-family:Abel,sans-serif;font-size:16px;text-transform:uppercase;color:var(--text-muted);transition:color .2s}.back-link:hover{color:var(--text-hover)}@media(max-width:768px){.header-inner{flex-direction:column;gap:15px}.site-header .logo{max-width:220px}.main-nav{gap:20px}.main-nav a{font-size:14px}.portfolio-filter button{font-size:13px;margin:0 2px}}
