:root{--bg:#000;--fg:#fff;--muted:#a3a3a3;--faint:#666;--rule:#333;--accent:#ff6600;--accent-soft:#ff9550;--code-bg:#0d0d0f;--gutter:clamp(16px, 4vw, 40px);--effect-speed:3s;--background-color:var(--bg);--font-color:var(--fg);--invert-font-color:var(--bg);--primary-color:var(--accent);--secondary-color:var(--muted);--block-background-color:var(--code-bg);--code-bg-color:var(--code-bg);--global-font-size:clamp(14px, 13px + 0.25vw, 16px);--global-line-height:1.6em;--page-width:60em;--display-h1-decoration:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg);color:var(--fg)}.container{padding-left:var(--gutter);padding-right:var(--gutter);box-sizing:border-box;overflow-x:clip}::selection{background-color:var(--accent);color:var(--bg)}.terminal-nav{padding:1rem 0 .5rem;gap:.5rem 2rem;flex-wrap:wrap}.terminal-logo{min-width:0}.terminal-logo{max-width:100%}.terminal .logo,.terminal-prompt{display:block;padding:.5rem 0;color:var(--fg);white-space:normal;overflow-wrap:anywhere}.terminal-prompt::after{content:"\2588";color:var(--accent);margin-left:.2em;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{50%{opacity:0}}.terminal-menu ul{flex-direction:row;flex-wrap:wrap;gap:0 1.25rem;margin-top:0}.terminal-menu li{margin:0;padding:0}.terminal-menu li a:not(.btn){display:inline-flex;align-items:center;min-height:44px;padding:0 .25rem;color:var(--fg)}.terminal-menu li a:not(.btn):hover,.terminal-menu li a[aria-current=page]{color:var(--accent)}.terminal h1,.terminal h2,.terminal h3,.terminal h4{display:block;color:var(--fg);font-weight:700;overflow:visible;overflow-wrap:break-word}.terminal h1{font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem);line-height:1.1;margin:1.5rem 0 0;padding:0}.terminal h1::after{content:none}.terminal h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);line-height:1.3;margin:2.5rem 0 .75rem}.terminal h3{font-size:clamp(1.1rem,1rem + .5vw,1.4rem);line-height:1.3;margin:2rem 0 .5rem}.terminal h4{font-size:1.05rem;line-height:1.4;margin:1.5rem 0 .25rem}.terminal strong,strong,b{font-size:inherit;color:var(--fg);display:inline}p,li,td,th,blockquote{color:var(--fg)}a{color:var(--accent);text-decoration:none;transition:color .2s ease,background-color .2s ease}a:hover{color:var(--bg);background-color:var(--accent)}a em{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}hr,.repel-border{display:block;width:100%;height:1em;margin:2.5rem 0;border:0;overflow:hidden}hr{background-image:radial-gradient(circle,var(--fg) .11em,transparent .13em);background-size:1.2ch 1em;background-repeat:repeat-x;background-position:0}.title-rule{margin:.75rem 0 2rem}.repel-border{white-space:nowrap;line-height:1;overflow:visible;position:relative;z-index:3;pointer-events:none}.repel-border span{display:inline-block;width:1.2ch;text-align:center;transition:transform var(--effect-speed)ease-out,color .3s ease-in-out}img{display:block;max-width:100%;height:auto}p:has(>img)+p>em:only-child,img+em{display:block;text-align:center;font-size:.85em;color:var(--fg);margin:.5em 0 2em}.video-embed{position:relative;aspect-ratio:16/9;margin:2em 0;background:#111}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}table{font-size:.85em;line-height:1.4;margin:0 0 2em}table td,table th{padding:.35em .6em;border-color:#444;color:var(--fg);overflow-wrap:anywhere}table tbody td:first-child{font-weight:600;color:var(--fg);white-space:nowrap;overflow-wrap:normal}.table-scroll{max-width:100%;overflow-x:auto;margin:0 0 2em}.table-scroll table{margin:0}li{margin-bottom:.4em}.terminal h1.intro{font-size:clamp(1.35rem,1rem + 1.6vw,2.1rem);line-height:1.35;font-weight:400;max-width:34ch;margin:clamp(2rem,8vh,6rem)0 clamp(2rem,6vh,4rem)}.work-grid{display:grid;grid-template-columns:1fr;gap:2rem 1.5rem;margin:1.5rem 0 2rem;padding:0;list-style:none}.work-grid li{padding:0;margin:0}@media(min-width:40em){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-grid li::after{content:none}.work-card a{display:block;position:relative;color:var(--fg)}.work-card a:hover{background:0 0;color:var(--fg)}.work-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border:2px solid var(--rule);transition:border-color .3s ease}.work-card a:hover img,.work-card a:focus-visible img{border-color:var(--accent)}.work-card-title{display:block;margin-top:.6em;font-weight:700;text-align:center}.work-card-meta{display:block;text-align:center;font-size:.8em;color:var(--muted)}.more-link{margin:0 0 3rem}.work-list{list-style:none;padding:0;margin:0 0 2rem}.work-list li{padding:0;margin:0 0 .9em;display:grid;grid-template-columns:1fr;gap:0 1rem}.work-list li::after{content:none}.work-year{color:var(--muted);font-size:.85em}.work-detail{color:var(--muted);font-size:.85em}@media(min-width:40em){.work-list li{grid-template-columns:7.5em minmax(0,1fr)}.work-year{grid-row:span 2;padding-top:.15em}}.projects-index{list-style:none;padding:0;margin:0 0 2.5rem}.projects-index li{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:0 1rem;padding:0;margin:0 0 .8em}.projects-index li::after{content:none}.projects-index .work-year{grid-row:span 2;padding-top:.15em}.projects-client{color:var(--muted);font-size:.85em}@media(min-width:48em){.projects-index li{grid-template-columns:6.5em minmax(0,1.4fr)minmax(0,1fr);align-items:baseline;margin:0;padding:.35em 0;border-bottom:1px solid var(--rule)}.projects-index .work-year{grid-row:auto;padding-top:0}}.hover-thumbs-area{position:relative;z-index:0}.hover-thumb{position:fixed;top:0;left:0;z-index:-1;width:auto;max-width:20rem;max-height:16rem;pointer-events:none;opacity:0}.hover-thumb.is-visible{opacity:.6}@media(prefers-reduced-motion:no-preference){.hover-thumb{transition:opacity .15s ease}}.video-index li{grid-template-columns:4.5em minmax(0,1fr);margin:0 0 .6em}.video-index .work-year{grid-row:span 2;padding-top:.15em}.video-index .work-title a,.projects-index .work-title a{color:var(--fg)}.video-index .work-title a:hover,.projects-index .work-title a:hover{color:var(--bg)}.video-index .video-client a{color:inherit}.video-index .video-client a:hover{color:var(--bg)}@media(min-width:48em){.video-index li{grid-template-columns:4.5em minmax(0,1.3fr)minmax(0,1fr)minmax(0,1.2fr);align-items:baseline;margin:0;padding:.3em 0;border-bottom:1px solid var(--rule)}.video-index li>*,.video-index .work-detail>*{grid-row:1}.video-index .work-year{grid-column:1;grid-row:1;padding-top:0}.video-index .work-title{grid-column:2}.video-index .work-detail{display:contents}.video-index .video-client{grid-column:3}.video-index .video-scope{grid-column:4}.video-index .video-sep{display:none}.video-index .video-client,.video-index .video-scope{color:var(--muted);font-size:.85em}}.resource-list{list-style:none;padding:0;margin:0}.resource-entry{padding:0;margin:0 0 .75rem;line-height:1.5}.resource-entry::after{content:none}.resource-link{font-size:.95rem}.resource-summary{display:block;font-size:.85rem;color:#c9c9c9}.resource-date{display:block;font-size:.72rem;color:var(--faint)}.resource-topic{padding:0;margin:0 0 .75rem}.resource-topic::after{content:none}.resource-topic-name,.related-notes-name{display:block;font-size:.8rem;color:var(--faint);margin:0 0 .4rem}.resource-topic>.resource-list{padding-left:1rem;border-left:1px solid #333}.notes-index>li{margin-bottom:2.25rem}.related-notes{margin:0 0 2rem;font-size:.85rem}.related-notes ol{margin:0;padding:0}.related-notes li{padding:0;margin:0 0 .25rem}.related-notes li[aria-current=page]{color:var(--faint)}@media(min-width:40em){.resource-summary{display:inline}.resource-summary::before{content:"\2014\00a0";color:#555}}.site-footer{margin-top:4rem;padding-bottom:3rem;font-size:.9em}.site-footer hr{margin:0 0 1.5rem}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem}.footer-row nav{display:flex;flex-wrap:wrap;gap:0 1.25rem}.footer-row a{display:inline-flex;align-items:center;min-height:44px}.footer-row a:hover{background:0 0;color:var(--fg)}.terminal code,code{background-color:#16161a;color:var(--accent-soft);border:1px solid var(--rule);border-radius:3px;padding:.05em .35em;font-size:.9em}code::before,code::after,pre code::before,pre code::after{content:""}pre{background-color:var(--code-bg)!important;border:1px solid var(--rule);color:#e6e6e6;padding:1em;overflow-x:auto;white-space:pre;word-break:normal}.terminal pre code,pre code{background-color:initial;color:#e6e6e6;border:0;border-radius:0;padding:0;display:block;overflow-x:visible;white-space:pre}blockquote{color:#cfcfcf}.frame-scrub{position:relative;background-color:var(--bg)}.frame-scrub canvas{opacity:0;transition:opacity .45s ease}.frame-scrub.is-ready canvas{opacity:1}.frame-scrub-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.15em;letter-spacing:.08em;color:var(--accent-soft);pointer-events:none;transition:opacity .3s ease}.frame-scrub.is-ready .frame-scrub-loader{opacity:0;visibility:hidden}.frame-scrub-pct{color:#7a7a7a}.frame-scrub-dots i{font-style:normal;opacity:0;animation:frame-scrub-dots 1.4s infinite}.frame-scrub-dots i:nth-child(2){animation-delay:.2s}.frame-scrub-dots i:nth-child(3){animation-delay:.4s}@keyframes frame-scrub-dots{0%{opacity:0}30%{opacity:1}80%{opacity:1}100%{opacity:0}}.scrub-lead{height:clamp(20vh,10vh + 10vw,40vh)}.scrub-gap{height:clamp(15vh,8vh + 8vw,30vh)}.scrub-tail{height:clamp(20vh,10vh + 10vw,40vh)}@media(hover:hover) and (pointer:fine){.effects-on strong .char,.effects-on b .char{display:inline-block;position:relative;transition:transform var(--effect-speed)ease-out,color var(--effect-speed)ease-in-out,text-shadow var(--effect-speed)ease-in-out}.effects-on .word{display:inline-block;white-space:nowrap}.effects-on .mouse-near .char{color:var(--accent);text-shadow:0 0 20px rgba(255,102,0,.8),0 0 40px rgba(255,102,0,.5),0 0 60px rgba(255,102,0,.3)}.effects-on .video-index a,.effects-on .projects-index a,.effects-on .title-text{transition:color .4s ease-in-out,text-shadow .4s ease-in-out,background-color .2s ease}.effects-on .video-index a.mouse-near:not(:hover),.effects-on .projects-index a.mouse-near:not(:hover),.effects-on .title-text.mouse-near{color:var(--accent);text-shadow:0 0 12px rgba(255,102,0,.7),0 0 28px rgba(255,102,0,.4)}.effects-on .work-card a::before{content:"";position:absolute;width:300px;height:300px;left:var(--glow-x,50%);top:var(--glow-y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,102,0,.3),transparent 70%);pointer-events:none;opacity:0;transition:opacity var(--effect-speed)ease-in-out;z-index:1}.effects-on .work-card a:hover::before{opacity:1}.effects-on .work-card a>*{position:relative;z-index:2}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.frame-scrub-dots i{opacity:1}}