:root{--primary-bg-color: #1b1b1b;--text-color: #F8FAFC;--text-accent: #fbff00;--text-decoration-color: #fbff00af;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#fff0}main{max-width:1200px;margin:0 auto 60px;padding-bottom:10px;padding-top:10px}section h2{color:var(--text-color);margin-bottom:15px;font-size:2rem;border-bottom:2px solid #e4e2e8;padding-bottom:8px;max-width:fit-content}.navbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:10px;color:var(--text-color)}.navbar a{position:relative;display:inline-block;color:var(--text-color);text-decoration:none;margin:0 15px;font-weight:600;font-size:1.1rem;transition:color .3s ease}.navbar a:hover{color:var(--text-accent)}.navbar a:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-4px;background-color:var(--text-accent);transition:width .3s ease}.navbar a:hover:after{width:100%}.socials{display:flex;justify-content:center;gap:20px}.socials a{color:var(--text-color);font-size:1.5rem;transition:color .3s ease}.socials a:hover{color:var(--text-accent)}@media(max-width:768px){.navbar{flex-direction:column;gap:10px}.navbar a{margin:5px 0;font-size:1rem}.socials{margin-top:10px;gap:15px}.socials a{font-size:1.3rem}}footer{text-align:center;color:#555;font-size:.9rem;padding-top:20px;border-top:1px solid #333}@media(max-width:768px){footer{font-size:.8rem;padding-top:15px;padding-left:15px;padding-right:15px}}#backToTop{position:fixed;display:flex!important;bottom:30px;right:30px;z-index:1000;font-size:2rem;background-color:var(--text-color);color:#000;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 2px 6px #0000004d;display:none;align-items:center;justify-content:center;text-align:center;line-height:1;transition:background-color .3s ease,transform .3s ease,opacity .3s ease}#backToTop:hover{background-color:var(--text-accent);transform:scale(1.1)}@media(max-width:768px){#backToTop{bottom:20px;right:20px;width:45px;height:45px;font-size:1.6rem}}.hero{position:relative;width:100vw;height:100vh;margin-left:calc(-50vw + 50%);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:0}.hero-video,.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:flicker .1s infinite alternate;filter:grayscale(20%) brightness(.8) contrast(1.2)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:0 20px}.classified-text{position:relative;font-size:3rem;color:var(--text-color);mix-blend-mode:difference;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem}.classified-text .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ffffff 100%,transparent 100%);background-size:cover;z-index:3;animation:revealOverlay 2s forwards ease-out}@keyframes revealOverlay{0%{transform:translate(0)}to{transform:translate(100%)}}.name{color:var(--text-decoration-color);text-shadow:0 0 4px var(--text-decoration-color),0 0 8px rgba(251,255,0,.5);mix-blend-mode:difference}.divider{opacity:.1;margin:0 3rem}.role{transition:transform .3s ease,color .3s ease,text-shadow .3s ease;cursor:default;text-shadow:#0d0c10}.role:hover{transform:scale(1.05);color:var(--text-decoration-color);text-shadow:0 0 4px var(--text-decoration-color),0 0 8px rgba(251,255,0,.5)}.hero-content h1{font-size:3rem;margin-bottom:10px;color:var(--text-color);mix-blend-mode:difference}.hero-content .accent,.hero-content p,.hero-content h3{color:var(--text-color)}@media(max-width:768px){.hero{height:100vh}.hero-content{height:auto;padding:0 15px}.classified-text{font-size:1.8rem;flex-direction:column;gap:.3rem}.divider{margin:.5rem 0}.hero-content h1{font-size:2rem}.hero-content p,.hero-content h3{font-size:.95rem}}#testimonials{margin:40px auto;color:var(--text-color);border-radius:10px}#testimonials h2{text-align:center;margin-bottom:30px;padding-top:10px;color:var(--text-color);font-weight:700;font-size:2.5rem}.testimonial-gallery{max-height:640px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding-right:10px;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 87%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 87%,transparent 100%);scrollbar-width:thin;scrollbar-color:var(--text-accent) transparent}.testimonial-gallery::-webkit-scrollbar{width:8px}.testimonial-gallery::-webkit-scrollbar-thumb{background-color:var(--primary-bg-colour);border-radius:4px}.testimonial-item{background:#161616;border-radius:10px;padding:20px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.testimonial-header{display:flex;align-items:center;gap:15px;margin-bottom:12px}.testimonial-header a{display:inline-block;border-radius:50%;overflow:hidden;width:60px;height:60px;box-shadow:0 0 5px #ccc;transition:transform .3s ease;flex-shrink:0}.testimonial-header a:hover{transform:scale(1.1)}.testimonial-header img{width:100%;height:100%;object-fit:cover;display:block}.testimonial-header h3{margin:0;color:var(--text-color);font-weight:700;font-size:1.3rem}.testimonial-item p{font-style:italic;line-height:1.4;color:#ccc;margin-top:8px;overflow-wrap:break-word}@media(max-width:374px){#testimonials{margin:30px 15px}#testimonials h2{font-size:1.8rem;margin-bottom:20px}.testimonial-gallery{display:block;max-height:none;padding-right:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.testimonial-item{padding:15px;width:100%;flex-shrink:0;margin-bottom:15px}.testimonial-header{gap:10px}.testimonial-header a{width:50px;height:50px}.testimonial-header h3{font-size:1.1rem}.testimonial-item p{font-size:.95rem}}.flex-container{display:flex;align-items:center;gap:20px}.reveal .image{max-height:700px;max-width:1200px;width:100%;margin-left:calc(-50vw + 50%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);object-fit:cover;opacity:0;transform:translate(-50px);transition:all 1s ease}main section:nth-child(2n) .flex-container{flex-direction:row-reverse}main section:nth-child(2n) .image{margin-left:0;margin-right:calc(-50vw + 50%);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.reveal .text{flex:1;opacity:0;transform:translate(50px);transition:all 1s ease}.text a{color:var(--text-accent)}.hidden{opacity:0;transform:translateY(40px);transition:all 1s ease}.show{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(40px);transition:all .8s ease}.reveal.show{opacity:1;transform:translateY(0)}.reveal.show .image,.reveal.show .text{opacity:1;transform:translate(0)}#about,#goals{position:relative;padding:100px 0}#about:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:linear-gradient(to right,transparent,var(--text-accent),transparent)}@media(max-width:768px){.flex-container{flex-direction:column;text-align:center}.reveal .image{max-width:100%;max-height:none;width:100%;height:auto}.reveal .text{width:100%}}body{background-color:var(--primary-bg-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.02em;overflow-x:hidden;padding-top:20px}main{max-width:1400px;margin:0 auto 60px;padding:10px 200px}.work-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:1400px;margin:0 auto}.work-item{position:relative;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;border:1px solid #614c1f;background:#1d1f05;box-shadow:0 10px 30px #00000059;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.work-item:hover{transform:translateY(-6px);border-color:#e7be05;box-shadow:0 15px 40px #00000073,0 0 25px #eeda2226}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.work-item:hover img{transform:scale(1.08);filter:brightness(1.1)}.work-data{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:linear-gradient(to top,rgba(42,39,15,.377),rgba(42,39,15,.377),transparent);transform:translateY(100%);transition:transform .35s ease}.work-data p{color:#8f8f8f}.work-item:hover .work-data{transform:translateY(0)}.lightbox{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999}.lightbox img{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 25px #e0ee2226}.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh}.lightbox-close{position:absolute;top:-15px;right:-15px;width:40px;height:40px;border:none;border-radius:50%;background:#2a230ff2;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px #0006,0 0 10px #e0ee2226}.lightbox-close:hover{transform:scale(1.1);background:var(--accent);color:#83811a}.lightbox-content h3{margin-top:15px;color:#fff;font-size:1.2rem;font-weight:600}header{text-align:center;margin-bottom:40px}header h1{color:var(--text-color);font-size:3rem;margin-bottom:10px}header p{color:var(--text-color);font-size:1.2rem;margin-bottom:15px}a{color:var(--text-color)}section{margin-bottom:50px}section h2{color:var(--text-color);margin-bottom:25px;font-size:2rem;font-weight:700;border-bottom:none;padding-bottom:0;position:relative}section h2:after{content:"";display:block;width:60px;height:3px;margin-top:10px;background:var(--accent);border-radius:999px}@media(max-width:768px){main{padding-left:15px;padding-right:15px}.work-gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.work-item{aspect-ratio:auto}header h1{font-size:2rem}header p{font-size:1rem}section h2{font-size:1.5rem}.work-gallery{gap:8px}.work-data p{font-size:.9rem}}.contact-section{color:var(--text-color);border-radius:100px;text-align:center}.contact-section .container{max-width:600px;margin:0 auto}.contact-section h1{font-size:2.5em;margin-bottom:20px}.contact-section p{font-size:1em;margin-bottom:40px}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form label{text-align:left;font-size:.9em}.contact-form input,.contact-form textarea{padding:10px;max-width:auto;resize:vertical;background:var(--primary-bg-color);border-color:var(--text-decoration-color);color:var(--text-color);border-radius:5px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #555}.contact-form button{padding:12px 20px;background:var(--text-decoration-color);color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.contact-form button:hover{background:#313131}@media(max-width:768px){.contact-section{border-radius:30px;padding:20px}.contact-section h1{font-size:2em}.contact-section p{font-size:.95em;margin-bottom:30px}.contact-section .container{max-width:100%;padding:0 15px}.contact-form input,.contact-form textarea,.contact-form button{width:100%}}
