:root{--bg-primary: #F7F6F1;--bg-secondary: #F0EFE9;--bg-tertiary: #E6E5DE;--bg-card: #FFFFFF;--accent-cobalt: #2F4BEB;--accent-butter: #F3D34A;--accent-navy: #1A1F3D;--accent-yellow: #2F4BEB;--accent-yellow-glow: rgba(47, 75, 235, .25);--accent-yellow-dim: rgba(47, 75, 235, .08);--accent-yellow-dark: #1A1F3D;--text-primary: #111111;--text-secondary: #555555;--text-muted: #77746D;--text-inverse: #F7F6F1;--border-width: 1px;--border-color: #D9D8D2;--border-subtle: #D9D8D2;--border-dark: #111111;--border-grid: rgba(0, 0, 0, .04);--font-display: "Bebas Neue", "Archivo Narrow", -apple-system, sans-serif;--font-heading: "Syne", "Bebas Neue", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", "JetBrains Mono", "Courier New", monospace;--site-max-width: 1400px;--grid-margin: 32px;--header-height: 64px;--trans-fast: .12s cubic-bezier(.2, 0, 0, 1);--trans-medium: .22s cubic-bezier(.16, 1, .3, 1)}@media(max-width:768px){:root{--grid-margin: 16px;--header-height: 56px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:clip;position:relative}body.mobile-nav-open{overflow:hidden}::selection{background-color:var(--accent-cobalt);color:#fff}.site-wrapper{position:relative;max-width:var(--site-max-width);margin:0 auto;border-left:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color);background-color:var(--bg-primary);width:100%}.blueprint-guides{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--site-max-width);height:100%;pointer-events:none;z-index:999;display:grid;grid-template-columns:repeat(4,1fr);opacity:.15;transition:opacity var(--trans-fast)}.blueprint-guides.hidden{opacity:0}.blueprint-guides .guide-col{border-right:1px dashed var(--accent-cobalt);height:100%}.blueprint-guides .guide-col:last-child{border-right:none}.font-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px}.font-mono{font-family:var(--font-mono)}.text-cobalt{color:var(--accent-cobalt)!important}.text-muted{color:var(--text-muted)!important}.footer-intent{color:var(--text-muted)}.site-header{position:sticky;top:0;z-index:1000;width:100%;background-color:var(--bg-primary);border-bottom:var(--border-width) solid var(--border-color)}.nav-container{display:flex;justify-content:space-between;align-items:stretch;height:var(--header-height)}.nav-brand{display:flex;align-items:center;gap:12px;padding:0 24px;border-right:var(--border-width) solid var(--border-color);text-decoration:none;color:var(--text-primary);font-family:var(--font-display);font-size:1.75rem;letter-spacing:1px;background-color:transparent;transition:color var(--trans-fast)}.nav-brand:hover{color:var(--text-primary);background-color:transparent}.nav-status-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:#111;background-color:var(--accent-butter);border:none;padding:2px 7px;text-transform:uppercase;letter-spacing:.5px;line-height:1.3}.nav-menu{display:flex;align-items:stretch;list-style:none}.nav-item{display:flex;align-items:stretch;border-left:var(--border-width) solid var(--border-color)}.nav-link{display:flex;align-items:center;padding:0 20px;font-family:var(--font-display);font-size:1.15rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);text-decoration:none;background-color:transparent;transition:color var(--trans-fast),text-decoration-color var(--trans-fast);white-space:nowrap}.nav-link:hover,.nav-link.active{background-color:transparent;color:var(--accent-cobalt);text-decoration:underline;text-decoration-color:var(--accent-cobalt);text-decoration-thickness:2px;text-underline-offset:6px}.nav-tools{display:flex;align-items:stretch;border-left:var(--border-width) solid var(--border-color)}.tool-btn{display:flex;align-items:center;gap:6px;padding:0 16px;background:transparent;border:none;border-right:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;cursor:pointer;transition:color var(--trans-fast)}.tool-btn:last-child{border-right:none}.tool-btn:hover{background-color:transparent;color:var(--text-primary)}.tool-btn.active{background-color:transparent;color:var(--accent-cobalt);font-weight:600}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;padding:0 20px;background:transparent;border:none;border-left:var(--border-width) solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:1.25rem;cursor:pointer;min-width:48px;min-height:48px;transition:background-color var(--trans-fast),color var(--trans-fast)}.mobile-menu-toggle:hover,.mobile-menu-toggle:active{background-color:var(--accent-cobalt);color:#fff}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;opacity:0;pointer-events:none;transition:opacity .24s ease}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;right:0;width:100%;max-width:380px;height:100%;height:100dvh;background-color:var(--bg-primary);border-left:var(--border-width) solid var(--border-color);z-index:1100;display:flex;flex-direction:column;justify-content:space-between;transform:translate(100%);transition:transform .26s cubic-bezier(.16,1,.3,1),visibility .26s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-12px 0 35px #0003;visibility:hidden;pointer-events:none}.mobile-nav-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:var(--header-height);border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary);flex-shrink:0}.mobile-drawer-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.5px;color:var(--text-primary)}.mobile-drawer-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color var(--trans-fast),color var(--trans-fast),border-color var(--trans-fast)}.mobile-drawer-close:hover,.mobile-drawer-close:active{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.mobile-drawer-kicker{padding:12px 18px 8px;font-family:var(--font-mono);font-size:.68rem;color:var(--accent-cobalt);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-secondary);flex-shrink:0}.mobile-drawer-links{list-style:none;display:flex;flex-direction:column;flex:1}.mobile-drawer-links li{border-bottom:1px solid var(--border-subtle)}.mobile-drawer-link{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;text-decoration:none;color:var(--text-primary);font-family:var(--font-display);font-size:1.65rem;letter-spacing:.5px;text-transform:uppercase;transition:background-color var(--trans-fast),color var(--trans-fast)}.mobile-drawer-link .link-num{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cobalt);margin-right:14px;letter-spacing:0}.mobile-drawer-link .link-arrow{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-muted);transition:transform var(--trans-fast),color var(--trans-fast)}.mobile-drawer-link:hover,.mobile-drawer-link:active{background-color:#2f4beb0d;color:var(--accent-cobalt)}.mobile-drawer-link:hover .link-arrow,.mobile-drawer-link:active .link-arrow{transform:translate(4px);color:var(--accent-cobalt)}.mobile-drawer-footer{padding:20px 18px 24px;border-top:var(--border-width) solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0}.mobile-drawer-tools-kicker{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.mobile-drawer-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.mobile-tool-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background-color var(--trans-fast),border-color var(--trans-fast),color var(--trans-fast)}.mobile-tool-btn:hover{border-color:var(--text-primary)}.mobile-tool-btn.active{background-color:var(--accent-cobalt);border-color:var(--accent-cobalt);color:#fff}.mobile-drawer-meta{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.4}@media(min-width:901px){.mobile-nav-backdrop,.mobile-nav-drawer{display:none!important}}.playground-fallback{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;text-align:center;background-color:#050505;border:1px solid var(--border-color)}.fallback-code{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-yellow);letter-spacing:1px;margin-bottom:10px}.fallback-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);color:#fff;margin-bottom:10px;letter-spacing:1px}.fallback-desc{font-family:var(--font-mono);font-size:.72rem;color:#888;max-width:440px;line-height:1.5;letter-spacing:.5px}.hero-section{position:relative;padding:48px 32px 16px;border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary)}.hero-meta-bar{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:24px;text-transform:uppercase;border-bottom:1px solid var(--border-color);padding-bottom:12px}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,7.5vw,6.8rem);line-height:.92;text-transform:uppercase;color:var(--text-primary);margin-bottom:28px;letter-spacing:.5px}.hero-title .highlight-underline{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent-cobalt);text-decoration-thickness:4px;text-underline-offset:6px}.hero-subtitle{font-size:clamp(1rem,1.6vw,1.25rem);color:var(--text-secondary);max-width:820px;line-height:1.4;margin-bottom:32px}.hero-cta-group{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}.btn-brutalist{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;font-family:var(--font-display);font-size:1.35rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:var(--border-width) solid var(--border-color);transition:transform var(--trans-fast),background-color var(--trans-fast),color var(--trans-fast),border-color var(--trans-fast)}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.btn-primary:hover{background-color:var(--accent-navy);border-color:var(--accent-navy);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 8px 18px #1a1f3d33}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--text-primary)}.btn-secondary:hover{background-color:transparent;color:var(--accent-cobalt);border-color:var(--accent-cobalt);transform:translateY(-2px)}.marquee-container{margin-top:40px;border-top:1px solid var(--border-subtle);padding-top:14px;overflow:hidden;white-space:nowrap;width:100%;max-width:100%}.marquee-content{display:inline-block;animation:marquee 25s linear infinite;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.work-section{position:relative;border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary)}.work-intro-banner{border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary)}.work-intro-header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:32px 32px 24px;border-bottom:var(--border-width) solid var(--border-color)}.work-intro-title-col{display:flex;flex-direction:column}.work-kicker{font-family:var(--font-mono);font-size:.75rem;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}.work-massive-title{font-family:var(--font-display);font-size:clamp(3.2rem,5.8vw,6.2rem);line-height:.88;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-primary);margin:0}.work-intro-note-col{margin-left:auto;max-width:440px;display:flex;flex-direction:column;padding-bottom:6px}.work-human-lead{font-family:var(--font-heading);font-size:clamp(1.3rem,1.7vw,1.65rem);line-height:1.25;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.2px}.work-human-sub{font-family:var(--font-body);font-size:.9rem;line-height:1.5;color:var(--text-secondary);margin:0}.section-filter-wrapper{display:flex;align-items:stretch;justify-content:space-between;background-color:var(--bg-primary);width:100%;max-width:100%;overflow:hidden}.section-filter-tag{padding:0 24px;display:flex;align-items:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.8px;color:var(--text-muted);border-right:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0}.section-filter-bar{display:flex;align-items:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0;max-width:100%;flex:1}.section-filter-bar::-webkit-scrollbar{display:none}.portfolio-butter-badge{display:inline-block;background-color:var(--accent-butter);color:#111;font-weight:700;padding:1px 6px;font-size:.7rem;letter-spacing:.5px;vertical-align:middle;margin-left:6px;line-height:1.3}.filter-btn{padding:0 22px;min-height:54px;background:transparent;border:none;border-left:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color var(--trans-fast),text-decoration-color var(--trans-fast)}.filter-btn:hover{background:transparent;color:var(--text-primary)}.filter-btn.active{background:transparent;color:var(--accent-cobalt);text-decoration:underline;text-decoration-color:var(--accent-cobalt);text-decoration-thickness:2px;text-underline-offset:6px;font-weight:600}.portfolio-grid-wrapper{position:relative;width:100%;max-width:1920px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);background-color:var(--border-color);gap:var(--border-width);position:relative;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.portfolio-grid.filtering{opacity:.25;transform:translateY(4px)}.project-card{background-color:#fff;display:flex;flex-direction:column;position:relative;text-decoration:none;color:var(--text-primary);cursor:pointer;border-radius:0;outline:none;isolation:isolate;transition:opacity .35s cubic-bezier(.16,1,.3,1),filter .35s cubic-bezier(.16,1,.3,1),background-color var(--trans-fast),transform .25s cubic-bezier(.16,1,.3,1);animation:cardFadeIn .4s cubic-bezier(.16,1,.3,1) backwards}.project-card.is-expanding{transform:scale(.988)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-card:focus-visible{outline:2px solid var(--accent-cobalt);outline-offset:-2px;z-index:5}.card-media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background-color:#f5f5f0;border-bottom:1px solid var(--border-subtle)}.card-img-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;filter:none;transform:scale(1) translate3d(var(--pan-x, 0px),var(--pan-y, 0px),0);transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.card-tag{position:absolute;top:10px;right:10px;z-index:3;background-color:#111111d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);color:#fff;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.5px;padding:3px 7px;display:inline-flex;align-items:center;opacity:0;transform:translateY(-3px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.card-body{padding:24px 22px 20px;display:flex;flex-direction:column;flex-grow:1;background-color:#fff;transition:background-color var(--trans-fast)}.card-title{font-family:var(--font-display);font-size:clamp(2.1rem,2.35vw,2.7rem);line-height:.95;letter-spacing:.6px;text-transform:uppercase;color:#111;margin-bottom:6px;transform:translate(0);transition:transform .25s cubic-bezier(.16,1,.3,1)}.card-category{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.6px;color:#777;text-transform:uppercase;margin-bottom:12px}.card-desc{font-family:var(--font-body);font-size:.86rem;line-height:1.45;color:#555;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-action{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:1.15rem;letter-spacing:1px;text-transform:uppercase;color:#111;border-top:1px solid var(--border-subtle);padding-top:13px;transition:border-color .2s ease}.card-action .cta-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:1.15rem;letter-spacing:1px}.card-action .arrow{display:inline-block;font-size:1.3rem;transform:translate(0);transition:transform .25s cubic-bezier(.16,1,.3,1);color:var(--accent-cobalt)}@media(hover:hover)and (pointer:fine){.project-card:hover{z-index:2}.project-card:hover .card-img{transform:scale(1.035) translate3d(var(--pan-x, 0px),var(--pan-y, 0px),0)}.project-card:hover .card-tag{opacity:1;transform:translateY(0)}.project-card:hover .card-title,.project-card.is-active .card-title{transform:translate(4px)}.project-card:hover .card-action .arrow,.project-card.is-active .card-action .arrow{transform:translate(8px)}.portfolio-grid:has(.project-card:hover) .project-card:not(:hover),.portfolio-grid.has-active-card .project-card:not(.is-active){opacity:.65;filter:grayscale(12%)}}.cta-band-diagonal{position:relative;background-color:var(--bg-primary);border-bottom:var(--border-width) solid var(--border-color);padding:88px 36px 96px;overflow:hidden}.cta-diagonal-corner{position:absolute;top:0;right:0;width:64px;height:64px;background-color:var(--text-primary);clip-path:polygon(100% 0,0 0,100% 100%);pointer-events:none;z-index:2}.cta-diagonal-slice-line{position:absolute;top:0;left:0;width:100%;height:10px;background-color:var(--text-primary);clip-path:polygon(0 0,100% 0,calc(100% - 64px) 3px,180px 10px,0 3px);pointer-events:none;z-index:2}.cta-diagonal-inner{max-width:1200px;margin:0 auto;position:relative;z-index:3}.cta-diagonal-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cobalt);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.cta-diagonal-headline{font-family:var(--font-display);font-size:clamp(2.8rem,6.5vw,5.8rem);line-height:.94;letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);margin-bottom:36px;max-width:1000px}.cta-diagonal-headline .cta-cobalt-word{color:var(--accent-cobalt)}.cta-diagonal-action{display:flex;align-items:center}.cta-pill-btn{display:inline-flex;align-items:center;gap:16px;background-color:var(--text-primary);color:var(--bg-primary);padding:18px 42px;border-radius:999px;font-family:var(--font-mono);font-size:.92rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border:1px solid var(--text-primary);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.cta-pill-btn .cta-pill-arrow{display:inline-block;font-size:1.15rem;transition:transform .18s ease}.cta-pill-btn:hover{background-color:var(--accent-cobalt);border-color:var(--accent-cobalt);color:#fff}.cta-pill-btn:hover .cta-pill-arrow{transform:translate(4px)}.section-header-bar:not(.contact-header-bar){padding:0 36px;margin-bottom:56px;display:flex;flex-direction:column}.section-kicker{font-family:var(--font-mono);font-size:.75rem;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:14px}.section-title{font-family:var(--font-display);font-size:clamp(3rem,5.2vw,5.2rem);line-height:.92;letter-spacing:.8px;text-transform:uppercase;color:var(--text-primary);margin:0}.services-section{border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);margin-top:calc(var(--border-width) * -1);background-color:var(--bg-primary);padding-top:80px;padding-bottom:80px}.services-list{display:flex;flex-direction:column;border-top:var(--border-width) solid var(--border-color)}.service-row{border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary);transition:background-color var(--trans-fast);cursor:pointer}.service-row:last-child{border-bottom:var(--border-width) solid var(--border-color)}.service-header{display:grid;grid-template-columns:100px 1.5fr 2fr 60px;align-items:center;padding:24px 28px;gap:16px}.service-num{font-family:var(--font-display);font-size:2.2rem;color:var(--accent-cobalt)}.service-name{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary)}.service-tagline{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.service-toggle-icon{font-family:var(--font-display);font-size:2rem;color:var(--accent-cobalt);text-align:right;transition:transform var(--trans-fast)}.service-row.open .service-toggle-icon{transform:rotate(45deg)}.service-details{display:none;padding:20px 28px 28px;border-top:1px dashed var(--border-subtle);margin-top:8px}.service-row.open .service-details{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.service-desc{font-size:1.05rem;color:var(--text-primary);line-height:1.5;margin-bottom:16px}.capability-list{list-style:none;display:flex;flex-direction:column;gap:8px}.capability-item{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.capability-item:before{content:"→";color:var(--accent-cobalt)}.tools-box{border:1px solid var(--border-subtle);padding:16px;background-color:var(--bg-secondary)}.tools-title{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cobalt);text-transform:uppercase;margin-bottom:12px}.tool-tags{display:flex;flex-wrap:wrap;gap:6px}.tool-badge{font-family:var(--font-mono);font-size:.75rem;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px}.service-row:hover{background-color:var(--bg-secondary)}.service-row:hover .service-name,.service-row:hover .service-desc,.service-row:hover .service-tagline{color:var(--text-primary)}.service-cta-row{cursor:pointer;background-color:var(--bg-primary);border-bottom:var(--border-width) solid var(--border-color);transition:background-color .18s ease;position:relative}.service-cta-row:last-child{border-bottom:var(--border-width) solid var(--border-color)}.service-cta-header{display:grid;grid-template-columns:100px 1.6fr 1.4fr 60px;align-items:center;padding:24px 28px;gap:16px;width:100%}.service-cta-name{font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);line-height:1.1;transition:color .18s ease}.service-cta-tagline{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;transition:color .18s ease}.service-cta-arrow{font-family:var(--font-mono);font-size:1.6rem;color:var(--accent-cobalt);text-align:right;opacity:0;transform:translate(-6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;display:flex;justify-content:flex-end}.service-cta-row:hover{background-color:#2f4beb0f}.service-cta-row:hover .service-cta-name,.service-cta-row:hover .service-cta-tagline{color:var(--text-primary)}.service-cta-row:hover .service-cta-arrow{opacity:1;transform:translate(0)}.process-section{border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);margin-top:calc(var(--border-width) * -1);background-color:var(--bg-secondary);padding-top:80px;padding-bottom:80px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--border-color);gap:var(--border-width);border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.process-card{background-color:var(--bg-secondary);padding:36px 28px;display:flex;flex-direction:column;transition:background-color var(--trans-fast)}.process-card:hover{background-color:#e8e7e0}.process-number{font-family:var(--font-display);font-size:3.5rem;color:var(--accent-cobalt);line-height:.9;margin-bottom:12px}.process-title{font-family:var(--font-display);font-size:1.85rem;text-transform:uppercase;color:var(--text-primary);margin-bottom:6px}.process-subtitle{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px}.process-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.45}.about-section{border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);margin-top:calc(var(--border-width) * -1);background-color:var(--bg-primary);padding-top:80px;padding-bottom:80px}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.about-left{padding:48px 36px;border-right:var(--border-width) solid var(--border-color)}.manifesto-quote{font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:.95;text-transform:uppercase;color:var(--text-primary);margin-bottom:28px}.manifesto-quote span{color:var(--text-secondary)}.about-body{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;max-width:680px}.about-right{padding:48px 32px;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--bg-secondary);border-left:var(--border-width) solid var(--border-color);margin-left:calc(var(--border-width) * -1)}.stats-matrix{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.stat-box{border:1px solid var(--border-subtle);padding:16px;background-color:var(--bg-primary)}.stat-val{font-family:var(--font-display);font-size:2.8rem;color:var(--accent-cobalt);line-height:1}.stat-lbl{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;margin-top:4px}.about-status-card{border:1px solid var(--border-color);padding:18px;background-color:var(--bg-primary)}.status-line{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:6px}.status-dot{width:8px;height:8px;background-color:var(--accent-cobalt);box-shadow:0 0 8px #2f4beb66;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.team-section{border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);margin-top:calc(var(--border-width) * -1);background-color:var(--bg-secondary);padding-top:104px;padding-bottom:104px}.team-list{display:flex;flex-direction:column;border-top:var(--border-width) solid var(--border-color)}.team-row{display:grid;grid-template-columns:100px 1.5fr 2fr;align-items:center;padding:26px 36px;gap:20px;border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-secondary);transition:background-color .18s ease;position:relative;cursor:default}.team-row:hover{background-color:#2f4beb0b}.team-num{font-family:var(--font-display);font-size:2.2rem;color:var(--accent-cobalt);line-height:1}.team-name{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);line-height:1.05;transition:color .18s ease,transform .18s ease}.team-row:hover .team-name{color:var(--accent-cobalt);transform:translate(4px)}.team-role{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;transition:color .18s ease}.team-row:hover .team-role{color:var(--text-primary)}.team-photo{width:56px;height:56px;object-fit:cover;border:1px solid var(--border-color);filter:grayscale(100%) contrast(115%);transition:filter .18s ease;display:block}.team-row:hover .team-photo{filter:grayscale(100%) contrast(125%)}.testimonials-section{border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);margin-top:calc(var(--border-width) * -1);background-color:var(--bg-primary);padding-top:104px;padding-bottom:104px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);background-color:var(--border-color);gap:var(--border-width);border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.testimonial-card{background-color:var(--bg-primary);padding:36px 28px;display:flex;flex-direction:column;justify-content:space-between;transition:background-color var(--trans-fast)}.testimonial-card:hover{background-color:var(--bg-secondary)}.quote-mark{font-family:var(--font-display);font-size:3rem;color:var(--accent-cobalt);line-height:1;margin-bottom:12px}.testimonial-text{font-size:1.05rem;color:var(--text-primary);line-height:1.5;margin-bottom:24px}.testimonial-author{border-top:1px solid var(--border-subtle);padding-top:16px}.author-name{font-family:var(--font-display);font-size:1.4rem;color:var(--text-primary);letter-spacing:.5px}.author-role{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.playground-section{border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);margin-top:calc(var(--border-width) * -1);background-color:var(--bg-primary);padding-top:80px;padding-bottom:80px}.playground-canvas-wrap{position:relative;width:100%;height:450px;background-color:#000;border-bottom:var(--border-width) solid var(--border-color);overflow:hidden}#playground-canvas{width:100%;height:100%;display:block}.canvas-toolbar{position:absolute;bottom:16px;left:16px;display:flex;gap:8px;z-index:10}.canvas-mode-btn{background-color:#050505d9;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;padding:6px 12px;cursor:pointer;transition:background-color var(--trans-fast),color var(--trans-fast)}.canvas-mode-btn:hover,.canvas-mode-btn.active{background-color:var(--accent-yellow);color:#000;font-weight:700}.experiments-grid{display:grid;grid-template-columns:repeat(4,1fr);background-color:var(--border-color);gap:var(--border-width)}.experiment-card{background-color:var(--bg-primary);padding:24px 20px;cursor:pointer;transition:background-color var(--trans-fast)}.experiment-card:hover{background-color:#0c0c0c}.experiment-tag{font-family:var(--font-mono);font-size:.65rem;color:var(--accent-yellow);text-transform:uppercase;margin-bottom:8px}.experiment-title{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin-bottom:8px}.experiment-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.contact-section{position:relative;overflow:hidden;width:100%;max-width:100%;border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary);background-image:radial-gradient(rgba(17,17,17,.035) 1px,transparent 1px);background-size:24px 24px}.contact-watermark{position:absolute;right:-10px;bottom:-20px;font-family:var(--font-display);font-size:clamp(7rem,16vw,17rem);line-height:.8;color:var(--text-primary);opacity:.032;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;letter-spacing:-2px;white-space:nowrap;max-width:100%;overflow:hidden}.contact-header-bar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.contact-eyebrow-tag{color:var(--accent-cobalt);font-family:var(--font-mono);font-size:.75rem;margin-right:8px;letter-spacing:1px}.contact-eyebrow-text{font-family:var(--font-mono);font-size:.75rem;letter-spacing:1px;color:var(--text-primary)}.contact-live-status-bar{padding:14px 24px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px;letter-spacing:.5px}.live-status-pulse{width:7px;height:7px;border-radius:50%;background-color:var(--accent-cobalt);display:inline-block;animation:statusPulse 2s cubic-bezier(.4,0,.6,1) infinite}.contact-clock-divider{color:var(--border-color);margin:0 2px}.terminal-cursor{font-weight:700;color:var(--accent-cobalt);animation:cursorBlink 1s infinite}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.contact-hero-banner{padding:36px 36px 30px;border-bottom:var(--border-width) solid var(--border-color);background-color:var(--bg-primary);position:relative;z-index:1}.contact-massive-heading{font-family:var(--font-display);font-size:clamp(2.8rem,6.4vw,6.2rem);line-height:.92;letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);margin-bottom:12px}.contact-cobalt-word{color:var(--accent-cobalt);text-decoration:underline;text-decoration-color:var(--accent-cobalt);text-decoration-thickness:3.5px;text-underline-offset:6px}.contact-hero-manifesto-sub{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;max-width:720px;line-height:1.45}.contact-channel-split{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;width:100%;background-color:var(--bg-primary);overflow:hidden;z-index:1}.channel-split-half{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(36px,3.6vw,56px) clamp(22px,2.4vw,40px);text-decoration:none;background-color:var(--bg-primary);cursor:pointer;position:relative;transition:background-color .18s ease;min-height:290px}.channel-split-half:hover,.channel-split-half:focus-visible{background-color:#2f4beb09;outline:none}.channel-half-kicker{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.channel-word-wrap{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.channel-massive-word{font-family:var(--font-display);font-size:clamp(2.8rem,4.2vw,5.2rem);line-height:.88;color:var(--text-primary);text-transform:uppercase;letter-spacing:-.5px;position:relative;display:inline-block;transition:color .18s ease}.channel-split-half:hover .channel-massive-word{color:var(--accent-cobalt)}.channel-arrow{font-family:var(--font-mono);font-size:clamp(1.8rem,3vw,3rem);color:var(--text-muted);line-height:1;transition:transform .18s ease,color .18s ease,opacity .18s ease;opacity:.7;transform:translate(0)}.channel-split-half:hover .channel-arrow{color:var(--accent-cobalt);transform:translate(6px,-6px);opacity:1}.channel-meta-sub{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);letter-spacing:.5px;margin-top:24px}.response-pulse-dot{width:7px;height:7px;border-radius:50%;background-color:var(--accent-cobalt);display:inline-block;box-shadow:none;animation:availPulse 2s cubic-bezier(.4,0,.6,1) infinite}.channel-split-divider{width:2.5px;background-color:var(--text-primary);height:100%;position:relative;transform-origin:top;animation:drawDivider .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes drawDivider{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.channel-calendly-body{display:flex;flex-direction:column}.channel-calendly-word-wrap{margin-bottom:12px}.channel-calendly-word{font-size:clamp(2.4rem,3.6vw,4.4rem);line-height:.92;letter-spacing:-.5px;color:var(--text-primary)}.channel-cobalt-accent{color:var(--accent-cobalt);position:relative;display:inline-block;transition:color .2s ease}.channel-cobalt-accent:after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:3.5px;background-color:var(--accent-cobalt);transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.16,1,.3,1)}.channel-split-half.channel-calendly:hover .channel-cobalt-accent{color:#1a32b6}.channel-split-half.channel-calendly:hover .channel-cobalt-accent:after{transform:scaleX(1)}.channel-calendly-meta{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);letter-spacing:.5px;line-height:1.45;text-transform:uppercase;max-width:360px}.channel-calendly-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:28px}.calendly-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background-color:#000;color:#fff;padding:12px 22px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1.5px solid #000000;transition:background-color .18s ease,border-color .18s ease,color .18s ease;-webkit-user-select:none;user-select:none}.calendly-cta-arrow{font-family:var(--font-mono);font-size:.95rem;display:inline-block;transition:transform .18s cubic-bezier(.16,1,.3,1)}.channel-split-half.channel-calendly:hover .calendly-cta-button,.calendly-cta-button:hover{background-color:var(--accent-cobalt);border-color:var(--accent-cobalt);color:#fff}.channel-split-half.channel-calendly:hover .calendly-cta-arrow,.calendly-cta-button:hover .calendly-cta-arrow{transform:translate(6px)}.calendly-avail-indicator{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.calendly-pulse-dot{width:7px;height:7px;border-radius:50%;background-color:var(--accent-cobalt);display:inline-block;box-shadow:none;animation:availPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes availPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}@media(max-width:900px){.contact-channel-split{grid-template-columns:1fr}.channel-split-divider{width:100%;height:2.5px;transform-origin:left}.channel-split-half{padding:36px 20px 32px;min-height:auto}.channel-massive-word{font-size:clamp(2.8rem,10vw,4.4rem)}.channel-calendly-word{font-size:clamp(2.4rem,9vw,3.8rem)}}.site-footer{background-color:var(--bg-primary);border-top:var(--border-width) solid var(--border-color)}.footer-main-bar{display:grid;grid-template-columns:1.8fr 1fr 1.2fr;border-bottom:var(--border-width) solid var(--border-color)}.footer-col{padding:16px 28px 24px;border-right:var(--border-width) solid var(--border-color)}.footer-col:last-child{border-right:none}.footer-col-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:14px}.footer-contact-form{display:flex;align-items:stretch;max-width:480px}.footer-input{flex-grow:1;background-color:var(--bg-card);border:1px solid var(--border-color);border-right:none;padding:10px 14px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;outline:none}.footer-btn{background-color:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-primary);font-family:var(--font-display);font-size:1.15rem;letter-spacing:1px;padding:0 20px;cursor:pointer;transition:background-color var(--trans-fast),border-color var(--trans-fast)}.footer-btn:hover{background-color:var(--accent-navy);border-color:var(--accent-navy);color:var(--bg-primary)}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:6px}.footer-link{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-decoration:none;text-transform:uppercase;transition:color var(--trans-fast)}.footer-link:hover{color:var(--text-primary)}.footer-copyright-text{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);line-height:1.5;text-transform:uppercase}.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 28px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.case-study-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;opacity:0;transition:opacity .28s cubic-bezier(.16,1,.3,1)}.case-study-overlay.active{display:block;opacity:1}.cs-sticky-bar{position:sticky;top:0;left:0;right:0;height:58px;background:#f7f6f1f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:var(--border-width) solid var(--border-color);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.cs-bar-left{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.5px}.cs-bar-brand{font-family:var(--font-display);font-size:1.4rem;letter-spacing:1px;color:var(--text-primary)}.cs-bar-divider{color:var(--border-subtle)}.cs-bar-label{color:var(--text-muted)}.cs-bar-title{color:var(--text-primary);font-weight:700;text-transform:uppercase}.cs-progress-track{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#2f4beb1f}.cs-progress-bar{height:100%;width:0%;background:var(--accent-cobalt);transition:width .08s linear}.cs-bar-right{display:flex;align-items:center;gap:12px}.cs-live-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border-color);color:var(--accent-cobalt);font-family:var(--font-mono);font-size:.72rem;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:all var(--trans-fast)}.cs-live-btn:hover{background:#2f4beb14;border-color:var(--accent-cobalt)}.cs-close-btn{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;cursor:pointer;transition:all var(--trans-fast);display:inline-flex;align-items:center;justify-content:center}.cs-close-label-mobile{display:none}.cs-close-label-desktop{display:inline}@media(max-width:768px){.cs-close-label-mobile{display:inline;font-size:.9rem;font-weight:900}.cs-close-label-desktop{display:none}}.cs-close-btn:hover{background:var(--accent-navy);border-color:var(--accent-navy);color:var(--bg-primary)}.case-study-content{max-width:1400px;margin:0 auto;width:100%;background:var(--bg-primary);border-left:var(--border-width) solid var(--border-color);border-right:var(--border-width) solid var(--border-color);box-shadow:0 0 80px #000000e6}.cs-hero{padding:40px 36px 32px;border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary)}.cs-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cs-hero-number{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-cobalt);letter-spacing:1px}.cs-hero-status{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);letter-spacing:1px}.cs-hero-title{font-family:var(--font-display);font-size:clamp(3.8rem,8.5vw,7.8rem);line-height:.88;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:12px}.cs-hero-category{font-family:var(--font-mono);font-size:.82rem;letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;margin-bottom:24px}.cs-hero-oneliner{font-family:var(--font-body);font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.35;color:var(--text-secondary);max-width:820px;margin-bottom:36px}.cs-hero-media{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0a0a0a;border:var(--border-width) solid var(--border-color);position:relative}.cs-hero-img{width:100%;height:100%;object-fit:cover;display:block}.cs-hero-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:16px}.cs-meta-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary)}.cs-meta-cell{padding:22px 24px;border-right:1px solid var(--border-subtle)}.cs-meta-cell:last-child{border-right:none}.cs-meta-label{font-family:var(--font-mono);font-size:.68rem;color:var(--accent-cobalt);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.cs-meta-value{font-family:var(--font-mono);font-size:.88rem;color:var(--text-primary);text-transform:uppercase;line-height:1.35}.cs-challenge-section{display:grid;grid-template-columns:280px 1fr;border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary)}.cs-split-left{padding:40px 32px;border-right:var(--border-width) solid var(--border-color);background:var(--bg-secondary)}.cs-split-tag{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-cobalt);letter-spacing:1.5px;text-transform:uppercase;position:sticky;top:80px}.cs-split-right{padding:40px 44px;font-family:var(--font-body);font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.65;color:var(--text-primary)}.cs-approach-section{padding:48px 40px;border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary)}.cs-approach-eyebrow{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-cobalt);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}.cs-approach-headline{font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,5.2rem);line-height:.92;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);max-width:980px;margin-bottom:28px}.cs-approach-summary{font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.6;color:var(--text-secondary);max-width:860px;margin-bottom:48px}.cs-annotations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--border-width);background:var(--border-color);border:var(--border-width) solid var(--border-color)}.cs-annotation-card{padding:28px 24px;background:var(--bg-secondary);display:flex;flex-direction:column}.cs-ann-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-cobalt);letter-spacing:1px;margin-bottom:10px}.cs-ann-title{font-family:var(--font-display);font-size:1.65rem;letter-spacing:.5px;color:var(--text-primary);text-transform:uppercase;margin-bottom:10px}.cs-ann-desc{font-family:var(--font-mono);font-size:.78rem;line-height:1.55;color:var(--text-secondary)}.cs-direction-section{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary)}.cs-section-header-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-secondary)}.cs-section-title{font-family:var(--font-display);font-size:2rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary)}.cs-section-badge{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cobalt)}.cs-direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--border-width);background:var(--border-color)}.cs-direction-card{padding:32px 24px;background:var(--bg-primary);display:flex;flex-direction:column}.cs-dir-num{font-family:var(--font-display);font-size:2.2rem;color:var(--accent-cobalt);margin-bottom:8px}.cs-dir-title{font-family:var(--font-display);font-size:1.85rem;letter-spacing:.5px;color:var(--text-primary);text-transform:uppercase;margin-bottom:4px}.cs-dir-subtitle{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:16px}.cs-dir-desc{font-size:.92rem;line-height:1.6;color:var(--text-secondary)}.cs-cinematic-section{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary);padding:48px 36px}.cs-cinematic-frame{border:var(--border-width) solid var(--border-color);background:var(--bg-secondary);overflow:hidden;position:relative}.cs-cinematic-img{width:100%;height:auto;display:block;filter:contrast(108%)}.cs-cinematic-meta{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);background:var(--bg-secondary);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;flex-wrap:wrap;gap:12px}.cs-details-section{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary);padding:56px 36px}.cs-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.cs-detail-item{display:flex;flex-direction:column;border:var(--border-width) solid var(--border-color);background:var(--bg-secondary)}.cs-detail-item.offset-top{margin-top:56px}.cs-detail-media{width:100%;aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--border-subtle)}.cs-detail-img{width:100%;height:100%;object-fit:cover;display:block}.cs-detail-info{padding:22px 24px}.cs-detail-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-cobalt);letter-spacing:1px;margin-bottom:8px}.cs-detail-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.5px;color:var(--text-primary);text-transform:uppercase;margin-bottom:8px}.cs-detail-desc{font-size:.92rem;line-height:1.55;color:var(--text-secondary)}.cs-mobile-section{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary);padding:64px 40px}.cs-mobile-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}.cs-mobile-tag{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-cobalt);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}.cs-mobile-heading{font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4.5rem);line-height:.92;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:20px}.cs-mobile-desc{font-size:1.12rem;line-height:1.65;color:var(--text-secondary);margin-bottom:28px}.cs-mobile-highlights{display:flex;flex-direction:column;gap:12px}.cs-highlight-item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-primary)}.cs-highlight-item:before{content:"■";color:var(--accent-cobalt);font-size:.65rem}.cs-mobile-visual{border:var(--border-width) solid var(--border-color);background:var(--bg-secondary);padding:20px;position:relative}.cs-mobile-visual img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.cs-build-section{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary);padding:36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.cs-build-title{font-family:var(--font-display);font-size:1.7rem;letter-spacing:1px;color:var(--text-primary);text-transform:uppercase}.cs-tech-tags{display:flex;flex-wrap:wrap;gap:10px}.cs-tech-badge{padding:8px 16px;border:1px solid var(--border-color);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.8px;color:var(--accent-cobalt);text-transform:uppercase;background:#2f4beb0d}.cs-result-section{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary);padding:64px 40px}.cs-result-tag{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-cobalt);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.cs-result-statement{font-family:var(--font-display);font-size:clamp(2.4rem,4.8vw,4.2rem);line-height:1.02;letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);max-width:960px}.cs-live-cta-section{border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-secondary);padding:72px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:32px}.cs-live-cta-left{font-family:var(--font-display);font-size:clamp(3rem,6.5vw,6rem);line-height:.9;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary)}.cs-live-cta-url{font-family:var(--font-mono);font-size:1rem;color:var(--accent-cobalt);margin-top:12px;letter-spacing:1px}.cs-live-cta-btn{display:inline-flex;align-items:center;gap:14px;padding:20px 42px;background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-display);font-size:1.8rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border:var(--border-width) solid var(--text-primary);transition:transform var(--trans-fast),background-color var(--trans-fast),border-color var(--trans-fast)}.cs-live-cta-btn:hover{background:var(--accent-cobalt);border-color:var(--accent-cobalt);color:var(--bg-primary);transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--accent-navy)}.cs-next-section{background:var(--bg-primary)}.cs-next-card{padding:64px 40px;display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center;cursor:pointer;text-decoration:none;color:var(--text-primary);background:var(--bg-primary);border-top:none;transition:background-color .25s ease}.cs-next-tag{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-cobalt);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.cs-next-title{font-family:var(--font-display);font-size:clamp(3rem,6.5vw,5.8rem);line-height:.92;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:12px;transition:color .2s ease,transform .2s ease}.cs-next-cat{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.cs-next-action{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:1px;color:var(--accent-cobalt);text-transform:uppercase}.cs-next-arrow{font-size:2rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}.cs-next-preview{width:100%;aspect-ratio:16 / 10;overflow:hidden;border:var(--border-width) solid var(--border-color);background:var(--bg-secondary)}.cs-next-preview-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);filter:grayscale(15%) contrast(108%);transition:transform .35s ease,filter .35s ease,border-color .35s ease}.cs-next-card:hover{background:var(--bg-secondary)}.cs-next-card:hover .cs-next-title{color:var(--accent-cobalt);transform:translate(6px)}.cs-next-card:hover .cs-next-arrow{transform:translate(12px)}.cs-next-card:hover .cs-next-preview-img{transform:scale(1.05);filter:grayscale(0%) contrast(115%)}@media(max-width:1024px){.cs-meta-strip{grid-template-columns:repeat(3,1fr)}.cs-direction-grid{grid-template-columns:repeat(2,1fr)}.cs-annotations-grid,.cs-details-grid{grid-template-columns:1fr}.cs-detail-item.offset-top{margin-top:0}.cs-mobile-grid,.cs-next-card{grid-template-columns:1fr}}@media(max-width:768px){.cs-sticky-bar{padding:0 12px;height:50px;gap:6px}.cs-bar-left{font-size:.72rem;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.cs-bar-brand{font-size:1.1rem}.cs-bar-label{display:none}.cs-bar-right{gap:6px}.cs-live-btn{padding:4px 8px;font-size:.65rem}.cs-close-btn{padding:4px 10px;font-size:.8rem;line-height:1}.cs-hero{padding:36px 18px 28px}.cs-meta-strip{grid-template-columns:1fr}.cs-meta-cell{border-right:none;border-bottom:1px solid var(--border-subtle);padding:16px 18px}.cs-challenge-section{grid-template-columns:1fr}.cs-split-left{border-right:none;border-bottom:var(--border-width) solid var(--border-color);padding:28px 18px}.cs-split-right{padding:32px 18px}.cs-approach-section{padding:44px 18px}.cs-direction-grid{grid-template-columns:1fr}.cs-cinematic-section{padding:28px 16px}.cs-details-section{padding:36px 18px}.cs-mobile-section,.cs-result-section{padding:44px 18px}.cs-live-cta-section{padding:48px 18px}.cs-next-card{padding:44px 18px}}@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.work-intro-header{flex-direction:column;align-items:flex-start;gap:20px;padding:32px 24px 28px}.work-intro-note-col{margin-left:0;max-width:100%}.process-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.experiments-grid{grid-template-columns:repeat(2,1fr)}.footer-main-bar{grid-template-columns:1fr 1fr}.footer-col:last-child{grid-column:span 2;border-top:var(--border-width) solid var(--border-color)}.nav-brand{padding:0 14px;font-size:1.45rem}.nav-link{padding:0 10px;font-size:.95rem;letter-spacing:.5px}.tool-btn{padding:0 10px;font-size:.7rem}}@media(max-width:900px){.mobile-menu-toggle{display:flex!important;min-width:48px;min-height:48px}.nav-menu,.site-header .nav-tools .tool-btn{display:none!important}body.mobile-nav-open{overflow:hidden!important}}@media(max-width:768px){.hero-section{padding:32px 16px 24px}.work-intro-header{padding:24px 16px 20px;gap:16px}.work-massive-title{font-size:clamp(2.8rem,12vw,3.8rem)}.work-human-lead{font-size:1.25rem}.section-filter-wrapper{flex-direction:column}.section-filter-tag{border-right:none;border-bottom:1px solid var(--border-subtle);padding:10px 16px;font-size:.68rem}.services-section{padding-top:64px;padding-bottom:72px}.process-section,.about-section,.team-section,.testimonials-section,.playground-section{padding-top:64px;padding-bottom:64px}.section-header-bar:not(.contact-header-bar){padding:0 20px;margin-bottom:36px;flex-direction:column}.section-title{font-size:clamp(2.4rem,8.5vw,3.6rem)}.section-filter-bar{width:100%;border-bottom:var(--border-width) solid var(--border-color)}.filter-btn{min-height:46px;padding:0 16px;font-size:.72rem;flex-shrink:0}.portfolio-grid{grid-template-columns:1fr}.card-media{aspect-ratio:16 / 10}.card-body{padding:18px 16px 16px}.card-title{font-size:1.85rem}.service-header{grid-template-columns:60px 1fr 40px}.service-tagline{display:none}.service-cta-header{grid-template-columns:48px 1fr 32px;padding:20px 16px;gap:12px}.service-cta-name{font-size:1.15rem}.service-cta-row .service-cta-tagline{display:block;grid-column:2 / -1;font-size:.68rem;margin-top:2px;color:var(--accent-cobalt)}.team-row{grid-template-columns:48px 1fr;padding:20px 16px;gap:6px 12px}.team-num{font-size:1.6rem}.team-name{font-size:1.35rem}.team-role{grid-column:2 / -1;font-size:.68rem;line-height:1.35}.cta-band-diagonal{padding:56px 20px 64px}.cta-diagonal-headline{font-size:clamp(2rem,8vw,3rem);margin-bottom:28px}.cta-pill-btn{width:100%;justify-content:center;padding:16px 28px;font-size:.85rem}.service-row.open .service-details,.about-grid{grid-template-columns:1fr}.about-left{border-right:none;border-bottom:var(--border-width) solid var(--border-color)}.about-right{border-left:none;margin-left:0;padding:32px 18px}.process-grid,.experiments-grid,.configurator-layout{grid-template-columns:1fr}.configurator-form-wrap{border-right:none;border-bottom:var(--border-width) solid var(--border-color)}.contact-watermark{right:0;max-width:100%;overflow:hidden}.contact-header-bar{flex-direction:column;align-items:flex-start}.contact-live-status-bar{padding:10px 18px;border-top:1px solid var(--border-color);width:100%;font-size:.68rem;flex-wrap:wrap}.contact-hero-banner{padding:24px 18px 20px}.contact-channel-split{grid-template-columns:1fr}.channel-split-divider{width:100%;height:2.5px;transform-origin:left}.channel-split-half{padding:36px 20px 32px;min-height:auto}.channel-massive-word{font-size:clamp(3rem,12vw,4.8rem)}.footer-main-bar{grid-template-columns:1fr}.footer-col{border-right:none;border-bottom:var(--border-width) solid var(--border-color)}.footer-col:last-child{grid-column:auto;border-top:none}.modal-meta-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero-cta-group{flex-direction:column;width:100%;gap:12px}.hero-cta-group .btn-brutalist{width:100%;justify-content:center}.contact-massive-heading{font-size:clamp(2.2rem,8vw,3.4rem);word-break:break-word;overflow-wrap:break-word}}#playground{--bg-primary: #050505;--bg-secondary: #0c0c0c;--bg-tertiary: #141414;--bg-card: #080808;--text-primary: #F5F5F5;--text-secondary: #999999;--text-muted: #666666;--text-inverse: #050505;--border-color: #222222;--border-subtle: rgba(223, 255, 0, .15);--accent-yellow: #E5B83B;--accent-yellow-glow: rgba(229, 184, 59, .35);background-color:var(--bg-primary);color:var(--text-primary);border-bottom:var(--border-width) solid var(--border-color)}#playground .section-header-bar,#playground .section-title-wrap{background-color:var(--bg-primary);border-color:var(--border-color)}#playground .section-title{color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card-img,.project-card,.card-title,.card-action .arrow{transform:none!important}}