:root{--color-bg: #050505;--color-surface: #121212;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-accent: #d4af37;--color-accent-dim: #8a7020;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-section: 120px;--spacing-container: 2rem;--transition-slow: .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.nav-links a{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;display:block}.container,.about-container,.contact-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-container)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes filmGrain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-2%,2%)}40%{transform:translate(3%,-3%)}50%{transform:translate(-3%,3%)}60%{transform:translate(4%,-4%)}70%{transform:translate(-4%,4%)}80%{transform:translate(2%,-2%)}90%{transform:translate(-2%,2%)}}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-logo{height:50px;width:auto;border-radius:50%}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.nav-links a:hover{color:var(--color-accent)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,#1a1a1a,#050505)}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");animation:filmGrain 8s steps(10) infinite;pointer-events:none}.hero-content{position:relative;z-index:2;animation:fadeIn 1.5s ease-out}.hero-title{font-size:clamp(3rem,10vw,8rem);line-height:1;font-weight:700;background:linear-gradient(to bottom right,#fff,#999);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.hero-subtitle{font-size:clamp(1rem,2vw,1.5rem);color:var(--color-accent);text-transform:uppercase;letter-spacing:.2em;font-weight:300}section{padding:var(--spacing-section) 0}section h2{font-size:clamp(2rem,5vw,4rem);margin-bottom:3rem;color:var(--color-text-primary);text-align:center}.about-section{background-color:var(--color-surface)}.about-text{max-width:800px;margin:0 auto;font-size:1.2rem;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1.5rem;text-align:justify}.about-text strong{color:var(--color-accent);font-weight:600}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 var(--spacing-container)}.work-item{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid rgba(255,255,255,.05);padding:0;border-radius:4px;transition:transform var(--transition-slow),border-color var(--transition-fast);cursor:default;display:flex;flex-direction:column;position:relative;overflow:hidden}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;width:100%}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:10;display:flex;justify-content:center;align-items:center;background:#000}.video-thumbnail{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s ease}.video-overlay:hover .video-thumbnail{opacity:.6}.play-button{position:absolute;width:80px;height:80px;background:#d4af37e6;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s;box-shadow:0 10px 20px #0000004d}.video-overlay:hover .play-button{transform:scale(1.1);background:#fff}.play-button svg{width:32px;height:32px;fill:#050505;margin-left:4px}.overlay-content{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none}.overlay-content>*{pointer-events:auto}.overlay-title{color:#fff;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-top:1rem}.custom-actions{display:flex;gap:1rem}.action-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-family:var(--font-body);transition:all .3s ease;position:relative}.action-btn:hover{background:#fff3;transform:translateY(-2px)}.action-btn svg{width:16px;height:16px}.tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#000;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;white-space:nowrap;animation:fadeIn .2s ease}.tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--color-accent)}.hidden{opacity:0;pointer-events:none}.react-player{position:absolute;top:0;left:0}.work-info{padding:2rem}.work-item:hover{transform:translateY(-10px);border-color:var(--color-accent-dim)}.work-info h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.work-info p{color:var(--color-text-secondary);margin-bottom:.5rem}.work-meta{font-size:.9rem;opacity:.8;margin-bottom:1.5rem!important;text-transform:uppercase;letter-spacing:.05em}.credits{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;font-size:.95rem}.credits p{margin-bottom:.25rem!important}.credits strong{color:var(--color-accent);font-weight:600;margin-right:.5rem}.role-tag{display:inline-block;padding:.25rem .75rem;border:1px solid var(--color-accent);color:var(--color-accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.contact-section{text-align:center;position:relative}.email-link{font-family:var(--font-heading);font-size:clamp(1.5rem,5vw,3rem);font-weight:700;color:var(--color-text-primary);display:block;margin:2rem 0}.email-link:hover{color:var(--color-accent)}.footer-logo img{width:150px;margin:4rem auto 0;opacity:.8;transition:opacity var(--transition-fast)}.footer-logo img:hover{opacity:1}@media(max-width:768px){.nav-links{display:none}}