:root{--cyc: #c9d2cc;--putty: #ede6da;--slip: #7e8f87;--kiln: #322e2a;--ember: #e2662f;--canvas: #2e7d74;--slip-ink: color-mix(in srgb, var(--slip) 45%, var(--kiln));--display: "Fraunces", "LXGW WenKai", Georgia, serif;--text: "Work Sans", "LXGW WenKai", system-ui, sans-serif;--fs-display: clamp(2.75rem, 7vw, 5.5rem);--fs-lead: 1.5rem;--fs-body: 1.0625rem;--fs-micro: .8125rem;--paper-shadow: 4px 4px 0 rgba(50, 46, 42, .12);--gutter: clamp(1.25rem, 4vw, 3rem)}*{box-sizing:border-box}html{background:var(--cyc);scroll-behavior:auto}body{margin:0;color:var(--kiln);background:var(--cyc);font-family:var(--text);font-size:var(--fs-body);line-height:1.75;letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3{font-family:var(--display);font-weight:700;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;line-height:1.02;letter-spacing:-.015em;margin:0}a{color:inherit;text-decoration:none;border-bottom:1px solid var(--slip);padding-bottom:.08em;transition:none}a:hover{color:var(--canvas);border-bottom-color:var(--ember);border-bottom-width:2px;padding-bottom:calc(.08em - 1px)}:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.stage{position:fixed;inset:0;z-index:0}.stage canvas{display:block;touch-action:pan-y}.scroll-proxy{position:relative;z-index:1;pointer-events:none;height:400svh}.stills{position:fixed;inset:0;z-index:0}.stills img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s linear}.stills img[data-on=true]{opacity:1}.signature{position:fixed;top:var(--gutter);left:var(--gutter);z-index:4;font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--kiln);mix-blend-mode:multiply}.signature .sig-sub{display:block;color:var(--slip-ink);letter-spacing:.1em;text-transform:none}.cards{position:fixed;inset:0;z-index:3;pointer-events:none}.card{position:absolute;width:min(30rem,calc(100vw - var(--gutter) * 2));padding:1.75rem 1.75rem 1.5rem;background:var(--putty);border:1px solid var(--slip);box-shadow:var(--paper-shadow);opacity:0;visibility:hidden;pointer-events:none}.card[data-on="1"]{opacity:.5;visibility:visible}.card[data-on="2"]{opacity:1;visibility:visible;pointer-events:auto}.card[data-mark="0"]{left:var(--gutter);bottom:calc(var(--gutter) + 3.5rem)}.card[data-mark="1"]{right:var(--gutter);top:22vh}.card[data-mark="2"]{left:var(--gutter);top:16vh}.card[data-mark="3"]{right:var(--gutter);bottom:calc(var(--gutter) + 3.5rem)}.kicker{font-size:var(--fs-micro);letter-spacing:.16em;color:var(--slip-ink);text-transform:uppercase;margin:0 0 .75rem}.card h1{font-size:var(--fs-display);margin-bottom:.5rem}.card h2{font-size:var(--fs-lead);margin-bottom:.75rem}.card p{margin:0 0 .75rem}.card p:last-child{margin-bottom:0}.card .lead{font-size:var(--fs-lead);line-height:1.45}.rule{height:1px;background:var(--slip);opacity:.5;margin:1.25rem 0;border:0}.projects{list-style:none;margin:0;padding:0}.projects li+li{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid rgba(126,143,135,.4)}.projects h3{font-size:1.125rem;font-family:var(--text);font-weight:500;letter-spacing:.02em;line-height:1.5;margin-bottom:.15rem}.projects p{color:var(--slip-ink);margin:0}.contact{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}.marks{position:fixed;left:50%;transform:translate(-50%);bottom:var(--gutter);z-index:5;display:flex;gap:.4rem;align-items:center}.mark-dot{appearance:none;background:none;border:0;padding:.5rem;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mark-dot i{display:block;width:9px;height:9px;border-radius:50%;border:1px solid var(--kiln);background:transparent}.mark-dot[aria-current=true] i{background:var(--ember);border-color:var(--ember)}.booting{position:fixed;inset:0;z-index:20;background:#0d0c0b;display:grid;place-items:center;color:var(--cyc);transition:opacity .3s steps(3),visibility 0s linear .3s}.booting[data-done=true]{opacity:0;visibility:hidden;pointer-events:none}.booting .line{font-size:var(--fs-micro);letter-spacing:.22em;opacity:.65}.fallback{position:relative;z-index:1;max-width:46rem;margin:0 auto;padding:var(--gutter) var(--gutter) 6rem}.fallback img{display:block;width:100%;height:auto;border:1px solid var(--slip);box-shadow:var(--paper-shadow);margin-bottom:3rem;background:var(--putty)}.fallback section+section{margin-top:3rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hotspot-tag{font-family:var(--display);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;font-size:.9375rem;line-height:1.2;white-space:nowrap;background:var(--putty);border:1px solid var(--slip);box-shadow:3px 3px #322e2a24;padding:.3rem .6rem;transform:translate(.75rem,-50%) rotate(-1.5deg);user-select:none;pointer-events:none}@media(max-width:720px){.card{width:calc(100vw - var(--gutter) * 2);padding:1.25rem}.card[data-mark="0"],.card[data-mark="1"],.card[data-mark="2"],.card[data-mark="3"]{left:var(--gutter);right:var(--gutter);top:auto;bottom:calc(var(--gutter) + 3.25rem);width:auto}.card[data-mark="1"],.card[data-mark="2"]{max-height:68svh;overflow-y:auto;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}.card .projects li+li{margin-top:.85rem;padding-top:.85rem}.card .projects p{line-height:1.6}}@media(prefers-reduced-motion:reduce){.card{transition:opacity .2s linear}.card[data-on="1"]{opacity:1}}