:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f8f7f3;--surface:#fff;--surface-strong:#eeece5;--text:#202020;--muted:#69665f;--border:#ded9ce;--accent:#2f6f73;--accent-strong:#25595d;--shadow:0 18px 50px #24201a1f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--bg:#151719;--surface:#202326;--surface-strong:#2b3034;--text:#f0eee8;--muted:#b7b2a8;--border:#383d42;--accent:#85c9c2;--accent-strong:#b2e4df;--shadow:0 18px 50px #00000059}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#151719;--surface:#202326;--surface-strong:#2b3034;--text:#f0eee8;--muted:#b7b2a8;--border:#383d42;--accent:#85c9c2;--accent-strong:#b2e4df;--shadow:0 18px 50px #00000059}}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(180deg, #2f6f731f, transparent 340px), var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body.modal-open{overflow:hidden}a{color:inherit}img{max-width:100%;display:block}.site-header{z-index:10;border-bottom:1px solid color-mix(in srgb, var(--border), transparent 25%);background:color-mix(in srgb, var(--bg), transparent 12%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{font-size:1rem;font-weight:800;text-decoration:none}.theme-toggle{border:1px solid var(--border);background:var(--surface);min-height:2.15rem;color:var(--text);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:.55rem;padding:.4rem .7rem;font-weight:700;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent);outline:none}.theme-toggle__icon{background:var(--accent);width:1rem;height:1rem;box-shadow:inset -.35rem -.2rem 0 color-mix(in srgb, var(--surface), transparent 15%);border-radius:999px}main{width:min(1480px,100% - clamp(1rem,4vw,3rem));margin:0 auto}.intro{gap:.75rem;padding:clamp(1.25rem,3vw,2.25rem) 0 clamp(1.25rem,3vw,2rem);display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:.85rem;font-weight:800}h1,h2,h3,h4,p{margin-top:0}h1{max-width:620px;margin-bottom:0;font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.08}.about-copy{max-width:none;color:var(--muted);margin-bottom:0;font-size:clamp(1rem,1.4vw,1.15rem)}.projects{padding-bottom:4rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}h2{margin-bottom:0;font-size:clamp(1.7rem,4vw,2.5rem)}.project-list{grid-template-columns:repeat(4,minmax(210px,1fr));align-items:stretch;gap:clamp(.75rem,1.4vw,1.1rem);display:grid}.project{min-width:0;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);min-height:100%;box-shadow:var(--shadow);cursor:pointer;border-radius:8px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.project-card:hover,.project-card:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-2px)}.project-card[aria-expanded=true]{border-color:var(--accent)}.project-card__image{aspect-ratio:16/9;background:var(--surface-strong);object-fit:cover;width:100%}.project-card__body{grid-template-rows:1fr auto;gap:.8rem;padding:.9rem;display:grid}h3{margin-bottom:.35rem;font-size:clamp(1.05rem,1.6vw,1.25rem)}.project-card p,.project-details p{color:var(--muted);margin-bottom:0}.project-card p{font-size:.95rem;line-height:1.4}.project-link,.details-link{color:var(--accent-strong);text-underline-offset:.18em;justify-self:start;font-weight:800;text-decoration-thickness:.12em}.project-link{font-size:.95rem}.project-link:hover,.details-link:hover,.project-link:focus-visible,.details-link:focus-visible{color:var(--accent);outline:none}.project-details{z-index:100;background:color-mix(in srgb, var(--bg), transparent 8%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:clamp(.5rem,1.5vw,1rem);position:fixed;inset:0;overflow:hidden}.project-details[hidden]{display:none}.project-details__panel{border:1px solid var(--border);background:var(--surface);width:min(1180px,100%);height:calc(100dvh - clamp(1rem,3vw,2rem));box-shadow:var(--shadow);border-radius:8px;grid-template-rows:auto minmax(260px,.78fr);gap:1rem;margin:0 auto;padding:clamp(.9rem,2vw,1.4rem);display:grid;position:relative}.modal-close{border:1px solid var(--border);background:var(--surface-strong);min-height:2.25rem;color:var(--text);cursor:pointer;font:inherit;border-radius:999px;justify-self:end;padding:.45rem .8rem;font-weight:800;position:absolute;top:clamp(.75rem,1.6vw,1.1rem);right:clamp(.75rem,1.6vw,1.1rem)}.modal-close:hover,.modal-close:focus-visible{border-color:var(--accent);outline:none}.project-details__copy{align-self:start;gap:.55rem;max-width:min(860px,100% - 6rem);display:grid}h4{margin-bottom:0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.1}.screenshot-carousel{align-self:center;height:min(54vh,500px);min-height:0;padding:0 3.5rem;position:relative}.carousel-stage{height:100%;min-height:0;position:relative;overflow:hidden}.carousel-item{opacity:0;pointer-events:none;width:calc(50% - .55rem);height:100%;margin:0;position:absolute;top:50%;transform:translateY(-50%)scale(.82)}.carousel-item img{border:1px solid var(--border);background:var(--surface-strong);width:100%;height:calc(100% - 3.2rem);box-shadow:var(--shadow);object-fit:contain;border-radius:8px}.carousel-item figcaption{min-height:2.6rem;color:var(--muted);margin-top:.6rem;font-size:.92rem;line-height:1.3;display:none}.carousel-item.is-front-left,.carousel-item.is-front-right,.carousel-item.is-single{pointer-events:auto}.carousel-item.is-front-left{z-index:4;opacity:1;left:0;transform:translateY(-50%)scale(1)}.carousel-item.is-front-right{z-index:4;opacity:1;left:calc(50% + .55rem);transform:translateY(-50%)scale(1)}.carousel-item.is-single{z-index:4;opacity:1;width:70%;left:15%;transform:translateY(-50%)scale(1)}.carousel-item.is-back-left{z-index:2;opacity:.42;left:5%;transform:translateY(-50%)translate(-3%)scale(.88)}.carousel-item.is-back-right{z-index:2;opacity:.42;right:5%;transform:translateY(-50%)translate(3%)scale(.88)}.carousel-item.is-front-left figcaption,.carousel-item.is-front-right figcaption,.carousel-item.is-single figcaption{display:block}.carousel-button{z-index:6;border:1px solid var(--border);background:color-mix(in srgb, var(--surface), transparent 8%);width:2.75rem;height:2.75rem;color:var(--text);box-shadow:var(--shadow);cursor:pointer;font:inherit;border-radius:999px;place-items:center;font-size:2rem;font-weight:800;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button:hover,.carousel-button:focus-visible{border-color:var(--accent);color:var(--accent-strong);outline:none}.carousel-button--prev{left:0}.carousel-button--next{right:0}@media (width<=1100px){.project-list{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (width<=760px){.site-header{padding-inline:1rem}.eyebrow{grid-column:auto}.theme-toggle__text{display:none}.project-list{grid-template-columns:1fr}.project-details{padding:.5rem}.project-details__panel{grid-template-rows:auto minmax(220px,.7fr);height:calc(100dvh - 1rem);padding:.8rem;overflow-y:auto}.project-details__copy{max-width:100%;padding-right:4.5rem}.carousel-item{width:74%;height:100%}.screenshot-carousel{height:min(45vh,360px);padding:0 2.8rem}.carousel-item.is-front-left{left:13%}.carousel-item.is-front-right{opacity:.38;left:18%;transform:translateY(-50%)scale(.9)}.carousel-item.is-single{width:84%;left:8%}.carousel-item.is-back-left{left:4%}.carousel-item.is-back-right{right:4%}.carousel-button{width:2.4rem;height:2.4rem;font-size:1.7rem}}@media (prefers-reduced-motion:no-preference){.project-card{transition:border-color .16s,transform .16s}.carousel-item{transition:left .22s,right .22s,opacity .22s,transform .22s}}