.section{max-width:1900px;margin:0 auto;display:flex}.col-left{width:50%;padding:72px var(--pad) var(--pad);border-right:none}.col-right{width:50%;padding:72px var(--pad) var(--pad)}@media (width<=1280px) and (width>=769px){.col-left{width:33%}.col-right{width:67%}}@media (width<=768px){.section{flex-flow:column-reverse wrap}.col-left{border-right:none;width:100%}.col-right{width:100%}}.nav-bar{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1900px;margin:0 auto;padding:20px 20px 0;display:grid}.nav-left{display:flex}.nav-center{gap:24px;display:flex}.nav-icon-buttons{justify-content:flex-end;gap:10px;display:flex}.nav-icon-btn{cursor:pointer;color:var(--color-text);background:#f1f2f680;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;text-decoration:none;transition:background .2s;display:flex}.nav-icon-btn:hover{background:#f1f2f6}@media (width<=768px){.nav-icon-buttons{display:none}}.theme-icon{width:20px;height:20px}[data-theme=dark] .nav-icon-btn{background:#2a2a2a80}[data-theme=dark] .nav-icon-btn:hover{background:#2a2a2a}[data-theme=dark] .theme-icon{filter:invert()}.nav-link{font-size:var(--nav-size);letter-spacing:-.01em;border-bottom:1.25px solid #0000;padding-bottom:5px;font-weight:400;text-decoration:none;transition:border-color .2s}.nav-link.active,.nav-link:hover{border-bottom-color:var(--color-text)}.headline p{font-size:var(--headline-size);letter-spacing:-.02em;max-width:600px;font-weight:400;line-height:150%}.headline-link{border-bottom:1.25px solid var(--color-link-underline);padding-bottom:0;text-decoration:none;transition:border-color .2s}.headline-link:hover{border-bottom-color:var(--color-text)}@media (width<=768px){.nav-bar{background:var(--color-bg);z-index:100;grid-template-columns:1fr auto;padding-bottom:24px;position:sticky;top:0}.nav-center{order:1}.headline p{font-size:24px}}.index-list{padding:var(--pad);max-width:1900px;margin:0 auto}.project-table{border-collapse:collapse;width:100%;font-size:16px}.project-table th{text-align:left;color:#999;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:12px 0;font-size:13px;font-weight:400}.project-table td{border-bottom:1px solid var(--color-border);padding:16px 0}.project-table tbody tr{transition:opacity .15s}.project-table tbody tr:hover{opacity:.5}.claude-icon{vertical-align:middle;width:20px;height:20px;margin-left:8px;transform:rotate(-4deg)}.status-coming-soon{opacity:.5}@media (width<=768px){.project-table td:nth-child(3){display:none}}.about-heading{text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:20px;font-size:13px;font-weight:400}.about-bio{font-size:var(--headline-size);letter-spacing:-.02em;max-width:520px;margin-bottom:16px;font-weight:400;line-height:40px}.about-contact{margin-top:var(--pad)}.about-links{list-style:none}.about-links li{margin-bottom:12px}.about-link{font-size:17px;transition:opacity .2s}.about-link:hover{opacity:.5}.hero-centered{text-align:center;padding:200px var(--pad);justify-content:center;align-items:center;max-width:1900px;margin:0 auto;display:flex}.hero-centered .headline p{max-width:550px}.works-grid{padding:var(--grid-pad);max-width:1900px;margin:0 auto}.grid{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}.grid-item{border-radius:0;overflow:hidden}.grid-image{background:var(--color-image-bg);border-radius:0;width:100%;display:block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:CustomFont;src:url(/assets/Inter-Cpd2YT5r.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-text:#1a1a2e;--color-bg:#fff;--color-grid-bg:#f0f0f0;--color-border:#e0e0e0;--color-indicator:#1a1a2e;--font-body:"CustomFont", "Inter", sans-serif;--nav-size:20px;--headline-size:26px;--pad:30px;--grid-pad:12px;--grid-gap:12px;--color-link-underline:#1a1a2e26;--color-image-bg:#f1f2f6}[data-theme=dark]{--color-text:#fff;--color-bg:#121212;--color-grid-bg:#1a1a1a;--color-border:#2a2a2a;--color-indicator:#fff;--color-link-underline:#ffffff26;--color-image-bg:#1a1a1a}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color .3s,background-color .3s}a{color:inherit;text-decoration:none;transition:color .3s}*{transition:border-color .3s,background-color .3s}@media (width<=768px){:root{--pad:24px}}