:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-card:#111;--bg-card-hover:#181818;--bg-overlay:#000000d9;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--text-muted:#444;--border-color:#ffffff0f;--border-hover:#ffffff1f;--border-accent:#fff3;--accent:#fff;--accent-dim:#ffffff1a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Playfair Display",Georgia,"Times New Roman",serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-spring:.6s cubic-bezier(.34,1.56,.64,1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--max-width:1400px;--max-width-narrow:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.container{max-width:var(--max-width);margin:0 auto}.header{z-index:100;padding:var(--space-lg)var(--space-xl);transition:var(--transition-base);background:0 0;position:fixed;top:0;left:0;right:0}.header.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#050505d9}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-sm);letter-spacing:-.02em;font-size:1.1rem;font-weight:700;display:flex}.logo-icon{background:var(--text-primary);width:28px;height:28px;color:var(--bg-primary);border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex;position:relative;overflow:hidden}.logo-icon:after{content:"";background:linear-gradient(135deg,#0000 40%,#fff3);position:absolute;inset:0}.nav{align-items:center;gap:var(--space-xl);display:flex}.nav a{color:var(--text-secondary);transition:var(--transition-fast);letter-spacing:.02em;text-transform:uppercase;font-size:.85rem;font-weight:400}.nav a:hover,.nav a.active{color:var(--text-primary)}.hero{min-height:100vh;padding-bottom:var(--space-4xl);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#ffffff05 0%,#0000 70%);width:60%;height:60%;position:absolute;top:0;right:-20%}.hero-content{max-width:var(--max-width);padding:0 var(--space-xl);justify-content:space-between;align-items:flex-end;width:100%;margin:0 auto;display:flex}.hero-text{max-width:700px}.hero-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);margin-bottom:var(--space-md);font-size:.75rem;font-weight:500}.hero-title{font-family:var(--font-serif);margin-bottom:var(--space-md);font-size:clamp(2.5rem,5vw,4.5rem);font-style:italic;font-weight:400;line-height:1.1}.hero-title span{font-style:normal;font-weight:600;display:block}.hero-description{color:var(--text-secondary);max-width:500px;font-size:.95rem;line-height:1.7}.hero-decoration{opacity:.15;width:120px;height:120px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}.section-header{margin-bottom:var(--space-3xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;display:flex}.section-label{text-transform:uppercase;letter-spacing:.25em;color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.7rem;font-weight:600}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;line-height:1.2}.section-title strong{font-style:normal;font-weight:600}.section-count{color:var(--text-tertiary);letter-spacing:.05em;font-size:.8rem;font-weight:500}.categories-section{padding:var(--space-3xl)0}.category-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.category-grid>:first-child{grid-area:span 2/span 2}.category-grid>:nth-child(5),.category-grid>:nth-child(6),.category-grid>:nth-child(9){grid-column:span 2}.tile{border-radius:var(--radius-md);cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);min-height:280px;transition:var(--transition-base);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.tile:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 20px #00000080}.tile-bg{transition:var(--transition-slow);opacity:.7;background-position:50%;background-size:cover;position:absolute;inset:0}.tile:hover .tile-bg{opacity:.9;transform:scale(1.05)}.tile-gradient{transition:var(--transition-base);background:linear-gradient(#0000001a 0%,#0006 60%,#000000f2 100%);position:absolute;inset:0}.tile:hover .tile-gradient{background:linear-gradient(#0000000d 0%,#0000004d 50%,#000000fa 100%)}.tile-content{z-index:2;padding:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.tile-category-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);font-size:.65rem;font-weight:600}.tile-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.3}.tile-meta{align-items:center;gap:var(--space-md);margin-top:var(--space-xs);display:flex}.tile-count{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.tile-arrow{border-radius:var(--radius-full);border:1px solid var(--border-color);width:32px;height:32px;transition:var(--transition-base);opacity:0;justify-content:center;align-items:center;display:flex;transform:translate(-10px)}.tile:hover .tile-arrow{opacity:1;border-color:var(--text-primary);transform:translate(0)}.tile-arrow svg{width:14px;height:14px}.tile-pattern{opacity:.08;transition:var(--transition-base);position:absolute;inset:0}.tile:hover .tile-pattern{opacity:.12}.tile-pattern.pattern-grid{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:40px 40px}.tile-pattern.pattern-dots{background-image:radial-gradient(circle,#ffffff26 1px,#0000 1px);background-size:20px 20px}.tile-pattern.pattern-diagonal{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 10px 11px)}.tile-pattern.pattern-circles{background-image:radial-gradient(circle at 30%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff0d 0%,#0000 40%)}.tile-icon{top:var(--space-xl);right:var(--space-xl);opacity:.3;width:48px;height:48px;transition:var(--transition-base);z-index:2;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute}.tile:hover .tile-icon{opacity:.6;transform:scale(1.1)}.magic-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.magic-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #00000080}.magic-card-spotlight{opacity:var(--magic-opacity,0);pointer-events:none;z-index:1;background:radial-gradient(var(--gradient-size,250px)circle at var(--mouse-x,50%)var(--mouse-y,50%),var(--gradient-color,#262626),transparent 100%);transition:opacity .4s;position:absolute;inset:0}.magic-card-border-glow{opacity:var(--magic-opacity,0);pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(300px circle at var(--mouse-x,50%)var(--mouse-y,50%),#ffffff1f,transparent 100%);-webkit-mask-composite:xor;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000)}.magic-card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.magic-card .tile{box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;height:100%;min-height:280px}.magic-card .tile:hover{box-shadow:none;border-color:#0000;transform:none}.category-page{padding-top:120px;padding-bottom:var(--space-4xl);min-height:100vh}.category-back{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);margin-bottom:var(--space-2xl);transition:var(--transition-fast);font-size:.85rem;font-weight:500;display:inline-flex}.category-back:hover{color:var(--text-primary)}.category-back svg{width:16px;height:16px;transition:var(--transition-fast)}.category-back:hover svg{transform:translate(-3px)}.category-hero{margin-bottom:var(--space-3xl)}.category-hero h1{font-family:var(--font-serif);margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3.5rem);font-style:italic;font-weight:400}.category-hero p{color:var(--text-secondary);font-size:1rem}.masonry-grid{columns:3;column-gap:var(--space-md)}.masonry-item{break-inside:avoid;margin-bottom:var(--space-md);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-base);position:relative;overflow:hidden}.masonry-item:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 10px 40px #0006}.masonry-item img{width:100%;transition:var(--transition-slow);display:block}.masonry-item:hover img{transform:scale(1.03)}.masonry-item-overlay{padding:var(--space-lg);opacity:0;transition:var(--transition-base);background:linear-gradient(#0000,#000000e6);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.masonry-item:hover .masonry-item-overlay{opacity:1}.masonry-item-name{font-size:.85rem;font-weight:500}.masonry-item-type{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);border-radius:var(--radius-full);background:#ffffff1a;padding:4px 10px;font-size:.7rem}.lightbox-overlay{z-index:1000;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{max-width:90vw;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-content img,.lightbox-content video{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:85vh}.lightbox-close{top:var(--space-xl);right:var(--space-xl);border-radius:var(--radius-full);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);transition:var(--transition-fast);z-index:1001;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed}.lightbox-close:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff1a}.lightbox-nav{border-radius:var(--radius-full);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);transition:var(--transition-fast);z-index:1001;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff1a}.lightbox-nav.prev{left:var(--space-xl)}.lightbox-nav.next{right:var(--space-xl)}.lightbox-info{bottom:var(--space-xl);text-align:center;z-index:1001;position:fixed;left:50%;transform:translate(-50%)}.lightbox-info-name{margin-bottom:var(--space-xs);font-size:.9rem;font-weight:500}.lightbox-info-counter{color:var(--text-tertiary);font-size:.75rem}.contact-section{padding:var(--space-4xl)0;border-top:1px solid var(--border-color)}.contact-inner{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.contact-text h2{font-family:var(--font-serif);margin-bottom:var(--space-lg);font-size:clamp(2rem,4vw,3rem);font-weight:400}.contact-text h2 em{color:var(--text-secondary);font-style:italic}.contact-text p{color:var(--text-secondary);max-width:450px;margin-bottom:var(--space-xl);font-size:.95rem;line-height:1.8}.contact-links{gap:var(--space-md);flex-direction:column;display:flex}.contact-link{align-items:center;gap:var(--space-md);color:var(--text-secondary);transition:var(--transition-fast);padding:var(--space-md)0;border-bottom:1px solid var(--border-color);font-size:.9rem;display:flex}.contact-link:hover{color:var(--text-primary);padding-left:var(--space-sm)}.contact-link-icon{opacity:.5;width:20px;height:20px}.contact-visual{justify-content:center;align-items:center;display:flex;position:relative}.contact-decoration{width:280px;height:280px;position:relative}.contact-decoration:before{content:"";border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:var(--transition-slow);position:absolute;inset:0;transform:rotate(15deg)}.contact-decoration:after{content:"";border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:var(--transition-slow);position:absolute;inset:20px;transform:rotate(-10deg)}.contact-decoration:hover:before{transform:rotate(20deg)}.contact-decoration:hover:after{transform:rotate(-15deg)}.platforms-bar{padding:var(--space-2xl)0;border-top:1px solid var(--border-color)}.platforms-inner{justify-content:center;align-items:center;gap:var(--space-3xl);flex-wrap:wrap;display:flex}.platform-item{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;transition:var(--transition-fast);font-size:.8rem;font-weight:600}.platform-item:hover{color:var(--text-secondary)}.footer{padding:var(--space-1xl)0;border-top:1px solid var(--border-color)}.footer-inner{max-width:var(--max-width);padding:0 var(--space-xl);gap:var(--space-2xl);grid-template-columns:1fr 1fr 1fr;margin:0 auto;display:grid}.footer-col h4{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.7rem;font-weight:600}.footer-col p,.footer-col a{color:var(--text-tertiary);transition:var(--transition-fast);font-size:.85rem;line-height:1.8;display:block}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{max-width:var(--max-width);margin:var(--space-2xl)auto 0;padding:var(--space-xl)var(--space-xl)0;justify-content:space-between;align-items:center;display:flex}.footer-brand{font-family:var(--font-serif);color:var(--text-muted);letter-spacing:-.03em;opacity:.15;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1}.footer-copyright{color:var(--text-muted);justify-content:center;align-items:center;margin:auto;font-size:.75rem}.demo-banner{bottom:var(--space-lg);z-index:90;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);padding:var(--space-sm)var(--space-xl);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:var(--space-sm);background:#ffffff0f;font-size:.75rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.demo-banner-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-card-hover)50%,var(--bg-card)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid>:first-child{grid-column:span 2}.category-grid>:nth-child(5),.category-grid>:nth-child(8){grid-column:span 1}.masonry-grid{columns:2}.contact-inner{text-align:center;grid-template-columns:1fr}.contact-text p{margin-left:auto;margin-right:auto}.contact-links{align-items:center}}@media (max-width:768px){:root{--space-xl:20px}.category-grid{grid-template-columns:1fr}.category-grid>:first-child,.category-grid>:nth-child(5),.category-grid>:nth-child(8){grid-area:span 1/span 1}.tile{min-height:220px}.masonry-grid{columns:1}.nav{display:none}.hero-content{align-items:flex-start;gap:var(--space-2xl);flex-direction:column}.footer-inner{grid-template-columns:1fr}.footer-bottom{gap:var(--space-lg);flex-direction:column}}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}