:root{--primary-color:#00559d;--text-color:#777;--heading-color:#555;--dark-bg:#111;--light-bg:#f9f9f9;--font-heading:'Raleway',sans-serif;--font-body:'Open Sans',sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-color);line-height:1.6;background-color:#fff;font-size:16px;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:all .3s}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1080px;margin:0 auto;padding:0 15px;width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.uppercase{text-transform:uppercase}.lead{font-size:1.25em;font-weight:300}.header{background:transparent;padding:20px 40px;position:absolute;top:0;left:0;width:100%;z-index:1000;box-shadow:none}.header-inner{display:flex;justify-content:space-between;align-items:center;height:auto}.logo{position:absolute;left:50%;transform:translateX(-50%)}.logo-img{max-height:50px;width:auto}.nav-left{flex:1;display:flex;justify-content:flex-start}.menu-toggle-btn{background:transparent;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1em;letter-spacing:.1em;outline:0}.menu-toggle-btn i{font-size:1.2em}.menu-toggle-btn:hover{opacity:.8}.header-extras{flex:1;display:flex;justify-content:flex-end}.social-icons a{color:#fff;font-size:1em;margin-left:15px}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,85,157,0.95);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.fullscreen-overlay.active{opacity:1;pointer-events:auto}.video-overlay{z-index:2100;flex-direction:column}.video-container{width:80%;max-width:900px;aspect-ratio:16 / 9;background:#000;box-shadow:0 10px 30px rgba(0,0,0,0.5)}.video-container iframe{width:100%;height:100%;border:0}.close-video-btn{position:absolute;top:30px;right:40px;background:0;border:0;color:#fff;font-size:2.5em;cursor:pointer;opacity:.8;transition:opacity .3s}.close-video-btn:hover{opacity:1;transform:scale(1.1)}.overlay-nav ul{text-align:center}.overlay-nav li{margin:20px 0}.overlay-nav li a{color:#fff;font-family:var(--font-heading);font-size:2em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 5px rgba(0,0,0,0.2)}.overlay-nav li a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,0.5);transform:scale(1.05);display:inline-block}.hero-section{position:relative;height:100vh;width:100%;background-image:url('assets/hero-bg.jpg');background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center}.hero-bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;width:100%}.hero-text-box{padding:0}.hero-text-box h1{font-family:var(--font-heading);font-size:3.5em;color:#fff;line-height:1.2;letter-spacing:.05em;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.hero-text-box p.lead{font-family:var(--font-body);font-size:1.5em;color:#fff;font-style:italic;font-weight:300;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.hero-text-box p.lead span{border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:5px}.divider-container{padding:20px 0}.divider{height:3px;background-color:rgba(0,0,0,0.1);width:30px;margin:0 auto}.portfolio-grid{padding-bottom:30px}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,280px);gap:0}@media(max-width:768px){.grid-container{grid-template-columns:1fr;grid-template-rows:auto}.grid-item{min-height:300px}.header-inner{height:70px}.nav-desktop{display:none}.mobile-menu-toggle{display:block}}.grid-item{position:relative;overflow:hidden}.item-1{grid-column:1 / 3;grid-row:1 / 3}.item-2{grid-column:3 / 5;grid-row:1 / 2}.item-3{grid-column:3 / 4;grid-row:2 / 3}.item-4{grid-column:4 / 5;grid-row:2 / 3}.item-5{grid-column:1 / 5;grid-row:auto;height:400px}.banner-inner{position:relative;width:100%;height:100%}.banner-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;transition:transform 2s cubic-bezier(0.25,0.46,0.45,0.94);z-index:1}.item-1 .banner-bg{background-position:85% 64%}.grid-item:hover .banner-bg{transform:scale(1.1)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;transition:background-color .3s;z-index:2;background-color:rgba(0,0,0,0.1)}.grid-item:hover .overlay{background-color:rgba(0,0,0,0.3)}.banner-content{position:absolute;z-index:3;pointer-events:none;width:100%;padding:30px;height:100%;display:flex;flex-direction:column;justify-content:center}.banner-content.text-right{align-items:flex-end}.banner-content.text-center{align-items:center}.banner-content.text-left{align-items:flex-start}.banner-content h3{font-family:var(--font-heading);color:#fff;font-size:2em;margin-bottom:5px;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.banner-content p{color:#f1f1f1;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.play-button-wrapper{margin:10px 0;pointer-events:auto}.play-btn{display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:1.2rem;transition:all .3s}.play-btn:hover{background:#fff;color:#d26e4b;transform:scale(1.1)}.link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:4}.hover-reveal .content-default{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s}.hover-reveal .content-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.grid-item:hover .hover-reveal .content-default{opacity:0}.grid-item:hover .hover-reveal .content-hover{opacity:1}.cta-section{padding:50px 0}.btn-primary{display:inline-block;padding:12px 35px;border:2px solid #333;color:#333;font-weight:700;text-transform:uppercase;border-radius:99px;transition:all .3s}.btn-primary:hover{background:#333;color:#fff}.clients-section{padding:50px 0;background:#fff;border-top:1px solid #eee}.section-title{text-align:center;margin-bottom:30px}.section-title h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:#ccc;font-size:1.1em}.client-slider-container{overflow:hidden;position:relative;padding:20px 0 40px;max-width:1000px;margin:0 auto}.client-track{display:flex;transition:transform .5s ease-in-out;width:100%}.client-item{min-width:25%;padding:0 20px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s}.client-item:hover{opacity:1}.client-item img{max-height:80px;max-width:100%;width:auto;filter:grayscale(100%);opacity:.6;transition:all .3s}.client-item:hover img{filter:grayscale(0);opacity:1}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:12px;height:12px;background-color:#ddd;border-radius:50%;cursor:pointer;transition:background-color .3s}.dot.active{background-color:#555}.dot:hover{background-color:#999}@media(max-width:768px){.client-item{min-width:50%}}.contact-section{position:relative;padding:80px 0;background:#f1f1f1;color:#555;background-image:url('assets/map-bg.png')}.highlight-text{font-size:1.5em;font-weight:700;color:#555}.footer{background:#000;color:rgba(255,255,255,0.5);padding:40px 0;font-size:.9em}.footer-flex{display:flex;justify-content:space-between;align-items:center}.footer .social-icons a{color:rgba(255,255,255,0.5)}.footer .social-icons a:hover{color:#fff}