.tile-time{container-type:inline-size}.flip-clock{display:block}.flip-digits{--unit-w:clamp(16px, calc((100cqi - 56px) / 4), 30px);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.flip-pair{gap:3px;display:flex}.flip-period{font-size:var(--text-xs);letter-spacing:.02em;color:var(--ink-2);align-self:flex-end;margin-left:4px;font-weight:600;line-height:1.2}.flip-sep{font-size:calc(var(--unit-w) * .9);color:var(--ink-2);align-items:center;font-weight:600;line-height:1;display:flex;translate:0 -8%}.flip-unit{width:var(--unit-w);height:calc(var(--unit-w) * 1.42);border-radius:calc(var(--unit-w) * .2);background:var(--ink);color:var(--tile);font-size:calc(var(--unit-w) * 1.02);letter-spacing:-.02em;perspective:calc(var(--unit-w) * 12);font-weight:600;display:block;position:relative;overflow:hidden}.flip-half{background:inherit;height:50%;color:inherit;backface-visibility:hidden;position:absolute;inset-inline:0;overflow:hidden}.flip-top{top:0}.flip-bottom{top:50%}.flip-digit{justify-content:center;align-items:center;height:200%;line-height:1;display:flex;position:absolute;inset-inline:0}.flip-top .flip-digit{top:0}.flip-bottom .flip-digit{top:-100%}.flip-flap-top{z-index:2;transform-origin:bottom}.flip-flap-bottom{z-index:1;transform-origin:top;transform:rotateX(90deg)}.flip-flap-top.is-flipping{animation:.6s ease-in forwards flip-top}.flip-flap-bottom.is-flipping{animation:.6s ease-out forwards flip-bottom}@keyframes flip-top{0%{z-index:3;transform:rotateX(0)}50%,to{z-index:1;transform:rotateX(-90deg)}}@keyframes flip-bottom{0%,50%{z-index:1;transform:rotateX(90deg)}to{z-index:3;transform:rotateX(0)}}.flip-rule{z-index:4;background:color-mix(in oklch, var(--tile) 22%, transparent);width:100%;height:1px;position:absolute;top:50%;left:0;translate:0 -50%}@media (prefers-reduced-motion:reduce){.flip-flap-top.is-flipping,.flip-flap-bottom.is-flipping{animation-duration:1ms}}
.status-chip{top:18px;left:calc(var(--pad-tile) - 6px);z-index:1;position:absolute}.main-copy:before{content:"";z-index:-1;background-image:radial-gradient(var(--line-strong) 1.1px, transparent 1.3px);pointer-events:none;background-position:10px 10px;background-size:16px 16px;height:44%;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 20%,#0000);mask-image:linear-gradient(#000 20%,#0000)}@media (hover:hover) and (pointer:fine) and (min-width:761px){.main-copy:before{display:none}}.main-field{z-index:-1;-webkit-mask-composite:source-in;height:60%;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 30%,#0000 100%),linear-gradient(90deg,#000 78%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%),linear-gradient(90deg,#000 78%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.main-text{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.main-kicker{font-size:var(--text-sm);border-radius:999px;flex-wrap:wrap;gap:2px 10px;padding:8px 16px;line-height:1.35;display:inline-flex}.main-name{color:var(--ink);font-weight:600}.main-role{color:var(--ink);font-weight:400}.main-role:before{content:"·";color:var(--ink-2);margin-right:10px}h1.display,.display-sizer{letter-spacing:-.038em;color:var(--ink);font-size:clamp(2.5rem,1.35rem + 2.9vw,4rem);font-weight:650;line-height:.98}h1.display .word{display:inline-block}.headline-swap{display:grid}.headline-swap>*{grid-area:1/1;min-width:0}.display-sizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;text-wrap:balance}h1.display .word-swap,.display-sizer .word-swap{display:inline-block}h1.display .ch{position:relative}.main-lede{max-width:46ch;font-size:var(--text-base);color:var(--ink-2);line-height:1.8}.lede-pill{background:var(--tile-sunk);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);white-space:nowrap;transition:background-color .35s ease, box-shadow .35s ease, translate .45s var(--ease-out);border-radius:999px;margin-inline:1px;padding:0 11px 0 9px;font-weight:600;line-height:1.6;display:inline-block}.lede-nowrap{white-space:nowrap}.lede-pill-glyph{vertical-align:-2px;width:16px;height:16px;color:var(--ink-2);margin-right:6px;transition:color .35s;display:inline-block;overflow:hidden}.lede-pill-glyph svg{display:block}@media (hover:hover) and (pointer:fine){.lede-pill:hover{background:color-mix(in oklch, var(--mint) 22%, var(--tile-sunk));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--mint) 60%, var(--line))}.lede-pill:hover .lede-pill-glyph{color:var(--accent)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.lede-pill:hover{translate:0 -1px}.lede-pill[data-icon=code]:hover svg{animation:lede-code .6s var(--ease-out)}.lede-pill[data-icon=web]:hover svg{animation:lede-screen .6s var(--ease-out)}.lede-pill[data-icon=mobile]:hover svg{animation:.55s linear lede-buzz}.lede-pill[data-icon=design]:hover svg{animation:lede-draw .7s var(--ease-out)}.lede-pill[data-icon=deploy]:hover svg{animation:.8s cubic-bezier(.5,0,.3,1) lede-launch}}@keyframes lede-code{35%{scale:1.22}65%{scale:.94}}@keyframes lede-screen{25%{opacity:.45;scale:1 .35}60%{opacity:1;scale:1 1.12}}@keyframes lede-buzz{15%{rotate:-10deg}30%{rotate:9deg}45%{rotate:-7deg}60%{rotate:5deg}75%{rotate:-2deg}}@keyframes lede-draw{30%{translate:-1px 1px;rotate:-18deg}65%{translate:1px;rotate:8deg}}@keyframes lede-launch{45%{translate:14px -14px}46%{translate:-14px 14px}}.main-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.main-photo{cursor:default;background:#fefefe;min-height:0}.photo-img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;position:absolute;inset:0}.tile-mint{--as-pad:clamp(18px, 1.7vw, 22px);--focus:var(--mint-ink);padding:var(--as-pad);background:var(--mint);border-color:color-mix(in oklch, var(--mint) 80%, var(--mint-ink));color:var(--mint-ink);flex-direction:column;gap:12px;display:flex}.connect-title{max-width:20ch;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--mint-ink);font-weight:650;line-height:1.2}.connect-dim{color:#19394c;color:lab(22.3046% -7.04107 -15.3003);font-weight:500}.connect-links{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.connect-links .email-pill{flex:100%}.connect-links .email-address{text-align:left;flex:1}.compact-top{color:var(--ink);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.compact-top--end{justify-content:flex-end}.compact-copy{flex-direction:column;gap:2px;display:flex}.compact-title{letter-spacing:-.015em;color:var(--ink);font-size:1.0625rem;font-weight:650;line-height:1.3}.compact-sub{font-size:var(--text-xs);color:var(--ink-2);line-height:1.4}.tile-gh:focus-visible,.tile-resume:focus-visible{outline-offset:3px}.tile-resume{isolation:isolate}.resume-paper{z-index:-1;aspect-ratio:360/466;width:36%;max-width:86px;position:absolute;top:16px;left:20px}.resume-sheet{transform-origin:50% 90%;transition:transform .6s var(--ease-out);border-radius:4px;position:absolute;inset:0}.resume-sheet--under{background:var(--tile-sunk);box-shadow:0 0 0 1px var(--line);transform:rotate(5deg)translate(10px,2px)}.resume-sheet--front{background:repeating-linear-gradient(#0000 0 9px,#12171a14 9px 11px) 14% 24%/72% 60% no-repeat,#fff;background:repeating-linear-gradient(#0000 0 9px,lab(7.24315% -1.55334 -3.10362/.08) 9px 11px) 14% 24%/72% 60% no-repeat,lab(100% 0 0);transform:rotate(-6deg);box-shadow:0 0 0 1px #12171a1a,0 10px 22px -10px #0d171e73;box-shadow:0 0 0 1px lab(7.24315% -1.55334 -3.10362/.1),0 10px 22px -10px lab(7.24817% -2.82282 -6.15479/.45)}@media (hover:hover) and (pointer:fine){.tile-gh:hover .icon-circle,.tile-resume:hover .icon-circle{background:var(--ink);border-color:var(--ink);color:var(--tile)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tile-gh:hover .icon-circle{transform:rotate(45deg)}.tile-resume:hover .icon-circle{transform:translateY(2px)}.tile-resume:hover .resume-sheet--front{transform:rotate(-1deg)translateY(-6px)scale(1.05)}.tile-resume:hover .resume-sheet--under{transform:rotate(9deg)translate(16px)}}.about-body{grid-template:"copy groups""devices groups"1fr/minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:0 clamp(24px,4vw,64px);display:grid}.about-copy{grid-area:copy}.about-groups{grid-area:groups}.about-devices{grid-area:devices;align-self:end}.about-copy{flex-direction:column;gap:10px;display:flex}.about-hello{letter-spacing:-.028em;color:var(--ink);font-size:clamp(1.5rem,1.25rem + .7vw,1.875rem);font-weight:650;line-height:1.15}.about-text{letter-spacing:-.006em;max-width:62ch;color:var(--ink);font-size:clamp(1.0625rem,.98rem + .25vw,1.1875rem);line-height:1.62}.about-groups{flex-direction:column;gap:22px;display:flex}.pill-group-label{font-size:var(--text-xs);color:var(--ink-2);margin-bottom:10px;font-weight:600;line-height:1.35}@media (max-width:960px){.about-body{grid-template:"copy""groups""devices"/minmax(0,1fr);row-gap:24px}.about-devices{padding-top:10px}}@media (prefers-reduced-motion:reduce){.resume-sheet{transition:none}}
