.pc .nav{z-index:50;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--theme-border);position:fixed;top:0;left:0;right:0}.pc .nav-inner{max-width:1280px;margin:0 auto;padding:0 3rem}.pc .nav-bar{align-items:center;height:56px;display:flex}.pc .nav-logo-link{align-items:center;gap:.5rem;display:flex}.pc .nav-logo-img{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:100px;height:40px}.pc .nav-logo-text{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.pc .nav-controls-desktop{align-items:center;gap:1rem;margin-left:auto;display:flex}.pc .nav-items-desktop{align-items:center;gap:.25rem;display:flex}.pc .nav-item{border-radius:.375rem;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.875rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.pc .nav-item-active{color:#60a5fa;background-color:#60a5fa1a}.pc .nav-item-inactive{color:var(--text-secondary)}.pc .nav-item-inactive:hover{color:var(--text-primary);background-color:var(--surface-primary)}.pc .nav-item-icon{width:14px;height:14px}.pc .nav-controls-wrapper{align-items:center;gap:.5rem;display:flex}.pc .nav-controls-mobile,.pc .nav-mobile-panel-open{display:none}.pc .theme-toggle-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:9999px;justify-content:center;align-items:center;padding:.625rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.pc .theme-toggle-btn:hover{background-color:var(--surface-secondary)}.pc .theme-toggle-icon{width:18px;height:18px;color:var(--text-secondary)}.pc .theme-toggle-icon-sun{color:#eab308;width:18px;height:18px}.pc .lang-selector{position:relative}.pc .lang-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .625rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.pc .lang-btn:hover{background-color:var(--surface-secondary)}.pc .lang-btn-icon{width:13px;height:13px;color:var(--text-secondary)}.pc .lang-btn-text{text-overflow:ellipsis;white-space:nowrap;max-width:80px;color:var(--text-secondary);font-size:.75rem;overflow:hidden}.pc .lang-btn-chevron{width:11px;height:11px;color:var(--text-secondary);transition:transform .15s cubic-bezier(.4,0,.2,1)}.pc .lang-btn-chevron-open{transform:rotate(180deg)}.pc .lang-dropdown{background-color:var(--background);border:1px solid var(--theme-border);z-index:50;border-radius:.5rem;width:192px;margin-top:.5rem;position:absolute;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.pc .lang-option{text-align:left;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.pc .lang-option-active{color:#3b82f6;background-color:#3b82f633}.pc .lang-option-inactive{color:var(--text-primary)}.pc .lang-option-inactive:hover{background-color:var(--surface-secondary)}.pc .lang-option-text{white-space:nowrap;font-size:.75rem}.pc .theme-transition,.pc .theme-transition *,.pc .theme-transition :before,.pc .theme-transition :after{transition:background-color .3s,color .3s,border-color .3s!important}
.mobile .nav{z-index:50;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--theme-border);position:fixed;top:0;left:0;right:0}.mobile .nav-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem}.mobile .nav-bar{align-items:center;height:56px;display:flex}.mobile .nav-logo-link{align-items:center;gap:.5rem;display:flex}.mobile .nav-logo-img{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:50px;height:20px}.mobile .nav-logo-text{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.mobile .nav-controls-desktop{display:none}.mobile .nav-controls-mobile{align-items:center;gap:.5rem;margin-left:auto;display:flex}.mobile .nav-menu-btn{color:var(--text-secondary);padding:.5rem}.mobile .nav-menu-btn:hover{color:var(--text-primary)}.mobile .nav-mobile-panel-open{padding:1rem 0;display:block}.mobile .nav-mobile-item{border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.mobile .nav-mobile-item-active{color:#60a5fa;background-color:#60a5fa1a}.mobile .nav-mobile-item-inactive{color:var(--text-secondary)}.mobile .nav-mobile-item-inactive:hover{color:var(--text-primary);background-color:var(--surface-primary)}.mobile .nav-mobile-item-icon{width:18px;height:18px}.mobile .theme-toggle-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:9999px;justify-content:center;align-items:center;padding:.625rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.mobile .theme-toggle-btn:hover{background-color:var(--surface-secondary)}.mobile .theme-toggle-icon{width:18px;height:18px;color:var(--text-secondary)}.mobile .theme-toggle-icon-sun{color:#eab308;width:18px;height:18px}.mobile .lang-selector{position:relative}.mobile .lang-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .625rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.mobile .lang-btn:hover{background-color:var(--surface-secondary)}.mobile .lang-btn-icon{width:13px;height:13px;color:var(--text-secondary)}.mobile .lang-btn-text{text-overflow:ellipsis;white-space:nowrap;max-width:80px;color:var(--text-secondary);font-size:.75rem;overflow:hidden}.mobile .lang-btn-chevron{width:11px;height:11px;color:var(--text-secondary);transition:transform .15s cubic-bezier(.4,0,.2,1)}.mobile .lang-btn-chevron-open{transform:rotate(180deg)}.mobile .lang-dropdown{background-color:var(--background);border:1px solid var(--theme-border);z-index:50;border-radius:.5rem;width:192px;margin-top:.5rem;position:absolute;right:0;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.mobile .lang-option{text-align:left;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}.mobile .lang-option-active{color:#3b82f6;background-color:#3b82f633}.mobile .lang-option-inactive{color:var(--text-primary)}.mobile .lang-option-inactive:hover{background-color:var(--surface-secondary)}.mobile .lang-option-text{white-space:nowrap;font-size:.75rem}.mobile .theme-transition,.mobile .theme-transition *,.mobile .theme-transition :before,.mobile .theme-transition :after{transition:background-color .3s,color .3s,border-color .3s!important}
.pc .hero-section{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding-top:4rem;display:flex}.pc .hero-container{max-width:1216px;margin:0 auto;padding:.5rem 2rem}.pc .hero-grid{grid-template-columns:repeat(2,1fr);align-items:center;gap:2rem;display:grid}.pc .hero-content{flex-direction:column;grid-area:1/1;gap:1.5rem;display:flex}.pc .vinyl-container{grid-area:1/2/3}.pc .hero-bio-section{flex-direction:column;grid-area:2/1;gap:1.5rem;display:flex}.pc .hero-welcome{color:#60a5fa;align-items:center;gap:.5rem;display:flex}.pc .hero-welcome-text{letter-spacing:.05em;text-transform:uppercase;font-size:1.125rem;font-weight:700}.pc .hero-greeting{width:100%;min-height:3.5rem;font-size:3rem;font-weight:700;overflow:hidden}.pc .hero-greeting-gradient{background:linear-gradient(90deg,#60a5fa,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pc .hero-bio{color:var(--text-secondary);font-size:1.125rem;line-height:1.625}.pc .typewriter-cursor{margin-left:.25rem;display:inline-block}.pc .hero-social-links{align-items:center;gap:1rem;padding-top:1rem;display:flex}.pc .hero-social-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.pc .hero-social-btn:hover{background-color:var(--surface-secondary)}.pc .hero-social-icon{width:20px;height:20px;color:var(--text-secondary)}.pc .hero-cta-buttons{flex-wrap:wrap;gap:1rem;padding-top:1.5rem;display:flex}.pc .hero-cta-primary{color:#fff;background:linear-gradient(90deg,#3b82f6,#9333ea);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.pc .hero-cta-primary:hover{box-shadow:0 10px 15px -3px #3b82f640}.pc .hero-cta-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.pc .hero-cta-secondary:hover{background-color:var(--surface-secondary)}.pc .vinyl-container{justify-content:center;display:flex;position:relative}.pc .vinyl-glow{filter:blur(64px);opacity:.2;background:linear-gradient(90deg,#f59e0b,#ea580c);border-radius:9999px;width:384px;height:384px;position:absolute}.pc .vinyl-wrapper{width:420px;height:420px;position:relative}.pc .vinyl-tonearm{z-index:20;width:256px;position:absolute;top:-4rem;right:-3rem}.pc .vinyl-tonearm-arm{background:linear-gradient(#9ca3af,#4b5563);border-radius:9999px;width:100%;height:.5rem;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.pc .vinyl-tonearm-pivot{background:linear-gradient(to bottom right,#6b7280,#374151);border:2px solid #9ca3af;border-radius:9999px;width:1.5rem;height:1.5rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.pc .vinyl-tonearm-headshell{background:linear-gradient(to bottom right,#d1d5db,#6b7280);border:1px solid #9ca3af;border-radius:0 .5rem .5rem 0;width:3rem;height:2rem;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.pc .vinyl-tonearm-cartridge{background:linear-gradient(to bottom right,#1e40af,#1e3a8a);border-radius:.25rem;width:2rem;height:1rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.pc .vinyl-record{cursor:pointer;background:linear-gradient(to bottom right,#111827,#000,#111827);border:4px solid #1f2937;border-radius:9999px;width:100%;height:100%;position:relative;box-shadow:0 25px 50px -12px #00000040}.pc .vinyl-label{background:linear-gradient(to bottom right,#dc2626,#b91c1c);border:4px solid #7f1d1d80;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:16%;box-shadow:inset 0 2px 4px #0000000d}.pc .vinyl-label-avatar-wrapper{background-color:#1f2937;border:4px solid #111827;border-radius:9999px;width:78%;height:78%;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.pc .vinyl-label-avatar{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pc .vinyl-center-hole{background-color:#111827;border:1px solid #374151;border-radius:9999px;width:.75rem;height:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #0000000d}.pc .section-preview{background:linear-gradient(to bottom,transparent,var(--surface-secondary-30),transparent);padding-top:5rem;padding-bottom:5rem}.pc .section-preview-container{max-width:1280px;margin:0 auto;padding:0 2rem}.pc .section-preview-wrapper{position:relative}.pc .section-preview-wrapper:hover .section-preview-bg-card{opacity:.1}.pc .section-preview-bg-card{opacity:0;filter:blur(24px);transition:opacity .5s;position:absolute;inset:0}.pc .section-preview-card{background-color:var(--card-theme);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--theme-border);border-radius:1.5rem;padding:3rem;position:relative;overflow:hidden}.pc .section-preview-gradient-accent{filter:blur(48px);opacity:.2;border-radius:9999px;width:256px;height:256px;position:absolute;top:0;right:0}.pc .section-preview-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.pc .section-preview-header-left{align-items:center;gap:1rem;display:flex}.pc .section-preview-icon-box{border-radius:1rem;padding:1rem}.pc .section-preview-icon{color:#fff;width:32px;height:32px}.pc .section-preview-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.pc .section-preview-desc{color:var(--text-secondary);font-size:1.125rem}.pc .section-preview-features-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.pc .section-preview-feature-item{background-color:var(--surface-primary);text-align:center;border:1px solid var(--theme-border);border-radius:.75rem;padding:1rem}.pc .section-preview-feature-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.pc .section-preview-actions{flex-wrap:wrap;gap:1rem;display:flex}.pc .section-preview-btn-primary{color:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.pc .section-preview-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a}.pc .section-preview-btn-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.pc .section-preview-btn-secondary:hover{background-color:var(--surface-secondary)}.pc .gradient-blue-cyan{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.pc .gradient-purple-pink{background:linear-gradient(90deg,#a855f7,#ec4899)}.pc .gradient-green-emerald{background:linear-gradient(90deg,#22c55e,#10b981)}.pc .gradient-orange-red{background:linear-gradient(90deg,#f97316,#ef4444)}.pc .gradient-indigo-violet{background:linear-gradient(90deg,#6366f1,#8b5cf6)}
.mobile .hero-section{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding-top:4rem;display:flex}.mobile .hero-container{max-width:1216px;margin:0 auto;padding:.5rem .75rem}.mobile .hero-grid{align-items:center;gap:1.5rem;display:grid}.mobile .hero-content{flex-direction:column;gap:1.5rem;display:flex}.mobile .hero-bio-section{flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.mobile .hero-welcome{color:#60a5fa;align-items:center;gap:.5rem;display:flex}.mobile .hero-welcome-text{letter-spacing:.05em;text-transform:uppercase;font-size:1.125rem;font-weight:700}.mobile .hero-greeting{width:100%;min-height:3.5rem;font-size:2.25rem;font-weight:700;overflow:hidden}.mobile .hero-greeting-gradient{background:linear-gradient(90deg,#60a5fa,#a855f7,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mobile .hero-bio{color:var(--text-secondary);font-size:1.125rem;line-height:1.625}.mobile .typewriter-cursor{margin-left:.25rem;display:inline-block}.mobile .hero-social-links{align-items:center;gap:1rem;padding-top:1rem;display:flex}.mobile .hero-social-btn{background-color:var(--surface-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.mobile .hero-social-btn:hover{background-color:var(--surface-secondary)}.mobile .hero-social-icon{width:20px;height:20px;color:var(--text-secondary)}.mobile .hero-cta-buttons{flex-wrap:wrap;gap:1rem;padding-top:1.5rem;display:flex}.mobile .hero-cta-primary{color:#fff;background:linear-gradient(90deg,#3b82f6,#9333ea);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.mobile .hero-cta-primary:hover{box-shadow:0 10px 15px -3px #3b82f640}.mobile .hero-cta-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.mobile .hero-cta-secondary:hover{background-color:var(--surface-secondary)}.mobile .vinyl-container{justify-content:center;margin-top:3rem;display:flex;position:relative}.mobile .vinyl-glow{filter:blur(64px);opacity:.2;background:linear-gradient(90deg,#f59e0b,#ea580c);border-radius:9999px;width:384px;height:384px;position:absolute}.mobile .vinyl-wrapper{width:min(320px,85vw);height:min(320px,85vw);position:relative}.mobile .vinyl-tonearm{z-index:20;width:224px;position:absolute;top:-4rem;right:-2rem}.mobile .vinyl-tonearm-arm{background:linear-gradient(#9ca3af,#4b5563);border-radius:9999px;width:100%;height:.5rem;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.mobile .vinyl-tonearm-pivot{background:linear-gradient(to bottom right,#6b7280,#374151);border:2px solid #9ca3af;border-radius:9999px;width:1.5rem;height:1.5rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.mobile .vinyl-tonearm-headshell{background:linear-gradient(to bottom right,#d1d5db,#6b7280);border:1px solid #9ca3af;border-radius:0 .5rem .5rem 0;width:3rem;height:2rem;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.mobile .vinyl-tonearm-cartridge{background:linear-gradient(to bottom right,#1e40af,#1e3a8a);border-radius:.25rem;width:2rem;height:1rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.mobile .vinyl-record{cursor:pointer;background:linear-gradient(to bottom right,#111827,#000,#111827);border:4px solid #1f2937;border-radius:9999px;width:100%;height:100%;position:relative;box-shadow:0 25px 50px -12px #00000040}.mobile .vinyl-label{background:linear-gradient(to bottom right,#dc2626,#b91c1c);border:4px solid #7f1d1d80;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:16%;box-shadow:inset 0 2px 4px #0000000d}.mobile .vinyl-label-avatar-wrapper{background-color:#1f2937;border:4px solid #111827;border-radius:9999px;width:78%;height:78%;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.mobile .vinyl-label-avatar{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mobile .vinyl-center-hole{background-color:#111827;border:1px solid #374151;border-radius:9999px;width:.75rem;height:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #0000000d}.mobile .section-preview{background:linear-gradient(to bottom,transparent,var(--surface-secondary-30),transparent);padding-top:5rem;padding-bottom:5rem}.mobile .section-preview-container{max-width:1280px;margin:0 auto;padding:0 1rem}.mobile .section-preview-wrapper{position:relative}.mobile .section-preview-wrapper:hover .section-preview-bg-card{opacity:.1}.mobile .section-preview-bg-card{opacity:0;filter:blur(24px);transition:opacity .5s;position:absolute;inset:0}.mobile .section-preview-card{background-color:var(--card-theme);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--theme-border);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.mobile .section-preview-gradient-accent{filter:blur(48px);opacity:.2;border-radius:9999px;width:256px;height:256px;position:absolute;top:0;right:0}.mobile .section-preview-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.mobile .section-preview-header-left{align-items:center;gap:1rem;display:flex}.mobile .section-preview-icon-box{border-radius:1rem;padding:1rem}.mobile .section-preview-icon{color:#fff;width:32px;height:32px}.mobile .section-preview-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.mobile .section-preview-desc{color:var(--text-secondary);font-size:1.125rem}.mobile .section-preview-features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.mobile .section-preview-feature-item{background-color:var(--surface-primary);text-align:center;border:1px solid var(--theme-border);border-radius:.75rem;padding:1rem}.mobile .section-preview-feature-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.mobile .section-preview-actions{flex-wrap:wrap;gap:1rem;display:flex}.mobile .section-preview-btn-primary{color:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.mobile .section-preview-btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a}.mobile .section-preview-btn-secondary{background-color:var(--surface-primary);color:var(--text-primary);border:1px solid var(--theme-border);border-radius:9999px;padding:.75rem 2rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.mobile .section-preview-btn-secondary:hover{background-color:var(--surface-secondary)}.mobile .gradient-blue-cyan{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.mobile .gradient-purple-pink{background:linear-gradient(90deg,#a855f7,#ec4899)}.mobile .gradient-green-emerald{background:linear-gradient(90deg,#22c55e,#10b981)}.mobile .gradient-orange-red{background:linear-gradient(90deg,#f97316,#ef4444)}.mobile .gradient-indigo-violet{background:linear-gradient(90deg,#6366f1,#8b5cf6)}@media (max-width:400px){.mobile .vinyl-wrapper{width:260px;height:260px}.mobile .vinyl-glow{width:280px;height:280px}.mobile .vinyl-tonearm{width:180px;top:-3rem;right:-1.5rem}}
.photo-viewer-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;overscroll-behavior:contain;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:fixed;top:0;left:0}.photo-viewer-container{background:#1a1a1a;border-radius:16px;width:100%;max-width:1200px;max-height:calc(100vh - 80px);animation:.3s viewerFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 80px #0009}@keyframes viewerFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.photo-viewer-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;padding:10px;transition:all .2s;position:absolute;top:16px;right:16px}.photo-viewer-close:hover{background:#fff3;transform:rotate(90deg)}.photo-viewer-image-section{background:#000;flex-direction:column;flex:0 0 65%;display:flex;position:relative}.photo-viewer-image-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.photo-viewer-image-container img{-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.photo-viewer-image-shield{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.photo-viewer-nikon-watermark{text-align:center;letter-spacing:8px;color:#fff9;pointer-events:none;z-index:1;padding:20px 0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:300;position:absolute;bottom:0;left:0;right:0}.photo-viewer-watermark{color:#ffffff26;pointer-events:none;z-index:1;font-size:14px;font-style:italic;position:absolute;bottom:20px;right:20px}.photo-viewer-nav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:3;opacity:0;background:#ffffff1a;border:none;border-radius:50%;padding:14px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.photo-viewer-image-section:hover .photo-viewer-nav-btn{opacity:1}.photo-viewer-nav-btn:hover{background:#ffffff40;transform:translateY(-50%)scale(1.1)}.photo-viewer-nav-prev{left:16px}.photo-viewer-nav-next{right:16px}.photo-viewer-thumbnails{background:#0000004d;flex-shrink:0;justify-content:center;gap:8px;padding:12px 16px;display:flex}.photo-viewer-thumbnail-wrapper{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;padding:0;transition:all .2s;overflow:hidden}.photo-viewer-thumbnail-wrapper:hover{border-color:#ffffff4d}.photo-viewer-thumbnail-wrapper.active{border-color:#3b82f6}.photo-viewer-thumbnail{-o-object-fit:cover;object-fit:cover;opacity:.6;pointer-events:none;width:56px;height:42px;transition:opacity .2s;display:block}.photo-viewer-thumbnail-wrapper:hover .photo-viewer-thumbnail,.photo-viewer-thumbnail-wrapper.active .photo-viewer-thumbnail{opacity:1}.photo-viewer-counter{text-align:center;color:#ffffff80;background:#0000004d;padding:6px;font-size:12px}.photo-viewer-info-section{color:#fff;flex-direction:column;flex:0 0 35%;display:flex;position:relative;overflow-y:auto}.photo-viewer-info-section::-webkit-scrollbar{width:4px}.photo-viewer-info-section::-webkit-scrollbar-track{background:0 0}.photo-viewer-info-section::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.photo-viewer-info-content{padding:32px 24px}.photo-viewer-title{letter-spacing:-.5px;margin-bottom:20px;font-size:28px;font-weight:600;line-height:1.3}.photo-viewer-photographer{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:20px;display:flex}.photo-viewer-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.photo-viewer-photographer-info{flex:1}.photo-viewer-photographer-name{color:#fffffff2;font-size:15px;font-weight:500}.photo-viewer-photographer-label{color:#fff6;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:inline-flex}.photo-viewer-category{color:#a5b4fc;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #6366f133;border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-block}.photo-viewer-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.photo-viewer-tag{color:#ffffffa6;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.photo-viewer-tag:hover{color:#ffffffe6;background:#ffffff1a}.photo-viewer-meta{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.photo-viewer-meta-item{color:#fff9;align-items:center;gap:10px;font-size:13px;display:flex}.photo-viewer-meta-icon{color:#ffffff4d;flex-shrink:0}.photo-viewer-meta-value{color:#fffc}.photo-viewer-description{color:#fff9;margin-bottom:24px;font-size:14px;line-height:1.8}.photo-viewer-divider{background:#ffffff0f;height:1px;margin:20px 0}.photo-viewer-like-section{align-items:center;gap:16px;display:flex}.photo-viewer-like-btn{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.photo-viewer-like-btn:hover{color:#f87171;background:#ef44441a;border-color:#ef44444d}.photo-viewer-like-btn.liked{color:#ef4444;background:#ef444426;border-color:#ef444466}.photo-viewer-like-btn.liked svg{fill:#ef4444}.photo-viewer-copyright{color:#ffffff40;text-align:center;letter-spacing:.5px;border-top:1px solid #ffffff0d;margin-top:20px;padding-top:16px;font-size:11px}
@media (max-width:768px){.photo-viewer-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.photo-viewer-container{background:#1a1a1a;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:92vh;animation:.3s viewerSlideUp;display:flex;overflow:hidden}@keyframes viewerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.photo-viewer-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:50%;padding:8px;position:absolute;top:12px;right:12px}.photo-viewer-image-section{background:#000;width:100%;position:relative}.photo-viewer-image-container{aspect-ratio:4/3;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.photo-viewer-image-container img{-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.photo-viewer-image-shield{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.photo-viewer-nikon-watermark{text-align:center;letter-spacing:6px;color:#ffffff73;pointer-events:none;z-index:1;padding:16px 0;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:300;position:absolute;bottom:0;left:0;right:0}.photo-viewer-watermark{color:#ffffff26;pointer-events:none;z-index:1;font-size:11px;font-style:italic;position:absolute;bottom:12px;right:12px}.photo-viewer-nav-btn{color:#fff;cursor:pointer;z-index:3;background:#ffffff26;border:none;border-radius:50%;padding:10px;position:absolute;top:50%;transform:translateY(-50%)}.photo-viewer-nav-prev{left:8px}.photo-viewer-nav-next{right:8px}.photo-viewer-thumbnails{background:#0000004d;justify-content:center;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.photo-viewer-thumbnail-wrapper{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;flex-shrink:0;padding:0;overflow:hidden}.photo-viewer-thumbnail-wrapper.active{border-color:#3b82f6}.photo-viewer-thumbnail{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:44px;height:33px;display:block}.photo-viewer-counter{text-align:center;color:#ffffff80;background:#0000004d;padding:4px;font-size:11px}.photo-viewer-info-section{color:#fff;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.photo-viewer-info-content{padding:20px 16px 32px}.photo-viewer-title{margin-bottom:16px;font-size:20px;font-weight:600;line-height:1.3}.photo-viewer-photographer{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.photo-viewer-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.photo-viewer-photographer-info{flex:1}.photo-viewer-photographer-name{color:#fffffff2;font-size:14px;font-weight:500}.photo-viewer-photographer-label{color:#fff6;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:inline-flex}.photo-viewer-category{color:#a5b4fc;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #6366f133;border-radius:16px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-block}.photo-viewer-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.photo-viewer-tag{color:#ffffffa6;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:6px;padding:5px 10px;font-size:11px}.photo-viewer-meta{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px;display:flex}.photo-viewer-meta-item{color:#fff9;align-items:center;gap:8px;font-size:12px;display:flex}.photo-viewer-meta-icon{color:#ffffff4d;flex-shrink:0}.photo-viewer-meta-value{color:#fffc}.photo-viewer-description{color:#fff9;margin-bottom:16px;font-size:13px;line-height:1.7}.photo-viewer-divider{background:#ffffff0f;height:1px;margin:16px 0}.photo-viewer-like-section{align-items:center;gap:12px;display:flex}.photo-viewer-like-btn{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.photo-viewer-like-btn.liked{color:#ef4444;background:#ef444426;border-color:#ef444466}.photo-viewer-like-btn.liked svg{fill:#ef4444}.photo-viewer-copyright{color:#ffffff40;text-align:center;letter-spacing:.5px;border-top:1px solid #ffffff0d;margin-top:16px;padding-top:12px;font-size:10px}}