:root{--bg-color:#121212;--text-primary:#f5f5f5;--text-secondary:#888888;--accent-color:#ffffff;--font-main:'Manrope',sans-serif;--font-display:'Raleway',sans-serif;--spacing-sm:1.5rem;--spacing-md:3rem;--spacing-lg:8rem;--spacing-xl:12rem}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;overflow-x:hidden;cursor:default;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#333 var(--bg-color)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;line-height:1.1;letter-spacing:.02em}h1{letter-spacing:.05em}a{text-decoration:none;color:inherit;transition:opacity .3s ease}a:hover{opacity:.6}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;z-index:100;background:rgba(18,18,18,0);transition:background .3s ease;mix-blend-mode:difference}.nav-content{width:100%;max-width:1400px;display:flex;justify-content:space-between;align-items:center;padding:2rem 5%;transition:padding .3s ease}.navbar.scrolled{background:rgba(18,18,18,.8);backdrop-filter:blur(10px);mix-blend-mode:normal}.navbar.scrolled .nav-content{padding:1rem 5%}.logo{font-weight:500;font-size:1rem;letter-spacing:.2em;text-transform:uppercase}.nav-links a{margin-left:3rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background-color:var(--accent-color);transition:width .3s ease}.nav-links a:hover::after{width:100%}.hero-section{--hero-fade:1;height:100vh;display:flex;align-items:center;padding:0 5%;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;inset:0;background-image:url('assets/HERO SHOT/Hero Shot.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:var(--hero-fade);transition:opacity .2s linear;z-index:0}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#fff;font-size:3rem;cursor:pointer;z-index:10002;padding:20px;opacity:.7;transition:opacity .3s}.nav-btn:hover{opacity:1}.prev-btn{left:20px}.next-btn{right:20px}.hero-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(18,18,18,.8),rgba(18,18,18,.3));opacity:var(--hero-fade);transition:opacity .2s linear;z-index:1}.hero-content{position:relative;opacity:var(--hero-fade);transition:opacity .2s linear;z-index:2;max-width:800px}.hero-content h1{font-family:var(--font-display);font-size:clamp(2.5rem, 8vw, 8rem);font-weight:300;margin-bottom:1rem;line-height:1.1;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-transform:uppercase;letter-spacing:.02em}.hero-content .subtitle{font-size:clamp(1rem, 3vw, 1.3rem);color:rgba(255,255,255,.8);max-width:100%;font-weight:300;letter-spacing:.02em;border-left:1px solid rgba(255,255,255,.3);padding-left:1.5rem}.hero-tagline{font-size:clamp(1rem, 4vw, 1.5rem);font-weight:300;letter-spacing:.2em;color:var(--accent-color);margin-bottom:2rem;display:block;text-transform:uppercase;opacity:.8}.delay-2{animation-delay:.4s}.about-section{padding:11rem 0;min-height:auto;background-color:var(--bg-color);position:relative;z-index:2}body::after{content:'';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;height:40vw;max-width:600px;max-height:600px;background-image:url('assets/favicon.png');background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.01;pointer-events:none;z-index:-9999}.about-grid{display:grid;grid-template-columns:280px 1.5fr 1fr;gap:4rem;align-items:start;content-visibility:auto;contain-intrinsic-size:1px 1000px}.profile-col{padding-top:7.5rem;width:100%}.profile-img-container{width:100%;aspect-ratio:4/5;overflow:hidden;position:relative}.profile-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease,transform .5s ease}.profile-img-container:hover .profile-img{filter:grayscale(0%);transform:scale(1.03)}.bio-text h2{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.bio-text p{margin-bottom:2rem;font-weight:300}.bio-text strong{font-weight:600;color:#fff}.column-header{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 3rem);text-transform:none;letter-spacing:.02em;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;color:var(--accent-color);font-weight:300}.skills-list ul{list-style:none}.skills-list li{margin-bottom:2.5rem}.skill-title{display:block;font-size:1.15em;font-weight:700;margin-bottom:.25rem;color:#fff}.skill-desc{display:block;color:var(--text-primary);font-size:1rem;font-weight:300;max-width:90%;line-height:1.5}.skill-desc .highlight-tool{font-size:1em}.highlight-tool{color:#fff;font-weight:700;font-size:1.15em}.work-section{padding:var(--spacing-xl) 0 11rem 0;background-color:var(--bg-color)}.work-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:2rem}.section-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:300}.filter-bar{display:flex;gap:1.5rem}.filter-btn{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;padding:.5rem 0;position:relative;transition:color .3s;font-family:var(--font-main)}.filter-btn.active,.filter-btn:hover{color:var(--text-primary)}.filter-btn.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--accent-color)}.custom-dropdown{display:none;position:relative;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;z-index:1001}.selected-option{color:var(--text-primary);font-size:1rem;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;user-select:none;border:0;background-color:transparent;cursor:pointer;font:inherit;text-align:left}.options-list{display:none;position:absolute;top:100%;left:0;min-width:200px;background-color:var(--bg-color);border:none;box-shadow:0 4px 12px rgba(18,18,18,.5);padding:.5rem 0;margin-top:.5rem;list-style:none}.options-list.active{display:block}.option-item{padding:.4rem 1rem;color:var(--text-secondary);transition:color .2s,background-color .2s;border:0;background:0 0;width:100%;text-align:left;cursor:pointer;font:inherit}.option-item.selected,.option-item:hover{color:var(--text-primary);background-color:#222}.work-section .container{max-width:1400px;width:95%;padding:0;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,calc((min(95vw,1400px) - 3rem)/ 3));grid-auto-rows:calc((min(95vw,1400px) - 3rem)/ 3 * 0.666);gap:1.5rem;grid-auto-flow:dense;justify-content:center;content-visibility:auto;contain-intrinsic-size:1px 1200px}.project-img,.project-item,.project-meta,.project-stack{display:none}.gallery-item{position:relative;cursor:pointer;overflow:hidden;height:100%;transition:opacity .8s cubic-bezier(.4, 0, .2, 1),transform .8s cubic-bezier(.4, 0, .2, 1);border:0;background:0 0;padding:0;width:100%;text-align:left;color:inherit;font:inherit}.gallery-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.gallery-item.hide{opacity:0;transform:scale(.95);pointer-events:none;position:absolute}.gallery-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2;transition:opacity .6s ease,transform .8s cubic-bezier(.16, 1, .3, 1)}.gallery-img-alt{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:opacity .6s ease,transform .8s cubic-bezier(.16, 1, .3, 1)}.gallery-item:hover .gallery-img,.gallery-item:hover .gallery-img-alt{transform:scale(1.05)}.gallery-video{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;transition:transform .8s cubic-bezier(.16, 1, .3, 1)}.gallery-item:hover .gallery-video{transform:scale(1.05)}.item-info{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,rgba(18,18,18,.9),transparent);opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.16, 1, .3, 1);pointer-events:none;z-index:3}.gallery-item:hover .item-info{opacity:1;transform:translateY(0)}.item-info h4{font-family:var(--font-display);font-size:1.3rem;color:#fff;margin-bottom:.3rem;font-weight:400;letter-spacing:.02em}.item-info p{color:rgba(255,255,255,.7);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.presentation-link{position:absolute;bottom:0;left:0;right:0;display:block;padding:.75rem 1rem;font-size:.85rem;color:var(--text-primary);background:rgba(18,18,18,.9);text-align:center;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;pointer-events:auto;z-index:10;transition:all .3s ease}.presentation-link:hover{background:rgba(40,40,40,.95);opacity:.8}.gallery-item:has(.presentation-link) .item-info{bottom:2.5rem}.image-count-badge{display:none}.span-3-2{grid-column:span 3;grid-row:span 2}.span-2-2{grid-column:span 2;grid-row:span 2}.span-2-2-right{grid-column:2/span 2;grid-row:span 2}.span-2-1{grid-column:span 2}.span-1-2{grid-row:span 2}.small-item{grid-column:span 1;grid-row:span 1;aspect-ratio:1/1}@media (max-width:768px){.container{padding:0 1.5rem}.work-section .container{width:100%;max-width:100%;padding:0 1.5rem}.gallery-grid,.project-view .gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:calc((100vw - 4rem)/ 2 * 0.222);gap:.5rem;grid-auto-flow:dense}.gallery-item{grid-column:span 1;grid-row:span 4;height:auto}.gallery-item.span-3-2{grid-column:span 2;grid-row:span 5}.gallery-item.mobile-ar-4-5{grid-row:span 5}.gallery-item.mobile-ar-5-4{grid-row:span 3}.gallery-item.mobile-ar-2-3{grid-row:span 6}.gallery-item.mobile-ar-5-7{grid-row:span 5}.gallery-item.span-1-2,.gallery-item.span-2-1,.gallery-item.span-2-2,.gallery-item.span-2-2-right{grid-column:span 1}.gallery-item .gallery-img,.gallery-item .gallery-img-alt,.gallery-item .gallery-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-item .item-info{opacity:1;transform:translateY(0);padding:.5rem .75rem;text-align:left}.gallery-item .item-info h4{font-size:.75rem}.filter-bar{display:none}.custom-dropdown{display:block}.work-header{flex-direction:column;align-items:flex-start;gap:1rem}.hero-section::before{background-attachment:scroll}}.contact-section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:0;padding:0;position:relative}.contact-section .container{content-visibility:auto;contain-intrinsic-size:1px 700px}.contact-section h2{font-size:clamp(2rem, 5vw, 3rem);margin-bottom:var(--spacing-md)}.contact-details{margin-top:2rem}.contact-link{font-size:1.2rem;margin-bottom:.5rem}.contact-link:last-child{margin-bottom:0}.btn-primary{display:inline-block;padding:1rem 2rem;border:1px solid var(--text-primary);margin-top:var(--spacing-md);transition:all .3s ease}.btn-primary:hover{background-color:var(--text-primary);color:var(--bg-color)}.footer{position:absolute;bottom:2rem;width:100%;text-align:center;color:var(--text-secondary);font-size:.8rem}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s forwards}.delay-1{animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.load-more-container{display:flex;justify-content:center;align-items:center;margin-top:4rem;width:100%;text-align:center}#load-more-btn{background:0 0;border:none;color:var(--text-primary);font-family:var(--font-display);font-size:1.3rem;letter-spacing:.1em;padding:1rem 2rem;cursor:pointer;transition:all .4s ease}#load-more-btn:hover{color:var(--accent-color);letter-spacing:.15em;background:0 0}#load-more-btn.hidden{display:none!important}.gallery-item.hidden-item{display:none!important}.fade-in-scroll{opacity:0;transform:translateY(50px) scale(.95);transition:all 1s cubic-bezier(.16, 1, .3, 1);will-change:transform,opacity}.fade-in-scroll.is-visible{opacity:1;transform:translateY(0) scale(1)}@media (max-width:1024px){.about-grid{grid-template-columns:1fr 1fr;gap:3rem}.profile-col{grid-column:span 2;max-width:400px;margin:0 auto}.bio-col{grid-column:1/-1}.skills-col{grid-column:1/-1}}@media (max-width:768px){.grid-2-col{grid-template-columns:1fr;gap:var(--spacing-md)}.about-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.profile-col{grid-column:span 1;width:100%;max-width:100%}.hero-content h1{font-size:3rem}.cursor-dot,.cursor-outline{display:none}body{cursor:auto}}.lightbox{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(18,18,18,.95);opacity:0;transition:opacity .3s ease}.lightbox.active{opacity:1}.lightbox-content-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:none;max-height:95vh;display:flex;justify-content:center;align-items:center}.lightbox-content{width:100%;height:auto;max-height:95vh;object-fit:contain;box-shadow:0 0 50px rgba(18,18,18,.5);display:block}iframe.lightbox-content{height:80vh;background:#fff;border:none}#caption{margin:auto;display:block;width:80%;text-align:center;color:#ccc;padding:10px 0;position:absolute;bottom:5%;left:10%}.project-view{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#121212;z-index:1001;overflow-y:auto;overscroll-behavior:contain;padding:2rem;box-sizing:border-box;opacity:0;transform:translateY(30px);transition:opacity .4s ease,transform .4s cubic-bezier(.25, 1, .5, 1)}.project-view.active{opacity:1;transform:translateY(0)}.project-view-header{text-align:center;margin-bottom:2rem;padding-top:1rem;max-width:1400px;margin-left:auto;margin-right:auto}.project-view-header h2{font-family:var(--font-display);font-size:2rem;font-weight:300;margin:0;color:#fff;letter-spacing:.02em;display:flex;flex-direction:column;align-items:center;gap:.5rem}.project-view-header .project-name{display:block;font-size:2.5rem;font-weight:300;letter-spacing:.05em}.project-view-header .project-meta{display:block;font-size:.9rem;font-weight:400;color:rgba(255,255,255,.5);letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.project-view-header h2{font-size:1.2rem;padding-right:3rem}.project-view-header .project-name{font-size:1.5rem}.project-view-header .project-meta{font-size:.7rem}}.close-project-btn{position:absolute;top:30px;right:50px;color:#f1f1f1;font-size:40px;font-weight:100;transition:.3s;cursor:pointer;z-index:1002;line-height:1}.close-project-btn:hover{color:#bbb}.project-view .gallery-grid{display:flex;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;gap:4rem;padding:2rem 5%}.project-view .gallery-item{width:100%;height:auto!important;aspect-ratio:auto!important;grid-column:auto!important;grid-row:auto!important;transform:none!important}.project-view .gallery-img,.project-view .gallery-video{position:relative!important;width:100%;height:auto!important;max-height:90vh;object-fit:contain;display:block}.project-view .gallery-item.loading{min-height:60vh}.lightbox{z-index:2000}.close-btn{position:absolute;top:30px;right:50px;color:#f1f1f1;font-size:40px;font-weight:100;transition:.3s;cursor:pointer;z-index:10001}.close-btn:focus,.close-btn:hover{color:#bbb;text-decoration:none;cursor:pointer}.gallery-item.loading{background:linear-gradient(110deg,#151515 8%,#222 18%,#151515 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;min-height:250px;border-radius:2px}.gallery-item.loading .gallery-img,.gallery-item.loading .gallery-video{opacity:0;visibility:hidden}.gallery-item .gallery-img,.gallery-item .gallery-video{transition:opacity .5s ease,transform .8s cubic-bezier(.16, 1, .3, 1),filter .5s ease,visibility 0s ease 0s}.gallery-item.loaded .gallery-img,.gallery-item.loaded .gallery-video{opacity:1;visibility:visible}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:700px){.lightbox-content{width:95%}}.gallery-item.multi-image{overflow:visible;transform-style:preserve-3d}.gallery-item.multi-image::after,.gallery-item.multi-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#181818;border:1px solid rgba(255,255,255,.1);z-index:-1;transition:transform .4s ease,opacity .4s ease,background-color .4s ease;opacity:1}.gallery-item.multi-image::before{transform:rotate(3deg) translate(6px,6px)}.gallery-item.multi-image::after{transform:rotate(-2deg) translate(-4px,4px);z-index:-2}.gallery-item.multi-image:hover::before{transform:rotate(5deg) translate(8px,8px);background-color:#333}.gallery-item.multi-image:hover::after{transform:rotate(-4deg) translate(-6px,6px);background-color:#2a2a2a}