.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-section .col-left,.nav-section .col-right{padding-top:var(--pad);padding-bottom:0}.nav-section+.section{min-height:50vh}.nav-left,.nav-right{gap:24px;display:flex}.nav-right-wrapper{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.theme-toggle{-webkit-backdrop-filter:blur(12px);cursor:pointer;opacity:.5;color:var(--color-text);z-index:200;background:#fff6;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:opacity .2s;display:flex;position:fixed;top:16px;right:16px}.theme-toggle:hover{opacity:1}@media (width<=768px){.theme-toggle{display:none}}.theme-icon{width:24px;height:24px}[data-theme=dark] .theme-toggle{background:#0000004d}[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-section{background:var(--color-bg);z-index:100;flex-flow:row;justify-content:space-between;position:sticky;top:0}.nav-section .col-left,.nav-section .col-right{width:auto;padding-bottom:24px}.nav-section .col-right{margin-left:auto}.nav-section+.section{justify-content:start}.headline p{font-size:26px}}.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}.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,.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}*,: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}}
