:root{--bg:#f8f8f7;--bg-raised:#f1f1ef;--ink:#111;--muted:#73736e;--line:#e4e4e1;--paper:#fcfcfb;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--gutter:clamp(1.1rem, 2.4vw, 2rem);--nav-h:3.25rem;--side:15.5rem;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:var(--nav-h);font-size:16px;line-height:1.5}body{background:var(--bg);min-height:100dvh}::selection{background:var(--ink);color:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.skip{left:var(--gutter);z-index:100;background:var(--ink);color:var(--bg);padding:.5rem .75rem;position:absolute;top:-100px}.skip:focus{top:.5rem}.kicker{color:var(--muted);font-size:.8rem;font-style:italic}a.section-link:hover{color:var(--ink)}.nav{z-index:40;grid-template-columns:var(--side) minmax(0, 1fr) var(--side);height:var(--nav-h);padding:0 var(--gutter);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);align-items:center;display:grid;position:sticky;top:0}.nav-left,.nav-right{gap:1.25rem;display:flex}.nav-right{justify-content:flex-end}.nav-mark{justify-self:center;font-size:.95rem;font-style:normal}.nav a{color:var(--muted);transition:color .2s var(--ease);font-size:.88rem}.nav a:hover{color:var(--ink)}.nav-mobile,.nav-toggle,.nav-links{display:none}.nav-resume{color:var(--muted);transition:color .2s var(--ease);font-size:.88rem}.nav-resume:hover{color:var(--ink)}.nav-toggle span{background:var(--ink);height:1px;transition:top .22s var(--ease), transform .22s var(--ease);position:absolute;left:0;right:0}.nav-toggle span:first-child{top:3px}.nav-toggle span:last-child{top:12px}.nav-toggle[aria-expanded=true] span:first-child{top:7px;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{top:7px;transform:rotate(-45deg)}@media (width<=900px){.nav{justify-content:space-between;display:flex}.nav-mobile{align-items:center;gap:1rem;display:flex}.nav-toggle{justify-self:end;width:28px;height:16px;display:block;position:relative}.nav-left,.nav-right{display:none}.nav-links{z-index:50;background:color-mix(in srgb, var(--paper) 62%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.4);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);opacity:0;transform-origin:50%;border-radius:16px;flex-direction:column;width:min(19rem,100vw - 2.5rem);height:fit-content;margin:auto;padding:.5rem;display:none;position:fixed;inset:0;transform:scale(.94);box-shadow:0 18px 50px #11111124}.nav-links.open{animation:nav-pop .22s var(--ease) forwards;display:flex}.nav-links a{color:var(--ink);transition:background .15s var(--ease), color .15s var(--ease);border-radius:10px;padding:.9rem .85rem}.nav-links a+a{margin-top:.1rem}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a:active{background:var(--ink);color:var(--bg)}.nav-scrim{z-index:39;background:color-mix(in srgb, var(--bg) 30%, transparent);-webkit-backdrop-filter:blur(10px);animation:nav-fade .22s var(--ease) forwards;display:block;position:fixed;inset:0}}@keyframes nav-pop{to{opacity:1;transform:scale(1)}}@keyframes nav-fade{0%{opacity:0}to{opacity:1}}.hero{padding:2.25rem var(--gutter) 2rem;border-bottom:1px solid var(--line);text-align:left;flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.hero-left,.hero-right{color:var(--muted);text-align:left;font-size:.92rem;line-height:1.45}.hero-center{text-align:left;padding:0}.hero-right{max-width:34rem}.hero-title{letter-spacing:.02em;font-size:1.2rem;font-weight:400}.hero-role{color:var(--muted);margin-top:.4rem;font-size:.95rem;font-style:italic}.hero-right p+p{margin-top:.65rem}.work-index-stage{padding:2.5rem var(--gutter) 3.5rem;min-height:calc(100dvh - var(--nav-h) - 10rem)}.work-index{flex-direction:column;margin-top:1.25rem;display:flex}.index-line{border-bottom:1px solid var(--line);width:100%;color:var(--muted);text-align:left;transition:color .18s var(--ease);align-items:baseline;gap:1.1rem;padding:.55rem 0;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.15;display:flex}button.index-line:hover{color:var(--ink)}.index-num{letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 2.4rem;font-size:.72rem}.index-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:1.1rem;font-size:.72rem}.index-child{padding-left:2.4rem;font-size:clamp(1rem,2.2vw,1.4rem)}.index-glyph{color:color-mix(in srgb, var(--muted) 55%, transparent);flex:0 0 1.1rem;font-size:.85em}.index-dates{letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;padding-left:1rem;font-size:.72rem}button.index-child:hover .index-glyph{color:var(--ink)}.rail-close{color:var(--muted);margin-bottom:1rem;display:block}.rail-close:hover{color:var(--ink)}.pdp-close-mobile{display:none}.pdp-stage{width:100%;height:100%}.rail-node{width:100%;margin:.2rem 0}.rail-head{align-items:baseline;gap:.5rem;width:100%;display:flex}.rail-head .rail-name{flex:auto;min-width:0}.work-rail .rail-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.3rem 0 .15rem;font-size:.68rem}.work-rail .rail-label:hover{color:var(--ink)}.work-rail .rail-toggle{color:var(--muted);letter-spacing:.08em;font-variant-numeric:tabular-nums;border-bottom:0;align-items:baseline;gap:.4rem;padding:.15rem 0;font-size:.7rem;display:inline-flex}.work-rail .rail-toggle:hover{color:var(--ink)}.rail-sign{text-align:center;width:.75rem;font-size:.85rem;line-height:1;display:inline-block}.rail-children{flex-direction:column;gap:.15rem;margin-top:.1rem;display:flex}.work-rail .rail-child{align-items:baseline;gap:.45rem;display:flex}.tree-glyph{color:color-mix(in srgb, var(--muted) 55%, transparent);font-size:.82rem;line-height:1}.work-rail .rail-child.active .tree-glyph,.work-rail .rail-child:hover .tree-glyph{color:var(--ink)}@media (width<=900px){.hero,.nav{grid-template-columns:1fr}.hero{text-align:left;flex-direction:column;gap:1rem;display:flex}.hero-left,.hero-right,.hero-center{text-align:left;padding:0}}.pdp{grid-template-columns:var(--side) minmax(0, 1fr) var(--side);min-height:calc(100dvh - var(--nav-h) - 8rem);border-bottom:1px solid var(--line);display:grid}.pdp-left,.pdp-right{padding:1.25rem var(--gutter)}.pdp-left{border-right:1px solid var(--line)}.pdp-right{border-left:1px solid var(--line)}.pdp-center{background:#fff;justify-content:stretch;align-items:stretch;min-height:32rem;padding:0;display:flex;overflow:hidden}.site-frame{background:#fff;width:100%;height:100%;min-height:32rem;position:relative;overflow:hidden}.site-frame iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0}.site-frame-poster{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.site-frame-open{z-index:2;background:var(--bg);border:1px solid var(--line);color:var(--muted);padding:.35rem .55rem;font-size:.75rem;position:absolute;bottom:.75rem;right:.75rem}.site-frame-open:hover{color:var(--ink)}.pdp-kicker{margin-bottom:1rem}.work-rail{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.work-rail button,.work-rail a{color:var(--muted);text-align:left;border-bottom:1px solid #0000;padding:.15rem 0;font-size:.92rem;display:block}.work-rail button.active,.work-rail a.active{color:var(--ink);font-style:italic}.work-rail button:hover,.work-rail a:hover{color:var(--ink)}.work-frame{background:var(--paper);width:100%;max-width:52rem;display:block}.work-frame img{width:100%;height:auto}.work-fallback{background:var(--paper);place-items:center;width:100%;min-height:32rem;font-style:italic;display:grid}.pdp-right .name{margin-bottom:.2rem;font-size:1.15rem}.pdp-right .client{color:var(--muted);margin-bottom:1rem;font-style:italic}.pdp-right .summary{color:var(--muted);margin-bottom:1.15rem;font-size:.92rem}.pdp-right dl{gap:.75rem;display:grid}.pdp-right dt{color:var(--muted);font-size:.8rem;font-style:italic}.pdp-right a.ext{text-underline-offset:.18em;text-decoration:underline}@media (width<=900px){.pdp{flex-direction:column;min-height:0;display:flex}.pdp-left,.pdp-right{padding:1.25rem var(--gutter);border:0}.pdp-left{border-top:1px solid var(--line);order:3}.pdp-close-mobile{padding:1rem var(--gutter) .85rem;text-align:left;color:var(--muted);order:0;display:block}.pdp-close-mobile:hover{color:var(--ink)}.pdp-center{order:1;min-height:70vh}.pdp-right{order:2}.work-rail{flex-flow:wrap;gap:.2rem 1rem}}.section{padding:3rem var(--gutter) 3.25rem;scroll-margin-top:var(--nav-h);border-bottom:1px solid var(--line)}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.75rem;display:flex}.section-intro{max-width:40rem;color:var(--muted);margin:-.75rem 0 2rem;font-size:.95rem;line-height:1.55}.section-title{font-size:1.2rem;font-weight:400}.section-title em{font-style:italic}.work-more-title{margin-bottom:1rem}.index-list{border-top:1px solid var(--line)}.index-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(8rem,1fr) 2fr minmax(6rem,.9fr);align-items:baseline;gap:1rem;padding:.95rem 0;display:grid}.index-row .summary{color:var(--muted);font-size:.92rem;font-style:italic}.index-row .meta{color:var(--muted);text-align:right;font-size:.8rem;font-style:italic}.app-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;display:grid}.app-card{border-bottom:1px solid var(--line);padding:1.75rem 0}.app-card:nth-child(odd){border-right:1px solid var(--line);padding-right:2rem}.app-card:nth-child(2n){padding-left:2rem}.app-name{margin:.3rem 0 .55rem;font-size:1.25rem;font-weight:400}.app-card p{color:var(--muted);font-size:.92rem}.app-card a.ext{text-underline-offset:.18em;margin-top:.6rem;font-style:italic;text-decoration:underline;display:inline-block}.exp-list{border-top:1px solid var(--line)}.exp-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(12rem,.7fr) 1.4fr;gap:2rem;padding:1.75rem 0;display:grid}.exp-org{font-size:1.05rem}.exp-role{color:var(--muted);margin-top:.25rem;font-style:italic}.exp-when{margin-top:.35rem}.exp-item>p{color:var(--muted)}.about-grid{grid-template-columns:1.15fr .85fr;gap:3rem;display:grid}.about-copy{color:var(--muted);font-size:1rem}.about-copy p+p{margin-top:1rem}.contact-block{border-top:1px solid var(--line);padding-top:.25rem}.contact-block a{text-underline-offset:.2em;margin-top:.5rem;text-decoration:underline;display:block}.contact-block .studio{color:var(--muted);margin-top:1.15rem;font-size:.9rem;font-style:italic}.project{padding:0 0 3rem}.project-back{margin:1.25rem var(--gutter) 0;color:var(--muted);font-style:italic;display:inline-block}.project-back:hover{color:var(--ink)}.footer{padding:1.15rem var(--gutter);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.82rem;font-style:italic;display:flex}.footer a:hover{color:var(--ink)}@media (width<=800px){.index-row,.app-grid,.exp-item,.about-grid{grid-template-columns:1fr}.app-card:nth-child(odd),.app-card:nth-child(2n){border-right:0;padding-left:0;padding-right:0}.index-row .meta,.hero-right{text-align:left}.section-head{flex-direction:column;gap:.25rem}.index-dates{display:none}}