:root{--color-cream:#f3eee6;--color-charcoal:#1c1915;--color-focus:#1c1915;--mood-swatch:#e2a66e;--font-display:var(--font-serif,Georgia, "Times New Roman", serif);--font-body:var(--font-sans,system-ui, "Segoe UI", sans-serif);--font-label:var(--font-pixel,ui-monospace, monospace);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:6rem;--text-sm:.8125rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--text-3xl:4.5rem;--measure:38rem;--line-height:1.55;--page-pad:clamp(.85rem, .4rem + 4vw, 4rem);--section-pad:clamp(3rem, 1rem + 6vw, 6.5rem);--scroll-pad:clamp(4rem, 3rem + 2vw, 6rem);--header-block:4.25rem;--motion-beat:.12s;--motion-quick:.2s;--motion-reveal:.28s;--motion-atmosphere:3s}@media (height<=520px){:root{--section-pad:2.5rem;--scroll-pad:4rem}}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:var(--scroll-pad)}body,h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0}body{min-height:100%;font-family:var(--font-body);font-size:var(--text-md);font-weight:400;line-height:var(--line-height);color:var(--color-charcoal);background-color:var(--color-cream)}.scene{z-index:0;pointer-events:none;background-color:var(--color-cream);width:100%;max-width:100%;height:100lvh;position:fixed;top:0;left:0;overflow:hidden}.scene:after{--exit:var(--hero-exit,0);--wash-top:max(0, var(--exit) * var(--exit) * .8 - var(--row-open,0));--wash-rest:max(0, min(1, var(--exit) * 1.6) * .9 - var(--scene-return,0) * .22 - var(--row-open,0));--wash-bottom:max(0, var(--wash-rest) - var(--mood-glimpse,0) * var(--exit) * .34);--wash-mid:calc(var(--wash-top) + (var(--wash-rest) - var(--wash-top)) * .4);content:"";z-index:2;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-cream) calc(var(--wash-top) * 100%), transparent) 0%, color-mix(in srgb, var(--color-cream) calc(var(--wash-mid) * 100%), transparent) 55%, color-mix(in srgb, var(--color-cream) calc(var(--wash-bottom) * 100%), transparent) 100%);pointer-events:none;position:absolute;inset:0}.scene picture{z-index:0;position:absolute;inset:0;overflow:hidden}.scene-poster{object-fit:cover;object-position:79% 100%;pointer-events:none;width:100%;max-width:none;height:100%;max-height:none;image-rendering:pixelated;opacity:1;transform-origin:0 0;transition:opacity var(--motion-quick) linear;position:absolute;top:0;left:0}@media (orientation:landscape){.scene-poster{--px:calc(100vw / 360);top:calc(-256 * var(--px) - min(216 * var(--px) - 100lvh, 18 * var(--px)));width:calc(384 * var(--px));height:calc(472 * var(--px));object-fit:fill}}@media (orientation:portrait){.scene-poster{--poster-px:2px;--lw:round(up, 100vw / var(--poster-px), 1);--lh:round(up, 100lvh / var(--poster-px), 1);--t:clamp(0, (100vw / 100lvh - .5) / 1.1, 1);--fy:calc(.6 - var(--t) * .4);--fx:calc(.62 + var(--t) * .08);--ox:round(nearest, 252 - var(--fx) * var(--lw), 1);--oy-summit:round(nearest, 54 - var(--fy) * var(--lh), 1);--oy:min(var(--oy-summit), 216 - var(--lh));--shore:calc(191 - var(--lh));--pull:min(max(0, 18 - var(--shore)), max(0, var(--shore) - var(--oy)));--oy-final:max(var(--oy) + var(--pull), -256, 55 - var(--lh));top:calc((0 - 256 - var(--oy-final)) * var(--poster-px));left:calc((0 - var(--ox)) * var(--poster-px));width:calc(384 * var(--poster-px));height:calc(472 * var(--poster-px));object-fit:fill}}@media (orientation:portrait) and (width>=600px){.scene-poster{--poster-px:3px}}@media (orientation:portrait) and (width>=380px) and (width<=460px) and (height>=820px) and (resolution>=2.5x){.scene-poster{--poster-px:calc(7px / 3)}}@media (orientation:portrait) and (width>=880px){.scene-poster{--poster-px:4px}}.scene[data-scene-aligned] .scene-poster{object-fit:fill}.scene canvas{z-index:1;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;top:0;left:0}.scene[data-scene-ready] .scene-poster{opacity:0}@media (prefers-reduced-motion:reduce){.scene-poster{transition-duration:0s}}main,footer,.site-header{z-index:1;position:relative}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:.2rem}.skip-link{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus-visible{top:var(--space-3);left:var(--page-pad);z-index:20;width:auto;height:auto;padding:var(--space-2) var(--space-3);clip:auto;background-color:var(--color-cream);margin:0;position:fixed;overflow:visible}.site-header{z-index:10;position:sticky;top:0}.site-header:before,.site-header:after{content:"";z-index:-1;opacity:var(--header-solid,0);pointer-events:none;position:absolute;left:0;right:0}.site-header:before{background-color:var(--color-cream);top:0;bottom:0}.site-header:after{background-image:linear-gradient(var(--color-cream), transparent);height:1.25rem;top:100%}html:not([data-js]) .site-header:before,html:not([data-js]) .site-header:after{opacity:1}html[data-row-tone]{--row-open:.18}.site-header__bar{justify-content:space-between;align-items:center;gap:var(--space-3) clamp(.75rem, 2vw, var(--space-5));min-height:var(--header-block);padding:var(--space-3) var(--page-pad);flex-wrap:nowrap;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(1.15rem,.95rem + 1vw,1.35rem);font-weight:400}.site-nav ul{gap:var(--space-2) clamp(.55rem, 1.6vw, var(--space-5));flex-wrap:nowrap;list-style:none;display:flex}.site-nav a,.cta{width:fit-content;padding-block:var(--space-2);transition:background-size var(--motion-reveal) steps(6);background-position:0 100%;background-repeat:no-repeat;text-decoration:none;display:inline-block}.site-nav a{font-family:var(--font-label);letter-spacing:clamp(.03em,.02em + .35vw,.08em);white-space:nowrap;text-transform:uppercase;background-color:#0000;background-image:linear-gradient(currentColor,currentColor);background-size:0% 2px;font-size:clamp(.62rem,.58rem + .25vw,.7rem)}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current=page]{background-size:100% 2px}.cta{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;background-color:#0000;background-image:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px);background-size:0% 2px;font-size:.75rem}.cta:hover,.cta:focus-visible{background-size:100% 2px}.cta .pixel-arrow{transition:transform var(--motion-quick) steps(2, end)}.cta:hover .pixel-arrow,.cta:focus-visible .pixel-arrow{transform:translate(4px)}.cta:active .pixel-arrow{transform:translate(8px)}.pixel-arrow{vertical-align:.15em;background:currentColor;width:4px;height:4px;margin-left:.55rem;display:inline-block;box-shadow:4px 0,8px 0,8px -4px,8px 4px}@media (prefers-reduced-motion:reduce){.site-nav a,.cta,.cta .pixel-arrow{transition-duration:0s}}.hero{justify-content:flex-start;align-items:flex-start;gap:var(--space-3);max-width:min(22rem,100%);min-height:calc(100svh - var(--header-block));min-height:calc(100dvh - var(--header-block));padding:clamp(1.25rem, 4svh, 2.5rem) var(--page-pad) clamp(1.5rem, 6svh, 3rem);flex-direction:column;display:flex;position:relative}.identity{font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;max-width:100%;font-size:clamp(1.75rem,min(8.5vw,7.2svh),3.25rem);font-weight:400;line-height:.96}.hero h1+.intro{margin-top:var(--space-1)}.hero .cta{margin-top:var(--space-2)}.intro{text-wrap:pretty;max-width:22rem}@media (orientation:landscape){.hero{max-width:min(40rem,46vw);padding:clamp(1.5rem, 6svh, 4.5rem) var(--page-pad) clamp(1rem, 5svh, 3.5rem)}.hero h1{max-width:11em;font-size:clamp(2rem,min(4.2vw,8.5svh),4.4rem)}}@media (height<=700px) and (orientation:landscape){.hero{gap:var(--space-2);max-width:min(36rem,54vw);padding-block:clamp(.5rem,2svh,1.15rem)}.hero h1{max-width:min(18ch,100%);font-size:clamp(1.65rem,min(3vw,7.2svh),2.6rem)}.intro{max-width:min(28rem,100%)}}@media (width>=600px) and (orientation:portrait){.hero{max-width:min(28rem,70vw)}.hero h1{max-width:11em}.hero .intro{text-wrap:balance;max-width:28rem}}@media (height<=640px) and (orientation:portrait){.hero{gap:.375rem;padding-top:.5rem}.hero h1+.intro{margin-top:0}.hero .intro{font-size:.9375rem;line-height:1.45}.hero .cta{margin-top:var(--space-1)}}.below-hero{isolation:isolate;position:relative}html:not([data-scene-live]) .below-hero:before{content:"";z-index:-1;background-color:color-mix(in srgb, var(--color-cream) 82%, transparent);pointer-events:none;position:absolute;inset:-6rem 0 0;mask-image:linear-gradient(#0000,#000 6rem)}html:not([data-scene-live]) footer{background-color:color-mix(in srgb, var(--color-cream) 82%, transparent)}.section{padding:var(--section-pad) var(--page-pad)}#work{padding-top:calc(var(--section-pad) + clamp(1rem, 8svh, 5rem))}#experience{padding-bottom:calc(var(--section-pad) * .6)}#contact{padding-top:calc(var(--section-pad) + clamp(.5rem, 4svh, 2.5rem))}.section h2{margin-bottom:var(--space-6);font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1}.measure{max-width:var(--measure)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.section .section-head h2{margin-bottom:0}.section-note,.work-index,.work-domain,.work-links,.about-notes dt,.contact-label,.footnote{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.pixel-link{transition:background-size var(--motion-reveal) steps(6, end);background-image:linear-gradient(currentColor,currentColor),repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px,100% 2px;padding-bottom:3px;text-decoration:none}.pixel-link:hover,.pixel-link:focus-visible{background-size:100% 2px,100% 2px}.work-list,.work-links,.contact-lines{list-style:none}.work-list{border-top:1px solid var(--color-charcoal);border-bottom:1px solid var(--color-charcoal)}.work-row{column-gap:var(--space-4);padding-block:clamp(var(--space-6), 1.25rem + 1.5vw, 2.75rem);grid-template-columns:1.75rem minmax(0,1fr) 54px;grid-template-areas:"index title stamp"".domain stamp"".summary summary"".links links";display:grid;position:relative}.work-row+.work-row{border-top:1px solid var(--color-charcoal)}.work-row:before{content:"";z-index:-1;background-color:color-mix(in srgb, var(--color-cream) 62%, transparent);mask-image:linear-gradient(to right, transparent, #000 var(--space-8), #000 calc(100% - var(--space-8)), transparent);opacity:0;transition:opacity var(--motion-quick) steps(2, end);pointer-events:none;position:absolute;inset:0}.work-index{grid-area:index;align-self:baseline}.work-title{font-family:var(--font-display);letter-spacing:-.01em;grid-area:title;align-self:baseline;font-size:clamp(1.85rem,1.2rem + 2vw,2.75rem);font-weight:400;line-height:1.05}.work-name{color:inherit;transition:background-size var(--motion-reveal) steps(6);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;text-decoration:none}.work-link:after{content:"";position:absolute;inset:0}.work-arrow{vertical-align:.3em;transition:clip-path var(--motion-quick) steps(3, end), transform var(--motion-quick) steps(2, end);margin-left:.7rem}.work-domain{margin-top:var(--space-2);grid-area:domain}.work-summary{max-width:31rem;margin-top:var(--space-3);text-wrap:pretty;grid-area:summary}.work-links{align-items:flex-start;gap:var(--space-2) var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;grid-area:links;display:flex}.work-stamp{--c:var(--color-charcoal);--a:var(--mood-swatch);width:54px;height:36px;margin-top:.35rem;margin-right:var(--space-2);pointer-events:none;transition:clip-path var(--motion-reveal) steps(3, end);grid-area:stamp;place-self:start end;position:relative}.work-stamp:before,.work-stamp:after{content:"";transform-origin:0 0;width:4px;height:4px;position:absolute;top:-6px;left:-6px;transform:scale(1.5)}.work-stamp[data-stamp=peak]:before{box-shadow:20px 8px 0 var(--c), 16px 12px 0 var(--c), 24px 12px 0 var(--c), 12px 16px 0 var(--c), 16px 16px 0 var(--c), 24px 16px 0 var(--c), 28px 16px 0 var(--c), 8px 20px 0 var(--c), 12px 20px 0 var(--c), 16px 20px 0 var(--c), 20px 20px 0 var(--c), 24px 20px 0 var(--c), 28px 20px 0 var(--c), 32px 20px 0 var(--c), 4px 24px 0 var(--c), 8px 24px 0 var(--c), 12px 24px 0 var(--c), 16px 24px 0 var(--c), 20px 24px 0 var(--c), 24px 24px 0 var(--c), 28px 24px 0 var(--c), 32px 24px 0 var(--c), 36px 24px 0 var(--c)}.work-stamp[data-stamp=peak]:after{box-shadow:32px 4px 0 var(--a), 36px 4px 0 var(--a), 32px 8px 0 var(--a), 36px 8px 0 var(--a)}.work-stamp[data-stamp=lake]:before{box-shadow:4px 12px 0 var(--c), 8px 12px 0 var(--c), 12px 12px 0 var(--c), 16px 12px 0 var(--c), 20px 12px 0 var(--c), 24px 12px 0 var(--c), 28px 12px 0 var(--c), 32px 12px 0 var(--c), 36px 12px 0 var(--c), 8px 20px 0 var(--c), 12px 20px 0 var(--c), 28px 20px 0 var(--c), 32px 20px 0 var(--c)}.work-stamp[data-stamp=lake]:after{box-shadow:20px 4px 0 var(--a), 16px 8px 0 var(--a), 20px 8px 0 var(--a), 24px 8px 0 var(--a), 16px 16px 0 var(--a), 20px 16px 0 var(--a), 24px 16px 0 var(--a), 20px 24px 0 var(--a)}.work-stamp[data-stamp=window]:before{box-shadow:20px 4px 0 var(--c), 16px 8px 0 var(--c), 20px 8px 0 var(--c), 24px 8px 0 var(--c), 12px 12px 0 var(--c), 16px 12px 0 var(--c), 20px 12px 0 var(--c), 24px 12px 0 var(--c), 28px 12px 0 var(--c), 8px 16px 0 var(--c), 12px 16px 0 var(--c), 16px 16px 0 var(--c), 20px 16px 0 var(--c), 24px 16px 0 var(--c), 28px 16px 0 var(--c), 32px 16px 0 var(--c), 12px 20px 0 var(--c), 16px 20px 0 var(--c), 20px 20px 0 var(--c), 24px 20px 0 var(--c), 28px 20px 0 var(--c), 12px 24px 0 var(--c), 16px 24px 0 var(--c), 20px 24px 0 var(--c), 24px 24px 0 var(--c), 28px 24px 0 var(--c)}.work-stamp[data-stamp=window]:after{box-shadow:20px 20px 0 var(--a)}.work-row:hover .work-link,.work-row:focus-within .work-link{background-size:100% 2px}.work-row:hover .work-links .pixel-link,.work-row:focus-within .work-links .pixel-link{background-size:100% 2px,100% 2px}.work-row:hover:before,.work-row:focus-within:before{opacity:1}@media (hover:hover) and (width>=768px){.work-stamp{clip-path:inset(100% 0 0)}.work-stamp:after{opacity:0;transition:opacity linear}.work-arrow{clip-path:inset(0 100% 0 0);transform:translate(-4px)}.work-row:hover .work-stamp,.work-row:focus-within .work-stamp{clip-path:inset(0)}.work-row:hover .work-stamp:after,.work-row:focus-within .work-stamp:after{opacity:1;transition-delay:calc(var(--motion-reveal) + var(--motion-beat))}.work-row:hover .work-arrow,.work-row:focus-within .work-arrow{clip-path:inset(-4px -8px -4px 0);transform:none}}@media (width>=768px){.work-row{column-gap:var(--space-5);grid-template-columns:2.5rem minmax(0,1fr) minmax(7rem,12rem) 54px;grid-template-areas:"index title domain stamp"".summary links stamp"}.work-domain{align-self:baseline;margin-top:0}.work-links{align-self:start;gap:var(--space-2);margin-top:var(--space-3);flex-direction:column}}.experience{--rail:1.75rem;--marker:10px;--marker-top:.1rem;--entry-gap:clamp(2.25rem, 1.5rem + 2vw, 3.5rem);--muted:color-mix(in srgb, var(--color-charcoal) 70%, transparent)}.timeline{list-style:none}.experience-entry{padding-left:var(--rail);flex-direction:column;display:flex;position:relative}.experience-entry:not(:last-child){padding-bottom:var(--entry-gap)}.timeline-marker{top:var(--marker-top);width:var(--marker);height:var(--marker);box-shadow:inset 0 0 0 2px var(--color-charcoal);clip-path:inset(0);position:absolute;left:0}.experience-entry[data-current] .timeline-marker{background-color:var(--mood-swatch);transition:background-color var(--motion-atmosphere) ease-in-out}.experience-entry[data-seen] .timeline-marker{transition:clip-path var(--motion-reveal) steps(2, end)}.experience-entry[data-seen][data-current] .timeline-marker{transition:clip-path var(--motion-reveal) steps(2, end), background-color var(--motion-atmosphere) ease-in-out}.experience-entry[data-seen]:after{transition:transform calc(var(--motion-reveal) * 3) steps(6, end) var(--motion-reveal)}.experience-entry:not(:last-child):after{content:"";top:calc(var(--marker-top) + var(--marker) + 6px);bottom:calc(6px - var(--marker-top));left:calc(var(--marker) / 2 - 1px);background-image:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--color-charcoal) 45%, transparent) 0 2px, transparent 2px 6px);transform-origin:top;width:2px;position:absolute}html[data-timeline] .experience-entry:not([data-seen]) .timeline-marker{clip-path:inset(100% 0 0)}html[data-timeline] .experience-entry:not([data-seen]):after{transform:scaleY(0)}.experience-when{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;order:-1;font-size:.7rem;line-height:1.1}.experience-role{margin-top:var(--space-3);font-family:var(--font-body);letter-spacing:-.005em;font-size:clamp(1.125rem,1.05rem + .3vw,1.3rem);font-weight:400;line-height:1.3}.experience-org{color:var(--muted);font-size:.9375rem;line-height:1.4}.experience-summary{max-width:32rem;margin-top:var(--space-3);text-wrap:pretty;font-size:.9375rem}.experience-aside{max-width:calc(var(--rail) + 32rem);margin-top:var(--space-8);padding-left:var(--rail)}.experience-aside h3{width:fit-content;padding-top:var(--space-4);font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;background-image:repeating-linear-gradient(90deg, var(--muted) 0 2px, transparent 2px 4px);background-position:0 0;background-repeat:no-repeat;background-size:2.5rem 2px;font-size:.7rem;font-weight:400;line-height:1.1}.experience-aside p{margin-top:var(--space-3);text-wrap:pretty;font-size:.9375rem}.split{gap:var(--space-6);display:grid}.section .split-head,.section .split-head h2{margin-bottom:0}@media (width>=960px){.split{column-gap:var(--space-8);grid-template-columns:minmax(12rem,1fr) minmax(0,2.4fr)}.experience-body{margin-left:calc(0px - var(--rail))}}@media (width>=1400px){.experience{--entry-gap:var(--space-8)}.experience-body{margin-left:0}.timeline{column-gap:var(--entry-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.experience-entry{padding-left:0;padding-top:calc(var(--marker-top) + var(--marker) + var(--space-4))}.experience-entry:not(:last-child){padding-bottom:0}.experience-entry:not(:last-child):after{top:calc(var(--marker-top) + var(--marker) / 2 - 1px);bottom:auto;left:calc(var(--marker) + 6px);right:calc(6px - var(--entry-gap));background-image:repeating-linear-gradient(to right, color-mix(in srgb, var(--color-charcoal) 45%, transparent) 0 2px, transparent 2px 6px);transform-origin:0;width:auto;height:2px}html[data-timeline] .experience-entry:not([data-seen]):after{transform:scaleX(0)}.experience-aside{max-width:32rem;padding-left:0}}.about-aside{justify-content:space-between;align-items:flex-end;gap:var(--space-5);display:flex}.section .about-aside h2{margin-bottom:0}.about-motif{flex:none;width:60px;height:28px;position:relative}.about-motif:before{--c:var(--color-charcoal);--a:var(--mood-swatch);content:"";width:4px;height:4px;box-shadow:52px 4px 0 var(--a), 56px 4px 0 var(--a), 52px 8px 0 var(--a), 56px 8px 0 var(--a), 4px 28px 0 var(--c), 8px 24px 0 var(--c), 12px 20px 0 var(--c), 16px 16px 0 var(--c), 20px 20px 0 var(--c), 24px 24px 0 var(--c), 28px 20px 0 var(--c), 32px 16px 0 var(--c), 36px 12px 0 var(--c), 40px 8px 0 var(--c), 44px 12px 0 var(--c), 48px 16px 0 var(--c), 52px 20px 0 var(--c), 56px 24px 0 var(--c), 60px 28px 0 var(--c);position:absolute;top:-4px;left:-4px}.about-lead{max-width:24ch;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.75rem,1.2rem + 2.4vw,3.25rem);line-height:1.08}.about-notes{gap:var(--space-5);margin:var(--space-7) 0 0;display:grid}.about-notes div{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb, var(--color-charcoal) 35%, transparent);display:grid}.about-notes dd{max-width:var(--measure);text-wrap:balance;margin:0}@media (width>=960px){.about-aside{justify-content:flex-start;align-items:flex-start;gap:var(--space-6);flex-direction:column}.about-notes div{column-gap:var(--space-5);grid-template-columns:7rem minmax(0,1fr)}.about-notes dt{padding-top:.3em}}.section .contact-statement{max-width:18ch;font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin-bottom:0;font-size:clamp(2rem,1.2rem + 3.6vw,4.5rem);line-height:1.02}.contact-lines{gap:var(--space-4);margin-top:var(--space-7);flex-direction:column;display:flex}.contact-lines li{align-items:baseline;display:flex}.contact-value{width:fit-content;font-family:var(--font-display);color:inherit;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);line-height:1.2}.contact-arrow{clip-path:inset(0 100% 0 0);transition:clip-path var(--motion-quick) steps(3, end), transform var(--motion-quick) steps(2, end);align-self:center;margin-left:.6rem;transform:translate(-4px)}.contact-lines li:has(:focus-visible) .contact-arrow{clip-path:inset(-4px -8px -4px 0);transition-delay:var(--motion-beat);transform:none}@media (hover:hover){.contact-lines li:has(a:hover) .contact-arrow{clip-path:inset(-4px -8px -4px 0);transition-delay:var(--motion-beat);transform:none}}.contact-coda{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8);padding-top:var(--space-5);background-image:repeating-linear-gradient(90deg, var(--color-charcoal) 0 2px, transparent 2px 6px);background-repeat:no-repeat;background-size:100% 2px;flex-wrap:wrap;display:flex}.closing{font-style:italic}.controls{gap:var(--space-3);flex-wrap:wrap;display:flex}.footnote{justify-content:space-between;gap:var(--space-2) var(--space-5);padding:0 var(--page-pad) var(--space-6);flex-wrap:wrap;display:flex}@media (width>=768px){.contact-lines{gap:var(--space-5) var(--space-8);flex-flow:wrap}}.intro,.work-summary,.experience-summary,.about p,.about dd,.contact-statement,.contact-lines{overflow-wrap:break-word}button{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--color-charcoal);background-color:var(--color-cream);border:1px solid var(--color-charcoal);padding:var(--space-2) var(--space-3);cursor:pointer;transition:transform var(--motion-beat) steps(2, end), box-shadow var(--motion-beat) steps(2, end);font-size:.7rem}button:focus-visible{box-shadow:2px 2px 0 var(--color-charcoal);transform:translate(-2px,-2px)}@media (hover:hover){button:hover{box-shadow:2px 2px 0 var(--color-charcoal);transform:translate(-2px,-2px)}}button:active{box-shadow:none;transform:none}button[data-scene-mood]{align-items:center;gap:var(--space-3);display:inline-flex}.pixel-sun{background-color:var(--mood-swatch);width:8px;height:8px;box-shadow:0 -4px 0 var(--mood-swatch), 0 4px 0 var(--mood-swatch), -4px 0 0 var(--mood-swatch), 4px 0 0 var(--mood-swatch);transition:background-color var(--motion-atmosphere) ease-in-out, box-shadow var(--motion-atmosphere) ease-in-out;flex:none;position:relative}.pixel-sun:after{content:"";box-shadow:0 -8px 0 var(--mood-swatch), 0 8px 0 var(--mood-swatch), -8px 0 0 var(--mood-swatch), 8px 0 0 var(--mood-swatch);opacity:0;position:absolute;inset:0}html[data-motion-paused] .pixel-sun{transition-duration:0s}button:disabled{opacity:1;color:var(--color-charcoal);cursor:not-allowed}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation-name:reveal-rise;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 60%}}}@keyframes reveal-rise{0%{opacity:.7;transform:translateY(.75rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.work-name,.work-arrow,.work-stamp,.work-stamp:after,.work-row:before,.pixel-link,.contact-arrow,.timeline-marker,.pixel-sun,button{transition-duration:0s;transition-delay:0s}.work-row:hover .work-stamp:after,.work-row:focus-within .work-stamp:after{transition-delay:0s}}@media (width<=420px){.site-header__bar,.site-nav ul{flex-wrap:wrap}}@media (height<=700px){:root{--header-block:2.75rem}.site-header__bar{min-height:0;padding-block:var(--space-2)}}
