:root,[data-theme=dark]{color-scheme:dark;--bg:#17151e;--ink:#f4f0f8;--muted:#aaa4b6;--accent:#c989df;--dots:#ffffff26;--chip:#ffffff14;--edge:#ffffff14;--shadow:#000000b0;--scrim:#0d0b12b8;--panel:#24212d}[data-theme=light]{color-scheme:light;--bg:#f8f5fb;--ink:#211a2d;--muted:#5e5670;--accent:#8a3fb0;--dots:#2d243826;--chip:#2d243814;--edge:#2d24381f;--shadow:#3d2a5266;--scrim:#f8f5fbc7;--panel:#fff}:root{--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--page:792px;--spring:cubic-bezier(.2, 1.15, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background-color:var(--bg);min-height:100dvh;color:var(--ink);font:400 1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.top{max-width:var(--page);padding:max(28px, env(safe-area-inset-top)) 16px 8px;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 32px;margin-inline:auto;display:flex}h1{font:700 clamp(2.25rem, 5.4vw, 3.25rem) / 1.05 var(--sans);letter-spacing:-.03em}.role{font:500 .9375rem/1.4 var(--mono);color:var(--muted);margin-top:2px}.links{font:500 .8125rem var(--mono);flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.links a,.links button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.links a:hover,.links button:hover{color:var(--accent)}main{max-width:var(--page);padding:16px 16px calc(112px + env(safe-area-inset-bottom));margin-inline:auto}.deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.4vw,24px);display:grid}.slot{aspect-ratio:5/7;position:relative}.mover{aspect-ratio:5/7;perspective:1000px;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;transform:translate(var(--x,0), var(--y,0)) rotate(var(--r,var(--lean,0deg)));transition:transform .5s var(--spring), width .4s var(--spring), scale .2s var(--spring);position:absolute;top:0;left:0}.slot:nth-child(odd) .mover{--lean:-.7deg}.slot:nth-child(2n) .mover{--lean:.6deg}@media (hover:hover){.mover:hover{scale:1.015}}.mover.held{z-index:40;cursor:grabbing;transition:scale .2s var(--spring)}.mover.held .face{box-shadow:inset 0 0 0 1px var(--edge), 0 34px 54px -18px var(--shadow)}.slot.open .mover{z-index:100;cursor:default}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.35,.4,.2,1.15);display:grid;position:relative;container-type:size}.slot:not(.away) .card{will-change:transform}.slot.open .card{transform:rotateY(180deg)}.face{background:var(--c);width:100%;height:100%;min-height:0;color:var(--t);font:inherit;text-align:left;box-shadow:inset 0 0 0 1px var(--edge), 0 18px 36px -18px var(--shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:0;border-radius:6cqw;flex-direction:column;grid-area:1/1;padding:6cqw;transition:opacity 0s .15s;display:flex;position:relative;overflow:hidden}.slot:not(.open) .back,.slot.open .front{opacity:0}.front{cursor:inherit}.front:after{content:"";opacity:.5;pointer-events:none;background:linear-gradient(112deg,#0000 38%,#ffffff30 50%,#0000 62%) 130% 0/260% 100%;transition:background-position .7s;position:absolute;inset:0}.mover:hover .front:after{background-position:-30% 0}.back{-webkit-user-select:text;user-select:text;gap:4cqw;overflow-y:auto;transform:rotateY(180deg)}.meta{font:500 max(10px, 3.5cqw) / 1.2 var(--mono);opacity:.85;justify-content:space-between;gap:8px;display:flex}.art{width:100%;min-height:0;color:var(--t);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:1;margin-block:2cqw}.art *{animation-play-state:paused}.mover:hover .art *{animation-play-state:running}.fill{fill:currentColor;stroke:none}.soft{opacity:.34}h2{font:700 max(1rem, 8.5cqw) / 1.05 var(--sans);letter-spacing:-.03em}h3{font:700 max(1.25rem, 8.5cqw) / 1.05 var(--sans);letter-spacing:-.025em}.org{font:500 max(10px, 3.5cqw) / 1.3 var(--mono);opacity:.85;margin-top:1.6cqw}.copy{font-size:max(.875rem,4.5cqw);line-height:1.42}.copy ul{gap:2cqw;display:grid}.copy a{text-underline-offset:3px}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.go{background:var(--t);min-height:40px;color:var(--c);border-radius:99px;align-items:center;padding:0 14px;font-size:max(.8125rem,4cqw);font-weight:600;text-decoration:none;display:inline-flex}.actions:has(.go+.go) .go+.go{color:var(--t);box-shadow:inset 0 0 0 1px var(--t);background:0 0}a:hover,.links a:hover,.go:hover{text-underline-offset:3px;text-decoration:underline 1px}a[href^=http]:after{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.2'%3E%3Cpath d='M2.5 9.5l7-7M3.5 2.5h6v6'/%3E%3C/svg%3E");content:"";width:.72em;height:.72em;-webkit-mask:var(--arrow) center / contain no-repeat;mask:var(--arrow) center / contain no-repeat;background:currentColor;margin-left:.25em;display:inline-block}@keyframes frames{0%,12%{transform:translate(0)}50%,62%{transform:translate(-74px)}to{transform:translate(0)}}@keyframes ease-along{0%,8%{offset-distance:0%}72%,to{offset-distance:100%}}@keyframes playhead{0%,8%{transform:translate(0)}72%,to{transform:translate(172px)}}@keyframes roam{0%,to{transform:translate(0)}45%{transform:translate(-46px,26px)}70%{transform:translate(-10px,40px)}}@keyframes draw{0%{stroke-dashoffset:1px}70%,to{stroke-dashoffset:0}}@keyframes wave{0%{opacity:0;transform:translate(0)}15%{opacity:1}75%{opacity:.6}to{opacity:0;transform:translate(-42px)}}@keyframes buzz{0%,60%{opacity:.34}72%{opacity:1}to{opacity:.34}}@keyframes route{0%{stroke-dashoffset:1px}70%,to{stroke-dashoffset:0}}@keyframes hop{0%,20%{opacity:.34}30%,85%{opacity:1}to{opacity:.34}}@keyframes pulse{0%,to{opacity:.34}30%{opacity:1}60%{opacity:.34}}.a-frames{animation:5s ease-in-out infinite frames}.a-ease{offset-path:path("M24 138C96 138 92 28 216 28");animation:3s cubic-bezier(.6,0,.2,1) infinite ease-along}.a-head{animation:3s cubic-bezier(.6,0,.2,1) infinite playhead}.a-roam{animation:6s ease-in-out infinite roam}.a-draw{stroke-dasharray:1;animation:4s ease-out infinite alternate draw}.a-pulse{animation:2.4s ease-in-out infinite pulse}@property --pull{syntax:"<number>";inherits:true;initial-value:0}@keyframes pull{0%,10%{--pull:0;animation-timing-function:cubic-bezier(.65,0,.35,1)}45%,55%{--pull:-136;animation-timing-function:cubic-bezier(.65,0,.35,1)}90%,to{--pull:0}}.a-site{animation:7s infinite pull}.s-edge{transform:translateX(calc(var(--pull) * 1px))}.s-line{transform-origin:26px 0;transform:scaleX(calc((188 + var(--pull)) / 188))}.s-fit{transform-origin:28px 0;transform:scaleX(calc((184 + var(--pull)) / 184))}.s-wide{opacity:clamp(0, (var(--pull) + 56) / 6, 1)}.s-mid{opacity:min(clamp(0, (-50 - var(--pull)) / 6, 1), clamp(0, (var(--pull) + 106) / 6, 1))}.s-narrow{opacity:clamp(0, (-100 - var(--pull)) / 6, 1)}.a-wave{opacity:0;animation:1.8s ease-out infinite wave}.a-buzz{opacity:.34;animation:1.8s ease-out infinite buzz}.a-route{stroke-dasharray:1;animation:3.6s ease-in-out infinite route}.a-hop{opacity:.34;animation:3.6s ease-in-out infinite hop}.lost{gap:8px;padding-block:30vh;display:grid}.lost h1{color:var(--ink)}.off-clock{margin-top:clamp(40px,6vw,64px)}.section-label{font:500 .8125rem var(--mono);color:var(--muted);margin-bottom:18px}.interests{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2.4vw,24px);display:grid}.sticky{aspect-ratio:1;background:var(--note);color:#24202c;font:600 1rem/1.25 var(--sans);box-shadow:0 1px 0 #0000000d, 0 16px 24px -16px var(--shadow);rotate:var(--tilt,0deg);border-radius:3px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.sticky:before{content:"";background:#ffffff8c;width:52px;height:18px;position:absolute;top:-9px;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #0000001a}.sticky:nth-child(4n+1){--tilt:-1.4deg}.sticky:nth-child(4n+2){--tilt:.8deg}.sticky:nth-child(4n+3){--tilt:-.5deg}.sticky:nth-child(4n){--tilt:1.5deg}.doodle{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;filter:url(#sketch);flex:1;width:100%;min-height:0;overflow:visible;translate:0 4%;scale:1.15}.doodle *{vector-effect:non-scaling-stroke}.defs{width:0;height:0;position:absolute}@media (width<=760px){.interests{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.interests{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){:root{--page:1184px}.deck{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.deck{grid-template-columns:minmax(0,1fr);gap:14px}.slot,.mover{aspect-ratio:4/3}.face{border-radius:5cqw;padding:5cqw}h2{font-size:max(1.25rem,7.5cqw)}h3{font-size:max(1.125rem,6.5cqw)}.copy{font-size:.875rem;line-height:1.35}.back{gap:2.4cqw}.back .meta{display:none}}@media (prefers-reduced-motion:reduce){.mover,.card,.face,.front:after{transition:none}.art *{animation:none!important}}@media (hover:none){.art *{animation-play-state:running}.slot.away .art *,.slot.open .art *{animation-play-state:paused}}