._rail_896b3_1{--rail-inset:15px;--tab-pitch:167px;--tab-length:204px;--tabs-span:calc(3 * var(--tab-pitch) + var(--tab-length));z-index:25;inset:auto var(--rail-inset) 0;pointer-events:none;height:44px;position:absolute}._rail_896b3_1:after{z-index:4;content:"";border-radius:15px 15px 0 0;position:absolute;inset:31px 0 0;box-shadow:0 -1px 2px #0000001a,0 -3px 8px #0000000d}[data-color=experience]{--plastic-light:#46aa96;--plastic-dark:#235b50}[data-color=projects]{--plastic-light:#f9cb1f;--plastic-dark:#a88005}[data-color=playground]{--plastic-light:#e279a4;--plastic-dark:#9e385f}[data-color=shelf]{--plastic-light:#4cbdd6;--plastic-dark:#005d73}._tabs_896b3_46{width:var(--tabs-span);flex-direction:row;align-items:flex-start;margin-inline:0;display:flex;position:relative}._tab_896b3_46{z-index:1;flex:0 0 var(--tab-pitch);width:var(--tab-pitch);color:#000;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;height:44px;margin:0;padding:0;text-decoration:none;position:relative}._tab_896b3_46:first-child{z-index:4}._tab_896b3_46:nth-child(2){z-index:3}._tab_896b3_46:nth-child(3){z-index:2}._tab_896b3_46[aria-current=page]{z-index:5}._entry_896b3_79{width:var(--tab-length);pointer-events:none;height:32px;position:absolute;inset:0 auto auto 0}._rail_896b3_1[data-entering=true] ._entry_896b3_79{animation:_tab-rise_896b3_1 .2s var(--ease-out) 40ms backwards}._rail_896b3_1[data-entering=true] ._tab_896b3_46:nth-child(2) ._entry_896b3_79{animation-delay:90ms}._rail_896b3_1[data-entering=true] ._tab_896b3_46:nth-child(3) ._entry_896b3_79{animation-delay:.14s}._rail_896b3_1[data-entering=true] ._tab_896b3_46:nth-child(4) ._entry_896b3_79{animation-delay:.19s}._rail_896b3_1[data-entering=true] ._spine_896b3_94,._rail_896b3_1[data-entering=true]:after{animation:_spine-rise_896b3_1 .16s var(--ease-out) backwards}@keyframes _tab-rise_896b3_1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes _spine-rise_896b3_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _tabs-fade-in_896b3_1{0%{opacity:0}to{opacity:1}}._plastic_896b3_114{width:var(--tab-length);height:32px;transition:transform .2s var(--ease-out);pointer-events:none;display:block;position:absolute;top:0;left:-1px;transform:translateY(0)}._tab_896b3_46[aria-current=page] ._plastic_896b3_114{transform:translateY(-4px)}._back_896b3_128,._cover_896b3_129{transform-origin:top;width:100%;height:100%;transition:transform .2s var(--ease-out);display:block;position:absolute;inset:0;overflow:visible;transform:scaleY(1)}._tab_896b3_46[aria-current=page] :is(._back_896b3_128,._cover_896b3_129){transform:scaleY(1.125)}._back_896b3_128{filter:drop-shadow(0 2.08px 5.2px #46464626)}._grain_896b3_149{mix-blend-mode:multiply}._grain_896b3_149,._spine_896b3_94:before{filter:brightness(.75)contrast(2)}._tab_896b3_46[aria-current=page] ._back_896b3_128{clip-path:inset(-20px -20px 0)}._paper_896b3_158{width:62.36%;height:23.2px;font:400 16px/16px var(--font-work-display);white-space:nowrap;background:#fff;border-radius:4px;place-items:center;display:grid;position:absolute;top:5.6px;left:18.82%;box-shadow:.8px .8px 8px #0000001a}._paper_896b3_158>span{transform:translateY(-1.2px)}._spine_896b3_94{z-index:6;isolation:isolate;background:var(--plastic-color);border-radius:15px 15px 0 0;height:13px;position:absolute;inset:31px 0 0;overflow:hidden;box-shadow:0 1px 1px #0000001f}._spineColor_896b3_187{background:var(--plastic-color);transition:clip-path .25s ease-in;transition-timing-function:linear(0, .2906, .6755, .9025, .9932, 1.0147, 1.0123, 1.0061, 1.0021, 1);position:absolute;inset:0}._spine_896b3_94:before{z-index:1;mix-blend-mode:multiply;opacity:.5;pointer-events:none;content:"";background:url(/assets/ui/tab-paper-texture.png) 0 0/1374px 1118px;position:absolute;inset:0}._spine_896b3_94:after{z-index:2;content:"";background:linear-gradient(#0000 80%,#00000017);position:absolute;inset:0}._tab_896b3_46:focus-visible{outline:none}._tab_896b3_46:focus-visible ._paper_896b3_158{outline-offset:1px;outline:2px solid #000}@media (hover:hover) and (pointer:fine){._tab_896b3_46:hover ._paper_896b3_158{box-shadow:.8px .8px 8px #0000002e}}._tab_896b3_46:active ._paper_896b3_158{box-shadow:inset 0 1px 2px #0003}._rail_896b3_1[data-motion=instant] :is(._plastic_896b3_114,._back_896b3_128,._cover_896b3_129){transition:none}@media (prefers-reduced-motion:reduce){._rail_896b3_1[data-entering=true]{animation:.12s linear backwards _tabs-fade-in_896b3_1}._rail_896b3_1[data-entering=true] :is(._entry_896b3_79,._spine_896b3_94),._rail_896b3_1[data-entering=true]:after{animation:none}._spineColor_896b3_187{transition:none;clip-path:none!important}._rail_896b3_1 ._tab_896b3_46 :is(._plastic_896b3_114,._back_896b3_128,._cover_896b3_129){transition:none;transform:none}}@media (width<=900px){._tabs_896b3_46{margin-inline:auto}}@media (width<=760px){._rail_896b3_1{--tabs-span:calc(2 * var(--tab-pitch) + var(--tab-length))}._tab_896b3_46[data-color=shelf]{display:none}}@media (width<=580px){._rail_896b3_1{--tabs-span:calc(100vw - 2 * var(--rail-inset));--tab-pitch:calc(var(--tabs-span) / 3);--tab-length:calc(var(--tabs-span) * 204 / 538)}._tabs_896b3_46{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}._tab_896b3_46{width:auto}._entry_896b3_79{left:calc((100% - var(--tab-length)) / 2);clip-path:inset(-20px -20px 1px)}._tab_896b3_46:first-child ._entry_896b3_79{left:0}._tab_896b3_46:nth-child(3) ._entry_896b3_79{left:auto;right:0}._plastic_896b3_114{left:0}._paper_896b3_158{font-size:clamp(12px,3.6vw,16px)}}@media (forced-colors:active){._rail_896b3_1:after,._back_896b3_128,._cover_896b3_129,._spine_896b3_94{display:none}._paper_896b3_158{color:buttontext;background:buttonface;border:1px solid buttontext}._tab_896b3_46[aria-current=page] ._paper_896b3_158{outline:2px solid highlight}}html[data-project-transition] ._rail_896b3_1{visibility:hidden}html[data-project-transition] ._rail_896b3_1,html[data-project-transition] ._rail_896b3_1 :is(._entry_896b3_79,._spine_896b3_94),html[data-project-transition] ._rail_896b3_1:after{animation-play-state:paused}html[data-portfolio-transition] ._rail_896b3_1{view-transition-name:portfolio-tabs}