@font-face{font-family:Newsreader;src:url(/fonts/newsreader-latin-wght.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-wght.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--line:#efe9da29;--moon:#e8dfbf;--focus:#f6dc9c;--serif:"Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap:76rem;--gutter:clamp(1.25rem, 4.5vw, 4rem);--measure:34rem;--step--1:clamp(.875rem, .85rem + .1vw, .9375rem);--step-0:clamp(1.0625rem, 1rem + .2vw, 1.125rem);--step-0-intro:clamp(1.0625rem, .95rem + .35vw, 1.25rem);--step-1:clamp(1.15rem, 1.06rem + .45vw, 1.4rem);--step-2:clamp(1.4rem, 1.2rem + 1vw, 2rem);--step-3:clamp(2rem, 1.55rem + 2.2vw, 3.25rem);--step-4:clamp(2.75rem, 1.7rem + 5vw, 5.75rem);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--r-footer);color:var(--ink);font-family:var(--sans);font-size:var(--step-0);font-kerning:normal;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;line-height:1.7;position:relative}.paper{z-index:8;pointer-events:none;mix-blend-mode:overlay;opacity:.09;background:url(/textures/paper.png) 0 0/288px 288px;position:absolute;inset:0}.paper:before,.paper:after{content:"";background-image:inherit;background-repeat:repeat;position:absolute;inset:0}.paper:before{opacity:.5;background-position:83px 137px;background-size:293px 307px}.paper:after{opacity:.333333;background-position:179px 61px;background-size:307px 317px}@media (forced-colors:active),print{.paper{display:none}}h1,h2,h3,h4,p,ol,ul,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg,video{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.visually-hidden{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{z-index:10;left:var(--gutter);background:var(--ink);color:var(--sky,#151429);border-radius:.5rem;padding:.6rem 1rem;font-weight:600;position:absolute;top:.75rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.art--narrow{display:none}@media (width<=44.99rem){.art--wide{display:none}.art--narrow{display:block}}.hero{--hills:clamp(8.5rem, 21vw, 21rem);isolation:isolate;background:var(--sky,#151429);flex-direction:column;min-height:clamp(38rem,92svh,64rem);display:flex;position:relative;overflow:hidden}.hero__art{z-index:-1;position:absolute;inset:0}.hero__sky,.hero__stars{width:100%;height:100%;position:absolute;inset:0}.hero__stars :is(circle,path){fill:var(--star,#f1ead3)}.hero__stars{--text-left:max(var(--gutter), calc((100% - var(--wrap)) / 2));--quiet:radial-gradient(var(--quiet-rx,30rem) var(--quiet-ry,27%) at calc(var(--text-left) + var(--quiet-cx,16rem)) var(--quiet-cy,43%), transparent 55%, #000 100%);--quiet-nav-left:radial-gradient(6.5rem 2.4rem at calc(var(--text-left) + 3.4rem) 3.2rem, transparent 55%, #000 100%);--quiet-nav-right:radial-gradient(7rem 2.4rem at calc(100% - var(--text-left) - 3.8rem) 3.2rem, transparent 55%, #000 100%);-webkit-mask-image:var(--quiet), var(--quiet-nav-left), var(--quiet-nav-right);-webkit-mask-composite:source-in;mask-image:var(--quiet), var(--quiet-nav-left), var(--quiet-nav-right);display:none;mask-composite:intersect}@media (width>=112.5rem){.hero__stars--large{display:block}}@media (width>=68.75rem) and (width<=112.49rem){.hero__stars--desktop{display:block}}@media (width>=45rem) and (width<=68.74rem){.hero__stars--tablet{--quiet-rx:26rem;--quiet-cx:14rem;--quiet-cy:50%;display:block}}@media (width<=44.99rem){.hero__stars--phone{--quiet-rx:80%;--quiet-ry:32%;--quiet-cx:40%;--quiet-cy:66%;display:block}}.hero__hills{width:100%;height:var(--hills);position:absolute;bottom:-1px;left:0;right:0}.hero__moon{aspect-ratio:1;width:clamp(9rem,13vw,16rem);right:max(4vw, calc((100vw - var(--wrap)) / 2 + 1rem));position:absolute;top:clamp(4rem,10vh,8rem)}@media (width>=45rem) and (width<=68.74rem){.hero{min-height:clamp(38rem,80svh,52rem)}.hero__moon{width:11rem;top:5rem;right:5vw}}.nav{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;padding-block:clamp(1.25rem,3vw,2rem);display:flex}.wordmark{font-family:var(--serif);font-size:var(--step-1);letter-spacing:.01em;font-weight:500;text-decoration:none}.nav__links{gap:.25rem 1.5rem;display:flex}.nav__links a{color:var(--ink-soft);padding-block:.35rem;font-weight:500;text-decoration:none;display:inline-block}.nav__links a:hover{color:var(--accent);text-decoration:underline}.intro{padding-top:clamp(2rem,6vh,4rem);padding-bottom:calc(var(--hills) + clamp(1.5rem, 5vh, 3.5rem));flex-direction:column;flex:1;justify-content:center;display:flex}.intro__greeting{font-family:var(--serif);font-size:var(--step-4);letter-spacing:-.02em;font-weight:400;line-height:1}.intro__text{max-width:var(--measure);font-size:var(--step-0-intro);color:var(--ink-soft);margin-top:clamp(1.25rem,2.5vw,1.75rem)}.intro__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:clamp(1.75rem,3vw,2.25rem);display:flex}.intro__work{min-height:2.75rem;color:var(--accent);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.intro__work>span:first-child{text-underline-offset:.35em;text-decoration:underline 1px #efcf8c73}.intro__work:hover>span:first-child{text-decoration-color:currentColor}.intro__links{flex-wrap:wrap;gap:.75rem;display:flex}.profile-link{background:#15142973;border:1px solid #efe9da57;border-radius:.875rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1.1rem;font-weight:600;text-decoration:none;transition:border-color .14s,color .14s;display:inline-flex}.profile-link:hover{border-color:var(--accent);color:var(--accent)}.profile-link svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.profile-link{transition:none}}@media (width<=44.99rem){.hero{--hills:clamp(6rem, 38vw, 11rem);min-height:max(36rem,92svh)}.hero__moon{width:clamp(6.5rem,30vw,9rem);top:3.5rem;right:.25rem}.intro{justify-content:flex-end;padding-top:7rem}}.region{color:var(--region-text,var(--ink));position:relative}.region--hakoniwa{--region-text:var(--hakoniwa-text);background:var(--r-hakoniwa)}.region--keysight{--region-text:var(--keysight-text);background:var(--r-keysight)}.region--live-coding-quizzes{--region-text:var(--quizzes-text);background:var(--r-quizzes)}.about{background:var(--r-about)}.divider{background:var(--from)}.divider svg{width:100%;height:clamp(4.5rem,9vw,9rem)}.divider .art--narrow{height:clamp(4rem,21vw,7rem)}.section-title{font-family:var(--serif);font-size:var(--step-3);letter-spacing:-.01em;font-weight:400;line-height:1.1}.work__head{padding-top:clamp(.5rem,2vw,1.5rem);padding-bottom:clamp(.5rem,1.5vw,1rem)}.project{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,2.5rem);padding-block:clamp(1.5rem,3vw,2.5rem) clamp(2rem,4vw,3.5rem);display:grid}@media (width>=64rem){.project{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(3rem,5vw,5.5rem)}}.project__text{max-width:var(--measure)}.project__meta{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--region-text,var(--ink-muted));align-items:baseline;gap:.9rem;font-weight:600;display:flex}.project__meta>span:last-child{overflow-wrap:anywhere;min-width:0}.project__index{font-family:var(--serif);letter-spacing:.02em;color:var(--region-text,var(--accent));font-size:1.35em;font-weight:500}.project__title{font-family:var(--serif);font-size:var(--step-3);letter-spacing:-.015em;margin-top:.6rem;font-weight:450;line-height:1.08}.project__copy{color:var(--region-text,var(--ink-soft));margin-top:1.1rem}.project__copy p+p{margin-top:.85em}.project__copy p:first-child{color:var(--region-text,var(--ink))}.status{border-top:1px solid var(--line);font-size:var(--step--1);letter-spacing:.02em;color:var(--region-text,var(--ink-muted));align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:.9rem;font-weight:500;display:inline-flex}.status svg{width:1rem;height:1rem;fill:var(--moon);opacity:.8}.clip{--fade-x:7%;--fade-y:9%;padding-bottom:.9rem}@media (width<=44.99rem){.clip{--fade-x:6%;--fade-y:6%}}.clip__stage{position:relative}.clip__video{aspect-ratio:1280/800;background:var(--poster) center / cover no-repeat;cursor:pointer;width:100%;height:auto}.clip__video--tall{aspect-ratio:720/1000;display:none}@media (width<=44.99rem){.clip__video--wide{display:none}.clip__video--tall{display:block}}.clip__video[controls]{cursor:auto}.clip__video[data-enhance]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-x), #000 calc(100% - var(--fade-x)), transparent), linear-gradient(to bottom, transparent, #000 var(--fade-y), #000 calc(100% - var(--fade-y)), transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right, transparent, #000 var(--fade-x), #000 calc(100% - var(--fade-x)), transparent), linear-gradient(to bottom, transparent, #000 var(--fade-y), #000 calc(100% - var(--fade-y)), transparent);mask-composite:intersect}.clip__moon{width:2.75rem;height:2.75rem;color:var(--moon);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;bottom:-.9rem;right:3%}.clip__moon[hidden]{display:none}.clip__moon:focus-visible{border-radius:50%}.clip__moon:hover{color:var(--accent)}.clip__moon>svg{grid-area:1/1}.clip__hint{white-space:nowrap;font-family:var(--sans);font-size:var(--step--1);color:inherit;font-weight:500;line-height:1.4;display:flex;position:absolute;top:50%;right:calc(100% + .65rem);transform:translateY(-50%)}.clip[data-played] .clip__hint{pointer-events:none;animation:1ms linear .46s forwards clip-hint-hide}.clip[data-played] .clip__hint-letter{animation:clip-hint-letter .22s ease-out calc(var(--letter) * 28ms) forwards}@keyframes clip-hint-letter{to{opacity:0;transform:translateY(-.2em)}}@keyframes clip-hint-hide{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.clip[data-played] .clip__hint{visibility:hidden;animation:none}.clip[data-played] .clip__hint-letter{animation:none}}.clip__ring{width:100%;height:100%;transform:rotate(-90deg)}.clip__ring circle{stroke-width:1.65px}.clip__ring-track{fill:color-mix(in srgb, var(--moon) 8%, transparent);stroke:color-mix(in srgb, var(--moon) 42%, transparent)}.clip__moon:hover .clip__ring-track{fill:color-mix(in srgb, var(--accent) 14%, transparent);stroke:var(--accent)}.clip__ring-fill{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-dasharray:var(--progress,0) 2}.clip:not([data-played]) .clip__ring-fill{visibility:hidden}.clip__icon{fill:currentColor;opacity:.9;width:1.4rem;height:1.4rem}.clip__icon path{display:none}[data-state=paused]>.clip__icon .icon-play,[data-state=playing]>.clip__icon .icon-pause,[data-state=ended]>.clip__icon .icon-replay{display:block}.clip__icon .icon-replay{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.about{padding-block:clamp(1rem,3vw,2rem) clamp(2rem,4vw,3rem)}.about__grid{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,3.5rem) clamp(2rem,6vw,6rem);display:grid}@media (width>=64rem){.about__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"intro tools""experience experience";align-items:start}.about__intro{grid-area:intro}.about__experience{grid-area:experience}.about__tools{grid-area:tools;padding-top:.75rem}}.about__lead{max-width:var(--measure);color:var(--ink-soft);margin-top:1.25rem}.about__lead+.about__lead{margin-top:.85em}.about__subhead{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.experience{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:0 clamp(1.5rem,3vw,3rem);margin-top:1rem;display:grid}.experience__entry{border-top:1px solid var(--line);color:var(--ink-soft);padding-block:1.1rem}.experience__title{font-family:var(--serif);font-size:var(--step-1);color:var(--ink);margin-bottom:.25rem;font-weight:500;line-height:1.3}.tools{isolation:isolate;border-radius:0 0 1.5rem 1.5rem;grid-template-columns:minmax(0,12rem) minmax(0,1fr);margin-top:1rem;display:grid;position:relative}.tools__ground{z-index:-1;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.tools__title{font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.tools ul{flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:.7rem;display:flex}.tools li{color:var(--ink);flex-wrap:wrap;align-items:center;gap:.6rem;font-weight:500;display:flex}.tools__mark{width:1.5rem;height:1.5rem;fill:var(--ink-soft);flex:none}.tools__mark--outline{fill:none;stroke:var(--ink-soft);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.tools__core{background:#1a1614a6;border:1px solid #efe9da1f;border-radius:1rem;min-width:0;margin:1.5rem 0 1.5rem 1.25rem;padding:1.25rem 1.1rem}.tools__core ul{flex-direction:column;gap:.9rem;margin-top:1.1rem}.tools__ground--strata{display:none}.tools__strata{isolation:isolate;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;display:grid;position:relative}.tools__layer{padding:1.6rem 1.5rem 1.4rem}@media (width<=36rem){.tools{grid-template-columns:minmax(0,1fr)}.tools__core{margin:0 0 1rem;padding-inline:1rem}.tools__ground--whole{display:none}.tools__ground--strata{display:block}.tools__strata{border-radius:0 0 1.5rem 1.5rem;overflow:hidden}.tools__core ul{flex-direction:row;gap:.6rem 1.25rem}.tools__layer{padding:1.25rem 1.25rem 1.1rem}}.footer{background:var(--r-footer);padding-block:.5rem 2.5rem}.footer__inner{flex-wrap:wrap;align-items:center;gap:1rem 2rem;display:flex}.footer__name{font-family:var(--serif);font-size:var(--step-1);margin-right:auto}.footer__links{flex-wrap:wrap;gap:0 1.5rem;display:flex}.footer a{color:var(--ink-soft);padding-block:.4rem;transition:color .14s;display:inline-block}.footer a:hover{color:var(--accent)}.footer__top-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem;display:none}@media (width<=36rem){.footer__inner{gap:.5rem}.footer__links{font-size:var(--step--1);gap:.75rem}.footer__name,.footer__links a{white-space:nowrap}.footer .footer__top{border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;text-decoration:none;display:inline-flex;position:relative}.footer__top:before{content:"";border:2px solid color-mix(in srgb, var(--moon) 42%, transparent);border-radius:inherit;pointer-events:none;transition:border-color .14s;position:absolute;inset:.25rem}.footer__top:hover:before{border-color:var(--accent)}.footer__top-text{display:none}.footer__top-icon{display:block}}@media (prefers-reduced-motion:reduce){.footer a,.footer__top:before{transition:none}}