:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#2c2416;background-color:#f0dfc3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #2c2416;--ink-soft: #5a5148;--ink-muted: #6b5c4a;--paper: #fffdf8;--line: #e4d3b8;--accent: #1f5fae;--accent-strong: #174a89}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;scroll-padding-top:64px;background-color:#f0dfc3}body{display:block}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}button{font-family:inherit}.app-container{width:100%;position:relative}.site-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;gap:8px;padding:10px 0;background:#f0dfc3f0;box-shadow:0 1px 0 var(--line)}.site-nav__item{padding:6px 12px;border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--ink);font-size:.95rem;font-weight:600;cursor:pointer}.site-nav__item.is-active{color:var(--accent);border-bottom-color:var(--accent)}.home{max-width:1080px;margin:0 auto;padding:104px 24px 40px;box-sizing:border-box}.home__eyebrow{margin:0 0 12px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.home__name{margin:0;font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.05;letter-spacing:-.03em;color:var(--ink)}.home__meta{margin:10px 0 0;color:var(--ink-muted);font-size:1rem}.home__lede{margin:20px 0 0;max-width:44rem;color:#3d3428;font-size:1.12rem;line-height:1.6}.home__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.home__button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid #c4a882;border-radius:8px;background:var(--paper);color:var(--ink);font-size:.95rem;font-weight:600;cursor:pointer}.home__button:hover,.home__button:focus-visible{border-color:#8b5e3c;color:var(--ink)}.home__button--primary{border-color:var(--accent);background:var(--accent);color:#fff}.home__button--primary:hover,.home__button--primary:focus-visible{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.contact{max-width:1080px;margin:0 auto;padding:56px 24px 96px;box-sizing:border-box;border-top:1px solid var(--line)}.contact__title{margin:0 0 6px;font-size:1.6rem;letter-spacing:-.02em}.contact__lede{margin:0 0 20px;color:var(--ink-muted)}.contact__links{display:flex;flex-wrap:wrap;gap:12px 28px}.contact__link{display:inline-flex;align-items:center;gap:8px;font-weight:600;word-break:break-all}.work{max-width:1080px;margin:0 auto;padding:8px 24px 56px;box-sizing:border-box}.work__heading{margin:0 0 18px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.work__heading--labs{margin:56px 0 4px}.work__note{margin:0 0 18px;color:var(--ink-muted);font-size:.92rem}.work__systems{display:flex;flex-direction:column;gap:24px}.system{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px #5a3c140f}.system__index{margin:0 0 6px;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.14em}.system__title{margin:0;color:var(--ink);font-size:1.55rem;line-height:1.2;letter-spacing:-.02em}.system__summary{margin:10px 0 16px;color:var(--ink-soft);line-height:1.55}.system__proof{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none}.system__proof li{position:relative;padding-left:18px;color:#3d3428;font-size:.95rem;line-height:1.5}.system__proof li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--accent)}.system__proof p{margin:0}.system__proof strong{color:var(--ink)}.system__figure{position:relative;display:flex;align-items:center;justify-content:center;align-self:start;min-height:260px;padding:16px;border:1px solid #eee3d3;border-radius:12px;background:#f8f4ec;cursor:zoom-in;overflow:hidden}.system__figure:hover,.system__figure:focus-visible{border-color:#d4b98a}.system__figure-media{width:100%;max-height:360px;object-fit:contain;pointer-events:none}.system__figure-label{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:#fffdf8f0;color:#8b5e3c;font-size:.75rem;font-weight:700;box-shadow:0 1px 4px #5a3c141f}.work__labs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lab{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}.lab__media{display:block;width:100%;height:150px;padding:0;border:none;border-radius:0;background:#f1e7d8;cursor:zoom-in}.lab__media-asset{width:100%;height:100%;object-fit:cover;pointer-events:none}.lab__body{padding:14px 16px 16px}.lab__title{margin:0;font-size:1.05rem;color:var(--ink)}.lab__summary{margin:6px 0 0;color:var(--ink-soft);font-size:.9rem;line-height:1.5}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-card__tag{padding:4px 10px;border:1px solid #e8d7bf;border-radius:999px;background:#f4ebe0;color:#6b5340;font-size:.75rem;font-weight:600}.project__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project__link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e0d0b0;border-radius:999px;background:#fcfaf2;color:var(--ink);font-size:.82rem;font-weight:600}.project__link:hover,.project__link:focus-visible{border-color:#c4a882;background:#fff;color:var(--ink)}.project__link--live{border-color:var(--accent);color:var(--accent)}.project__link--live:hover,.project__link--live:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}.project-card__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.project-card__gallery-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:180px;margin-bottom:8px;padding:6px;overflow:hidden;border:1px solid #eee3d3;border-radius:10px;background:#f8f4ec;cursor:zoom-in}.project-card__gallery-thumb img,.project-card__gallery-thumb video{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.project-card__gallery-thumb:hover{border-color:#d4b98a}.project-card__gallery-item span{display:block;font-size:.88rem;font-weight:600;color:var(--ink)}.project-card__gallery-item p{margin:4px 0 0;color:#666;font-size:.8rem;line-height:1.45}.project-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding:72px 16px 32px;overflow-y:auto;background:#2c2416d1}.project-modal{position:relative;width:min(940px,100%);margin:auto;padding:28px;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 64px #2c241647}.project-modal__title{margin:0 48px 20px 0;color:var(--ink);font-size:1.5rem;letter-spacing:-.02em}.project-modal__close{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e0d0b0;border-radius:999px;background:#fcfaf2;color:var(--ink-soft);cursor:pointer}.project-modal__close:hover,.project-modal__close:focus-visible{background:#fff;border-color:#c4a882;color:var(--ink)}.project-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#000;cursor:zoom-out}.project-lightbox__content{display:flex;flex-direction:column;align-items:center;max-width:85%;cursor:default}.project-lightbox__media{max-width:100%;max-height:72vh;border-radius:4px;background:#fff}.project-lightbox__caption{margin-top:18px;color:#fff;text-align:center}.project-lightbox__caption h3{margin:0}.project-lightbox__caption p{margin:6px 0 0;opacity:.8}.project-lightbox__count{margin-top:10px;font-size:.8rem;opacity:.5}.project-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);padding:.2em .4em;border:none;background:none;color:#fff;font-size:3rem;cursor:pointer}.project-lightbox__nav--prev{left:24px}.project-lightbox__nav--next{right:24px}@media(max-width:820px){.system{grid-template-columns:1fr;padding:20px;gap:20px}.system__figure{order:-1;min-height:200px}.work__labs{grid-template-columns:1fr}.project-modal{padding:22px 16px}.project-lightbox__nav--prev{left:6px}.project-lightbox__nav--next{right:6px}}