@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/instrument-sans-latin-ext-wdth-normal.C5E2Gvlv.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/_astro/instrument-sans-latin-wdth-normal.BVScPF0l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --r{syntax:"<length>";inherits:false;initial-value:340px}:root{--bg:#000;--fg:#fff;--dim:#8f8f8f;--line:#ffffff29;--ease:cubic-bezier(.7, 0, .15, 1);--out:cubic-bezier(.16, 1, .3, 1);--gap:8px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans Variable,system-ui,sans-serif;font-size:1rem;line-height:1.45}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--fg);outline-offset:-5px}img{display:block}.grid{gap:var(--gap);padding:var(--gap);flex-direction:column;min-height:100dvh;display:flex}@media (width>=1000px) and (height>=620px){.grid{grid-template-rows:1.6fr 1fr;grid-template-columns:1.25fr repeat(3,1fr);height:100dvh;min-height:0;display:grid}.me{grid-area:1/1/3}.grid>.box{min-height:0}.randuro{grid-area:1/2/auto/5}.resume{grid-column:2}.nachtli{grid-column:3}.zytli{grid-column:4}}.me{border:1px solid var(--line);min-height:0;animation:rise 1.1s var(--ease) backwards;flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.portrait{--lx:52%;--ly:40%;background:#000;flex:1 1 0;min-height:240px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.portrait .base{filter:brightness(.5)contrast(1.05)}.portrait .lit{-webkit-mask-image:radial-gradient(circle var(--r) at var(--lx) var(--ly), #000 0%, #0009 45%, transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--lx) var(--ly), #000 0%, #0009 45%, transparent 100%);animation:lamp 2.2s .5s var(--out) backwards}@keyframes lamp{0%{--r:0px}30%{--r:120px}36%{--r:40px}to{--r:340px}}.me-text{margin-top:-1px;padding:0 clamp(18px,2.4vw,32px) clamp(18px,2.4vw,32px);animation:1s .9s backwards fade}.kicker{letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;color:var(--dim);margin-bottom:.9rem;font-size:clamp(.6rem,2.9cqi,.8rem)}.name{letter-spacing:-.035em;font-size:clamp(2.6rem,17.5cqi,8rem);line-height:.88}.me .name{font-weight:560;font-stretch:78%}.word{white-space:nowrap;display:block}.ch{font-weight:var(--w,520);display:inline-block}.summary{color:#d6d6d6;text-wrap:pretty;max-width:40ch;margin-top:1.1rem;font-size:clamp(.95rem,.5vw + .8rem,1.1rem)}.social{gap:1.4rem;margin-top:1.1rem;display:flex}.social a{transition:background-size .4s var(--out);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;align-items:center;gap:.35rem;padding-bottom:2px;font-size:.95rem;display:inline-flex}.social a:hover,.social a:focus-visible{background-position:100% 100%;background-size:0% 1px}.social svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:.75em;height:.75em}.box{isolation:isolate;background:var(--bg);border:1px solid var(--line);min-height:260px;animation:rise 1.1s calc(var(--n) * .12s) var(--ease) backwards;flex-direction:column;justify-content:space-between;padding:clamp(16px,1.6vw,24px);display:flex;position:relative;overflow:hidden}@keyframes rise{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes fade{0%{opacity:0;transform:translateY(10px)}}.meta{letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;align-items:center;gap:.9rem;font-size:.78rem;display:flex}.idx{color:var(--dim)}.tag{color:var(--fg)}.go{fill:none;stroke:currentColor;stroke-width:1px;width:1.5rem;height:1.5rem;transition:transform .5s var(--out);margin-left:auto}.box:focus-visible .go{transform:translate(3px,-3px)}.body{position:relative}.box .name{letter-spacing:-.03em;font-size:clamp(1.9rem,3vw,3rem);font-weight:600;font-stretch:85%;line-height:1}.box .text{color:#cfcfcf;text-wrap:pretty;max-width:30ch;margin-top:.55rem;font-size:.95rem}.host{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:.9rem;font-size:.78rem;display:inline-block}.box--small:after{content:"";z-index:10;mix-blend-mode:difference;pointer-events:none;clip-path:circle(0px at var(--x,50%) var(--y,50%));transition:clip-path .75s var(--ease);background:#fff;position:absolute;inset:0}.box--small:focus-visible:after{clip-path:circle(150% at var(--x,50%) var(--y,50%))}@media (hover:hover){.box--small:hover:after{clip-path:circle(150% at var(--x,50%) var(--y,50%))}.box:hover .go{transform:translate(3px,-3px)}}.randuro{padding:clamp(18px,2.2vw,32px)}.randuro .photo,.randuro .shade,.randuro .dust{width:100%;height:100%;position:absolute;inset:0}.randuro .photo{z-index:-3;overflow:hidden}.randuro .photo img{object-fit:cover;object-position:70% 50%;width:100%;height:100%;transform:translate3d(calc(var(--px,0) * -14px), calc(var(--py,0) * -9px), 0) scale(1.07);transition:transform .9s var(--out);animation:24s ease-in-out infinite alternate drift}@keyframes drift{0%{scale:1}to{scale:1.06}}.randuro .dust{z-index:-2;pointer-events:none}.randuro .shade{z-index:-1;background:linear-gradient(#0000 38%,#0000008c 72%,#000000e0 100%),linear-gradient(90deg,#00000059,#0000 45%)}.randuro .name{letter-spacing:-.045em;margin-left:-.04em;font-size:clamp(3.4rem,9.5vw,10rem);font-weight:700;font-stretch:78%;line-height:.82}.randuro .tagline{letter-spacing:-.01em;margin-top:1.1rem;font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:500}.randuro .text{color:#d4d4d4;max-width:44ch}@media (hover:hover){.randuro .host{transition:letter-spacing .6s var(--out), color .3s}.randuro:hover .host{letter-spacing:.3em;color:var(--fg)}}.viz{margin:1.2rem 0}.timeline{height:34px;position:relative}.timeline .rule{background:var(--fg);transform-origin:0;height:1px;animation:draw 1.6s 1.1s var(--ease) backwards;position:absolute;top:6px;left:0;right:0}.timeline .tick{left:calc(var(--p) * 100%);background:var(--fg);width:1px;height:13px;animation:.8s 1.9s backwards fade;position:absolute;top:0}.timeline .tick i{letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums;transform:translateX(calc(var(--p) * -100%));color:var(--dim);font-size:.72rem;font-style:normal;position:absolute;top:19px;left:0}.timeline .tick:first-of-type i{transform:none}@keyframes draw{0%{transform:scaleX(0)}}.pulse{align-items:flex-end;gap:3px;height:34px;display:flex}.pulse i{background:var(--fg);opacity:.28;height:100%;animation:check 3.2s calc(var(--i) * 70ms) ease-in-out infinite;flex:1}.pulse i.down{box-shadow:inset 0 0 0 1px var(--fg);opacity:1;background:0 0;animation:6.4s step-end 1.6s infinite down}@keyframes check{0%,to{opacity:.28}8%{opacity:1}24%{opacity:.28}}@keyframes down{0%,58%{background:var(--fg);box-shadow:none;opacity:.28}60%,84%{box-shadow:inset 0 0 0 1px var(--fg);opacity:1;background:0 0}86%,to{background:var(--fg);box-shadow:none;opacity:.28}}.day{gap:2px;height:34px;display:flex}.day i{transform-origin:0;animation:draw 1.4s 1.2s var(--ease) backwards;flex-basis:0}.day .solid{background:var(--fg)}.day .mid{background:#8a8a8a}.day .dim{background:#4a4a4a}.day .hatch{background:repeating-linear-gradient(-45deg,#5a5a5a 0 1px,#0000 1px 5px)}.clock{letter-spacing:.08em;margin-left:auto;margin-right:.4rem}.zytli .go{margin-left:0}@media (width>=1000px) and (height<=760px){.box--small .text{display:none}}@media (width<=999px){.portrait{aspect-ratio:1;flex:none}.randuro{min-height:80svh}.me .name{font-size:clamp(3rem,17cqi,7rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation:none!important}}