*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,Noto Sans SC,sans-serif;background:#0a0a0f;color:#bfbbb69c4;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{width:100%;overflow:hidden}.container{max-width:1700px;margin:0 auto;padding:0 60px}@media (max-width:768px){.container{padding:0 24px}}.section{padding:120px 0;position:relative;scroll-margin-top:80px}.section-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#605c58;margin-bottom:16px;font-weight:500}.section-title{font-size:2.75rem;font-weight:700;color:#e8e6e3;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}.section-sub{font-size:1.05rem;color:#7d7974;max-width:560px;line-height:1.7}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#7d7974;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;animation:float 2.5s ease-in-out infinite}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,#7d7974,transparent)}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.hero{position:relative;width:100%;height:100vh;min-height:700px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(-45deg,#080808,#0a0a1a,#0d0d22,#080812);background-size:400% 400%;animation:heroBgPulse 15s ease infinite}.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0a14b3,#140c1e66 50%,#190f23bf);z-index:1}.hero-noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.035;z-index:1;pointer-events:none}.hero-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;background:#080808bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);padding:0;height:64px}.hero-logo{display:flex;align-items:baseline;gap:10px}.hero-logo-name{font-size:1.15rem;font-weight:700;color:#e8e6e3;letter-spacing:.02em}.hero-logo-sub{font-size:.62rem;font-weight:300;color:#7d7974;letter-spacing:.18em;text-transform:uppercase}.hero-nav-links{display:flex;gap:36px;list-style:none}.hero-nav-links a{color:#8a8680;text-decoration:none;font-size:.85rem;font-weight:500;transition:color .3s;letter-spacing:.02em;position:relative}.hero-nav-links a:hover{color:#d4a857}.hero-nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#0e0e14;transition:width .3s}.hero-nav-links a:hover:after{width:100%}.hero-nav-contact{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;border:1px solid rgba(255,255,255,.15);border-radius:100px;color:#d8d5d0;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s;letter-spacing:.02em}.hero-nav-contact:hover{border-color:#d4a85780;background:#d4a85714;transform:translateY(-2px);box-shadow:0 4px 20px #d4a8571a}.hero-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;justify-content:center;padding:64px 60px 0;max-width:1700px;margin:0 auto;width:100%}.hero-subtitle-top{font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:#7d7974;margin-bottom:24px;font-weight:400}.hero-title{font-size:clamp(3rem,6vw,6rem);font-weight:800;color:#f8f8f8;line-height:1.05;letter-spacing:-.03em;margin-bottom:24px;max-width:900px}.hero-title .highlight{background:linear-gradient(135deg,#e0e0e0,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.1rem;color:#8a8680;max-width:480px;line-height:1.8;margin-bottom:40px}.hero-actions{display:flex;gap:16px;align-items:center}.btn-primary{display:inline-block;padding:14px 36px;background:#0e0e14;color:#0a0a0a;text-decoration:none;font-size:.9rem;font-weight:600;border-radius:100px;transition:all .3s}.btn-primary:hover{background:#fff;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 32px #ffffff26}.btn-secondary{display:inline-block;padding:14px 36px;border:1px solid rgba(255,255,255,.15);color:#bfbbb69c4;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:100px;transition:all .3s}.btn-secondary:hover{border-color:#ffffff80;background:#ffffff14;transform:translateY(-3px);box-shadow:0 8px 32px #d4a8571a}.about{background:#0e0e14}.about-grid{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}.about-image-wrapper{position:relative}.about-image{width:100%;border-radius:12px;overflow:hidden;background:#181818;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.about-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e8e8,#f0f0f0);font-size:3rem;color:#333}.about-image-border{position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:1px solid rgba(255,255,255,.06);border-radius:16px;z-index:-1}.about-content{padding-top:8px}.about-intro{font-size:1.1rem;color:#aaa;line-height:1.8;margin-bottom:36px}.about-intro strong{color:#e0ded9;font-weight:600}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:40px}.stat-card{background:#12121a;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:28px 24px;text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#e8e6e3;line-height:1;margin-bottom:6px;letter-spacing:-.02em}.stat-label{font-size:.8rem;color:#6e6a66;letter-spacing:.03em}.about-contact-row{display:flex;flex-wrap:wrap;gap:20px 40px}.about-contact-item{display:flex;align-items:center;gap:10px;color:#8a8680;font-size:.9rem}.about-contact-item svg{width:18px;height:18px;opacity:.6;flex-shrink:0}.about-contact-item a{color:#bfbbb6;text-decoration:none;transition:color .3s;position:relative}.about-contact-item a:hover{color:#fff}.about-contact-item a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s}.about-contact-item a:hover:after{width:100%}.projects{background:#0a0a0f}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{position:relative;border-radius:16px;overflow:hidden;background:#12121a;cursor:pointer;transition:all .4s;aspect-ratio:16/10}.project-card:hover{transform:translateY(-12px);box-shadow:0 20px 60px #00000080}.project-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover .project-card-image{transform:scale(1.08)}.project-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 32px;background:linear-gradient(to top,rgba(10,8,15,.9),transparent);z-index:2}.project-card-category{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#7d7974;margin-bottom:8px;font-weight:500}.project-card-title{font-size:1.3rem;font-weight:600;color:#e8e6e3;margin-bottom:4px}.project-card-sub{font-size:.85rem;color:#8a8680}.project-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e8e8,#f5f5f5,#e8e8e8);color:#333;font-size:2.5rem}.skills{background:#0e0e14}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.skill-card{background:#12121a;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:36px 32px;transition:all .3s}.skill-card:hover{border-color:#ffffff26;background:#181818;transform:translateY(-5px);box-shadow:0 8px 30px #ffffff14}.skill-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:12px;margin-bottom:20px;font-size:1.3rem;color:#bfbbb6}.skill-card-title{font-size:1.1rem;font-weight:600;color:#e0ded9;margin-bottom:10px}.skill-card-desc{font-size:.9rem;color:#7d7974;line-height:1.7}.contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:#08080c;position:relative;scroll-margin-top:64px}.contact-inner{max-width:1700px;margin:0 auto;padding:120px 60px;width:100%}.contact-header{margin-bottom:80px}.contact-label{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#504c48;margin-bottom:16px}.contact-big-title{font-size:clamp(2.5rem,5vw,5rem);font-weight:800;color:#e8e6e3;line-height:1.1;letter-spacing:-.03em;max-width:700px;margin-bottom:20px}.contact-big-sub{font-size:1.1rem;color:#6e6a66;max-width:480px;line-height:1.7}.contact-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}.contact-channel{background:#0e0e0e;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:36px 32px;transition:all .3s}.contact-channel:hover{border-color:#ffffff26;background:#161616;transform:translateY(-3px);box-shadow:0 8px 30px #ffffff14}.contact-channel-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#504c48;margin-bottom:12px;font-weight:500}.contact-channel-value{font-size:1.05rem;color:#bfbbb69c4;font-weight:500}.contact-channel-value a{color:#bfbbb69c4;text-decoration:none;transition:color .3s;position:relative}.contact-channel-value a:hover{color:#fff}.contact-channel-value a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#d4d4d4;transition:width .3s}.contact-channel-value a:hover:after{width:100%}.contact-footer{display:flex;justify-content:space-between;align-items:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.04)}.contact-copy{font-size:.8rem;color:#504c48}.contact-socials{display:flex;gap:20px}.contact-socials a{color:#6e6a66;text-decoration:none;font-size:.85rem;transition:color .3s;position:relative}.contact-socials a:hover{color:#d8d5d0}.contact-socials a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#e0e0e0;transition:width .3s}.contact-socials a:hover:after{width:100%}@media (max-width:1200px){.about-grid{grid-template-columns:1fr;gap:48px}.about-image{max-width:320px}}@media (max-width:900px){.hero-nav-links{display:none}.hero-content{padding:0 24px}.hero-nav-contact{padding:8px 20px;font-size:.8rem}.about-stats{grid-template-columns:repeat(3,1fr)}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.contact-channels{grid-template-columns:1fr}.contact-footer{flex-direction:column;gap:16px;align-items:flex-start}}@media (max-width:600px){.about-stats,.skills-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}@keyframes heroBgPulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1700px;width:100%;margin:0 auto;padding:0 60px}body{background-color:#1a1a24!important;background-image:radial-gradient(ellipse 1200px 800px at 15% 20%,rgba(212,168,87,.16),transparent 60%),radial-gradient(ellipse 1000px 1300px at 85% 30%,rgba(150,90,210,.13),transparent 60%),radial-gradient(ellipse 900px 1000px at 50% 55%,rgba(70,150,230,.1),transparent 60%),radial-gradient(ellipse 800px 900px at 25% 80%,rgba(212,168,87,.08),transparent 60%)!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 18%,rgba(255,220,180,.5),transparent),radial-gradient(1.5px 1.5px at 28% 52%,rgba(255,220,180,.4),transparent),radial-gradient(2px 2px at 40% 12%,rgba(200,220,255,.45),transparent),radial-gradient(1.5px 1.5px at 55% 68%,rgba(255,220,180,.3),transparent),radial-gradient(2.5px 2.5px at 72% 32%,rgba(200,220,255,.35),transparent),radial-gradient(1.5px 1.5px at 85% 72%,rgba(255,220,180,.3),transparent),radial-gradient(2px 2px at 90% 8%,rgba(200,220,255,.3),transparent),radial-gradient(1.5px 1.5px at 8% 78%,rgba(255,220,180,.3),transparent),linear-gradient(#ffdcb438,#ffdcb438) 18% 22%/1px 7px no-repeat,linear-gradient(90deg,#ffdcb438,#ffdcb438) 18% 22%/7px 1px no-repeat,linear-gradient(#c8dcff24,#c8dcff24) 68% 42%/1px 6px no-repeat,linear-gradient(90deg,#c8dcff24,#c8dcff24) 68% 42%/6px 1px no-repeat,radial-gradient(circle 10px at 32% 55%,rgba(255,220,180,.1) .5px,transparent .5px),radial-gradient(circle 14px at 62% 78%,rgba(200,220,255,.07) .5px,transparent .5px),linear-gradient(#ffdcb41f,#ffdcb41f) 22% 35%/1px 10px no-repeat,linear-gradient(#c8dcff17,#c8dcff17) 62% 18%/1px 8px no-repeat;background-repeat:no-repeat;animation:floatDrift 25s ease-in-out infinite alternate}@keyframes floatDrift{0%{transform:translate(0)}to{transform:translate(8px,4px)}}.about,.skills,.projects,.contact{background:transparent!important}.section,.contact{position:relative}.section>.container,.contact-inner{position:relative;z-index:1}.section:before,.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:60px 60px!important}.hero-nav{background:#06060a8c!important;-webkit-backdrop-filter:blur(20px) saturate(200%)!important;backdrop-filter:blur(20px) saturate(200%)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.hero-nav.scrolled{background:#06060abf!important}.hero-nav-contact{border:1px solid rgba(212,168,87,.3)!important;color:#d4a857!important}.hero-nav-contact:hover{border-color:#d4a85780!important;background:#d4a85714!important}.hero-nav-links a{color:#999!important}.hero-nav-links a:hover{color:#d4a857!important}.hero-nav-links a:after{background:#d4a857!important}.hero-logo,.hero-logo-name{color:#f0f0f0!important}.hero-logo-sub{color:#888!important}.hero-menu-btn{display:none;width:36px;height:36px;background:transparent;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;z-index:210;position:relative}.hmb{display:block;width:22px;height:2px;background:#ccc;border-radius:2px;transition:all .3s;transform-origin:center}.hmb-top.open{transform:translateY(7px) rotate(45deg)}.hmb-mid.open{opacity:0}.hmb-bot.open{transform:translateY(-7px) rotate(-45deg)}.hero-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#040408eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hero-mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:160;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.hero-mobile-close{position:absolute;top:18px;right:18px;width:40px;height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ccc;transition:all .3s}.hero-mobile-close:hover{background:#ffffff1f;color:#fff;transform:rotate(90deg)}.hero-mobile-close svg{width:20px;height:20px}.hero-mobile-link{font-size:1.4rem;color:#f0f0f0;text-decoration:none;font-weight:500;letter-spacing:.04em;transition:color .3s;animation:fadeSlideIn .35s ease both}.hero-mobile-link:nth-child(1){animation-delay:.05s}.hero-mobile-link:nth-child(2){animation-delay:.1s}.hero-mobile-link:nth-child(3){animation-delay:.15s}.hero-mobile-link:nth-child(4){animation-delay:.2s}.hero-mobile-link:nth-child(5){animation-delay:.25s}.hero-mobile-link:hover{color:#d4a857}.hero-mobile-contact{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 28px;border:1px solid rgba(212,168,87,.4);border-radius:100px;color:#d4a857;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s;animation:fadeSlideIn .35s ease .3s both}.hero-mobile-contact:hover{border-color:#d4a85799;background:#d4a85714;transform:translateY(-2px)}.hero-mobile-contact svg{width:16px;height:16px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero-menu-btn{display:flex}.hero-nav-inner{padding:0 16px!important}.hero-nav-contact{display:none!important}}.hero-title,.hero-subtitle-top{color:#f0f0f0!important}.hero-title .highlight{background:linear-gradient(135deg,#d4a857,#c9945e)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.hero-desc{color:#bbb!important}.hero-overlay{background:linear-gradient(135deg,#06040a8c,#0a061233 50%,#0c081499)!important}.btn-primary{background:#d4a857!important;color:#0a0a0a!important;border:none!important}.btn-primary:hover{background:#e0b96a!important;transform:translateY(-3px) scale(1.03)!important;box-shadow:0 8px 32px #d4a85740!important}.btn-secondary{border:1px solid rgba(212,168,87,.4)!important;color:#d4a857!important;background:transparent!important}.btn-secondary:hover{border-color:#d4a85799!important;background:#d4a85714!important;transform:translateY(-3px)!important;box-shadow:0 8px 32px #d4a8571f!important}.stat-card{background:#0c0c1480!important;-webkit-backdrop-filter:blur(14px) saturate(180%)!important;backdrop-filter:blur(14px) saturate(180%)!important;border:1px solid rgba(255,255,255,.05)!important}.skill-card,.contact-channel{background:#0c0c1466!important;-webkit-backdrop-filter:blur(14px) saturate(180%)!important;backdrop-filter:blur(14px) saturate(180%)!important;border:1px solid rgba(255,255,255,.04)!important}.project-card{background:#08080e59!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.04)!important}.about-image{background:#14141e66!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.05)!important}.stat-number{color:#f0f0f0!important}.stat-number{color:#d4a857!important}.stat-label{color:#888!important}.skill-card-title{color:#f0f0f0!important}.skill-card-desc{color:#aaa!important}.contact-channel-value,.contact-channel-value a{color:#d4a857!important}.contact-channel-label{color:#666!important}.section-title{color:#f0f0f0!important}.section-sub{color:#999!important}.project-card-title{color:#f0f0f0!important}.project-card-sub{color:#aaa!important}.project-card-category{color:#888!important}.project-card-overlay-film{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;z-index:1;pointer-events:none}.project-card-overlay.text-dark .project-card-title,.project-card-overlay.text-dark .project-card-sub,.project-card-overlay.text-dark .project-card-category{color:#1a1a1a!important}.contact-big-title{color:#f0f0f0!important}.contact-big-sub{color:#999!important}.contact-copy{color:#666!important}.about-intro{color:#aaa!important}.about-intro strong{color:#e0ddd8!important}.section-label,.contact-label{color:#666!important}.contact-footer{border-top-color:#ffffff0a!important}.contact-socials a{color:#888!important}.contact-socials a:after{background:#d4a857!important}.contact-socials a:hover,.about-contact-item a{color:#d4a857!important}.about-contact-item a:after{background:#d4a857!important}.about-contact-item svg{color:#888!important}.about-contact-item span{color:#ccc!important}.about-contact-item span,.scroll-indicator{color:#d4a857!important}.scroll-line{background:linear-gradient(to bottom,#d4a857,transparent)!important}.skill-card:hover,.contact-channel:hover{border-color:#ffffff1a!important;background:#10101a8c!important;box-shadow:0 0 40px #d4a8570a!important}.project-card:hover{border-color:#ffffff14!important;box-shadow:0 30px 80px #00000080!important}.project-card-bg-img{width:100%;height:100%;position:relative;overflow:hidden;background:#12121a}.project-card-cover{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover .project-card-cover{transform:scale(1.08)}.reveal{transition-duration:.8s!important}.gallery-page{min-height:100vh;background:#0a0a0f;padding:100px 60px}.gallery-header{max-width:1700px;margin:0 auto 40px;display:flex;align-items:center;gap:24px}.gallery-back{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:8px 20px;border-radius:100px;cursor:pointer;font-size:.85rem;transition:all .3s;font-family:inherit}.gallery-back:hover{border-color:#d4a85766;color:#d4a857}.gallery-header,.gallery-tags{justify-content:center}.gallery-page{background:transparent}.gallery-page{background:radial-gradient(ellipse 1200px 800px at 15% 25%,rgba(212,168,87,.22),transparent 60%),radial-gradient(ellipse 800px 600px at 80% 70%,rgba(212,168,87,.1),transparent 60%),#1a1a22!important}.gallery-title{font-size:2rem;font-weight:700;color:#f0f0f0;letter-spacing:-.02em;margin:0}.gallery-tags{max-width:1700px;margin:0 auto 40px;display:flex;gap:10px;flex-wrap:wrap}.gallery-tag{background:transparent;border:1px solid rgba(255,255,255,.1);color:#999;padding:8px 24px;border-radius:100px;cursor:pointer;font-size:.85rem;transition:all .3s;font-family:inherit}.gallery-tag:hover{border-color:#d4a8574d;color:#d4a857}.gallery-tag.active{background:#d4a8571f;border-color:#d4a857;color:#d4a857}.gallery-grid{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gallery-card{width:calc(33.33% - 14px);min-width:280px;max-width:380px}.gallery-card{background:#12121a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.04);transition:all .3s}.gallery-card:hover{transform:translateY(-4px);border-color:#ffffff14;box-shadow:0 10px 30px #0006}.gallery-card-bg{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;color:#555}.gallery-card-info{padding:20px}.gallery-card-title{font-size:1rem;font-weight:600;color:#f0f0f0;margin-bottom:6px}.gallery-card-sub{font-size:.82rem;color:#999;line-height:1.5}.mv-page{max-width:900px;margin:0 auto;padding:40px 0}.mv-main{width:100%;aspect-ratio:16/10;background:#0c0c144d;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.mv-main canvas{width:100%!important;height:100%!important}.mv-thumbs{display:flex;gap:12px;margin-top:20px;justify-content:center;flex-wrap:wrap}.mv-thumb{width:110px;cursor:pointer;border-radius:14px;overflow:hidden;border:2px solid transparent;transition:all .3s;background:#0c0c144d}.mv-thumb.active{border-color:#d4a857}.mv-thumb:hover{border-color:#d4a8574d}.mv-thumb-scene{width:100%;aspect-ratio:1}.mv-thumb-scene canvas{width:100%!important;height:100%!important;display:block}.mv-thumb-name{display:block;text-align:center;color:#aaa;font-size:.75rem;padding:6px 0 8px}@media (max-width:1000px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.gallery-grid{grid-template-columns:1fr}}.about-centered{max-width:800px;margin:0 auto;text-align:center}.about-centered .about-intro{text-align:left;margin:0 auto 20px;max-width:680px}.about-stats,.about-contact-row{justify-content:center}.mv-section{padding:20px 0}.mv-section h2{margin-bottom:0!important}.mv-section .section-sub{margin-bottom:20px!important}.mv-viewer{width:100%;aspect-ratio:16/9;max-height:65vh;border-radius:20px;overflow:hidden;background:#0c0c144d;border:1px solid rgba(255,255,255,.04)}.mv-viewer canvas{width:100%!important;height:100%!important;display:block}.mv-thumbs{display:flex;gap:12px;margin-top:24px;justify-content:center;flex-wrap:wrap}.mv-card{width:110px;cursor:pointer;border-radius:14px;overflow:hidden;border:2px solid transparent;transition:all .3s;background:#0c0c1459}.mv-card.active{border-color:#d4a857}.mv-card:hover{border-color:#d4a8574d}.mv-card-color{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#444}.mv-card-name{display:block;text-align:center;color:#aaa;font-size:.75rem;padding:8px 0 10px}.mv-section-wrapper{max-width:1200px;margin:0 auto;padding:20px 0}.preview-section{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.06)}.preview-title{font-size:1.15rem;font-weight:600;color:#d4a857;margin:0 0 24px;letter-spacing:.02em}.preview-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.preview-track::-webkit-scrollbar{height:4px}.preview-track::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.preview-card{flex-shrink:0;width:240px;cursor:pointer;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:all .3s}.preview-card:hover{transform:translateY(-4px);border-color:#d4a85740;box-shadow:0 8px 24px #00000059}.preview-img{width:100%;aspect-ratio:16/10;display:flex;align-items:flex-end;justify-content:center;padding:12px}.preview-label{font-size:.78rem;color:#fff;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.5);background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 14px;border-radius:100px}.preview-real-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.preview-img{position:relative;overflow:hidden}.preview-card.active{border-color:#d4a85780;box-shadow:0 0 20px #d4a85726}.preview-label{position:relative;z-index:1}.mv-thumbs{padding:6px 0}.mv-btn{display:inline-block;padding:8px 24px;border-radius:100px;cursor:pointer;font-size:.82rem;font-weight:500;border:1px solid;transition:all .3s;font-family:inherit;letter-spacing:.02em;background:transparent}.mv-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.mv-btn.active{color:#fff!important;font-weight:600;transform:scale(1.05);box-shadow:0 0 24px #d4a85740}.preview-showcase{width:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.06);position:relative}.preview-showcase-img{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.preview-showcase-name{position:absolute;bottom:20px;left:20px;color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5);background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 18px;border-radius:100px}.mv-notice{text-align:center;color:#d4a857a6;font-size:.82rem;letter-spacing:.06em;margin-bottom:12px;font-weight:400}.vp-page{min-height:100vh;background:#1a1a22;padding:80px 40px 40px}.vp-header{max-width:1200px;margin:0 auto 30px;display:flex;align-items:center;gap:24px}.vp-back{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:8px 20px;border-radius:100px;cursor:pointer;font-size:.85rem;transition:all .3s;font-family:inherit}.vp-back:hover{border-color:#d4a85766;color:#d4a857}.vp-info{flex:1}.vp-title{font-size:1.6rem;font-weight:700;color:#f0f0f0;margin:0 0 4px}.vp-sub{font-size:.9rem;color:#999}.vp-player-wrap{max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;background:#0e0e14;border:1px solid rgba(255,255,255,.04)}.vp-poster{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.vp-loading{color:#999;font-size:.9rem;background:#00000080;padding:8px 20px;border-radius:100px}.gallery-card{cursor:pointer}.gallery-card-cover{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.gallery-card-bg{position:relative}.gallery-card-play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;opacity:0;transition:opacity .3s;text-shadow:0 2px 8px rgba(0,0,0,.5)}.gallery-card:hover .gallery-card-play-btn{opacity:.85}.gallery-card-bg svg{opacity:0}.vp-page{background:radial-gradient(ellipse 1200px 800px at 15% 25%,rgba(212,168,87,.18),transparent 60%),radial-gradient(ellipse 800px 600px at 80% 70%,rgba(212,168,87,.08),transparent 60%),#1a1a22!important}.vp-cat{display:inline-block;margin-top:8px;padding:4px 14px;background:#d4a8571f;border:1px solid rgba(212,168,87,.25);border-radius:100px;color:#d4a857;font-size:.75rem;letter-spacing:.05em;font-weight:500}.vp-error{color:#ff6b6b;font-size:.9rem;background:#0009;padding:10px 24px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.vp-no-video{background:#0c0c1480}.vp-no-video-text{color:#888;font-size:.9rem;background:#0006;padding:10px 24px;border-radius:100px}.gallery-card{transition:all .3s ease}.gallery-card:hover{cursor:pointer}.gallery-card-bg{overflow:hidden}.vp-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#fff;cursor:pointer;text-shadow:0 2px 12px rgba(0,0,0,.6);transition:all .3s;background:#00000040;border-radius:20px}.vp-play-overlay:hover{background:#00000026;transform:scale(1.05)}.vp-poster{position:relative;border-radius:20px;overflow:hidden;cursor:pointer}.vp-poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:20px}.vp-desc-area{max-width:1200px;margin:40px auto 0;padding:32px 0}.vp-desc-content{background:#0c0c1473;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:32px 36px}.vp-desc-content p{color:#bbb;font-size:.95rem;line-height:1.9;margin:0}.vp-desc-placeholder{color:#666!important;font-style:italic}.gallery-card-video-cover,.gallery-card-img-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.gallery-card-bg{position:relative;overflow:hidden;background:#1a1a22}.vp-video-container{position:relative;width:100%;aspect-ratio:16/9}.vp-player-wrap{position:relative}.vp-player-wrap.portrait-mode{display:flex;justify-content:center;align-items:center;aspect-ratio:16/9}.vp-video-container-portrait{height:100%;width:auto;aspect-ratio:unset}.vp-video-portrait{height:100%!important;width:auto!important;display:block;position:relative;z-index:1;object-fit:contain}.vp-video{width:100%;display:block;border-radius:20px}.vp-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer;transition:all .3s;border-radius:20px;z-index:5}.vp-play-overlay:hover{background:#0003}.vp-play-btn{width:80px;height:80px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#1a1a22;transition:all .3s;box-shadow:0 4px 20px #0000004d}.vp-play-btn svg{width:28px;height:28px;display:block}.vp-play-overlay:hover .vp-play-btn{transform:scale(1.1);background:#fff}.vp-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:20px;z-index:5}.vp-portrait-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;border-radius:20px}.vp-portrait-bg-video{width:100%;height:100%;object-fit:cover;filter:blur(40px) brightness(.5);transform:scale(1.1);pointer-events:none}