.wk{height:100svh;min-height:560px;font-family:var(--serif);color:var(--ink);position:relative;overflow:hidden}:where(.wk) :where(a){color:inherit;outline:none;text-decoration:none}.wk a:focus-visible .wk-name{text-decoration:underline;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal);text-underline-offset:4px}.wk-head{z-index:1;padding:var(--page-top) max(var(--space-6), calc(50% - 540px)) 0;pointer-events:none;position:relative}.wk-head,.wk-legend{transition:opacity var(--dur-300) ease}.wk.is-leaving :is(.wk-head,.wk-legend){opacity:0}.wk-title{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.wk-title h1{font-size:var(--fs-40);font-weight:600;line-height:var(--lh-110);margin:0}.wk-latin{font-family:var(--latin-display);font-size:var(--fs-24);color:var(--ink-muted)}.wk-head p{margin:var(--space-1) 0 0;font-size:var(--fs-14);color:var(--ink-muted)}.wk-spiral{position:absolute;inset:0}.wk-spiral canvas{width:100%;height:100%;position:absolute;inset:0}.wk-labels{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.wk-label{opacity:0;pointer-events:auto;white-space:nowrap;text-shadow:0 0 6px var(--ground), 0 0 12px var(--ground);transition:opacity var(--dur-300) ease;position:absolute;top:0;left:0}.wk-label>*{display:grid}.wk-label.is-left{text-align:right}.wk-label:first-child{text-align:center}.wk-name{font-family:var(--latin-display);font-size:var(--fs-20);line-height:var(--lh-120)}.wk-name em{margin-left:var(--space-2);font-family:var(--mono-font);font-size:var(--fs-10);letter-spacing:var(--ls-18);vertical-align:.35em;color:var(--signal);font-style:normal}.wk-year{font-family:var(--mono-font);font-size:var(--fs-10);color:var(--ink-subtle)}.wk-label>*{position:relative}.wk-what{margin-top:var(--space-1);font-size:var(--fs-12);color:var(--ink-muted);opacity:0;transition:opacity var(--dur-300) ease;position:absolute;top:100%;left:0;right:0}.wk-label.is-on .wk-what{opacity:1}.wk-legend{bottom:var(--space-4);left:max(var(--space-6), calc(50% - 540px));gap:var(--space-1) var(--space-5);font-family:var(--mono-font);font-size:var(--fs-10);letter-spacing:var(--ls-4);color:var(--ink-subtle);pointer-events:none;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:absolute}@media (width<=760px){.wk-what{white-space:normal;width:max-content;max-width:60vw}.wk-label.is-left .wk-what{left:auto}}@media (height<=519px) and (orientation:landscape){.wk{min-height:0}}.wk-index{--fold-index-w:min(320px, calc(env(viewport-segment-width 1 0,50vw) - var(--space-16)));z-index:1}.wk-index-a{align-items:baseline;column-gap:var(--space-3);padding:var(--space-2-5) 0;border-bottom:1px dotted var(--line);color:var(--ink-muted);transition:color var(--dur-200) ease;grid-template-columns:minmax(0,1fr) auto;display:grid}.wk-index-name{font-size:var(--fs-16);font-weight:600;line-height:var(--lh-130)}.wk-index-name em{margin-left:var(--space-2);font-family:var(--mono-font);font-size:var(--fs-10);letter-spacing:var(--ls-12);color:var(--signal);font-style:normal}.wk-index-year{font-family:var(--mono-font);font-size:var(--fs-11);color:var(--ink-subtle)}.wk-index-what{padding-top:var(--space-1);font-size:var(--fs-12);line-height:var(--lh-150);color:var(--ink-subtle);grid-column:1/-1}.wk-index li.is-on .wk-index-a{color:var(--ink)}.wk-index li.is-on .wk-index-year{color:var(--signal)}.wk.is-leaving .wk-index{opacity:0}@media (horizontal-viewport-segments:2){.wk-legend{max-width:calc(env(viewport-segment-width 0 0) - var(--space-12))}}.wk-index[data-pose=laptop]{--fold-index-w:min(600px, calc(100vw - var(--space-12)));column-gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}.wk.has-catalog{--wk-scene-height:clamp(480px, 83svh, 760px);height:auto;min-height:0}.wk.has-catalog .wk-head{min-height:var(--wk-scene-height);font-family:var(--resume-reading-font)}.wk.has-catalog .wk-title h1,.wk-catalog h2,.wk-catalog h3{letter-spacing:var(--resume-title-tracking)}.wk.has-catalog .wk-spiral{height:var(--wk-scene-height);inset:0 0 auto}.wk-catalog-jump,.wk-project-detail{gap:var(--space-2);margin-top:var(--space-3);color:var(--signal);font-size:var(--fs-14);align-items:center;display:inline-flex}.wk-catalog-jump{pointer-events:auto;min-height:44px}.wk-project-detail:hover,.wk-catalog-jump:hover,.wk-project-detail:focus-visible,.wk-catalog-jump:focus-visible{text-underline-offset:.25em;text-decoration:underline}.wk-label>.wk-chart-marker{align-items:center;column-gap:var(--space-1-5);min-height:32px;color:var(--ink);text-align:start;grid-template-columns:auto minmax(0,1fr);display:grid}.wk-chart-number{border:1px solid var(--line-strong);min-width:25px;min-height:25px;color:var(--signal);font-family:var(--mono-font,var(--experience-display-font));font-size:var(--fs-12);border-radius:50%;place-items:center;display:grid}.wk-chart-name{max-width:16ch;font-family:var(--resume-reading-font);font-size:var(--fs-13);line-height:var(--lh-130);white-space:normal}.wk-chart-marker:is(:hover,:focus-visible) .wk-chart-number,.wk-label.is-on .wk-chart-number{border-color:var(--signal);background:var(--signal-wash)}.wk-chart-marker:is(:hover,:focus-visible) .wk-chart-name,.wk-label.is-on .wk-chart-name{color:var(--signal);text-underline-offset:.24em;text-decoration:underline}.wk-catalog{width:min(calc(100% - 2 * var(--space-6)), 1080px);padding:var(--space-4) 0 var(--space-16);font-family:var(--resume-reading-font);scroll-margin-top:var(--space-20);margin:0 auto}.wk-catalog h2{margin:0 0 var(--space-6);font-size:var(--fs-28);line-height:var(--lh-120)}.wk-catalog ol{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.wk-catalog li{padding:var(--space-5) var(--space-4) var(--space-5) var(--space-6);border-top:1px solid var(--line);scroll-margin-top:var(--space-20);text-shadow:0 1px 5px var(--ground);position:relative}.wk-catalog li:before{inset:calc(var(--space-5) + .5rem) auto auto 0;background:var(--signal);width:5px;height:5px;box-shadow:0 0 8px var(--signal-wash);content:"";border-radius:50%;position:absolute}.wk-catalog li:target{border-color:var(--signal)}.wk-catalog-number{color:var(--signal);font-family:var(--mono-font);font-size:var(--fs-12)}.wk-catalog h3{margin:var(--space-2) 0;font-size:var(--fs-18);line-height:var(--lh-130);text-wrap:balance}.wk-catalog p{color:var(--ink-body);font-size:var(--fs-16);line-height:var(--lh-170);text-wrap:pretty;margin:0}@media (width<=760px){.wk-chart-name{max-width:11ch;font-size:var(--fs-12)}.wk-chart-number{min-width:22px;min-height:22px}.wk.has-catalog{--wk-scene-height:clamp(420px, 69svh, 580px)}.wk-catalog ol{grid-template-columns:1fr}}