:root{--color-navy: #0e2a3d;--color-navy-rgb: 14, 42, 61;--color-navy-light: #133244;--color-navy-mid: #183a50;--color-surface: #163547;--color-surface-hover: #1b3f56;--color-green: #7ac943;--color-green-dark: #5ab32a;--color-blue: #3fa9f5;--color-blue-dark: #1874eb;--color-blue-light: #9fd4fa;--color-text: #e2e8f0;--color-text-muted: #8fa3bc;--color-text-subtle: #5a7290;--color-border: rgba(63, 169, 245, .1);--color-border-hover: rgba(63, 169, 245, .22);--color-frame: rgba(63, 169, 245, .22);--color-frame-outer: #091f2e;--frame-inset: clamp(22px, 2vw, 30px);--canvas-max: 1180px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 40px;--header-height: 100px;--content-narrow: 640px;--content-wide: 1000px;--page-x: clamp(1.25rem, 4vw, 2.5rem);--section-y: var(--space-3xl);--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:1rem;line-height:1.65;color:var(--color-text);background:var(--color-frame-outer);padding:var(--frame-inset);min-height:100vh;min-height:100dvh}.site-canvas{width:100%;max-width:var(--canvas-max);min-height:calc(100vh - (var(--frame-inset) * 2));min-height:calc(100dvh - (var(--frame-inset) * 2));margin:0 auto;background:var(--color-navy);border:1px solid var(--color-frame);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 40px #0003;overflow:hidden;position:relative}@supports (corner-shape: squircle){.site-canvas{corner-shape:squircle;border-radius:40px}}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:underline;text-decoration-color:#8fa4bcb3;text-decoration-color:hsl(from currentColor h s l / .7);text-underline-offset:2px}a:hover{text-decoration-color:#8fa4bc;text-decoration-color:hsl(from currentColor h s l / 1)}:is(h1,h2,h3,h4,h5,h6) a,.nav a{text-decoration:none}strong{font-weight:500;color:#fff}em{font-style:italic;color:var(--color-text-muted)}ul{list-style:none}.container{width:100%;max-width:var(--content-wide);margin:0 auto;padding:0 var(--page-x)}.container--narrow{max-width:var(--content-narrow)}.skip-link{position:absolute;top:-100%;left:var(--space-sm);z-index:200;padding:var(--space-xs) var(--space-sm);background:var(--color-blue);color:var(--color-navy);border-radius:var(--radius-sm);font-weight:500}.skip-link:focus{top:var(--space-sm)}.section{padding:var(--section-y) 0}.section-eyebrow{font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-green);margin-bottom:var(--space-sm)}.section-title{font-size:clamp(1.75rem,4vw,2.375rem);font-weight:600;letter-spacing:-.03em;line-height:1.15;color:#fff}.section-subtitle{margin-top:var(--space-sm);font-size:1.0625rem;color:var(--color-text-muted);line-height:1.65;max-width:52ch}.section-intro{margin-bottom:var(--space-lg)}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:rgba(var(--color-navy-rgb),.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:background var(--transition)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo img{height:26px;width:auto;transition:opacity var(--transition)}.logo:hover img{opacity:.8}.nav{display:flex;gap:var(--space-lg)}.nav a{font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:color var(--transition);position:relative}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-green);transition:width var(--transition)}.nav a:hover{color:#fff}.nav a:hover:after{width:100%}.hero{position:relative;min-height:min(72vh,640px);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) 0;background:var(--color-navy);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;width:min(62%,900px);pointer-events:none}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:right center}.hero-content{position:relative;z-index:1;text-align:start;display:flex;flex-direction:column;align-items:start;max-width:var(--content-wide);text-wrap:balance}.hero-symbol{margin-bottom:var(--space-lg)}.hero-symbol img{width:72px;height:auto;margin:0 auto;filter:drop-shadow(0 8px 32px rgba(122,201,67,.15))}.hero-title{font-size:clamp(2.25rem,5.5vw,3.25rem);font-weight:600;letter-spacing:-.035em;line-height:1.12;color:#fff;margin-bottom:var(--space-md)}.hero-title-accent{background:linear-gradient(135deg,var(--color-green) 0%,var(--color-blue-light) 50%,var(--color-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{font-size:clamp(1.0625rem,2vw,1.1875rem);line-height:1.7;color:var(--color-text-muted);max-width:46ch}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.about{background:var(--color-navy);border-top:1px solid var(--color-border)}.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);margin-inline:calc(-1 * var(--space-lg))}.about-pillar{padding:var(--space-lg);background:var(--color-surface);background:var(--color-frame-outer);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition)}@supports (corner-shape: squircle){.about-pillar{border-radius:var(--radius-2xl);corner-shape:squircle}}.about-pillar:hover{border-color:var(--color-border-hover)}.about-pillar-title{font-size:1rem;font-weight:600;color:var(--color-green);letter-spacing:-.01em;margin-bottom:var(--space-sm)}.about-pillar p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.65}.about-story{max-width:62ch;display:flex;flex-direction:column;gap:var(--space-md)}.about-story p{font-size:1.0625rem;color:var(--color-text-muted);line-height:1.75}.projects{background:var(--color-navy-light);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.projects-header{margin-bottom:var(--space-xl)}.projects-header-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:end}.projects-header-desc{font-size:1.0625rem;color:var(--color-text-muted);line-height:1.65;max-width:42ch;margin-top:var(--space-sm)}.projects-category+.projects-category{margin-top:var(--space-2xl)}.projects-category-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.projects-category-name{font-size:1.525rem;font-weight:600;letter-spacing:-.02em;color:#fff}.projects-category-count{font-size:.8125rem;color:var(--color-text-subtle)}.pub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.pub-card{display:flex;flex-direction:column;background:var(--color-surface);background:var(--color-frame-outer);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}@supports (corner-shape: squircle){.pub-card{border-radius:var(--radius-2xl);corner-shape:squircle}}.pub-card:hover{border-color:var(--color-border-hover);transform:translateY(-3px);box-shadow:0 12px 40px #0003}.pub-card-visual{position:relative;display:block;aspect-ratio:16 / 8;overflow:hidden;background:var(--color-navy-mid)}.pub-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.pub-card:hover .pub-card-visual img{transform:scale(1.04)}.pub-card-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(14,42,61,.75) 0%,rgba(14,42,61,.1) 50%,transparent 100%);pointer-events:none}.pub-card-visual .pub-card-logo{position:absolute;top:var(--space-md);right:var(--space-md);height:auto;width:auto;max-width:60px;padding:.1rem;background:hsl(0 0 0 / .5);border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000001f;object-fit:contain;object-position:left center}@supports (corner-shape: squircle){.pub-card-visual .pub-card-logo{border-radius:100%;corner-shape:squircle}}.pub-card-logo--wide{height:15px;max-width:150px}.pub-card-body{display:flex;flex-direction:column;flex:1;padding:var(--space-md) var(--space-lg) var(--space-lg)}.pub-card-top{margin-bottom:var(--space-sm)}.pub-card-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:#fff;margin-top:var(--space-xs)}.pub-card-title a{display:inline-flex;align-items:center;gap:.3em;transition:color var(--transition)}.pub-card-title a:hover{color:var(--color-blue)}.pub-card-desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-md);flex:1}.pub-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-md);border-top:1px solid var(--color-border);margin-bottom:var(--space-sm)}.pub-metrics--two-cols{grid-template-columns:1fr 90px;gap:var(--space-xs)}.pub-metrics dt{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);margin-bottom:.2rem}.pub-metrics dd{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:#fff}.pub-card-link{font-size:.875rem;font-weight:500;color:var(--color-blue);transition:color var(--transition);margin-top:auto}.pub-card-link:hover{color:var(--color-blue-light)}.pub-card-link:after{content:" →";display:inline-block;transition:transform var(--transition)}.pub-card-link:hover:after{transform:translate(3px)}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.app-card{display:flex;flex-direction:column;background:var(--color-surface);background:var(--color-frame-outer);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),transform var(--transition)}@supports (corner-shape: squircle){.app-card{border-radius:var(--radius-2xl);corner-shape:squircle}}.app-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.app-card-visual{display:block;aspect-ratio:16 / 8;overflow:hidden;background:var(--color-navy-mid)}.app-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.app-card:hover .app-card-visual img{transform:scale(1.03)}.app-card-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(14,42,61,.3) 0%,transparent 60%)}.app-card-visual{position:relative}.app-card-visual--placeholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 50%,rgba(122,201,67,.1) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(63,169,245,.1) 0%,transparent 50%),var(--color-navy-mid)}.app-card-visual--placeholder img{width:48px;opacity:.35;transform:none!important}.app-card-body{display:flex;gap:var(--space-md);padding:var(--space-lg);flex:1}.app-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fffffff5;border-radius:var(--radius-md);box-shadow:0 2px 12px #0000001a}.app-card-icon img{width:32px;height:32px}.app-card-content{display:flex;flex-direction:column;flex:1;min-width:0}.app-card-top{margin-bottom:var(--space-xs)}.app-card-title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:#fff;margin-top:var(--space-xs)}.app-card-title a{display:inline-flex;align-items:center;gap:.3em;transition:color var(--transition)}.app-card-title a:hover{color:var(--color-blue)}.app-card-desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-md);flex:1}.app-card-link{font-size:.875rem;font-weight:500;color:var(--color-blue);transition:color var(--transition);margin-top:auto;align-self:flex-start}.app-card-link:hover{color:var(--color-blue-light)}.app-card-link:after{content:" →";display:inline-block;transition:transform var(--transition)}.app-card-link:hover:after{transform:translate(3px)}.app-card-soon{font-size:.8125rem;color:var(--color-text-subtle);font-style:italic;margin-top:auto}.project-status{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.4em .85em;border-radius:100px;display:inline-block;position:absolute;top:var(--space-md);right:var(--space-md);z-index:10;corner-shape:squircle}.project-status--webapp{color:var(--color-green);background:#7ac9431a;color:var(--color-frame-outer);background:var(--color-green)}.project-status--macos{color:var(--color-blue);background:#3fa9f51a;background:var(--color-navy)}.project-arrow{font-size:.85em;opacity:0;transform:translate(-4px,4px);transition:opacity var(--transition),transform var(--transition)}.pub-card-title a:hover .project-arrow,.app-card-title a:hover .project-arrow{opacity:1;transform:translate(0)}.site-footer{padding:var(--section-y) 0 var(--space-lg);background:var(--color-navy);border-top:1px solid var(--color-border)}.footer-main{display:grid;grid-template-columns:1.6fr .5fr 1.1fr 1fr;grid-template-columns:1.6fr .5fr 1.2fr 1.2fr;gap:var(--space-xl);gap:var(--space-lg);padding-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm);max-width:28ch}.footer-logo-link{display:inline-block;align-self:flex-start}.footer-logo{margin-left:-31px;margin-top:-15px;height:34px;width:auto;opacity:.9;transition:opacity var(--transition)}.footer-logo-link:hover .footer-logo{opacity:1}.footer-tagline{font-size:1.215rem;line-height:1.6;color:var(--color-text-muted)}.footer-symbol{width:40px;height:auto;margin-top:var(--space-xs);opacity:.35}.footer-col-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);margin-bottom:var(--space-sm)}.footer-nav ul{display:flex;flex-direction:column;gap:.65rem;gap:.3rem}.footer-nav a{font-size:.875rem;color:var(--color-text-muted);transition:color var(--transition);display:inline-flex;align-items:center;gap:.25em;text-wrap:nowrap}.footer-nav a:hover{color:#fff}.footer-ext{font-size:.75em;opacity:.5;transition:opacity var(--transition)}.footer-nav a:hover .footer-ext{opacity:1}.footer-soon{font-size:.875rem;color:var(--color-text-subtle);font-style:italic}.footer-contact{display:flex;flex-direction:column}.footer-contact-lead{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-xs)}.footer-email{font-size:clamp(1rem,1.5vw,1.15rem);font-weight:500;letter-spacing:-.02em;color:var(--color-blue);transition:color var(--transition);word-break:break-all}.footer-email:hover{color:var(--color-blue-light)}.footer-meta{padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.footer-meta-body{display:flex;flex-direction:column;gap:.35rem;max-width:52ch;margin-bottom:var(--space-lg)}.footer-meta-line{font-size:.8125rem;line-height:1.65;color:var(--color-text-muted)}.footer-meta-line--ids{font-variant-numeric:tabular-nums;color:var(--color-text-subtle);line-height:1.75}.footer-meta-copy{display:inline;padding:0;margin:0;border:none;background:none;font:inherit;font-size:inherit;color:inherit;letter-spacing:.03em;cursor:pointer;transition:color var(--transition)}.footer-meta-copy:before{content:" "}.footer-meta-copy:hover{color:var(--color-blue-light)}.footer-meta-copy.is-copied{color:var(--color-green)}.footer-meta-bar{padding-top:var(--space-md);border-top:1px solid var(--color-border)}.footer-copy{font-size:.75rem;color:var(--color-text-subtle)}@media(max-width:1180px){:root{--page-x: 4.5rem}body{padding:0}.site-canvas{border-radius:0}}@media(max-width:900px){:root{--section-y: var(--space-2xl)}.about-pillars{grid-template-columns:1fr}.projects-header-row{grid-template-columns:1fr;gap:var(--space-sm)}.projects-header-desc{justify-self:start;text-align:left}.pub-grid,.apps-grid{grid-template-columns:1fr}.hero-bg{width:75%}.footer-main{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.footer-brand{grid-column:1 / -1;max-width:none}}@media(max-width:768px){:root{--page-x: 3.75rem;--section-y: var(--space-xl);--header-height: 72px}.pub-metrics{grid-template-columns:repeat(3,1fr)}.pub-metrics--two-cols{grid-template-columns:1fr;gap:var(--space-sm)}.footer-main{grid-template-columns:1fr;gap:var(--space-lg)}.nav{gap:var(--space-md)}.hero-bg{opacity:.1;width:100%}.hero{min-height:min(56vh,480px);padding:var(--space-xl) 0}.hero-bg-image{object-position:85% center}.pub-card-body,.app-card-body{padding:var(--space-md)}.footer-main{gap:var(--space-md)}.footer-meta{padding-top:var(--space-lg)}}@media(max-width:500px){:root{--page-x: 2rem;--section-y: var(--space-lg);--frame-inset: 0}.about-pillars{margin-inline:calc(-1 * var(--space-sm))}.about-pillar{padding:var(--space-md)}.hero-symbol{display:none}.header-inner{flex-direction:column;align-items:start;justify-content:center;gap:.5rem}.site-header{height:auto;min-height:var(--header-height);padding-block:var(--space-md)}.site-footer{padding-bottom:var(--space-md)}.footer-main{gap:var(--space-lg)}.projects-header-row{gap:var(--space-xs)}.section-intro{margin-bottom:var(--space-md)}.nav{gap:var(--space-md)}.nav a{font-size:.8125rem}.hero-title{font-size:clamp(2rem,5.5vw,3.25rem)}.footer-logo{margin-left:0;margin-top:0}}@media(max-width:430px){.pub-metrics{grid-template-columns:1fr;gap:var(--space-sm)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-symbol{opacity:1;animation:none}.pub-card:hover,.app-card:hover,.pub-card:hover .pub-card-visual img,.app-card:hover .app-card-visual img{transform:none}}