*,*::before,*::after{box-sizing:border-box}::selection{background:#0a0a0a;color:#fff}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:#fff;color:#0a0a0a;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.6;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'ss01', 'cv11'}img{max-width:100%;display:block}a{color:#0a0a0a;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#cfcfcf;transition:text-decoration-color 0.15s ease}a:hover{text-decoration-color:#0a0a0a}h1,h2,h3,h4{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:600;line-height:1.18;letter-spacing:-0.02em;margin:0 0 1rem;color:#0a0a0a}h1{font-size:clamp(2.6rem, 5.5vw, 4.2rem);letter-spacing:-0.035em;font-weight:700}h2{font-size:clamp(1.6rem, 2.6vw, 2.1rem);letter-spacing:-0.025em}h3{font-size:1.15rem}h4{font-size:1rem}p{margin:0 0 1em}ul,ol{padding-left:1.2em;margin:0 0 1em}code,pre,.mono{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}code{font-size:0.9em;background:#f4f4f4;padding:1px 5px;border-radius:2px}pre{background:#f4f4f4;color:#0a0a0a;padding:1em 1.2em;border-radius:2px;overflow-x:auto;font-size:0.92em;border:1px solid #e8e8e8}pre code{background:transparent;padding:0}hr{border:0;height:0;background:transparent;margin:2.5rem 0}.muted{color:#8a8a8a}.mono{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#0a0a0a;color:#fff;padding:0.6rem 1rem;z-index:999;text-decoration:none}.container{width:100%;max-width:720px;margin-left:0;margin-right:0;padding:0 clamp(1.5rem, 4vw, 4rem)}.content{max-width:720px;margin-left:0;margin-right:0}.section{padding:clamp(4rem, 8vw, 7rem) 0;text-align:left}.section-head{margin-bottom:1.6rem;max-width:720px}.eyebrow{display:inline-block;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:1.15rem;color:#fff;background:#0a0a0a;letter-spacing:0.02em;margin-bottom:0.65rem;padding:0.45em 0.75em;text-transform:lowercase}.section-title{margin:0;max-width:18ch}.section-lede{color:#4a4a4a;font-size:1.05rem;margin:1rem 0 0;max-width:60ch}.btn{display:inline-flex;align-items:center;gap:0.45rem;padding:0.45em 0.75em;font-weight:500;font-size:1.15rem;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:0.02em;text-transform:lowercase;cursor:pointer;text-decoration:none;border:1px solid #0a0a0a;background:#fff;color:#0a0a0a;transition:background 0.15s ease, color 0.15s ease;line-height:1}.btn:hover{background:#0a0a0a;color:#fff;text-decoration:none}.btn-primary{background:#fff;color:#0a0a0a}.btn-primary:hover{background:#0a0a0a;color:#fff}.btn[disabled],.btn[aria-disabled="true"]{background:#fff;color:#8a8a8a;border-color:#cfcfcf;cursor:not-allowed}.btn[disabled]:hover,.btn[aria-disabled="true"]:hover{background:#fff;color:#8a8a8a}.btn-link{background:transparent;border:0;border-bottom:1px solid #0a0a0a;border-radius:0;padding:0.2rem 0;color:#0a0a0a;font-weight:500}.btn-link:hover{background:transparent;color:#8a8a8a;border-color:#8a8a8a}.cta-row{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:2rem}.logo-banner{background:#fff;padding:1.1rem 0}.logo-banner .container{display:flex;align-items:center}.corner-brand{display:inline-flex;align-items:center;gap:0.7rem;text-decoration:none}.corner-square{width:2.25rem;height:2.25rem;background:#0a0a0a}.corner-text{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:1rem;letter-spacing:0.04em;text-transform:lowercase;color:#0a0a0a}.hero{padding:clamp(6rem, 14vw, 10rem) 0 clamp(4rem, 8vw, 6rem);border-top:0;text-align:left}.hero-inner{max-width:100%}.hero-title{font-size:clamp(3.35rem, 10vw, 8rem);font-weight:700;line-height:1.02;letter-spacing:-0.04em;margin:0 0 1.6rem}.hero-lede{color:#4a4a4a;font-size:clamp(1.05rem, 1.4vw, 1.18rem);max-width:60ch;margin:0 0 2rem}.services-unit{max-width:60ch}.services-intro,.services-note{color:#4a4a4a;font-size:1.04rem;margin:0}.services-tags{list-style:none;padding:0;margin:1.2rem 0;display:flex;flex-wrap:wrap;gap:0.45rem 0.65rem}.services-tags li{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.84rem;color:#0a0a0a;background:#f5f5f5;padding:0.35rem 0.55rem}.portfolio{display:flex;flex-direction:column;gap:clamp(3rem, 6vw, 4.5rem)}.portfolio-item{max-width:100%}.portfolio-title{font-size:1.05rem;font-weight:600;letter-spacing:-0.02em;margin:0 0 1rem;color:#0a0a0a}.portfolio-photos{display:grid;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr));gap:0.35rem;margin:0 0 1rem}.portfolio-photo{appearance:none;border:0;border-radius:14px;padding:0;margin:0;cursor:zoom-in;background:#f4f4f4;overflow:hidden;aspect-ratio:16 / 9;display:block}.portfolio-photo img{width:100%;height:100%;object-fit:cover;transition:opacity 0.15s ease;display:block}.portfolio-photo:hover img{opacity:0.92}.portfolio-photo:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}.portfolio-photos .portfolio-photo:not(:first-of-type){display:none}.portfolio-photo-placeholder{grid-column:1 / -1;min-height:220px;background:#f8f8f8;display:flex;align-items:center;justify-content:center}.portfolio-photo-placeholder span{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.82rem;color:#8a8a8a;letter-spacing:0.03em;text-transform:lowercase}.portfolio-summary{margin:0 0 0.75rem;font-size:1rem;line-height:1.55;color:#4a4a4a;max-width:55ch}.more-links{margin:0.4rem 0 0;font-size:1rem;line-height:1.55;color:#4a4a4a}.portfolio-actions{margin:0;display:flex;flex-wrap:wrap;gap:0.9rem}.portfolio-site{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.84rem;letter-spacing:0.03em;color:#0a0a0a;text-decoration:none}.portfolio-site:hover{text-decoration:underline;text-underline-offset:4px}.timeline{list-style:none;margin:0;padding:0;max-width:720px}.timeline-row{display:grid;grid-template-columns:1fr;gap:0.5rem;padding:2rem 0}.timeline-when{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.82rem;color:#8a8a8a;letter-spacing:0.02em;line-height:1.4}.timeline-role{font-size:1.1rem;font-weight:600;margin:0 0 0.15rem}.timeline-role .at{color:#8a8a8a;margin:0 0.25em;font-weight:400}.timeline-role .company{color:#0a0a0a}.timeline-where{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.78rem;color:#8a8a8a;margin:0 0 0.8rem}.timeline-highlights{margin:0;padding-left:1.1rem;color:#4a4a4a}.timeline-highlights li{margin-bottom:0.3rem}.posts{list-style:none;margin:0;padding:0;max-width:720px}.posts li{border-top:0}.posts a{display:grid;grid-template-columns:1fr;gap:0.4rem;align-items:baseline;padding:1.4rem 0;text-decoration:none;color:#0a0a0a}.posts a:hover .post-link-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.post-link-date{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.82rem;color:#8a8a8a}.post-link-title{font-size:1.1rem;font-weight:500;letter-spacing:-0.015em}.contact-list{list-style:none;margin:0;padding:0;max-width:720px}.contact-list li{display:grid;grid-template-columns:1fr;gap:0.35rem;align-items:baseline;padding:1.2rem 0}.contact-list .label{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.82rem;color:#8a8a8a;letter-spacing:0.02em}.contact-list a{font-size:1.05rem}.contact-form{margin-top:3rem;max-width:720px;display:flex;flex-direction:column;gap:1.4rem}.contact-form label{display:flex;flex-direction:column;gap:0.4rem;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.78rem;color:#8a8a8a;letter-spacing:0.02em}.contact-form input,.contact-form textarea{font:inherit;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;color:#0a0a0a;background:transparent;border:0;border-bottom:1px solid #cfcfcf;border-radius:0;padding:0.5rem 0;transition:border-color 0.15s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#0a0a0a}.contact-form textarea{resize:vertical;min-height:110px}.contact-form .form-actions{margin-top:0.5rem}.contact-form .form-note{font-size:0.78rem;color:#8a8a8a;margin:0.5rem 0 0}.project{padding-bottom:5rem;text-align:left}.project-header{padding:4rem 0 2rem}.back-link{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.82rem;color:#8a8a8a;text-decoration:none;border-bottom:1px solid #e8e8e8}.back-link:hover{color:#0a0a0a;border-color:#0a0a0a}.project-title{font-size:clamp(2.2rem, 4.5vw, 3.4rem);font-weight:700;letter-spacing:-0.03em;margin:1.4rem 0 1rem}.project-summary{font-size:1.15rem;color:#4a4a4a;max-width:60ch;margin:0 0 1.6rem}.project-meta{display:flex;flex-wrap:wrap;gap:0.4rem 1.2rem;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.82rem;color:#8a8a8a;letter-spacing:0.02em}.project-meta .meta-label{color:#cfcfcf;margin-right:0.4em}.project-meta a{color:#8a8a8a;text-decoration:none;border-bottom:1px solid #e8e8e8}.project-meta a:hover{color:#0a0a0a;border-color:#0a0a0a}.project-meta .sep{color:#cfcfcf}.project-tech{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0.4rem 0.9rem;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.8rem;color:#4a4a4a}.project-tech li::before{content:"/";color:#cfcfcf;margin-right:0.5em}.project-tech li:first-child::before{content:"";margin-right:0}.project-hero{margin:3rem 0 0;max-width:720px;padding:0 clamp(1.5rem, 4vw, 4rem)}.project-hero img{width:100%;height:auto}.project-hero.placeholder{aspect-ratio:21 / 9;max-width:672px;border:0;background-image:linear-gradient(45deg, #e8e8e8 25%, transparent 25%),linear-gradient(-45deg, #e8e8e8 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #e8e8e8 75%),linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);background-size:24px 24px;background-position:0 0, 0 12px, 12px -12px, -12px 0;background-color:#fafafa;display:flex;align-items:center;justify-content:center;margin:3rem 0 0}.placeholder-label{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.85rem;color:#8a8a8a;background:#fff;padding:0.4rem 0.8rem;border:0}.project-body{margin-top:4rem}.prose{max-width:65ch;margin:0;font-size:1.05rem;color:#4a4a4a}.prose p,.prose ul,.prose ol,.prose blockquote{color:#4a4a4a}.prose h2,.prose h3,.prose h4,.prose strong{color:#0a0a0a}.prose h2{margin-top:2.4rem;font-size:1.45rem}.prose h3{margin-top:1.8rem;font-size:1.15rem}.prose a{color:#0a0a0a}.prose img{margin:2rem 0;border:1px solid #e8e8e8}.prose blockquote{margin:1.5rem 0;padding:0.4rem 1.2rem;border-left:2px solid #0a0a0a;color:#4a4a4a;font-style:italic}.prose hr{margin:3rem 0}.project-gallery{margin:4rem 0 0;max-width:720px;padding:0 clamp(1.5rem, 4vw, 4rem)}.gallery-eyebrow{display:inline-block;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:1.15rem;color:#fff;background:#0a0a0a;letter-spacing:0.02em;margin:0 0 1.4rem;padding:0.45em 0.75em;text-transform:lowercase}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:0.6rem}.gallery-item{margin:0;border:0;background:#fafafa;aspect-ratio:4 / 3;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover}.project-foot{margin-top:5rem;padding-top:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:100%}.post{padding:4rem 0 6rem;text-align:left}.post-header{margin:0 0 3rem;padding:0}.post-title{font-size:clamp(2rem, 4vw, 2.8rem);font-weight:700;letter-spacing:-0.03em;margin:1.4rem 0 0.8rem}.post-meta{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.82rem;color:#8a8a8a;margin:0}.post-body{margin:0;padding:0}.site-footer{padding:2.5rem 0 3rem;margin-top:0}.footer-inner{display:flex;justify-content:flex-start;align-items:baseline;flex-wrap:wrap;gap:1rem 2rem;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.78rem;color:#8a8a8a;text-align:left}.footer-inner a{color:#8a8a8a;text-decoration:none;border-bottom:1px solid #e8e8e8}.footer-inner a:hover{color:#0a0a0a;border-color:#0a0a0a}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));overscroll-behavior:contain;touch-action:manipulation}.lightbox[hidden]{display:none !important}.lightbox-backdrop{position:absolute;inset:0;z-index:1;margin:0;padding:0;border:0;cursor:zoom-out;background:rgba(255,255,255,0.96)}.lightbox-inner{position:relative;z-index:2;width:min(94vw, 1100px);max-width:min(94vw, 1100px);min-width:0;max-height:min(88vh, 900px);max-height:min(88dvh, 900px);padding-top:2.25rem;display:grid;grid-template-columns:auto minmax(0, 1fr) auto;gap:0.5rem;align-items:center;box-sizing:border-box}.lightbox-img{grid-column:2;justify-self:center;align-self:center;max-width:100%;max-height:min(82vh, 820px);max-height:min(82dvh, 820px);width:auto;height:auto;object-fit:contain}.lightbox-close{position:absolute;top:0;right:0;border:0;background:transparent;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:1.75rem;line-height:1;cursor:pointer;color:#0a0a0a}.lightbox-close:hover{opacity:0.6}.lightbox-prev,.lightbox-next{border:1px solid #cfcfcf;background:#fff;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:1.35rem;line-height:1;width:3rem;height:3rem;border-radius:999px;display:inline-grid;place-items:center;padding:0;cursor:pointer;color:#0a0a0a;box-shadow:0 2px 10px rgba(0,0,0,0.12)}.lightbox-prev:hover:not([hidden]),.lightbox-next:hover:not([hidden]){border-color:#0a0a0a;background:#0a0a0a;color:#fff}.lightbox-prev[hidden],.lightbox-next[hidden]{visibility:hidden}@media (max-width: 720px){.portfolio-photos{grid-template-columns:1fr}.portfolio-photo{width:100%;max-width:100%}.lightbox{padding:max(0.35rem, env(safe-area-inset-top)) max(0.35rem, env(safe-area-inset-right)) max(0.35rem, env(safe-area-inset-bottom)) max(0.35rem, env(safe-area-inset-left))}.lightbox-inner{display:block;width:100%;max-width:100%;padding-top:2.25rem}.lightbox-img{grid-column:auto;display:block;width:100%;max-width:100%;max-height:calc(100vh - 3.25rem);max-height:calc(100dvh - 3.25rem)}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);z-index:201;width:2.85rem;height:2.85rem;font-size:1.35rem;box-shadow:0 2px 12px rgba(0,0,0,0.18);background:rgba(255,255,255,0.92)}.lightbox-prev{left:max(0.35rem, env(safe-area-inset-left))}.lightbox-next{right:max(0.35rem, env(safe-area-inset-right))}.timeline-row,.posts a,.contact-list li{grid-template-columns:1fr;gap:0.4rem}.timeline-when,.post-link-date{padding-top:0}.footer-inner{justify-content:flex-start}.corner-brand{gap:0.55rem}.corner-square{width:1.75rem;height:1.75rem}.corner-text{font-size:0.9rem}}