:root{--sidebar:252px;--utility:280px;--article:700px;--inset:40px;--mobile-inset:9px;--font-size:14px;--line:19px;--space:19px;--half:9px;--tiny:4px;--border:1px;--icon:13px;--gutter:30px;--panel-font:11px;--panel-line:23px;--scene-font:13px;--scene-cell:8px;--scene-row:17px;--focus:2px;--focus-offset:3px;--media-height:320px;--preview-height:430px;--project-embed-height:620px;--minimum:260px;--monogram-size:57px;--scene-size:420px;--radius:0px;--transition:.18s;--reveal:.48s;--skeleton:1.2s;--z-menu:30;--z-panel:20;--z-hud:10;--bg:#222b2d;--shell:#1b2325;--fg:#edf0dd;--body:#a6bab0;--muted:#718981;--faint:#425751;--line-color:#34423f;--accent:#ccdfa9;--selected-text:#243025;--lavender:#c8b8dd;--warm:#d0ac8a;--keyword-tech:var(--lavender);--keyword-feature:var(--accent);--keyword-service:var(--warm);--keyword-tint:8%;--hover:#2d3937;--overlay:#121b1880;--scene:#8caaa0;--paper:#eeeadd;--ink:#344b45;--error:#e7b6a6;--preview-blue:#a7bbcb;--preview-purple:#aaa0be;--preview-sand:#c7bea1;--shadow:0 0 0 1px var(--line-color)}[data-theme=light]{--bg:#eeece2;--shell:#f5f0e6;--fg:#293a34;--body:#53675c;--muted:#758377;--faint:#c2c7b6;--line-color:#d6d8c9;--accent:#47643b;--selected-text:#f4f2e5;--lavender:#786588;--warm:#886044;--keyword-tech:var(--lavender);--keyword-feature:var(--accent);--keyword-service:var(--warm);--hover:#e0e3d5;--overlay:#25302933;--scene:#9aa58e;--error:#8d4835}
.experience-years{font-weight:inherit;display:inline-block}.experience-overview .agency-block:first-child{border-top:0;margin-top:0}.frontend-header{padding-bottom:calc(var(--space) * 1.5);border-bottom:var(--border) solid var(--line-color)}.frontend-eyebrow{font-size:var(--panel-font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space)}.frontend-header h1{letter-spacing:-.04em;margin:0 0 var(--space);font-size:clamp(24px,4vw,36px);line-height:1.2}.frontend-experience{align-items:center;gap:var(--half);color:var(--muted);font-size:var(--panel-font);flex-wrap:wrap;display:flex}.frontend-experience span{border:var(--border) solid var(--line-color);padding:var(--tiny) var(--half);color:var(--accent);background:var(--hover)}.frontend-introduction{margin:calc(var(--space) * 1.5) 0 calc(var(--space) * 2);color:var(--fg);line-height:1.8}.frontend-capability{gap:var(--half);padding:calc(var(--space) * 1.5) 0;border-top:var(--border) solid var(--line-color);grid-template-columns:28px minmax(0,1fr);display:grid}.frontend-number{font-size:var(--panel-font);color:var(--muted);padding-top:2px}.frontend-capability h2{margin:0 0 var(--half);color:var(--accent)}.frontend-capability p{overflow-wrap:anywhere;margin:0;line-height:1.8}.frontend-capability strong{color:var(--fg);font-weight:600}@media (max-width:700px){.project-breadcrumb{padding-right:calc(var(--font-size) * 8)}}.project-breadcrumb{justify-content:space-between;align-items:center;gap:var(--half);font-size:var(--panel-font);color:var(--muted);margin-bottom:var(--space);display:flex}.project-breadcrumb a{align-items:center;gap:var(--tiny);color:var(--muted);display:inline-flex}.project-intro{margin:var(--space) 0}.project-facts{gap:var(--space) calc(var(--space) * 2)}.project-facts>div{min-width:0}.project-live{margin-top:calc(var(--space) * 2)}.project-live>h2{align-items:center;gap:var(--half);margin:0 0 var(--space);color:var(--fg);display:flex}.project-live .media{margin-top:var(--space);margin-bottom:0}.project-description h2{align-items:baseline}.project-description h2>svg,.project-description .agency-number{flex-shrink:0}.project-description .cv-bullets{margin-bottom:0}.project-stack .tech-tags{margin:0}.project-pagination{gap:var(--half);margin-top:calc(var(--space) * 3);padding-top:var(--space);border-top:var(--border) solid var(--line-color);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-pagination a{gap:var(--half);padding:var(--half);border:var(--border) solid var(--line-color);overflow-wrap:anywhere;flex-direction:column;display:flex}.project-pagination a:hover{background:var(--hover);text-decoration:none}.project-pagination span{align-items:center;gap:var(--tiny);font-size:var(--panel-font);color:var(--muted);flex-wrap:wrap;display:flex}.project-pagination strong{font-weight:inherit}.project-next{grid-column:2}.project-total{font-size:var(--panel-font);color:var(--lavender)}.overview-tech{margin:var(--half) 0 0}.overview-project .agency-project-role{display:block}.overview-project .tech-tags li{color:var(--muted)}.about-summary{margin:var(--space) 0}.about-actions{gap:var(--half);flex-wrap:wrap;display:flex}.about-action{align-items:center;gap:var(--half);padding:var(--half);border:var(--border) solid var(--line-color);display:inline-flex}.about-action:hover{background:var(--hover);text-decoration:none}.about-section{margin-top:calc(var(--space) * 2)}.about-background h2{align-items:center;gap:var(--half);margin:0 0 var(--space);display:flex}.about-section-heading h2,.about-footer h2{align-items:center;gap:var(--half);color:var(--fg);margin:0 0 var(--space);display:flex}.about-section-heading{justify-content:space-between;align-items:baseline;gap:var(--half);flex-wrap:wrap;display:flex}.about-section-heading>a{align-items:center;gap:var(--tiny);font-size:var(--panel-font);margin-bottom:var(--space);display:inline-flex}.about-background .about-section{padding-top:var(--space);border-top:var(--border) solid var(--line-color)}.about-languages li{margin-bottom:var(--half);padding-left:0}article .about-languages li:before{content:none}.about-soft-skills{color:var(--muted)}.about-footer{margin-top:calc(var(--space) * .5);padding-top:var(--space);border-top:var(--border) solid var(--line-color)}.about-footer>.entry-link{overflow-wrap:anywhere;max-width:100%;display:inline}.about-socials{gap:var(--half) var(--space);margin-top:var(--space);font-size:var(--panel-font);flex-wrap:wrap;display:flex}.about-socials a{gap:var(--tiny);align-items:center;display:inline-flex}.agency-header{border-bottom:var(--border) solid var(--line-color);padding-bottom:var(--space)}.agency-eyebrow{font-size:var(--panel-font);color:var(--muted);margin-bottom:var(--half)}.agency-header h1{margin-bottom:var(--half)}.agency-role{color:var(--accent);margin-bottom:var(--space)}.agency-facts{gap:var(--space);flex-wrap:wrap;margin:0;display:flex}.agency-facts dt{font-size:var(--panel-font);color:var(--muted)}.agency-facts dd{color:var(--body);margin:0}.agency-intro p,.about-background p,.about-languages{color:var(--muted)}.agency-block{margin-top:calc(var(--space) * 2);padding-top:var(--space);border-top:var(--border) solid var(--line-color)}.agency-block h2,.agency-work>h2{gap:var(--half);margin-top:0;margin-bottom:var(--space);color:var(--fg);flex-wrap:wrap;align-items:center;display:flex}.agency-number{color:var(--faint);font-size:var(--panel-font)}.agency-block .tech-tags{margin-bottom:0}.agency-work{margin-top:calc(var(--space) * 3)}.agency-count{color:var(--muted);font-size:var(--panel-font)}.agency-projects{gap:var(--half);grid-template-columns:minmax(0,1fr);display:grid}.agency-project{padding:var(--space);border:var(--border) solid var(--line-color);color:var(--body);display:block}.agency-project:hover{background:var(--hover);border-color:var(--muted);text-decoration:none}.agency-project-top{gap:var(--half);margin-bottom:var(--half);align-items:center;display:flex}.agency-project-top h3{color:var(--accent);margin:0}.agency-project-top>svg{color:var(--muted);margin-left:auto}.agency-project p{font-size:var(--panel-font);line-height:var(--line);margin-bottom:var(--half);overflow-wrap:anywhere}.agency-project-role{font-size:var(--panel-font);color:var(--lavender)}.description-keyword{font-weight:inherit;color:var(--keyword-color);background:color-mix(in srgb, var(--keyword-color) var(--keyword-tint), transparent);padding-inline:var(--tiny);-webkit-box-decoration-break:clone;box-decoration-break:clone}.keyword-tech{--keyword-color:var(--keyword-tech)}.keyword-feature{--keyword-color:var(--keyword-feature)}.keyword-service{--keyword-color:var(--keyword-service)}.project-embed{width:100%;height:var(--project-embed-height);background:var(--paper);border:0;display:block}.project-preview-footer{padding:var(--half) var(--space)}.project-preview-image{width:100%;height:auto;display:block}.contact-links{align-items:center;gap:var(--half);flex-direction:column;display:flex}.social-links{gap:var(--space);display:flex}.location-line{gap:var(--tiny);color:var(--muted);align-items:center;display:inline-flex}.contact-copy{overflow-wrap:anywhere}.resume-link{margin:var(--half) 0 var(--space)}.cv-bullets li{margin-bottom:var(--half)}.profile-links{margin-top:calc(var(--space) * 2)}.project-card{padding:var(--space)}.project-card-heading{align-items:center;gap:var(--half);color:var(--fg);border-bottom:var(--border) solid var(--line-color);padding-bottom:var(--half);flex-wrap:wrap;display:flex}.project-context{color:var(--muted);font-size:var(--panel-font)}.project-website{align-items:center;gap:var(--half);margin-top:var(--space);overflow-wrap:anywhere;display:inline-flex}.project-card h3{margin-bottom:var(--half)}.tech-tags{gap:var(--half);margin-bottom:var(--space);flex-wrap:wrap;display:flex}.tech-tags li,.experience-years{border:var(--border) solid var(--line-color);padding:var(--tiny) var(--half);font-size:var(--panel-font);color:var(--body)}article .tech-tags li:before{content:none}.workspace{font-size:var(--font-size);line-height:var(--line)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--body);margin:0}body,button,input,select,textarea{font-family:Cascadia Code,Lucida Console,monospace;font-size:var(--font-size);line-height:var(--line);font-weight:400}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:var(--tiny);text-decoration:underline}button:hover{color:var(--fg)}:focus-visible{outline:var(--focus) solid var(--lavender);outline-offset:var(--focus-offset)}button:disabled{opacity:.5;cursor:default}svg{width:var(--icon);height:var(--icon);vertical-align:middle;stroke-width:1.6px;flex-shrink:0}h1,h2,h3,p{font-size:inherit;font-weight:400;line-height:inherit;margin:0}h1{color:var(--fg);margin-bottom:calc(var(--space) * 2)}h2{color:var(--body);margin-top:calc(var(--space) * 2)}h3{color:var(--muted);margin-top:var(--space)}p{margin:0 0 var(--space)}ul{margin:0 0 var(--space);padding:0;list-style:none}li{padding-left:calc(var(--half) * 3);position:relative}article li:before{content:"›";left:var(--half);color:var(--muted);position:absolute}::selection{background:var(--accent);color:var(--selected-text)}.skip{top:calc(var(--space) * -5);left:var(--half);z-index:100;background:var(--accent);color:var(--selected-text);padding:var(--half);position:fixed}.skip:focus{top:var(--half)}.workspace{background:var(--bg);min-height:100dvh;color:var(--body)}.sidebar{width:var(--sidebar);background:var(--shell);z-index:var(--z-menu);border-right:var(--border) solid var(--line-color);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.workspace-title{height:calc(var(--line) + var(--half));padding:var(--tiny);color:var(--lavender);white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.workspace-title a{color:inherit;font-size:var(--font-size);letter-spacing:-.05em}.workspace-title button{padding:var(--tiny)}.tree{scrollbar-width:thin;flex:1;overflow:auto}.tree-row{align-items:center;gap:var(--tiny);height:var(--line);white-space:nowrap;text-overflow:ellipsis;width:100%;padding-right:var(--tiny);color:var(--body);text-align:left;text-decoration:none;display:flex;overflow:hidden}.tree-row>span:last-child{text-overflow:ellipsis;overflow:hidden}.tree-row:hover{background:var(--hover);text-decoration:none}.tree-row[aria-current=page]{background:var(--accent);color:var(--selected-text)}.tree-children{padding-left:var(--font-size)}.tree-row svg{margin-left:var(--tiny)}.tree-folder{color:var(--muted)}.sidebar-bottom{padding:var(--half) 0}.theme-row{height:calc(var(--line) + var(--half) * 2);border-top:var(--border) solid var(--line-color);padding:var(--half) var(--tiny);text-align:left}.main{--main-offset:var(--sidebar);isolation:isolate;margin-left:var(--main-offset);min-height:100dvh;position:relative;overflow:hidden}.interior-background{inset:0 0 0 var(--main-offset);z-index:-1;pointer-events:none;position:fixed}@media not (max-width:700px){.sidebar-hidden .sidebar{display:none}.sidebar-hidden .main{--main-offset:0px}}.menu-toggle{top:var(--tiny);left:var(--half);z-index:var(--z-menu);background:var(--shell);padding:0 var(--tiny);position:fixed}.mobile-menu{display:none}.gutter{width:var(--gutter);text-align:right;pointer-events:none;padding-top:var(--tiny);color:var(--faint);-webkit-user-select:none;user-select:none;position:absolute;inset:0 auto 0 0;overflow:hidden}.gutter span{height:var(--line);display:block}.document{padding:var(--tiny) var(--half) calc(var(--space) * 5) var(--inset);max-width:calc(var(--article) + var(--inset) + var(--half));width:calc(100% - var(--utility));min-width:var(--minimum);position:relative}.ascii-reveal{display:flow-root;position:relative}.ascii-reveal>canvas{pointer-events:none;width:100%;position:absolute;inset:0 auto auto 0}.document .lead{color:var(--body)}.document .next-link{gap:var(--half);margin-top:calc(var(--space) * .5);align-items:center;display:inline-flex}.index-list{margin-top:var(--space)}.index-list li{margin-bottom:var(--half)}.index-list p{color:var(--muted);margin:0}.entry-link{align-items:center;gap:var(--tiny);display:inline-flex}.home{height:100dvh;padding:var(--space);place-items:center;display:grid;position:relative}.hero-email{margin-bottom:5px}.hero-copy{text-align:center;z-index:1;max-width:100%;position:relative}.hero-copy h1{color:var(--fg);margin-bottom:10px;font-size:x-large}.hero-copy p{color:var(--muted);margin:0 0 var(--space);font-size:inherit}.hero-copy a,.hero-copy button{background:var(--bg);gap:var(--tiny);padding:0 var(--tiny);color:var(--accent);align-items:center;display:inline-flex}.hero-copy .contact-heading{margin-bottom:var(--half)}.contact-hint{max-width:36ch;margin-top:var(--space)!important}.scene{pointer-events:none;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.scene-interactive{height:calc(100dvh - var(--space) * 6);min-height:var(--scene-size);position:relative}.scene-interactive .scene{pointer-events:auto}.scene-help{bottom:var(--space);left:var(--inset);color:var(--muted);max-width:50ch;font-size:var(--panel-font);position:absolute}.utility{width:var(--utility);z-index:var(--z-panel);font-size:var(--panel-font);line-height:var(--panel-line);color:var(--muted);scrollbar-width:thin;max-height:80dvh;position:fixed;top:0;right:0;overflow:auto}.utility.open{background:var(--shell);box-shadow:var(--shadow)}.utility>button{text-align:left;width:100%;padding:0 var(--tiny);font-size:var(--panel-font);display:block}.utility-body{padding:0 var(--half) var(--half)}.utility details{border-top:var(--border) solid var(--line-color)}summary{cursor:pointer}.utility label{justify-content:space-between;align-items:center;gap:var(--half);display:flex}.utility input[type=range]{width:50%;accent-color:var(--accent)}.utility select,.utility input[type=number]{background:var(--bg);color:var(--body);border:var(--border) solid var(--line-color);font-size:var(--panel-font);width:50%}.utility input[type=checkbox]{accent-color:var(--accent)}.utility-actions{gap:var(--half);flex-wrap:wrap;display:flex}.utility-actions button{text-decoration:underline}.discoveries{bottom:var(--tiny);right:var(--tiny);z-index:var(--z-hud);font-size:var(--font-size);max-width:calc(100vw - var(--half) * 2);position:fixed}.discoveries>button{background:var(--shell);color:var(--muted);padding:0 var(--tiny);margin-left:auto;display:block}.discovery-list{width:var(--sidebar);background:var(--shell);border:var(--border) solid var(--line-color);padding:var(--half);box-shadow:var(--shadow)}.discovery-list li{color:var(--muted);gap:var(--half);padding:0;display:flex}.discovery-list li.earned{color:var(--accent)}.discovery-list svg{margin-top:var(--tiny)}.media{margin:calc(var(--space) * 2) 0;border:var(--border) solid var(--line-color);position:relative}.media summary{text-align:right;color:var(--muted);background:var(--bg);padding:0 var(--tiny);margin-top:calc(var(--half) * -1);float:right;list-style:none;position:relative}.media summary:after{content:" [+]"}.media[open] summary:after{content:" [−]"}.media-body{clear:both;min-height:var(--line)}.botanical{width:100%;height:auto;max-height:var(--media-height);background:var(--paper);display:block}.media .botanical{height:var(--media-height)}.media-note{font-size:var(--panel-font);color:var(--muted);padding:var(--half)}.preview{min-height:var(--preview-height);background:var(--paper);color:var(--ink);padding:calc(var(--space) * 2);font-family:Georgia,serif}.preview header{border-bottom:var(--border) solid var(--ink);padding-bottom:var(--half);font-size:var(--panel-font);justify-content:space-between;display:flex}.preview h3{margin:var(--space) 0;color:var(--ink);font-family:Georgia,serif;font-size:clamp(2rem,6vw,4rem);font-weight:400;line-height:1}.preview-grid{gap:var(--half);grid-template-columns:1fr 1fr;display:grid}.preview-art{aspect-ratio:4/5;background:var(--preview-blue);position:relative;overflow:hidden}.preview-art:nth-child(2){background:var(--preview-sand)}.preview-art:after{content:"";border:var(--border) solid var(--paper);width:130%;height:80%;box-shadow:0 var(--half) 0 var(--paper), 0 var(--space) 0 var(--paper), 0 calc(var(--space) * 2) 0 var(--paper), 0 calc(var(--space) * 3) 0 var(--paper);border-radius:50%;position:absolute;top:30%;left:-15%}.preview button{border-bottom:var(--border) solid currentColor;color:var(--ink);margin-top:var(--space);font-family:inherit}.project-meta{margin:var(--space) 0}.project-meta dt{color:var(--muted)}.project-meta dd{margin:0 0 var(--half)}.resource-list a{gap:var(--tiny);align-items:center;display:inline-flex}.resource-list small{color:var(--muted);font-size:inherit;display:block}.status{padding:var(--space);border:var(--border) dashed var(--line-color);color:var(--muted)}.skeleton{height:var(--line);background:var(--hover);margin-bottom:var(--half);animation:pulse var(--skeleton) infinite alternate}.skeleton.short{width:60%}.error{color:var(--error)}.backdrop{display:none}.experiment-title{top:var(--tiny);left:var(--inset);z-index:1;font-size:var(--panel-font);color:var(--muted);position:absolute}.experiment-wrap{min-height:100dvh;position:relative}.experiment-wrap .scene-interactive{height:100dvh}.scene-counter{color:var(--warm)}.external-note{font-size:var(--panel-font);color:var(--muted)}@keyframes pulse{to{opacity:.35}}@media (min-width:701px) and (max-width:1050px){.document{width:calc(100% - var(--utility))}.utility:not(.open){width:var(--utility)}}@media (max-width:700px){.sidebar{max-width:100%;display:none}.main{--main-offset:0px}.workspace.mobile-open .sidebar{display:flex}.mobile-menu{align-items:center;gap:var(--tiny);left:auto;right:var(--tiny);z-index:calc(var(--z-menu) + 1);min-height:44px;padding-inline:var(--half);border:var(--border) solid var(--line-color);color:var(--fg);display:inline-flex}.desktop-menu{display:none}.mobile-open .backdrop{background:var(--overlay);z-index:calc(var(--z-menu) - 1);display:block;position:fixed;inset:0}.gutter{display:none}.document{width:100%;min-width:0;max-width:none;padding:var(--half) var(--mobile-inset) calc(var(--space) * 5)}.document h1{padding-right:calc(var(--space) * 4)}.utility{right:auto;left:var(--half);width:var(--utility)}.utility:not(.open){width:auto}.utility>button{padding-right:var(--half)}.hero-copy{max-width:100%}.hero-copy p{font-size:var(--font-size)}.scene-help{left:var(--half);right:var(--half);bottom:calc(var(--space) * 2)}.experiment-title{top:calc(var(--space) * 2);left:var(--half)}.preview{padding:var(--space)}.media .botanical{height:auto}.scene-interactive{min-height:var(--scene-size)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:700px){.workspace-controls{inset:auto var(--tiny) var(--tiny);z-index:var(--z-hud);justify-content:flex-end;gap:var(--tiny);pointer-events:none;flex-wrap:wrap;display:flex;position:fixed}.workspace-controls>section{pointer-events:auto}.discoveries{position:relative;inset:auto}.discovery-list{position:absolute;bottom:100%;right:0}.utility:not(.open){position:static}.utility:not(.open)>button{background:var(--shell);color:var(--muted);padding:0 var(--tiny);font-size:var(--font-size)}}@media (max-width:380px){.utility:not(.open)>button,.discoveries>button{font-size:calc(var(--font-size) - 2px)}}