:root{--color-ink: #0a0a0a;--color-ink-alt: #14110d;--color-paper: #f5f5f5;--color-white: #ffffff;--color-accent: #9a6237;--color-accent-hover: #7d4f2d;--color-focus: var(--color-accent-hover);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(1.75rem, 2vw + 1.25rem, 2.5rem);--text-display: clamp(1.75rem, 3.5vw + 1.25rem, 4rem);--text-hero: clamp(2.5rem, 11vw + .25rem, 4rem);--text-display-xl: clamp(2.25rem, 7vw + .5rem, 6rem);--text-index: clamp(1.75rem, 4vw + .5rem, 5.5rem);--line-height-tight: 1.05;--line-height-snug: 1.3;--line-height-normal: 1.6;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--space-12: 6rem;--space-16: 8rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 12px 32px rgb(0 0 0 / .12);--transition-fast: .15s ease;--transition-base: .35s ease;--transition-slow: .6s ease;--container-width: 76rem;--container-padding: 1.25rem;--section-pad: var(--space-6);--card-pad: var(--space-3);--block-gap: var(--space-4);--color-frontend: #2f6fe0;--color-backend: #1f9d73;--color-data: #c97a12;--color-infrastructure: #7c53d1}.section--light{--section-bg: var(--color-paper);--section-text: var(--color-ink);--section-text-muted: rgb(10 10 10 / .6);--section-border: rgb(10 10 10 / .1);--card-bg: var(--color-white)}.section--dark,.section--dark-alt{--section-text: var(--color-white);--section-text-muted: rgb(255 255 255 / .6);--section-border: rgb(255 255 255 / .14);--card-bg: rgb(255 255 255 / .05);--color-accent: #c17a45;--color-accent-hover: #d68f57}.section--dark{--section-bg: var(--color-ink)}.section--dark-alt{--section-bg: var(--color-ink-alt)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark;-webkit-text-size-adjust:100%}body{min-height:100vh;background:#000;color:var(--color-white);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal)}img,picture,svg{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-sans);line-height:var(--line-height-tight);color:var(--section-text, var(--color-ink));font-weight:var(--weight-bold);text-wrap:balance;letter-spacing:-.02em}h2{font-size:var(--text-display)}h3{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.muted{color:var(--section-text-muted, rgb(10 10 10 / .6));font-weight:var(--weight-medium)}p{color:var(--section-text-muted, rgb(10 10 10 / .6));max-width:62ch}a{color:inherit}a,button,summary{cursor:pointer}button{font:inherit;background:none;border:none;color:inherit}summary{list-style:none}summary::-webkit-details-marker{display:none}ul,ol{list-style:none;padding:0}input,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.skip-link{position:absolute;top:-100%;left:var(--space-2);z-index:100;padding:var(--space-1) var(--space-2);background:var(--color-ink);color:var(--color-white);border-radius:var(--radius-sm);transition:top var(--transition-fast)}.skip-link:focus-visible{top:var(--space-2)}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--container-padding)}.section{background:var(--section-bg);color:var(--section-text);padding-block:var(--section-pad)}.section-heading{margin-bottom:var(--block-gap)}h2+p{margin-top:var(--space-2)}.eyebrow{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.02em;color:var(--section-text-muted);margin-bottom:var(--space-2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.js [data-reveal]{opacity:0;transform:translateY(1.25rem);transition:opacity var(--transition-base),transform var(--transition-base)}.js [data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}}.js [data-reveal-group]>*{opacity:0;transform:translateY(1.25rem);transition:opacity var(--transition-base),transform var(--transition-base)}.js [data-reveal-group].is-visible:not([data-reveal-mode=child])>*,.js [data-reveal-group]>*.is-visible{opacity:1;transform:none}.js [data-reveal-group].is-visible:not([data-reveal-mode=child])>*:nth-child(1){transition-delay:0ms}.js [data-reveal-group].is-visible:not([data-reveal-mode=child])>*:nth-child(2){transition-delay:60ms}.js [data-reveal-group].is-visible:not([data-reveal-mode=child])>*:nth-child(3){transition-delay:.12s}.js [data-reveal-group].is-visible:not([data-reveal-mode=child])>*:nth-child(4){transition-delay:.18s}.js [data-reveal-group].is-visible:not([data-reveal-mode=child])>*:nth-child(5){transition-delay:.24s}.js [data-reveal-group].is-visible:not([data-reveal-mode=child])>*:nth-child(6){transition-delay:.3s}@media(prefers-reduced-motion:reduce){[data-reveal-group]>*{opacity:1!important;transform:none!important;transition:none!important}}.splash{display:none}.js .splash{display:flex}.splash{position:fixed;inset:0;z-index:999;overflow:hidden;background:var(--color-ink);transition:opacity .45s ease .55s}.splash--reveal{opacity:0;pointer-events:none}.splash__grow{position:absolute;top:50%;left:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--color-frontend),var(--color-infrastructure) 55%,var(--color-data) 100%);transition:transform .8s cubic-bezier(.65,0,.35,1)}.splash--reveal .splash__grow{transform:scale(60)}.site-header{position:sticky;top:var(--space-2);z-index:50;padding-inline:var(--container-padding)}.site-nav{max-width:var(--container-width);margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.site-nav__pill{display:flex;align-items:center;gap:var(--space-2);background:var(--color-white);border-radius:var(--radius-pill);padding:.5rem var(--space-2);box-shadow:var(--shadow-sm)}.site-nav__pill a{text-decoration:none;color:var(--color-ink);font-size:var(--text-xs);font-weight:var(--weight-medium);opacity:.75;transition:opacity var(--transition-fast)}.site-nav__pill a:hover,.site-nav__pill a:focus-visible{opacity:1}.button{display:inline-flex;align-items:center;gap:var(--space-1);padding:.9rem 1.75rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;transition:transform var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast)}@media(hover:hover){.button:hover{transform:translateY(-1px)}}.button--primary{background:var(--color-ink);color:var(--color-white)}.section--dark .button--primary,.section--dark-alt .button--primary{background:var(--color-white);color:var(--color-ink)}.button--primary:hover,.button--primary:focus-visible{opacity:.85}.button--secondary{border:1px solid var(--section-border);color:var(--section-text)}.button--secondary:hover,.button--secondary:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.hero{position:relative;margin:var(--space-2) var(--container-padding) 0;border-radius:2rem;padding-block:5rem 4rem;overflow:hidden}.hero__blob-field{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__blob-field .blob{opacity:.38}.hero__blob-field .blob--1{width:55%;height:55%;top:-12%;left:-18%;background:var(--color-frontend);animation-duration:17s}.hero__blob-field .blob--2{width:45%;height:45%;bottom:-10%;right:-12%;background:var(--color-infrastructure);animation-duration:21s;animation-delay:-6s}.hero__blob-field .blob--3{width:40%;height:40%;top:30%;right:8%;background:var(--color-data);animation-duration:15s;animation-delay:-3s}.hero .container{position:relative;z-index:1}.hero__wordmark{font-size:var(--text-hero);font-weight:var(--weight-black);letter-spacing:-.04em;line-height:.95}.js .hero .container .hero__wordmark{transform:translateY(2.25rem);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}.js .hero .container.is-visible .hero__wordmark{transform:none}.hero__role{margin-top:var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-accent)}.hero__statement{margin-top:var(--space-2);font-size:var(--text-lg);max-width:42ch}.hero__facts{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.hero__actions .button{flex:1 1 auto;justify-content:center;min-width:0}.heading-2tone{max-width:22ch}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.project-card{background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}@media(hover:hover){.project-card:hover{transform:translateY(-7px) scale(1.015);box-shadow:var(--shadow-md)}}.project-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(135deg,#ffffff1a,#ffffff05);display:flex;align-items:center;justify-content:center;color:var(--section-text-muted);font-size:var(--text-sm)}.project-card__media:after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(115deg,transparent 35%,rgb(255 255 255 / .16) 50%,transparent 65%);transform:translate(-60%);transition:transform var(--transition-slow)}@media(hover:hover){.project-card:hover .project-card__media:after{transform:translate(60%)}}.project-card__body{padding:var(--space-3)}.project-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.project-card__name{font-size:var(--text-xl)}.project-card__year{font-size:var(--text-sm);color:var(--section-text-muted)}.project-card__description{margin-bottom:var(--space-2)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.tag{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--section-text-muted);border:1px solid var(--section-border);border-radius:var(--radius-pill);padding:.3rem .8rem}.project-card__link{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--section-text);text-decoration:none;border-bottom:1px solid transparent}.project-card__link:hover,.project-card__link:focus-visible{color:var(--color-accent);border-bottom-color:var(--color-accent)}.project-card__link--disabled{color:var(--section-text-muted);font-weight:var(--weight-medium);cursor:default}.link-arrow{display:inline-block;transition:transform var(--transition-base)}a:focus-visible .link-arrow{transform:translate(4px)}@media(hover:hover){a:hover .link-arrow{transform:translate(4px)}}.section-footer-action{margin-top:var(--block-gap);text-align:center}.stats-row{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--block-gap)}.stat-card{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--card-pad);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}@media(hover:hover){.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}.stat-card__number{font-size:var(--text-display);font-weight:var(--weight-black);letter-spacing:-.03em}.stat-card__number--text{font-size:var(--text-2xl)}.stat-card__label{margin-top:var(--space-1);font-weight:var(--weight-medium)}.skills-list{border-top:1px solid var(--section-border)}.skills-row{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0 var(--space-3) var(--space-2);border-bottom:1px solid var(--section-border);border-left:3px solid var(--row-color);transition:border-left-width var(--transition-base)}@media(hover:hover){.skills-row:hover{border-left-width:8px}}.skills-row--frontend{--row-color: #447de3}.skills-row--backend{--row-color: var(--color-backend)}.skills-row--data{--row-color: var(--color-data)}.skills-row--infrastructure{--row-color: #9675da}.skills-row__index{display:block;font-family:var(--font-sans);font-size:var(--text-index);font-weight:var(--weight-black);line-height:.85;letter-spacing:-.03em;color:var(--row-color)}.skills-row__main{min-width:0}.skills-row__name{font-size:var(--text-2xl);margin-bottom:var(--space-1);transition:color var(--transition-base)}.skills-row__desc{margin-bottom:var(--space-2);max-width:48ch}.skills-row__items{display:flex;flex-wrap:wrap;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--section-text)}.skills-row__items span{transition:color var(--transition-base)}.skills-row__items span:not(:last-child):after{content:"·";display:inline-block;margin-inline:.6em;color:var(--section-text-muted);font-weight:var(--weight-regular)}@media(hover:hover){.skills-row:hover .skills-row__name,.skills-row__items span:hover{color:var(--row-color)}}@media(prefers-reduced-motion:reduce){.skills-row,.skills-row__name,.skills-row__items span{transition:none}}.section-cta{margin-top:var(--block-gap)}.about-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;margin-bottom:var(--block-gap)}.pull-quote{margin-top:var(--space-4);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--section-text);border-left:3px solid var(--color-accent);padding-left:var(--space-3);max-width:32ch}.about-graphic{position:relative;aspect-ratio:1 / 1;min-height:14rem;overflow:hidden;border-radius:var(--radius-lg)}.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;animation:blob-drift 16s ease-in-out infinite alternate}.about-graphic .blob--1{width:60%;height:60%;top:0;left:8%;background:var(--color-infrastructure);animation-duration:14s}.about-graphic .blob--2{width:50%;height:50%;bottom:4%;right:4%;background:var(--color-frontend);animation-duration:18s;animation-delay:-4s}.about-graphic .blob--3{width:42%;height:42%;bottom:18%;left:22%;background:var(--color-data);animation-duration:20s;animation-delay:-8s}@keyframes blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(10%,-14%) scale(1.15)}}@media(prefers-reduced-motion:reduce){.blob{animation:none}}.principle-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.principle-card{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}@media(hover:hover){.principle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}}.principle-card--frontend{--tile-color: var(--color-frontend)}.principle-card--backend{--tile-color: var(--color-backend)}.principle-card--data{--tile-color: var(--color-data)}.principle-card--infrastructure{--tile-color: var(--color-infrastructure)}.principle-card__icon-wrap{width:3rem;height:3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);background:color-mix(in srgb,var(--tile-color) 16%,var(--card-bg))}.principle-card__icon{width:1.4rem;height:1.4rem;color:var(--tile-color)}.principle-card h3{margin-bottom:var(--space-1)}.faq-heading{font-size:var(--text-display-xl);font-weight:var(--weight-black);letter-spacing:-.03em}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}@media(hover:hover){.faq-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-lg)}.faq-item__icon{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--section-bg);color:var(--section-text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.faq-item__icon svg{width:.9rem;height:.9rem;transition:transform var(--transition-fast)}.faq-item[open] .faq-item__icon svg{transform:rotate(45deg)}.faq-item p{margin-top:var(--space-2)}.js .faq-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-slow)}.js .faq-item.is-expanded .faq-item__panel{grid-template-rows:1fr}.faq-item__panel-inner{overflow:hidden}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}.contact-heading{font-size:var(--text-display-xl);font-weight:var(--weight-black);letter-spacing:-.03em;line-height:.95}.contact-card{background:var(--card-bg);border:1px solid var(--section-border);border-radius:var(--radius-lg);padding:var(--card-pad)}.contact-card__links{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.contact-card__links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--section-text);font-weight:var(--weight-medium);padding-block:var(--space-1);border-bottom:1px solid var(--section-border)}.contact-card__links a:hover,.contact-card__links a:focus-visible{color:var(--color-accent)}.contact-notes{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.contact-note{display:flex;gap:var(--space-2);align-items:flex-start}.contact-note svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.15rem;color:var(--color-accent)}.site-footer{padding-block:var(--space-4)}.site-footer__inner{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.site-footer__links{display:flex;gap:var(--space-3)}.site-footer__links a{position:relative;color:var(--section-text-muted);text-decoration:none;transition:color var(--transition-base)}.site-footer__links a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right var(--transition-base)}.site-footer__links a:focus-visible{color:var(--color-accent)}.site-footer__links a:focus-visible:after{right:0}@media(hover:hover){.site-footer__links a:hover{color:var(--color-accent)}.site-footer__links a:hover:after{right:0}}@media(min-width:768px){:root{--text-hero: clamp(3.5rem, 12vw + 1rem, 10rem);--text-display: clamp(2.5rem, 4vw + 1.5rem, 4rem);--text-index: clamp(3rem, 7vw + 1rem, 5.5rem);--container-padding: var(--space-3);--section-pad: var(--space-12);--card-pad: var(--space-4);--block-gap: var(--space-6)}.faq-heading{font-size:clamp(3rem,10vw + 1rem,6rem)}.contact-heading{font-size:clamp(3rem,8vw + 1rem,6rem)}.site-nav__pill{gap:var(--space-3);padding:.6rem var(--space-3)}.site-nav__pill a{font-size:var(--text-sm)}.hero{padding-block:var(--space-16) var(--space-12)}.hero__facts{gap:var(--space-1) var(--space-4);margin-top:var(--space-4)}.hero__actions{margin-top:var(--space-4)}.hero__actions .button{flex:0 1 auto}.hero__blob-field .blob{opacity:.5}.hero__blob-field .blob--1{width:26rem;height:26rem;top:-8rem;right:-6rem;left:auto}.hero__blob-field .blob--2{width:20rem;height:20rem;bottom:-6rem;right:10rem}.hero__blob-field .blob--3{width:16rem;height:16rem;top:auto;bottom:4rem;right:-4rem}.faq-item{padding:var(--space-3) var(--space-4)}.project-grid,.stats-row,.principle-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1.1fr 1fr}.about-layout{grid-template-columns:1.1fr 1fr;margin-bottom:var(--space-8)}.skills-row{grid-template-columns:9rem 1fr;align-items:center;padding:var(--space-6) 0 var(--space-6) var(--space-4)}}@media(min-width:1024px){:root{--container-padding: var(--space-6)}.principle-grid{grid-template-columns:repeat(4,1fr)}}