:root{background-color:#1a1a1a;color:#fff;font-family:Inter,sans-serif}body{margin:0;padding:0}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:1px solid #333}.nav-links{display:flex;gap:25px;list-style:none}.nav-links li{cursor:pointer;font-size:.9rem;font-weight:300;text-transform:lowercase}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;background:#222;padding:10px;min-width:150px;z-index:10}.dropdown:hover .dropdown-content{display:block}:root{--bg-dark: #121212;--text-light: #e0e0e0;--accent-grey: #333;--highlight: #ffffff}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-light);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}.portfolio-container{display:flex;flex-direction:column;height:100vh}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:80px;background-color:var(--bg-dark);border-bottom:1px solid var(--accent-grey);position:sticky;top:0;z-index:1000;width:100%}.logo{font-size:1.5rem;font-weight:700;letter-spacing:2px;cursor:pointer;color:var(--highlight)}.nav-center{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-center li{cursor:pointer;font-size:.9rem;color:#888;transition:color .3s;white-space:nowrap}.nav-center li:hover,.nav-center li.active{color:var(--highlight)}.dropdown-container{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--bg-dark);border:1px solid var(--accent-grey);list-style:none;padding:10px;min-width:180px;z-index:1001;flex-direction:column;gap:10px}.dropdown-container:hover .dropdown-menu{display:flex}.nav-right{display:flex;align-items:center;gap:20px}.contact-info-link{font-size:.9rem;cursor:pointer;color:#888}.grid-toggle{font-size:1.5rem;cursor:pointer}.content-area{flex:1;position:relative;overflow:hidden}.slider-view{height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;position:relative}.main-display{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab}.image-wrapper:active{cursor:grabbing}.main-display img{max-height:85vh;max-width:90vw;object-fit:contain;box-shadow:0 0 20px #00000080;pointer-events:none}.arrow-btn{opacity:0;transition:opacity .2s,background .2s;width:60px;height:100%;position:absolute;top:0;display:flex;align-items:center;justify-content:center}.left-arrow{left:0}.right-arrow{right:0}.arrow-btn:active{opacity:1;background:#00000080;color:#fff}.arrow-btn:hover{color:#888}.close-slider-btn{position:absolute;top:20px;right:20px;background:#0009;border:1px solid #555;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center}.grid-view-container{height:calc(100vh - 80px);overflow-y:auto;padding-bottom:50px}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;padding:40px}.grid-item{aspect-ratio:16/9;overflow:hidden;cursor:pointer;transition:transform .2s;background:#1a1a1a}.grid-item:hover{transform:scale(1.03)}.grid-item img{width:100%;height:100%;object-fit:cover}.load-more-btn{display:block;margin:20px auto;padding:10px 30px;background:transparent;border:1px solid var(--highlight);color:var(--highlight);cursor:pointer;font-size:1rem}.load-more-btn:hover{background:var(--highlight);color:var(--bg-dark)}.process-scroll{height:calc(100vh - 80px);overflow-y:auto;padding:50px 10%;text-align:center}.process-section-title{font-size:2rem;margin-bottom:40px;color:var(--highlight)}.process-divider{margin:60px 0;border-color:var(--accent-grey)}.process-element{margin-bottom:40px}.process-img{max-width:100%;height:auto;border:1px solid #333}.process-text{font-size:1.1rem;line-height:1.6;color:#ccc;max-width:800px;margin:0 auto}.info-section{padding:50px;text-align:center;max-width:600px;margin:0 auto}@media(max-width:768px){.top-nav{padding:0 15px;height:60px;display:flex;align-items:center;overflow-y:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.top-nav::-webkit-scrollbar{display:none}.top-nav{-ms-overflow-style:none;scrollbar-width:none}.dropdown-menu.show{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;background:#121212fa;border:1px solid #555;padding:20px;box-shadow:0 0 50px #000000e6;border-radius:10px;z-index:9999;text-align:center}.logo{margin-right:20px;font-size:1.2rem;flex-shrink:0}.nav-center{display:flex;gap:15px;flex-wrap:nowrap}.dropdown-container:hover .dropdown-menu,.dropdown-container:active .dropdown-menu{position:fixed;top:60px;left:50%;transform:translate(-50%);width:90vw;text-align:center;background:#121212f2;border:1px solid #444;padding:20px;box-shadow:0 10px 30px #000c}.nav-right{margin-left:auto;padding-left:20px;flex-shrink:0}.contact-info-link{display:none}.slider-view{height:calc(100vh - 60px);position:relative}.main-display img{max-height:70vh;max-width:95vw;pointer-events:none}.grid-view{grid-template-columns:repeat(2,1fr);gap:10px;padding:15px}}@media(max-height:500px)and (orientation:landscape){.top-nav{position:sticky;top:0;width:100%;height:50px;overflow-x:auto}.slider-view{height:calc(100vh - 50px)}.main-display img{max-height:85vh}}