@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap');:root{--accent:#D6FA02;--black:#222222;--white:#FFFFFF;--grey-light:#F5F5F5;--grey-mid:#E8E8E8;--font-sans:'Archivo',system-ui,sans-serif;--font-serif:'Cormorant Garamond','Times New Roman',serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-serif);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:scroll}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:800;letter-spacing:-0.02em;line-height:1.05}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.small-caps{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:0.15em;font-size:0.75rem;font-weight:500}.accent-highlight{background:linear-gradient(to top,var(--accent) 35%,transparent 35%);display:inline;padding:0 0.1em}.nav-link{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:0.15em;font-size:0.75rem;font-weight:500;color:var(--black);text-decoration:none;position:relative;padding-bottom:4px;transition:color 0.3s ease}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--black);transition:width 0.3s ease}.nav-link:hover{color:var(--white)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link.active{color:var(--black);font-weight:700}.site-header{position:sticky;top:0;z-index:100;background:var(--grey-light);transition:box-shadow 0.3s ease}.site-header.scrolled{box-shadow:0 1px 0 var(--grey-mid)}.project-thumb{position:relative;overflow:hidden;cursor:pointer;display:block;text-decoration:none;color:var(--black)}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.project-thumb:hover img{transform:scale(1.05)}.project-thumb .overlay{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background 0.3s ease}.project-thumb:hover .overlay{background:rgba(0,0,0,0.15)}.project-strip{position:absolute;bottom:0;left:0;right:0;height:28px;background:var(--accent);display:flex;align-items:center;padding:0 16px;transition:height 0.3s ease;overflow:hidden;z-index:2}.project-strip .strip-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:0.12em;font-size:0.7rem;font-weight:600;color:var(--black);white-space:nowrap}.project-strip .strip-meta{font-family:var(--font-sans);font-size:0.65rem;font-weight:400;letter-spacing:0.08em;color:rgba(34,34,34,0.7);margin-left:auto;opacity:0;transition:opacity 0.3s ease;white-space:nowrap}.project-thumb:hover .project-strip{height:44px}.project-thumb:hover .strip-meta{opacity:1}.client-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--white);padding:20px;transition:all 0.3s ease;cursor:pointer;position:relative}.client-logo img{max-width:80%;max-height:60%;object-fit:contain;filter:grayscale(100%);opacity:0.6;transition:all 0.3s ease}.client-logo:hover img{filter:grayscale(0%);opacity:1}.client-logo:hover{box-shadow:inset 0 0 0 2px var(--accent)}.service-block{position:relative;padding:20px 0;border-bottom:1px solid var(--grey-mid);transition:padding-left 0.3s ease}.service-block:first-child{border-top:1px solid var(--grey-mid)}.service-block:hover{padding-left:8px}.service-block::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:2px;background:var(--accent);transition:width 0.4s cubic-bezier(0.4,0,0.2,1)}.service-block:hover::after{width:100%}.service-bullet{display:inline-block;width:20px;height:2px;background:var(--grey-mid);margin-right:14px;vertical-align:middle;transition:all 0.3s ease}.service-block:hover .service-bullet{background:var(--accent);width:28px}.service-icon-sm{width:44px;height:44px;border-radius:50%;background:rgba(214,250,2,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--black);transition:all 0.3s ease}.service-block:hover .service-icon-sm{background:var(--accent);transform:scale(1.08)}.services-hero-img{filter:grayscale(100%) contrast(1.1);transition:filter 0.6s ease}.services-hero:hover .services-hero-img{filter:grayscale(0%) contrast(1)}.service-icon{width:72px;height:72px;border-radius:50%;background:rgba(214,250,2,0.15);display:flex;align-items:center;justify-content:center;color:var(--black);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.service-block:hover .service-icon{background:var(--accent);transform:scale(1.08)}.contact-card{transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.contact-card:hover{background:var(--grey-light)}.contact-link{color:var(--black);text-decoration:none;border-bottom:1px solid var(--grey-mid);padding-bottom:1px;transition:border-color 0.3s ease}.contact-link:hover{border-color:var(--accent)}.contact-action{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--grey-mid);border-radius:24px;text-decoration:none;color:var(--black);font-family:var(--font-sans);font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;transition:all 0.3s ease}.contact-action:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}@media (max-width:768px){.contact-card{border-right:1px solid var(--grey-mid) !important}}.award-card{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--grey-mid);padding:24px;transition:all 0.3s ease;cursor:pointer}.award-card:hover{background:var(--accent);border-color:var(--accent)}.award-card span{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:0.1em;font-size:0.7rem;font-weight:600;text-align:center;color:var(--black);transition:color 0.3s ease}.credentials-logo{filter:grayscale(100%);opacity:0.5;transition:all 0.4s ease;object-fit:contain}.credentials-logo:hover{filter:grayscale(0%);opacity:1}.filter-btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:0.15em;font-size:0.75rem;font-weight:500;color:var(--black);background:none;border:none;padding:8px 0;cursor:pointer;position:relative;transition:color 0.3s ease}.filter-btn::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width 0.3s ease}.filter-btn:hover{color:var(--accent)}.filter-btn.active::after{width:100%}.filter-btn.active{color:var(--black)}.btn-load-more{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:0.15em;font-size:0.75rem;font-weight:600;color:var(--black);background:none;border:1px solid var(--black);padding:16px 48px;cursor:pointer;transition:all 0.3s ease}.btn-load-more:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.02)}.footer-link{color:var(--black);text-decoration:none;transition:color 0.3s ease}.footer-link:hover{color:var(--accent)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--white);z-index:200;transition:right 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.mobile-menu-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-menu-close::before,.mobile-menu-close::after{content:'';position:absolute;width:24px;height:2px;background:var(--black)}.mobile-menu-close::before{transform:rotate(45deg)}.mobile-menu-close::after{transform:rotate(-45deg)}.mobile-menu.open{right:0}.mobile-menu .nav-link{font-size:1.5rem;letter-spacing:0.2em}.hamburger{flex-direction:column;gap:6px;cursor:pointer;z-index:300;background:none;border:none;padding:8px}.hamburger span{display:block;width:24px;height:2px;background:var(--black);transition:all 0.3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.masonry{column-count:3;column-gap:16px}.masonry-item{break-inside:avoid;margin-bottom:16px}.process-circle{width:64px;height:64px;border-radius:50%;border:1px solid var(--grey-mid);display:flex;align-items:center;justify-content:center;transition:border-color 0.3s ease}.process-circle:hover{border-color:var(--accent)}.process-line{flex:1;height:1px;background:var(--grey-mid)}@media (max-width:1024px){.masonry{column-count:2}}@media (max-width:768px){.masonry{column-count:1}}.hero-rotator{position:relative;overflow:hidden}.hero-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateX(60px);transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.8s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.hero-slide.active{opacity:1;transform:translateX(0);pointer-events:auto;position:relative}.hero-slide.exit{opacity:0;transform:translateX(-60px)}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1)}.hero-image.active{opacity:1}.hero-image.exit{opacity:0}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:10;display:none}@media (min-width:1024px){.scroll-indicator{display:block}}.scroll-line{width:1px;height:48px;background:var(--grey-mid);position:relative;overflow:hidden}.scroll-line::after{content:'';position:absolute;top:-48px;left:0;width:1px;height:48px;background:var(--accent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{top:-48px}50%{top:48px}100%{top:48px}}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp 0.8s ease forwards}.fade-up-delay-1{animation-delay:0.1s;opacity:0}.fade-up-delay-2{animation-delay:0.2s;opacity:0}.fade-up-delay-3{animation-delay:0.3s;opacity:0}.fade-up-delay-4{animation-delay:0.4s;opacity:0}.fade-up-delay-5{animation-delay:0.5s;opacity:0}.reveal{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}