*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0d;--bg2: #141414;--bg3: #1a1a1a;--border: rgba(255,255,255,.08);--text: #e8e4dc;--text-muted:#d6d6d6;--accent: #c8a96e;--accent2: #e6c97a;--white: #ffffff;--radius: 4px;--trans: .3s ease}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3{font-family:Inter,sans-serif;font-weight:400;line-height:1.2}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:var(--white)}.section-label{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;display:block}.centered{text-align:center}.loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-name{font-family:Story Script,cursive;font-size:clamp(2.5rem,7vw,4.5rem);color:var(--white);opacity:0;animation:loaderFadeIn 1s ease forwards}@keyframes loaderFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background var(--trans),backdrop-filter var(--trans)}#nav.scrolled{background:#0d0d0deb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1200px;margin:0 auto;padding:1.4rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:Story Script,cursive;font-size:1.2rem;color:var(--white);letter-spacing:.02em}#hero{position:relative;height:100svh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 8s ease}#hero.loaded .hero-img{transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0000008c,#000c)}.hero-content{position:relative;z-index:2;text-align:center;padding:0 1.5rem}.hero-label{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;font-weight:700}.hero-title{font-family:Story Script,cursive;font-size:clamp(3.5rem,9vw,7rem);font-weight:700;color:var(--white);line-height:1;margin-bottom:1.2rem;letter-spacing:-.01em}.hero-sub{font-family:Inter,sans-serif;font-style:italic;font-size:1rem;color:#ffffffb3;margin-bottom:2.5rem}.hero-btn{display:inline-block;padding:.85rem 2.2rem;border:1px solid rgba(255,255,255,.5);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--white);border-radius:var(--radius);transition:background var(--trans),border-color var(--trans)}.hero-btn:hover{background:#ffffff1a;border-color:var(--white)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2}.hero-scroll span{display:block;width:1px;height:50px;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent);animation:scrollLine 1.8s ease infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:3rem}.filter-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1.6rem;font-family:Inter,sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);transition:all var(--trans)}.filter-btn:hover{border-color:var(--text-muted);color:var(--white)}.filter-btn.active{border-color:var(--accent);color:var(--accent)}#galerie{padding:8rem 0;background:var(--bg2)}.galerie-grid{columns:3;column-gap:1rem}.galerie-item{break-inside:avoid;margin-bottom:1rem;overflow:hidden;border-radius:var(--radius);cursor:pointer;position:relative;background:var(--bg3)}.galerie-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--bg3) 30%,rgba(255,255,255,.04) 50%,var(--bg3) 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;z-index:1;transition:opacity .4s ease}.galerie-item.loaded:before{opacity:0;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.galerie-item img{width:100%;height:auto;display:block;position:relative;z-index:2;opacity:0;transition:opacity .4s ease,transform .5s ease,filter .3s ease}.galerie-item.loaded img{opacity:1}.galerie-item:hover img{transform:scale(1.04);filter:brightness(.85)}.galerie-item.hidden{display:none}.lightbox{position:fixed;inset:0;z-index:300;background:#000000f7;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.lightbox.open{opacity:1;pointer-events:all}.lightbox-img-wrap{max-width:90vw;max-height:88vh;display:flex;align-items:center;justify-content:center}.lightbox-img-wrap img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:var(--radius)}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:none;border:1px solid rgba(255,255,255,.2);color:var(--white);cursor:pointer;border-radius:50%;transition:border-color var(--trans),background var(--trans);display:flex;align-items:center;justify-content:center}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{border-color:var(--white);background:#ffffff14}.lightbox-close{top:1.5rem;right:1.5rem;width:40px;height:40px;font-size:.9rem}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:1.5rem}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}footer{background:var(--bg2);border-top:1px solid var(--border);padding:2rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-name{font-family:Story Script,cursive;font-size:1rem;color:var(--white)}.footer-copy{font-size:.75rem;color:var(--text-muted)}@media(max-width:900px){.galerie-grid{columns:2}}@media(max-width:640px){.hero-title{font-size:3rem}.galerie-grid{columns:1}#galerie{padding:5rem 0}.footer-inner{flex-direction:column;gap:.5rem;text-align:center}.filters{gap:8px}.filter-btn{padding:.4rem 1rem;font-size:.7rem}}