:root{--bg-color: #0a0a0a;--text-color: #ffffff;--text-secondary: #888888;--accent-color: #ffffff;--font-main: "Inter", sans-serif;--transition-speed: .3s;--header-height: 80px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color var(--transition-speed) ease}ul{list-style:none}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .8s ease-out forwards}.fade-in-up{opacity:0;transform:translateY(40px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.2s}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 40px;z-index:1000;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);transition:background-color var(--transition-speed) ease}.site-header.scrolled{background-color:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-weight:900;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.site-nav ul{display:flex;gap:30px}.site-nav a{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.8}.site-nav a:hover{opacity:1}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}.mobile-menu-toggle span{display:block;width:25px;height:2px;background-color:var(--text-color)}@media(max-width:768px){.site-header{padding:0 20px}.site-nav{display:none}.site-nav.open{display:flex;position:absolute;top:80px;left:0;width:100%;background-color:#0a0a0a;padding:20px;flex-direction:column;align-items:center}.site-nav.open ul{flex-direction:column;align-items:center}.mobile-menu-toggle{display:flex}}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.hero-content{position:relative;z-index:1;mix-blend-mode:difference;transform:translateY(200px);display:flex;flex-direction:column;align-items:center}.showreel-button{display:inline-block;padding:12px 32px;margin-top:2rem;border:2px solid rgb(255,255,255);border-radius:0;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.8rem;letter-spacing:2px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d}.showreel-button:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#1a1a1a;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transform:scale(1.35)}.hero-content h1{font-size:5rem;font-weight:900;letter-spacing:-2px;margin-bottom:10px;text-transform:uppercase;color:#fff}.hero-content h2{font-size:1.2rem;font-weight:400;letter-spacing:4px;color:var(--text-secondary);text-transform:uppercase}.separator{margin:0 10px;color:var(--text-secondary)}@media(max-width:768px){.hero-content h1{font-size:3rem}}.work-section{padding:100px 40px}.work-grid{display:grid;grid-template-columns:1fr;gap:100px;max-width:1000px;margin:0 auto}.project-item{position:relative}.project-link{display:block}.project-media{width:100%;aspect-ratio:16/9;background-color:#222;overflow:hidden;margin-bottom:15px}.placeholder-media{width:100%;height:100%;background:#222;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.project-video,.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1);transform:scale(var(--base-scale, 1));display:block}.project-link:hover .placeholder-media,.project-link:hover .project-video,.project-link:hover .project-image{transform:scale(calc(var(--base-scale, 1) * 1.05));background:#333}.project-info{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.info-left{flex:1}.info-right{display:flex;gap:40px;flex-shrink:0}.info-meta{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.meta-value{font-size:.9rem;min-height:20px}.project-info h3{font-size:1.1rem;font-weight:600;margin-bottom:5px;text-transform:uppercase}.project-info p{font-size:.9rem;color:var(--text-secondary)}.view-project{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin-top:5px;transition:color .3s ease}.project-link:hover .view-project{color:var(--text-color)}@media(max-width:768px){.work-grid{grid-template-columns:1fr}.project-info,.info-right{flex-direction:column;gap:15px}}.about-section{padding:50px 40px;background-color:#cfcece;text-align:center}.container{max-width:800px;margin:5px auto}.about-section h2{font-size:2rem;margin-bottom:20px;text-transform:uppercase;color:#000}.bio-text{font-size:1.2rem;color:#080808;font-weight:300}.contact-section{padding:100px 40px;text-align:center}.contact-section h2{font-size:2rem;margin-bottom:30px;text-transform:uppercase}.email-link{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px;display:block;margin-bottom:15px}.email-link:hover{border-bottom-color:var(--text-color)}.phone-link{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px;display:block}.phone-link:hover{border-bottom-color:var(--text-color)}.social-links{margin-top:40px;display:flex;justify-content:center;gap:30px}.social-links a{text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.project-detail{min-height:100vh;max-width:1200px;margin:0 auto;padding:120px 40px 100px}.detail-header h1{font-size:3rem;font-weight:900;text-transform:uppercase;margin-bottom:10px}.detail-media{width:100%;aspect-ratio:16/9;background-color:#222;margin-bottom:60px}.media-placeholder{width:100%;height:100%;background-color:#1a1a1a}.detail-video,.detail-image{width:100%;height:100%;object-fit:cover;display:block}.info-block h3{font-size:1rem;text-transform:uppercase;margin-bottom:15px;color:var(--text-secondary)}.info-block p{font-size:1.1rem;line-height:1.8}.back-link{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}@media(max-width:768px){.detail-header h1{font-size:2rem}.detail-info{grid-template-columns:1fr;gap:40px}}.project-collage{margin-bottom:80px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.collage-track{display:flex;overflow-x:auto;gap:0;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-overflow-scrolling:touch;justify-content:center}.collage-track:active{cursor:grabbing}.collage-track::-webkit-scrollbar{display:none}.collage-item{flex:0 0 auto;height:150px;position:relative;overflow:hidden}.collage-item img{height:100%;width:auto;display:block;object-fit:cover;transition:transform .4s ease}.collage-item:hover img{opacity:.8}@media(max-width:768px){.collage-item{height:100px}}.delay-2{animation-delay:.4s}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .4s ease-out forwards;cursor:default}.modal-content{position:relative;max-width:90vw;max-height:90vh;animation:modalZoomIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;display:block;box-shadow:0 0 50px #000c;cursor:default;border-radius:4px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalZoomOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.image-modal.closing{animation:modalFadeOut .4s ease-in forwards}.image-modal.closing .modal-content{animation:modalZoomOut .4s cubic-bezier(.175,.885,.32,1.275) forwards}.close-modal{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.8;transition:opacity .3s ease}.close-modal:hover{opacity:1}.collage-item{cursor:zoom-in}.photography-page{min-height:100vh;background:var(--bg-color);padding:0;margin:0}.photography-section{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:160px 40px 100px}.photography-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;max-width:1400px}.photo-collection{position:relative;display:flex;flex-direction:column;background:#000}.photo-image-wrapper{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:#1a1a1a}.photo-image,.photo-image-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;backface-visibility:hidden;transform:translateZ(0);image-rendering:-webkit-optimize-contrast}.photo-image-placeholder{background:linear-gradient(45deg,#1a1a1a,#2a2a2a)}.photo-collection:hover .photo-image{transform:scale(1.05)}.photo-button{width:100%;padding:14px 20px;background:#fff;color:#000;border:none;font-size:.85rem;font-weight:600;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;text-align:center;font-family:inherit}.photo-button:hover{background:#000;color:#fff;transform:translateY(-2px)}@media(max-width:1024px){.photography-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.photography-section{padding:60px 20px}.photography-grid{grid-template-columns:1fr;gap:20px}.photo-button{padding:16px;font-size:.85rem}}.photography-footer{text-align:center;margin-top:80px}.back-link{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px;transition:border-color .3s ease}.back-link:hover{border-bottom-color:var(--text-color)}.photography-detail{min-height:100vh;background:var(--bg-color);padding:160px 40px 100px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.photography-detail-header{text-align:center;margin-bottom:80px}.photography-detail-header h1{font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:4px}.photography-gallery{width:100%;column-count:3;column-gap:20px;margin-bottom:80px}.gallery-item{break-inside:avoid;margin-bottom:20px;display:block}.gallery-img{max-width:100%;height:auto;max-height:85vh;object-fit:contain;display:block;transition:transform .6s cubic-bezier(.2,.6,.2,1)}.gallery-item:hover .gallery-img{transform:scale(1.05)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-reveal.reveal{opacity:1;transform:translateY(0)}.photography-detail-footer{text-align:center;margin-top:40px}@media(max-width:768px){.photography-detail{padding:120px 20px 60px}.photography-detail-header h1{font-size:2rem}.photography-gallery{column-count:1;column-gap:20px}}.back-to-top-container{padding:20px 0;display:flex;justify-content:center;background:transparent}.back-to-top-button{background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:color .3s ease,transform .3s ease}.back-to-top-button:hover{color:var(--text-color);transform:translateY(-5px)}.arrow-up{font-size:1.2rem}.showreel-detail{min-height:100vh;max-width:1200px;margin:0 auto;padding:120px 40px 100px}.detail-header{text-align:center;margin-bottom:60px}.detail-header h1{font-size:3.5rem;font-weight:900;text-transform:uppercase;margin-bottom:10px;letter-spacing:-2px}.detail-category{font-size:1.2rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.detail-media{width:100%;aspect-ratio:16/9;background-color:#000;margin-bottom:60px;box-shadow:0 20px 50px #00000080}.detail-video{width:100%;height:100%;object-fit:cover;display:block}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}.info-block h3{font-size:1rem;text-transform:uppercase;margin-bottom:15px;color:var(--text-secondary);letter-spacing:1px}.info-block p{font-size:1.1rem;line-height:1.8;color:#fffc}.detail-footer{text-align:center}.back-link{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px;transition:all .3s ease}.back-link:hover{border-bottom-color:var(--text-color);letter-spacing:2px}@media(max-width:768px){.showreel-detail{padding-top:100px}.detail-header h1{font-size:2.5rem}.detail-info{grid-template-columns:1fr;gap:40px}}.site-footer{padding:40px;text-align:center;font-size:.8rem;color:#444;border-top:1px solid #1a1a1a}.site-footer p{margin:0}