@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-navy: #0a0a0a;--color-navy-light: #171717;--color-navy-accent: #262626;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-primary: #18181b;--color-primary-light: #27272a;--color-accent: #3b82f6;--gradient-main: linear-gradient(to bottom, #0a0a0a, #171717);--gradient-subtle: linear-gradient(to bottom right, #fafafa, #ffffff);--text-main: #18181b;--text-muted: #71717a;--text-light: #f4f4f5;--font-display: "Clash Display", sans-serif;--font-main: "Inter", sans-serif;--spacing-sm: .5rem;--spacing-md: 1.5rem;--spacing-lg: 3rem;--spacing-xl: 6rem;--spacing-section: 10rem;--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1.5rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit}body{font-family:var(--font-display);background-color:var(--color-white);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-navy);font-weight:600;line-height:1.1;margin-bottom:var(--spacing-md);letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img{max-width:100%;display:block;border-radius:var(--radius-md)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:clamp(3rem,10vw,var(--spacing-section)) 0;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);font-weight:500;line-height:1.1;margin-bottom:var(--spacing-lg);letter-spacing:-.03em}h1{font-size:clamp(2.5rem,8vw,5rem)}h2{font-size:clamp(2rem,6vw,3.5rem)}h3{font-size:clamp(1.5rem,4vw,2.5rem)}p{line-height:1.75;margin-bottom:1.5rem;font-size:clamp(.95rem,2vw,1.1rem)}.grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.hide-mobile{display:none!important}@media(min-width:768px){.hide-mobile{display:block!important}}.show-mobile{display:block!important}@media(min-width:768px){.show-mobile{display:none!important}}.flex-responsive{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.flex-responsive{flex-direction:row;justify-content:space-between;align-items:center}}.flex-stack{display:flex;flex-direction:column;gap:1rem}.w-full-mobile{width:100%}@media(min-width:768px){.w-full-mobile{width:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;border-radius:var(--radius-full);font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;border:1px solid transparent;font-family:var(--font-display);font-size:.95rem;letter-spacing:.01em}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover{background:transparent;color:var(--color-primary);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-main);border-color:var(--color-gray-200)}.btn-outline:hover{border-color:var(--text-main);background:var(--text-main);color:var(--color-white)}.text-gradient{color:var(--text-main);position:relative;display:inline-block}.text-gradient:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2em;background:var(--color-gray-100);z-index:-1;transform:skew(-10deg)}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05)}.glass-dark{background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:var(--color-white)}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.desktop-menu{display:none!important}.mobile-toggle{display:block}@media(min-width:1024px){.desktop-menu{display:flex!important}.mobile-toggle{display:none}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.expertise-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.expertise-grid{grid-template-columns:repeat(2,1fr)}}.hero-visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0f172a4d,#0f172acc);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-img{width:100%;height:100%;object-fit:cover}.image-card{position:relative;overflow:hidden;border-radius:24px;isolation:isolate;min-height:clamp(300px,50vh,500px);border:1px solid rgba(255,255,255,.1)}.image-card-bg{position:absolute;inset:0;z-index:-1;transition:transform .7s ease}.image-card-bg img{width:100%;height:100%;object-fit:cover;transition:scale .7s ease}.image-card:hover .image-card-bg img{transform:scale(1.1)}.image-card-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,#000000e6,#0000);color:#fff;z-index:2;transition:all .3s ease}.image-card-overlay{position:absolute;inset:0;background:#0003;transition:background .3s ease;z-index:-1}.image-card:hover .image-card-overlay{background:#00000080}.service-card{position:relative;z-index:1}.service-card:hover{z-index:10}.service-popup{opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%) scale(.9);width:95%;height:90%;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.5rem;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:20;display:flex;flex-direction:column}.service-card:hover .service-popup{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.popup-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;height:100%;overflow-y:auto}.popup-gallery img{width:100%;height:100%;min-height:150px;object-fit:cover;border-radius:12px;transition:transform .3s ease}.popup-gallery img:hover{transform:scale(1.02);z-index:2}.work-item:hover .work-img{transform:scale(1.1)}.work-item:hover .work-overlay{opacity:1!important}.work-item:hover .work-cat,.work-item:hover .work-title,.work-item:hover .work-btn{transform:translateY(0) scale(1)!important}@media(max-width:768px){.work-item{grid-column:span 1!important;grid-row:span 1!important}}.editable-text-wrapper{transition:background-color .2s,outline .2s;border-radius:6px}.editable-text-wrapper:hover{background-color:#3b82f60f;outline:2px dashed rgba(59,130,246,.3);outline-offset:4px}.editable-text-wrapper:hover .editable-indicator{opacity:1!important}.editable-image-wrapper{transition:transform .3s}.editable-image-wrapper:hover .editable-image-overlay{opacity:1!important}.edit-mode-active section{position:relative;transition:outline .3s}.edit-mode-active section:hover{outline:2px dashed rgba(59,130,246,.15);outline-offset:-2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.container{width:95%!important;padding:0 1rem!important;margin:0 auto!important}h1{font-size:2.8rem!important;line-height:1.1!important;letter-spacing:-.04em!important}h2{font-size:2.2rem!important;line-height:1.2!important}h3{font-size:1.6rem!important}p{font-size:1rem!important;line-height:1.6!important}.section{padding:4rem 0!important}.btn{width:100%!important;padding:1rem 1.5rem!important;text-align:center}.expertise-grid,.footer-grid,.gallery-grid,.services-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.hero-h1{font-size:3.5rem!important;margin-bottom:1.5rem!important}.hero-p{font-size:1.1rem!important;margin-bottom:2rem!important}.hero-buttons{flex-direction:column!important;width:100%}.navbar .container{height:70px!important}.logo{font-size:1rem!important}.desktop-menu{display:none!important}.mobile-toggle{display:block!important}}@media(min-width:1024px){.mobile-toggle{display:none!important}.desktop-menu{display:flex!important}}@media(max-width:768px){.cta-card{padding:3rem 1.5rem!important;text-align:left!important;justify-content:flex-start!important;gap:2.5rem!important}.cta-content{flex:1 1 100%!important;text-align:left!important}.cta-features{flex:1 1 100%!important}.cta-features>div{justify-content:flex-start!important}.cta-card h2{font-size:2rem!important;line-height:1.1!important}.cta-card p{font-size:1rem!important;margin-bottom:1.5rem!important}.work-visual{width:100%!important}.hero-subtext{font-size:1rem!important;margin-bottom:2rem!important}.sticky-card-wrapper{min-height:70vh!important}.sticky-card-inner{padding:1.5rem!important;gap:1.5rem!important;text-align:left!important}.sticky-card-inner h3{font-size:1.3rem!important;margin-bottom:.5rem!important}.sticky-card-inner p{font-size:.9rem!important}.section-header{text-align:left!important}.admin-main{margin-left:0!important;width:100%!important}.admin-header{padding:0 1rem!important;justify-content:space-between!important}.admin-stats-grid{grid-template-columns:1fr!important}.admin-card{padding:1.25rem!important}}