.site-wrapper{position:relative;transition:all .3s ease}.site-header{position:fixed;top:0;left:0;width:100%;padding:2rem;z-index:999;background:linear-gradient(to bottom,var(--blueprint-black) 0%,transparent 100%);display:flex;justify-content:flex-start;align-items:center}.header-logo{height:40px;width:auto;transition:opacity .3s ease}.header-logo:hover{opacity:.8}.mobile-menu-toggle{position:fixed;top:2rem;right:2rem;background:transparent;border:2px solid var(--signal-blue);color:#fff;padding:.75rem;font-size:1.25rem;cursor:pointer;z-index:1002;display:none;align-items:center;justify-content:center;width:50px;height:50px;transition:all .3s ease}.mobile-menu-toggle:hover{background:var(--signal-blue);color:var(--blueprint-black)}.main-nav{position:fixed;top:2rem;right:2rem;display:flex;gap:2rem;z-index:1001;transition:transform .3s ease}.nav-links{display:flex;gap:2rem}.main-nav a{font-family:neue-haas-grotesk-display,sans-serif;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-decoration:none;transition:all .3s ease;position:relative;padding:.5rem 0}.main-nav a:hover,.main-nav a.active{color:var(--signal-blue)}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--signal-blue)}.mode-toggle{position:fixed;top:5rem;right:2rem;background:transparent;border:2px solid var(--signal-blue);color:#fff;padding:.75rem 1.5rem;font-family:neue-haas-grotesk-display,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.1em;cursor:pointer;z-index:1001;transition:all .3s ease}.mode-toggle:hover{background:var(--signal-blue);color:var(--blueprint-black)}.mode-toggle .separator{margin:0 .5rem;color:var(--signal-blue)}.mode-toggle span.active{color:var(--signal-blue)}.mode-toggle:hover span.active,.mode-toggle:hover .separator{color:var(--blueprint-black)}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:10;background-image:repeating-linear-gradient(0deg,var(--signal-blue) 0px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,var(--signal-blue) 0px,transparent 1px,transparent 40px);background-size:40px 40px}.logical-mode .grid-overlay{opacity:.15}.service-card{position:relative;overflow:hidden}.blueprint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:5}.service-card:hover .blueprint-overlay,.logical-mode .service-card .blueprint-overlay{opacity:1}.blueprint-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to bottom,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to right,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to bottom,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to right,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to bottom,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to right,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to bottom,var(--action-green) 0%,var(--action-green) 20px),linear-gradient(to bottom,var(--highlight-mint) 0%,var(--highlight-mint) 100%),linear-gradient(to right,var(--highlight-mint) 0%,var(--highlight-mint) 100%);background-size:2px 2px,2px 2px,2px 2px,2px 2px,2px 2px,2px 2px,2px 2px,2px 2px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%,50% 0,0 50%;background-repeat:no-repeat}.blueprint-annotation{position:absolute;bottom:1rem;left:1rem;font-family:acumin-pro,monospace;font-size:.75rem;color:var(--action-green);background:#0a1628e6;padding:.25rem .5rem;border:1px solid var(--action-green);letter-spacing:.05em}.logical-mode .service-card{border:1px solid var(--signal-blue)}.logical-mode .service-card h3:after{content:"";display:block;width:40px;height:2px;background:var(--action-green);margin-top:.5rem}.creative-mode .service-card{border:1px solid transparent}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.hero .container{text-align:center;max-width:900px}.hero-logo{width:100%;max-width:400px;height:auto;margin-bottom:2rem}.hero .tagline{font-size:2.5rem;color:var(--signal-blue);margin-bottom:2rem;line-height:1.2}.hero .intro{font-size:1.25rem;max-width:700px;margin:0 auto 3rem;line-height:1.6}.services{padding:5rem 2rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.service-card{background:#ffffff05;padding:2.5rem;transition:all .3s ease}.service-card:hover{background:#00d9ff0d;transform:translateY(-4px)}.service-card h3{font-size:1.75rem;margin-bottom:1rem;color:var(--action-green)}.service-card p{line-height:1.6;color:#fffc}.service-icon{font-size:3rem;color:var(--signal-blue);margin-bottom:1.5rem;transition:color .3s ease}.service-card:hover .service-icon{color:var(--action-green)}.about{background:var(--code-blue);padding:6rem 2rem;position:relative}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:5rem;align-items:center}.about-image img{width:100%;height:auto;display:block;transition:transform .3s ease;opacity:.85;filter:contrast(.9) brightness(.95);mix-blend-mode:luminosity}.about-image img:hover{transform:scale(1.02);opacity:.95}.about-content h2{font-size:3rem;margin-bottom:2rem;color:var(--signal-blue)}.about-content p{font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem;color:#ffffffe6}.about-signature{font-family:p22-cezanne-pro,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:4.5rem!important;color:var(--action-green)!important;margin-top:3rem!important;letter-spacing:.02em!important;padding-top:0!important;display:block!important;text-align:center!important}.about{position:relative}.about:before{content:"Section: About / Background: Code Blue (#0A1628) / Layout: Grid 2-column";position:absolute;top:2rem;left:2rem;background:#0a1628f2;border:1px solid var(--action-green);padding:.75rem 1rem;font-family:acumin-pro,monospace;font-size:.75rem;color:var(--action-green);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100}.logical-mode .about:before{opacity:1}.about-image{position:relative}.about-image:after{content:"Image: 800×800px / Format: PNG / Opacity: 85% / Content: Vossy";position:absolute;bottom:1rem;left:1rem;background:#0a1628f2;border:1px solid var(--action-green);padding:.5rem .75rem;font-family:acumin-pro,monospace;font-size:.7rem;color:var(--highlight-mint);opacity:0;pointer-events:none;transition:opacity .3s ease}.logical-mode .about-image:after{opacity:1}@media (max-width: 968px){.about-container{grid-template-columns:1fr;gap:3rem;text-align:center}.about-image{max-width:400px;margin:0 auto}.about-content h2{font-size:2.5rem}}footer{background:var(--blueprint-black);padding:3rem 2rem;border-top:2px solid var(--signal-blue)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-location p,.footer-copyright p{margin:0;color:#fff9;font-size:.875rem}.footer-social{display:flex;gap:1.5rem;align-items:center}.footer-social a{color:#fff;font-size:1.5rem;transition:color .3s ease;display:flex;align-items:center}.footer-social a:hover{color:var(--signal-blue)}.footer-social a[aria-label="Client access"]{opacity:.3;transition:all .3s ease}.footer-social a[aria-label="Client access"]:hover{opacity:1;color:var(--action-green)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.main-nav{display:none!important;position:fixed;top:0;right:0;height:100vh;width:280px;background:var(--blueprint-black);border-left:2px solid var(--signal-blue);padding-top:6rem;z-index:1001}.main-nav.mobile-open{display:flex!important;flex-direction:column;animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-links{flex-direction:column;gap:0;padding:2rem}.main-nav a{font-size:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:block}.main-nav a.active:after{width:40px;left:0}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000}.mode-toggle{top:auto;bottom:2rem;right:2rem;padding:.5rem 1rem;font-size:.75rem}.site-header{padding:1.25rem 1rem}.header-logo{height:50px}.mobile-menu-toggle{top:1.25rem}.hero-logo{max-width:240px}.hero .tagline{font-size:1.5rem;line-height:1.4}.hero .tagline span{display:inline-block}.hero .intro{font-size:1.125rem}.service-grid{grid-template-columns:1fr;gap:2rem}.footer-content{gap:1rem}}@media (max-width: 480px){.hero-logo{max-width:200px}.hero .tagline{font-size:1.25rem}.hero .intro{font-size:1rem}.mode-toggle{padding:.4rem .8rem;font-size:.7rem}}.link-button{display:inline-block;background:var(--signal-blue);color:var(--blueprint-black);padding:.75rem 1.25rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;transition:background .2s ease,transform .12s ease;cursor:pointer}.link-button:hover,.link-button:active{transform:translateY(-2px);background:var(--action-green)}a:focus-visible,button:focus-visible,.link-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--signal-blue);outline-offset:3px;border-radius:4px}@supports (color-mix(in srgb,var(--signal-blue) 60%,white)){a:focus-visible,button:focus-visible,.link-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--signal-blue) 60%,white)}}.main-nav{position:fixed;top:2rem;right:2rem;display:flex;gap:2rem;z-index:1001}.main-nav a.active{color:var(--signal-blue)}.hero .intro{font-size:1.25rem;max-width:700px;margin:0 auto 3rem;line-height:1.6;font-weight:400}.service-card h2{font-size:1.75rem;margin-bottom:1rem;color:var(--action-green)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:neue-haas-grotesk-display,sans-serif;font-size:1.25rem;color:var(--signal-blue);text-transform:uppercase;letter-spacing:.2em}.loading-spinner:after{content:"...";animation:loading-dots 1.5s steps(4,end) infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}:root{--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--duration-fast: .2s;--duration-medium: .3s;--duration-slow: .5s}.scroll-reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-smooth),transform var(--duration-slow) var(--ease-smooth)}.scroll-reveal.fade-up{transform:translateY(30px)}.scroll-reveal.fade-up.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal.fade-left{transform:translate(-30px)}.scroll-reveal.fade-left.is-visible{opacity:1;transform:translate(0)}.scroll-reveal.fade-right{transform:translate(30px)}.scroll-reveal.fade-right.is-visible{opacity:1;transform:translate(0)}.scroll-reveal.fade{transform:none}.scroll-reveal.fade.is-visible{opacity:1}.scroll-reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity var(--duration-medium) var(--ease-smooth),transform var(--duration-medium) var(--ease-smooth)}.scroll-reveal-stagger.is-visible>*:nth-child(1){transition-delay:0ms}.scroll-reveal-stagger.is-visible>*:nth-child(2){transition-delay:.1s}.scroll-reveal-stagger.is-visible>*:nth-child(3){transition-delay:.2s}.scroll-reveal-stagger.is-visible>*:nth-child(4){transition-delay:.3s}.scroll-reveal-stagger.is-visible>*:nth-child(5){transition-delay:.4s}.scroll-reveal-stagger.is-visible>*:nth-child(6){transition-delay:.5s}.scroll-reveal-stagger.is-visible>*:nth-child(7){transition-delay:.6s}.scroll-reveal-stagger.is-visible>*:nth-child(8){transition-delay:.7s}.scroll-reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}.portfolio-item{transition:transform var(--duration-medium) var(--ease-smooth);cursor:pointer;position:relative}.portfolio-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--signal-blue);opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth);pointer-events:none}.portfolio-item:hover{transform:translateY(-4px)}.portfolio-item:hover:before{opacity:1}.portfolio-item:focus-visible{outline:2px solid var(--signal-blue);outline-offset:4px}.portfolio-item:focus-visible:before{opacity:1}.portfolio-info{transition:transform var(--duration-fast) var(--ease-smooth)}.portfolio-item:hover .portfolio-info{transform:translateY(-2px)}button,.link-button{transition:all var(--duration-medium) var(--ease-smooth);position:relative}button:hover,.link-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff4d}button:active,.link-button:active{transform:translateY(0);transition-duration:var(--duration-fast)}button:focus-visible,.link-button:focus-visible{outline:2px solid var(--signal-blue);outline-offset:4px}.service-card{transition:transform var(--duration-medium) var(--ease-smooth),box-shadow var(--duration-medium) var(--ease-smooth);position:relative}.service-card:hover{transform:translateY(-6px)}.blueprint-overlay{opacity:0;transition:opacity var(--duration-medium) var(--ease-smooth);pointer-events:none}.logical-mode .blueprint-overlay{opacity:1}.blueprint-annotation{opacity:0;transform:translate(-10px);transition:opacity var(--duration-medium) var(--ease-smooth),transform var(--duration-medium) var(--ease-smooth);transition-delay:.1s}.logical-mode .blueprint-annotation{opacity:1;transform:translate(0)}.mode-toggle span{transition:all var(--duration-fast) var(--ease-smooth);display:inline-block}.mode-toggle span.active{transform:scale(1.05);color:var(--signal-blue)}.mode-toggle:hover{transform:scale(1.02)}.nav-links a{position:relative;transition:color var(--duration-fast) var(--ease-smooth)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--signal-blue);transition:width var(--duration-medium) var(--ease-smooth)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover{color:var(--signal-blue)}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.25rem;color:var(--signal-blue)}.loading-spinner:after{content:"";width:40px;height:40px;margin-left:1rem;border:3px solid rgba(0,217,255,.2);border-top-color:var(--signal-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scroll-reveal,.scroll-reveal.fade-up,.scroll-reveal.fade-left,.scroll-reveal.fade-right{opacity:1;transform:none}}img{transition:transform var(--duration-medium) var(--ease-smooth),opacity var(--duration-medium) var(--ease-smooth)}.portfolio-item:hover img{transform:scale(1.02)}.modal-overlay{animation:fadeIn var(--duration-medium) var(--ease-smooth)}.modal-content{animation:slideUpIn var(--duration-slow) var(--ease-smooth)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero .hero-logo{animation:fadeInScale var(--duration-slow) var(--ease-smooth)}.hero .tagline{animation:fadeInUp var(--duration-slow) var(--ease-smooth);animation-delay:.2s;animation-fill-mode:both}.hero .intro{animation:fadeInUp var(--duration-slow) var(--ease-smooth);animation-delay:.4s;animation-fill-mode:both}.hero .link-button{animation:fadeInUp var(--duration-slow) var(--ease-smooth);animation-delay:.6s;animation-fill-mode:both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--z-header: 999;--z-nav: 1001;--z-modal: 9999;--z-modal-overlay: 9998;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--header-height: 40px;--max-width-content: 1200px;--opacity-hover: .8;--opacity-disabled: .5}.hero .container{position:relative}.hero-blueprint-annotation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.annotation-box{position:absolute;font-family:acumin-pro,monospace;font-size:.75rem;color:var(--action-green);background:#0a1628e6;padding:.25rem .5rem;border:1px solid var(--action-green);letter-spacing:.05em;opacity:0;animation:fadeInAnnotation .5s ease forwards}.hero-blueprint-annotation .annotation-box:first-child{top:2rem;left:1rem;animation-delay:.2s}.annotation-box-right{bottom:2rem;right:1rem;animation-delay:.4s}@keyframes fadeInAnnotation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero .hero-logo,.hero .tagline,.hero .intro,.hero .link-button{position:relative;z-index:2}.tagline span{transition:all .3s ease}.tagline span.active-mode{color:var(--action-green);font-weight:700;text-shadow:0 0 20px rgba(6,255,165,.5)}@media (max-width: 768px){.annotation-box{font-size:.65rem;padding:.2rem .4rem}.hero-blueprint-annotation .annotation-box:first-child{top:1rem;left:.5rem}.annotation-box-right{bottom:1rem;right:.5rem}}:root{--signal-blue: #00D9FF;--action-green: #00FF85;--circuit-moss: #7FE5A3;--code-blue: #0A1628;--highlight-mint: #B8FFE6;--graphite-moss: #2C4A3E;--blueprint-black: #0D0D0D}*{margin:0;padding:0;box-sizing:border-box}body{font-family:acumin-pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--blueprint-black);color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:neue-haas-grotesk-display,sans-serif;font-weight:700;line-height:1.2;color:#fff}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}p{font-family:acumin-pro,sans-serif;font-size:1rem}button{font-family:neue-haas-grotesk-display,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1rem 2rem;border:2px solid var(--signal-blue);background:transparent;color:#fff;cursor:pointer;transition:all .3s ease;border-radius:0;font-size:.875rem}button:hover{background:var(--signal-blue);color:var(--blueprint-black)}.text-signal-blue{color:var(--signal-blue)}.text-action-green{color:var(--action-green)}.text-highlight-mint{color:var(--highlight-mint)}.bg-blueprint-black{background:var(--blueprint-black)}.bg-code-blue{background:var(--code-blue)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}