*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{font-family:IBM Plex Sans,sans-serif}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;background:none;cursor:pointer}ul{list-style:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root,[data-theme=dark]{--paper: #111411;--paper-raised: #181c18;--ink: #eceeea;--ink-muted: #9aa39b;--line: #272c27;--accent: #3ecf94;--accent-ink: #06130d;--accent-soft: rgba(62, 207, 148, .14);--danger: #ff7a70;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 16px 40px -16px rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .55)}[data-theme=light]{--paper: #f6f7f3;--paper-raised: #ffffff;--ink: #14170f;--ink-muted: #5c6357;--line: #e2e4dd;--accent: #0e7c55;--accent-ink: #ffffff;--accent-soft: rgba(14, 124, 85, .08);--danger: #b3392f;--shadow-sm: 0 1px 2px rgba(20, 23, 15, .06);--shadow-md: 0 16px 40px -20px rgba(20, 23, 15, .22);--scrim: rgba(20, 23, 15, .35)}body{background-color:var(--paper);color:var(--ink);transition:background-color .3s ease,color .3s ease}.font-mono{font-family:IBM Plex Mono,monospace}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-wrapper.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.site-main{flex:1}.wrap-inner{width:min(1120px,100% - 3rem);margin-inline:auto}@media (max-width: 600px){.wrap-inner{width:min(1120px,100% - 2rem)}}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.5rem}.eyebrow:before{content:"";width:1.25rem;height:1px;background:currentColor}.site-header{position:relative}.appbar{position:fixed;top:0;left:0;right:0;z-index:100;height:4.5rem;display:flex;align-items:center;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.toolbar{width:min(1120px,100% - 3rem);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:baseline}.wordmark .dot{color:var(--accent)}.menu-toggle{display:flex;color:var(--ink);padding:.4rem}.menu-toggle svg{width:1.75rem;height:1.75rem;fill:currentColor}@media (min-width: 700px){.menu-toggle{display:none}}.nav-desktop{display:none;align-items:center;gap:.5rem}@media (min-width: 700px){.nav-desktop{display:flex}}.nav-controls{display:flex;align-items:center;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.4rem;color:var(--ink-muted);font-size:.9rem;padding:.5rem .75rem;border-radius:6px;transition:color .15s ease}.nav-item svg{width:1.1rem;height:1.1rem;fill:currentColor}.nav-desktop .nav-item svg{display:none}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--ink);font-weight:500}.mode-toggle-btn{color:var(--ink);padding:.25rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:199;opacity:0;pointer-events:none;transition:opacity .3s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:200;display:flex;flex-direction:column;background-color:var(--paper-raised);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .3s ease;box-sizing:border-box}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--line)}.drawer-close{color:var(--ink);padding:.4rem}.drawer-close svg{width:1.5rem;height:1.5rem;fill:currentColor}.drawer-nav{display:flex;flex-direction:column;padding:1rem .75rem;gap:.25rem}.drawer-nav .nav-item{font-size:1rem;padding:.75rem;border-radius:8px}.drawer-nav .nav-item:hover{background:var(--accent-soft)}.drawer-nav .nav-item svg{width:1.25rem;height:1.25rem}.notification{position:fixed;top:5.25rem;left:50%;transform:translate(-50%,-8px);z-index:1000;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;background-color:var(--paper-raised);border:1px solid var(--line);color:var(--ink);font-size:.875rem;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.notification.show{opacity:1;transform:translate(-50%)}.notification svg{width:1.1rem;height:1.1rem;fill:var(--accent)}.switch-label{position:relative;display:inline-block;width:42px;height:24px;background-color:var(--line);border-radius:30px;transition:background-color .3s}.switch-label .sun-icon,.switch-label .moon-icon{position:absolute;top:4px;left:22px;z-index:1;width:16px;height:16px;transition:left .3s,opacity .3s}.switch-label .sun-icon{opacity:1}.switch-label .sun-icon circle,.switch-label .sun-icon path{fill:#d9a441}.switch-label .moon-icon{fill:var(--ink-muted);opacity:0}[data-theme=dark] .switch-label .sun-icon{left:4px;opacity:0}[data-theme=dark] .switch-label .moon-icon{left:4px;opacity:1}.switch-label .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px}.switch-label .slider:before{content:"";position:absolute;height:18px;width:18px;border-radius:50%;left:3px;top:3px;z-index:2;background-color:var(--paper-raised);transition:left .3s}[data-theme=dark] .switch-label .slider:before{left:21px}.hero{padding:8.5rem 0 5rem;min-height:88vh;display:flex;align-items:center}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;gap:3rem}}.hero-heading{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(2.1rem,4.2vw,3.4rem);line-height:1.12;letter-spacing:-.01em;margin:1rem 0 1.25rem;max-width:16ch}.hero-sub{font-size:1.05rem;line-height:1.6;color:var(--ink-muted);max-width:46ch;margin-bottom:2rem}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;padding:.7rem 1.2rem;border-radius:8px;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 85%,black 15%)}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-panel{background:var(--paper-raised);border:1px solid var(--line);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm)}.panel-head{margin-bottom:1.1rem}.panel-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.panel-item{display:flex;align-items:flex-start;gap:.75rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:.4rem;flex-shrink:0;box-shadow:0 0 0 3px var(--accent-soft)}.panel-item-body{flex:1;min-width:0}.panel-item-name{font-size:.95rem;font-weight:500}.panel-item-meta{font-size:.8rem;color:var(--ink-muted)}.panel-item-link{color:var(--ink-muted);padding:.2rem;flex-shrink:0}.panel-item-link:hover{color:var(--accent)}.panel-item-link svg{width:1rem;height:1rem;fill:currentColor}.panel-stat{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--ink-muted);padding-top:1rem;border-top:1px solid var(--line)}.scroll-cue{display:none}@media (min-width: 900px){.scroll-cue{display:flex;align-items:center;gap:.6rem;margin-top:3rem;color:var(--ink-muted);font-size:.8rem;cursor:pointer;width:fit-content}.scroll-cue svg{width:1rem;height:1rem;fill:currentColor;animation:bounceDown 2s infinite}}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(4px)}60%{transform:translateY(2px)}}.section-heading{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.01em;margin:.75rem 0}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.work-wrapper{padding:5rem 0}.work-header{max-width:62ch;margin-bottom:3rem}.work-intro{color:var(--ink-muted);font-size:1rem;line-height:1.6}.work-tier{margin-bottom:3.5rem}.work-tier:last-child{margin-bottom:0}.tier-head{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.tier-head h3{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600}.tier-head p{font-size:.85rem;color:var(--ink-muted)}.client-list{display:flex;flex-direction:column;gap:1.5rem}.client-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--paper-raised);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .2s ease}.client-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.client-card:nth-child(2n){grid-template-columns:1fr 1fr}.client-card:nth-child(2n) .client-media{order:2}@media (max-width: 800px){.client-card,.client-card:nth-child(2n){grid-template-columns:1fr}.client-card:nth-child(2n) .client-media{order:0}}.client-media{position:relative;background:var(--paper);min-height:220px;display:flex;align-items:center;justify-content:center}.client-media img{width:100%;height:100%;object-fit:cover;object-position:top}.client-media.no-image{flex-direction:column;gap:.5rem;color:var(--ink-muted)}.client-media-mark{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:600;color:var(--ink-muted)}.client-body{padding:2rem 2rem 2rem 0;display:flex;flex-direction:column}.client-card:nth-child(2n) .client-body{padding:2rem 0 2rem 2rem}@media (max-width: 800px){.client-body,.client-card:nth-child(2n) .client-body{padding:1.5rem}}.client-status{display:inline-flex;align-items:center;gap:.4rem;font-family:IBM Plex Mono,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.client-name{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:.25rem}.client-meta{font-size:.85rem;color:var(--ink-muted);margin-bottom:.9rem}.client-desc{font-size:.95rem;line-height:1.6;color:var(--ink);margin-bottom:1.25rem}.tech-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-chip{font-family:IBM Plex Mono,monospace;font-size:.72rem;padding:.3rem .6rem;border-radius:5px;background:var(--accent-soft);color:var(--ink);border:1px solid var(--line)}.card-actions{display:flex;gap:1.25rem;margin-top:auto}.card-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:var(--ink);padding-bottom:2px;border-bottom:1px solid transparent}.card-link:hover{border-bottom-color:var(--accent);color:var(--accent)}.card-link svg{width:.95rem;height:.95rem;fill:currentColor}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.project-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}.project-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-2px)}.project-card img.project-thumb{width:100%;height:150px;object-fit:cover;object-position:top}.project-card .project-content{padding:1.25rem 1.25rem 0}.project-card .project-content h5{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.project-card .project-content p{font-size:.85rem;line-height:1.55;color:var(--ink-muted)}.project-card .tech-chips{padding:1rem 1.25rem 0;margin-bottom:0}.project-card .card-actions{padding:1rem 1.25rem 1.25rem}.contact-wrapper{padding:5rem 0 6rem}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 800px){.contact-inner{grid-template-columns:1fr;gap:2.5rem}}.contact-copy p{font-size:1rem;line-height:1.6;color:var(--ink-muted);max-width:42ch}.animated-form{background:var(--paper-raised);border:1px solid var(--line);padding:1.75rem;font-size:14px;font-family:inherit;color:var(--ink);display:flex;flex-direction:column;gap:1.1rem;box-sizing:border-box;border-radius:14px}.animated-form h1{font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:600}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-size:.8rem;color:var(--ink-muted)}.form-field input,.form-field textarea{font-family:inherit;font-size:.95rem;color:var(--ink);background-color:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem;outline:none;transition:border-color .2s;resize:vertical}.form-field input:hover,.form-field textarea:hover,.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field.has-error input,.form-field.has-error textarea{border-color:var(--danger)}.form-error{font-size:.75rem;color:var(--danger);min-height:1rem}.submit-btn{align-self:flex-start;font-family:inherit;color:var(--accent-ink);font-weight:500;background:var(--accent);padding:.75rem 1.1rem;font-size:inherit;margin-top:.25rem;cursor:pointer;border-radius:8px;transition:opacity .2s,transform .1s}.submit-btn:hover{opacity:.9}.submit-btn:active{transform:scale(.97)}.submit-btn:disabled{opacity:.6;cursor:default}.send-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}.send-overlay.active{opacity:1;pointer-events:auto}.send-overlay-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:2rem 2.5rem;border-radius:14px;background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-md);min-width:220px;transition:border-color .2s ease}.send-overlay.ok .send-overlay-card{border-color:var(--accent)}.send-overlay.fail .send-overlay-card{border-color:var(--danger)}.overlay-spinner{font-size:1.8rem;line-height:1;color:var(--accent);min-height:1.8rem}.send-overlay.fail .overlay-spinner{color:var(--danger)}.send-overlay-card p{font-size:.9rem;color:var(--ink);text-align:center}.site-footer{display:flex;justify-content:center;align-items:center;padding:1.5rem;border-top:1px solid var(--line)}.site-footer p{font-size:.8rem;color:var(--ink-muted)}.scroll-top{position:fixed;bottom:1.25rem;right:1.25rem;z-index:50;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--paper-raised);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .3s ease}.scroll-top.visible{opacity:1;pointer-events:auto}.scroll-top svg{width:1.25rem;height:1.25rem;fill:currentColor}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}