@font-face{font-family:Daydream;src:url(./Daydream-a-9OBT0c.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary:#efe6cf;--color-secondary:#1b2a22;--color-content-background:var(--color-primary);--color-content-text:var(--color-secondary);--color-accent:#ff8a2a;--color-white:#fff;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:1rem;--border-width:2px;--skewed-border-width:3px;--spacing-xxs:.5rem;--spacing-xs:.75rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:3rem;--spacing-xl:4rem;--spacing-xxl:5rem;--hero-nav-height:3.5rem;--hero-gap:calc(var(--spacing-md) + var(--spacing-sm));--hero-block-offset:calc(-.5 * (var(--hero-gap) + var(--hero-nav-height)));--footer-gradient-height:min(10vh, 5rem);--footer-z-index:2;--ease-out:cubic-bezier(.561, .15, .14, 1);--hover-transition-speed:.25s;--content-slide-transition-speed:.3s;--content-nav-transition-speed:.5s;--content-expand-transition-speed:.8s;--angle-border-transition-speed:.4s;--font-family-daydream:"Daydream", sans-serif;--font-family-funnel-display:"Funnel Display", sans-serif;--font-family-rubik-dirt:"Rubik Dirt", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--grid-size:32px;--grid-line-color:#ffffff08;--grid-accent-period:calc(var(--grid-size) * 5);--grid-accent-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M0 0h5M0 0v5' stroke='white' stroke-width='1' fill='none'/%3E%3C/svg%3E");--background-grid:linear-gradient(var(--grid-line-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-color) 1px, transparent 1px);--diagonal-shadow:linear-gradient(45deg, transparent 25%, var(--color-primary) 25%, var(--color-primary) 50%, transparent 50%, transparent 75%, var(--color-primary) 75%, var(--color-primary) 100%);--diagonal-shadow-secondary:linear-gradient(45deg, transparent 25%, var(--color-secondary) 25%, var(--color-secondary) 50%, transparent 50%, transparent 75%, var(--color-secondary) 75%, var(--color-secondary) 100%);--zig-zag-size:6px;--zig-zag-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(2 * var(--zig-zag-size)) 100%;--shadow-z-index:-1;--content-z-index:1;--resume-tab-z-index:1;--nav-z-index:2;--nav-span-z-index:2;--work-tab-z-index:2;--about-tab-z-index:3;--selected-tab-z-index:4;--overlay-z-index:5}html,body{background-color:var(--color-secondary);background-image:var(--background-grid);background-size:var(--grid-size) var(--grid-size);color:var(--color-primary);height:100%;margin:0;padding:0;font-family:Roboto Mono,sans-serif}body:before{content:"";pointer-events:none;opacity:.3;background-color:var(--color-accent);-webkit-mask-image:var(--grid-accent-mark);-webkit-mask-image:var(--grid-accent-mark);mask-image:var(--grid-accent-mark);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--grid-accent-period) var(--grid-accent-period);-webkit-mask-size:var(--grid-accent-period) var(--grid-accent-period);mask-size:var(--grid-accent-period) var(--grid-accent-period);position:fixed;inset:0}html{min-width:360px;overflow:auto hidden}body{font-size:var(--font-size-md);justify-content:center;align-items:center;display:flex;overflow:hidden}::-webkit-scrollbar{width:.375rem}@media (width>=768px){::-webkit-scrollbar{width:.5rem}}::-webkit-scrollbar-track{background-color:var(--color-secondary)}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border:1px solid var(--color-secondary)}::-webkit-scrollbar-thumb:hover{cursor:pointer}.container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}header{transform:translateY(var(--hero-block-offset))}@media (width<=720px){.container{width:100%;margin:0 var(--spacing-sm)}}@media (width<=480px){.container{margin:0 var(--spacing-xs)}}main{width:100%;height:var(--hero-nav-height);box-sizing:border-box;top:calc(50% + (var(--header-height,0px) / 2) + var(--hero-gap));transform:translateY(var(--hero-block-offset));z-index:var(--content-z-index);border:var(--border-width) solid var(--color-primary);background-color:#0000;border-radius:0;flex-direction:column;display:flex;position:absolute}main.diagonal-shadow:before,main.diagonal-shadow:after{border-radius:0}main.diagonal-shadow:before{clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--spacing-xxs)), calc(100% - var(--spacing-xxs)) calc(100% - var(--spacing-xxs)), calc(100% - var(--spacing-xxs)) 0)}main.diagonal-shadow:after{display:none}section{background-color:var(--color-content-background);color:var(--color-content-text);z-index:var(--content-z-index);border:0 solid var(--color-secondary);box-sizing:border-box;border-radius:0;flex:1;position:relative;overflow:hidden}article{width:100%;height:100%;padding:calc(var(--spacing-xs) + var(--border-width));padding-top:var(--spacing-xs);box-sizing:border-box;line-height:1.75em;display:none;position:absolute;top:0;left:0;overflow:hidden auto}article:before{content:"";top:0;left:var(--border-width);width:calc(100% - (var(--border-width) * 4));height:calc(100% - (var(--border-width) * 2));border:var(--border-width) solid var(--color-secondary);z-index:1;pointer-events:none;border-top:0;border-radius:0;display:block;position:absolute}article p{font-size:var(--font-size-sm)}main.content-deferred section{background-color:var(--color-primary)}main.content-active-work section>article:first-child,main.content-active-about section>article:last-child{display:block}@media (width<=720px) and (prefers-reduced-motion:no-preference){main.content-active-work section>article:first-child .content-container,main.content-active-about section>article:last-child .content-container{transition:opacity var(--content-slide-transition-speed) var(--ease-out), transform var(--content-slide-transition-speed) var(--ease-out)}main.content-deferred.content-active-work section>article:first-child .content-container,main.content-deferred.content-active-about section>article:last-child .content-container{opacity:0;transform:translateY(var(--spacing-xxs))}}html.is-safari .content-stack>:not(.content-header,.zig-zag-divider,.block-headers,:has(.block-headers)){content-visibility:auto;contain-intrinsic-size:400px;contain-intrinsic-size:auto 400px}.content-container{height:100%;overflow:hidden auto}.content-stack{gap:var(--spacing-lg);max-width:1000px;padding:var(--spacing-lg) 0;flex-direction:column;margin:0 auto;display:flex}.content-secondary-block{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);gap:var(--spacing-md);position:relative}.content-secondary-block.text-wrap{display:block}@media (width<=1280px){.content-secondary-block.diagonal-shadow.solid{border:none;margin-bottom:0}.content-secondary-block.diagonal-shadow.solid:before,.content-secondary-block.diagonal-shadow.solid:after{display:none}}@media (width<=720px){article{padding:var(--border-width)}article p{font-size:var(--font-size-xs)}.content-stack{gap:var(--spacing-md);padding:var(--spacing-md) 0;box-sizing:border-box;contain:inline-size;min-width:0;max-width:100%;margin:0;overflow:hidden}.content-secondary-block{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)}article p{line-height:1.6}article .content-block.flex{justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap}article .content-stack{gap:var(--spacing-sm);padding:var(--spacing-sm) 0}article .content-block{padding:0 var(--spacing-sm)}}@media (width<=480px){article .flex.align-center.gap-sm,article .flex.align-center.gap-md{gap:var(--spacing-xs)}article .content-stack{gap:var(--spacing-xs)}article .p-sm{padding:var(--spacing-xs)}article h3{white-space:normal;text-align:center}article .circle{margin:0 -.25em;padding:.2em .45em}article .zig-zag-divider{width:66%}article blockquote{font-size:clamp(var(--font-size-sm), 4.5vw, var(--font-size-md))}}@media (width<=360px){:is(#about-content,#work-content) p{font-size:.7rem;line-height:1.55}:is(#about-content,#work-content) .content-secondary-block{padding:var(--spacing-xxs)}}main.content-active-about,main.content-active-work{top:calc(var(--spacing-lg) - var(--spacing-md));box-sizing:border-box;height:calc(100% - var(--spacing-xl));transform:translateY(0)}:is(main.content-active-about,main.content-active-work) nav{border-radius:0;width:calc(100% - 31px);height:2rem;margin-top:4px;margin-left:31px;padding-top:4px;position:relative;overflow:visible}:is(main.content-active-about,main.content-active-work) nav:after{background-color:var(--color-secondary)}:is(main.content-active-about,main.content-active-work) nav a.tab{min-width:160px;max-width:18%;margin-left:-27px}:is(main.content-active-about,main.content-active-work) nav a.tab:before,:is(main.content-active-about,main.content-active-work) nav a.tab:after{width:var(--skewed-border-width);transform:skew(45deg)}:is(main.content-active-about,main.content-active-work) nav a.tab:after{box-shadow:3px 0 0 0 var(--color-secondary);right:17px}:is(main.content-active-about,main.content-active-work) nav a.tab .tab-content{background:var(--color-secondary);border-width:var(--border-width);border-top-left-radius:var(--border-radius-md);clip-path:polygon(0% 0%,calc(100% - 2rem) 0%,100% 100%,calc(100% - 2rem) 100%,0% 100%);border-bottom-left-radius:0;margin-right:0}:is(main.content-active-about,main.content-active-work) nav a.tab .tab-content:after{border-top-left-radius:var(--border-radius-md)}:is(main.content-active-about,main.content-active-work) nav a.tab .tab-content span{margin-left:calc(-1 * var(--spacing-xs))}:is(main.content-active-about,main.content-active-work) section{border-width:calc(var(--border-width) * 2);border-top:0}:is(main.content-active-about,main.content-active-work) #close-button{transform:scale(1)}main.content-active-work nav a.tab:first-child,main.content-active-about nav a.tab:nth-child(2){height:calc(100% + 4px);top:-4px}:is(main.content-active-work nav a.tab:first-child,main.content-active-about nav a.tab:nth-child(2)):before,:is(main.content-active-work nav a.tab:first-child,main.content-active-about nav a.tab:nth-child(2)):after{transform:skew(38deg)}:is(main.content-active-work nav a.tab:first-child,main.content-active-about nav a.tab:nth-child(2)) .tab-content:after{border-bottom:0}.header-mobile{display:none}h1{font-family:var(--font-family-funnel-display);letter-spacing:.03em;-webkit-text-stroke:2px var(--color-primary);paint-order:stroke fill;margin:0;font-size:clamp(1rem,5.25vw,7rem);font-style:italic;font-weight:800}.header-name{padding:0 var(--spacing-xs);margin-left:var(--spacing-md);position:relative}.header-name span{z-index:var(--content-z-index);color:var(--color-secondary);-webkit-text-stroke:2px var(--color-secondary);paint-order:stroke fill;display:block;position:relative}.header-name:before{background-color:var(--color-accent);content:"";z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:skewY(-3deg)}.header-name:after{content:"";width:100%;height:100%;z-index:var(--shadow-z-index);background-image:var(--diagonal-shadow);left:var(--spacing-xxs);top:var(--spacing-xxs);background-size:5.66px 5.66px;display:block;position:absolute;transform:skewY(-2deg)}span.character{width:calc(100% + .35em);display:inline-block}html.is-safari span.character{width:calc(100% + .35em)}#logo-button{z-index:var(--content-z-index);--logo-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none'><path d='M0.238106 68C26 68 36 68 45.6428 40.5C46.4957 38.0678 56.5 12 80 12H40H0' stroke='black' stroke-width='24'/></svg>");background-color:var(--color-accent);width:80px;height:80px;-webkit-mask:var(--logo-mask) no-repeat center / contain;-webkit-mask:var(--logo-mask) no-repeat center / contain;mask:var(--logo-mask) no-repeat center / contain;position:absolute;top:0;left:0;transform:scale(.5)}@media (width<=720px){.header-desktop{display:none}.header-mobile{gap:var(--spacing-xs);flex-direction:column;font-size:9vw;display:flex}header{text-align:center;width:100%}h1,.header-name span{-webkit-text-stroke:0}.content-header{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-direction:column-reverse;padding-left:0}}@media (width<=480px){.content-header{padding:var(--spacing-xs);align-items:center;gap:var(--spacing-xxs);flex-direction:column-reverse}.content-header .flex-1{text-align:center;width:100%}.content-header .mt-lg{margin-top:var(--spacing-xs)}}nav{width:100%;height:100%;z-index:var(--nav-z-index);border-radius:0;flex-wrap:nowrap;justify-content:stretch;margin:0;padding-left:0;display:flex;position:relative;overflow:hidden}nav:after{content:"";width:100%;height:100%;z-index:var(--shadow-z-index);background-color:#0000;display:block;position:absolute;top:0;left:0}nav a.tab{max-width:33.33%;color:var(--color-primary);transition:color var(--hover-transition-speed) var(--ease-out);flex:1;justify-content:center;align-items:center;margin-left:0;text-decoration:none;display:flex;position:relative}nav a.tab:before,nav a.tab:after{content:"";transition:width var(--content-nav-transition-speed) var(--ease-out), height var(--content-nav-transition-speed) var(--ease-out), right var(--content-nav-transition-speed) var(--ease-out), top var(--content-nav-transition-speed) var(--ease-out), transform var(--content-nav-transition-speed) var(--ease-out), box-shadow var(--content-nav-transition-speed) var(--ease-out);display:block;position:absolute;transform:skew(0)}nav a.tab:before{background:var(--color-secondary);z-index:1;width:0;height:calc(100% - 2px);top:2px;right:19px}nav a.tab:after{width:var(--border-width);background:var(--color-primary);height:100%;box-shadow:0 0 0 0 var(--color-secondary);top:0;right:0}nav a.tab .tab-content{box-sizing:border-box;width:100%;height:100%;margin-right:var(--border-width);border:var(--border-width) solid var(--color-primary);clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%,0% 100%);transition:border-width var(--content-nav-transition-speed) var(--ease-out), margin-right var(--content-nav-transition-speed) var(--ease-out), border-radius var(--content-nav-transition-speed) var(--ease-out);background:0 0;border-width:0;border-bottom-style:none;border-bottom-color:currentColor;border-right-style:none;border-right-color:currentColor;position:relative;overflow:hidden}nav a.tab .tab-content:before,nav a.tab .tab-content:after{content:"";transition:top var(--content-nav-transition-speed) var(--ease-out), border-radius var(--content-nav-transition-speed) var(--ease-out), border-bottom var(--content-nav-transition-speed) var(--ease-out);display:block;position:absolute}nav a.tab .tab-content:before{width:100%;height:calc(100% + var(--zig-zag-size));background-color:var(--color-primary);-webkit-mask:var(--zig-zag-mask);-webkit-mask:var(--zig-zag-mask);mask:var(--zig-zag-mask);z-index:var(--content-z-index);transition:top var(--hover-transition-speed) var(--ease-out);top:100%;left:0}nav a.tab .tab-content:after{border:var(--border-width) solid var(--color-secondary);box-sizing:border-box;z-index:1;width:100%;height:100%;top:0;right:0}nav a.tab:hover{color:var(--color-secondary)}nav a.tab:hover .tab-content:before,nav a.tab:hover .angle-border:before{top:calc(-1 * var(--zig-zag-size))}nav a.tab:first-child{z-index:var(--work-tab-z-index)}nav a.tab:nth-child(2){z-index:var(--about-tab-z-index)}nav a.tab:nth-child(3){z-index:var(--resume-tab-z-index)}nav a.tab:nth-child(3):after{width:0}nav a.tab:nth-child(3) .tab-content{margin-right:0}nav a.tab span{box-sizing:border-box;width:100%;height:100%;z-index:var(--nav-span-z-index);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#close-button{background-color:var(--color-accent);width:1.625rem;height:1.625rem;z-index:var(--content-z-index);border:0;border-radius:0;position:absolute;top:2px;right:6px;transform:scale(0)}#close-button:before,#close-button:after{content:"";width:var(--border-width);background-color:var(--color-secondary);height:1.5rem;display:block;position:absolute;top:1px;left:12px}#close-button:before{transform:rotate(45deg)}#close-button:after{transform:rotate(-45deg)}#close-button:hover{filter:url(#vibrate)blur(.5px)}main.content-active-work nav a.tab:first-child,main.content-active-about nav a.tab:nth-child(2){color:var(--color-secondary);z-index:var(--selected-tab-z-index)}:is(main.content-active-work nav a.tab:first-child,main.content-active-about nav a.tab:nth-child(2)) .tab-content:before{top:calc(-1 * var(--zig-zag-size))}@media (width<=480px){:is(main.content-active-about,main.content-active-work) nav{height:2rem}:is(main.content-active-about,main.content-active-work) nav a.tab{min-width:0;max-width:37%}:is(main.content-active-about,main.content-active-work) nav a.tab span{font-size:var(--font-size-sm);margin-left:0}}.block-headers h3{font-family:var(--font-family-funnel-display);font-size:clamp(calc(var(--font-size-sm) * 1.25), 3.125vw, calc(var(--font-size-xl) * 1.25));padding:calc(var(--spacing-xs) * 1.25) calc(var(--spacing-sm) * 1.25);letter-spacing:.02em;white-space:nowrap;margin:0;font-style:italic;position:relative}.block-headers h3:before,.block-headers h3:after{content:"";width:100%;height:100%;position:absolute}.block-headers h3:before{z-index:-1;inset:0}.block-headers h3:after{z-index:-2;left:var(--spacing-xxs);top:var(--spacing-xxs);background-size:5.66px 5.66px;display:block}.block-headers h3.block-solid{color:var(--color-primary)}.block-headers h3.block-solid:before{background-color:var(--color-secondary)}.block-headers h3.block-solid:after{background-image:var(--diagonal-shadow-secondary)}.block-headers h3.block{color:var(--color-secondary)}.block-headers h3.block:before{background-color:var(--color-primary)}.block-headers h3.block:after{background-image:var(--diagonal-shadow-secondary)}.block-headers h3:first-child{top:calc(var(--spacing-sm) * -1)}.block-headers h3:last-child{top:var(--spacing-sm);left:calc(var(--spacing-xs) * -1)}@media (width<=720px){.block-headers h3{padding:var(--spacing-xxs)}}@media (width<=480px){.block-headers h3{padding:var(--spacing-xxs)}.block-headers.section-header{flex-direction:column;align-items:center;margin-left:-15%}.block-headers.section-header h3{display:inline-block}.block-headers.section-header h3.secondary{left:10%}}.work-timeline{padding:var(--spacing-sm) 0;position:relative}.timeline-path{width:100%;height:100%;color:var(--color-secondary);pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.timeline-path path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-dasharray:3 13 5 13 4 15;stroke-linejoin:round;opacity:.8;filter:url(#chalk-grain)}.timeline-list{gap:var(--spacing-xl);z-index:1;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.timeline-item{align-items:flex-start;gap:var(--spacing-md);display:flex}.timeline-item:not(:first-child){margin-top:var(--spacing-sm)}.timeline-node{width:3.5rem;height:3.5rem;color:var(--color-primary);box-sizing:border-box;z-index:1;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;line-height:1.1;display:flex;position:relative}.timeline-node:before{background-color:var(--color-secondary);content:"";z-index:0;position:absolute;inset:0}.timeline-node:after{content:"";width:100%;height:100%;z-index:var(--shadow-z-index);background-image:var(--diagonal-shadow-secondary);left:var(--spacing-xxs);top:var(--spacing-xxs);background-size:5.66px 5.66px;display:block;position:absolute}.timeline-item:first-child .timeline-node:before{transform:skewY(-5deg)}.timeline-item:first-child .timeline-node:after{transform:skewY(-2deg)}.timeline-item:nth-child(2) .timeline-node:before{transform:skewY(4deg)}.timeline-item:nth-child(2) .timeline-node:after{transform:skewY(2deg)}.timeline-item:nth-child(3) .timeline-node:before{transform:skewY(-2deg)}.timeline-item:nth-child(3) .timeline-node:after{transform:skewY(-4deg)}.timeline-item:nth-child(4) .timeline-node:before{transform:skewY(3deg)}.timeline-item:nth-child(4) .timeline-node:after{transform:skewY(5deg)}.timeline-item:nth-child(5) .timeline-node:before{transform:skewY(-4deg)}.timeline-item:nth-child(5) .timeline-node:after{transform:skewY(-1deg)}.timeline-item:nth-child(6) .timeline-node:before{transform:skewY(2deg)}.timeline-item:nth-child(6) .timeline-node:after{transform:skewY(4deg)}.timeline-item:nth-child(7) .timeline-node:before{transform:skewY(-3deg)}.timeline-item:nth-child(7) .timeline-node:after{transform:skewY(3deg)}.timeline-node-value,.timeline-node-unit{z-index:var(--content-z-index);position:relative}.timeline-node-value{font-size:var(--font-size-lg);font-weight:600;font-family:var(--font-family-funnel-display);line-height:1.25rem}.timeline-node-unit{font-size:var(--font-size-xs)}.timeline-card h3,.timeline-card p{margin:0}.timeline-card h3{color:var(--color-accent);font-family:var(--font-family-daydream);font-size:var(--font-size-lg);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:geometricprecision;padding:0 0 3px}.timeline-card .timeline-subtitle{margin-bottom:var(--spacing-sm);font-size:var(--font-size-md);font-family:var(--font-family-funnel-display)}.timeline-item:nth-child(2n){flex-direction:row-reverse;margin-left:auto}.timeline-item:nth-child(2n) .timeline-card,.timeline-item:nth-child(2n) ul{text-align:right}.timeline-item:nth-child(2n) li{padding-left:0;padding-right:var(--spacing-md);text-align:right}.timeline-item:nth-child(2n) li:before{left:auto;right:0}@media (width<=720px){.work-timeline{padding-left:0}.work-timeline:before{content:"";border-left:3px dashed var(--color-secondary);opacity:.8;position:absolute;top:0;bottom:0;left:calc(1.25rem - 1.5px)}.timeline-path{display:none}.timeline-list{gap:var(--spacing-md)}.timeline-item{gap:var(--spacing-sm);flex-direction:row;max-width:100%}.timeline-node{width:2.5rem;height:2.5rem}.timeline-item:nth-child(2n){flex-direction:row;margin-left:0}.timeline-item:nth-child(2n) .timeline-card,.timeline-item:nth-child(2n) ul{text-align:left}.timeline-item:nth-child(2n) li{padding-left:var(--spacing-md);text-align:left;padding-right:0}.timeline-item:nth-child(2n) li:before{left:0;right:auto}}@media (width<=480px){:is(#about-content,#work-content) .timeline-card h3{font-size:var(--font-size-md);text-align:left}:is(#about-content,#work-content) .timeline-card .timeline-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.work-timeline:before{left:calc(1rem - 1.5px)}.timeline-node{width:2rem;height:2rem}.timeline-node-value{font-size:var(--font-size-sm);line-height:.85rem}.timeline-node-unit{font-size:.5rem}.timeline-list{gap:var(--spacing-sm)}.timeline-item{gap:var(--spacing-xs)}.timeline-item:not(:first-child){margin-top:0}}@media (width<=360px){#work-content .timeline-card h3{font-size:var(--font-size-sm)}}.image-container{margin:0;border-radius:var(--border-radius-md);max-width:100%;z-index:var(--content-z-index);background-color:var(--color-primary);transition:transform var(--hover-transition-speed) var(--ease-out);flex-shrink:0;margin-block:0;margin-inline:0;display:inline-block;position:relative}.image-container:before{transition:transform var(--hover-transition-speed) var(--ease-out)}.image-container .image-wrapper{mix-blend-mode:darken;width:fit-content;z-index:var(--overlay-z-index);border-radius:var(--border-radius-md);display:block;position:relative;overflow:hidden}.image-container img{max-width:100%;height:auto;display:block}.image-container .image-color{opacity:0;filter:grayscale()contrast(3)brightness(4);width:auto;transition:all var(--hover-transition-speed) var(--ease-out);position:relative}.image-container .image-halftone,.image-container .image-halftone-k-layer{--halftone-size:4.5px;--halftone-bleed:.38;--halftone-separate-k:1;--halftone-rotation:1;--halftone-dot-size:calc(var(--halftone-size) * var(--halftone-bleed));--halftone-color-dot-size:var(--halftone-dot-size);filter:brightness(calc(.5 + var(--halftone-bleed) * .3 - var(--halftone-separate-k) * .04)) contrast(1000) blur(.1px)}@media (hover:hover) and (pointer:fine){@supports not (font:-apple-system-body){.image-container .image-halftone,.image-container .image-halftone-k-layer{filter:brightness(calc(.5 + var(--halftone-bleed) * .3 - var(--halftone-separate-k) * .04)) blur(.2px) contrast(1000) blur(.6px)}}}.image-container .image-halftone{box-sizing:border-box;opacity:1;transition:opacity var(--hover-transition-speed) var(--ease-out);position:absolute;inset:0;overflow:hidden}.image-container .image-halftone>.image-halftone-media,.image-container .image-halftone-k-layer>.image-halftone-media{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.image-container .image-halftone>.image-halftone-media{filter:brightness(1.056)contrast(.9)saturate(1.8)}.image-container .image-halftone-k-layer>.image-halftone-media{filter:grayscale()brightness(2)}.image-container .image-halftone-ink{mix-blend-mode:screen;position:absolute;inset:0}.image-container .image-halftone-ink:before,.image-container .image-halftone-ink:after{content:"";background-size:var(--halftone-size) var(--halftone-size);background-blend-mode:multiply;mix-blend-mode:multiply;position:absolute;inset:-39%}.image-container .image-halftone-ink:before{background-image:radial-gradient(var(--halftone-color-dot-size) at 25% 25%, #ff0, #ff6, #fff), radial-gradient(var(--halftone-color-dot-size) at 75% 75%, #ff0, #ff6, #fff);transform:rotate(30deg)}.image-container .image-halftone-ink:after{transform:rotate(calc(30deg * var(--halftone-rotation))) translateX(calc(var(--halftone-size) * .58));background-image:radial-gradient(var(--halftone-color-dot-size) at 75% 25%, #f0f, #f6f, #fff), radial-gradient(var(--halftone-color-dot-size) at 25% 75%, #f0f, #f6f, #fff), radial-gradient(var(--halftone-color-dot-size) at 75% 75%, #0ff, #6ff, #fff), radial-gradient(var(--halftone-color-dot-size) at 25% 25%, #0ff, #6ff, #fff)}.image-container .image-halftone-k-layer{mix-blend-mode:multiply;opacity:1;transition:opacity var(--hover-transition-speed) var(--ease-out);position:absolute;inset:0}.image-container.image-separate-k .image-halftone-k-layer{display:block}.image-container .image-halftone-k-layer:after{content:"";background-size:var(--halftone-size) var(--halftone-size);background-blend-mode:multiply;mix-blend-mode:screen;background-image:radial-gradient(var(--halftone-dot-size) at 25% 25%, #000, #666, #ccc, #fff), radial-gradient(var(--halftone-dot-size) at 75% 75%, #000, #fff);position:absolute;inset:-30%;transform:rotate(-30deg)}.image-container:hover{transform:rotate(0)scale(1.05)}.image-container:hover .image-color{opacity:1;filter:grayscale(0)contrast()brightness()}.image-container:hover .image-halftone,.image-container:hover .image-halftone-k-layer{opacity:0}.image-container:hover:before{transform:translate3d(calc(var(--spacing-xs) * .5), calc(var(--spacing-xs) * .5), 0)}@media (width<=720px){.image-container{--dot-grid:3px}.image-container .image-wrapper{mix-blend-mode:normal}.image-container .image-halftone-ink,.image-container .image-halftone-k-layer,.image-container.image-separate-k .image-halftone-k-layer{display:none}.image-container .image-halftone{filter:none;background-color:var(--color-primary)}.image-container .image-halftone>.image-halftone-media{filter:saturate(.6)sepia(.3)contrast(1.12)brightness(1.05);-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 72%);mask-image:radial-gradient(circle,#000 60%,#0000 72%);-webkit-mask-size:var(--dot-grid) var(--dot-grid);-webkit-mask-size:var(--dot-grid) var(--dot-grid);mask-size:var(--dot-grid) var(--dot-grid);-webkit-mask-position:50%;mask-position:50%}}@media (width<=600px){.image-container{max-width:min(100%,220px);display:block;float:none!important;height:auto!important;margin:var(--spacing-xs) auto var(--spacing-lg)!important}.image-container.quarter-width{max-width:none}}@media (width<=480px){.image-container{max-width:90%;width:90%!important;margin-inline:auto!important}.image-container .image-wrapper,.image-container img{width:100%}.image-container.quarter-width{max-width:90%;width:90%!important}}.image-caption{text-align:center;width:100%;font-size:var(--font-size-sm);font-style:italic;position:absolute}.image-early-days{margin:calc(var(--spacing-md) * -1) 0 var(--spacing-lg) var(--spacing-sm)}.image-cycling{margin:calc(var(--spacing-md) * -1) calc(var(--spacing-sm) * -1) var(--spacing-md) var(--spacing-md)}.image-snowboarding{margin:var(--spacing-xs) var(--spacing-md) var(--spacing-md) 0}.image-gameboy{margin:0 var(--spacing-md) var(--spacing-sm) 0}.image-tcm{margin:calc(var(--spacing-md) * -1) 0 var(--spacing-md) var(--spacing-md)}.lineup{margin-top:var(--spacing-sm);text-align:center;transform:rotate(-.5deg)}.lineup+.lineup{margin-top:0;transform:rotate(.5deg)}.lineup-label{margin:0 0 var(--spacing-xs);color:var(--color-accent);font-family:var(--font-family-daydream);font-size:var(--font-size-md);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:upright;padding:0;font-weight:800}.lineup-list{flex-wrap:wrap;justify-content:center;align-items:baseline;row-gap:.5em;margin:0;padding:0;list-style:none;display:flex}.lineup-list li{color:var(--color-content-text);font-family:var(--font-family-rubik-dirt);letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin:0;line-height:1}.lineup-list li:not(:last-child):after{content:"*";font-weight:800;font-family:var(--font-family-rubik-dirt);font-size:var(--font-size-md);padding:0 var(--spacing-xs);opacity:.9}.lineup-list li:nth-child(2):before,.lineup-list li:nth-child(4):before,.lineup-list li:nth-child(7):before{content:""}.lineup-list li:first-child,.lineup-list li:nth-child(2){font-size:clamp(2.75rem,8vw,4rem)}.lineup-list li:nth-child(3){font-size:clamp(1.15rem,3.8vw,2.1rem)}.lineup-list li:nth-child(4){font-size:clamp(1rem,3.1vw,1.65rem)}.lineup-list li:nth-child(5){font-size:clamp(.92rem,2.7vw,1.4rem)}.lineup-list li:nth-child(6){font-size:clamp(.92rem,2.55vw,1.28rem)}.lineup-list li:nth-child(7){font-size:clamp(.84rem,2.2vw,1.12rem)}.lineup-list li:nth-child(8){font-size:clamp(.76rem,2vw,1rem)}.lineup-list li:nth-child(9){font-size:clamp(.74rem,1.95vw,1rem)}.lineup-list li:nth-child(10){font-size:clamp(.72rem,1.9vw,.97rem)}.lineup-list li:nth-child(11){font-size:clamp(.7rem,1.85vw,.95rem)}.lineup-list li:nth-child(12){font-size:clamp(.68rem,1.8vw,.92rem)}.lineup-list li:nth-child(n+13){font-size:clamp(.66rem,1.75vw,.9rem)}@media (width<=720px){.lineup{margin-top:var(--spacing-sm)}.lineup+.lineup{margin-top:var(--spacing-md)}.lineup-label{margin-bottom:var(--spacing-xxs);writing-mode:horizontal-tb}}@media (width<=480px){.lineup{max-width:100%;overflow:hidden;transform:none}.lineup+.lineup{transform:none}.lineup .flex{flex-direction:column;align-items:center}.lineup .flex.reverse{flex-direction:column}.lineup-label{writing-mode:horizontal-tb;text-orientation:mixed;font-size:var(--font-size-sm);letter-spacing:.1em;margin:0 0 var(--spacing-xxs)}.lineup-list{max-width:100%}.lineup-list li:first-child,.lineup-list li:nth-child(2){font-size:clamp(1.2rem,5.5vw,1.8rem)}.lineup-list li:nth-child(3){font-size:clamp(.85rem,3.2vw,1.2rem)}.lineup-list li:nth-child(4){font-size:clamp(.75rem,2.8vw,1rem)}.lineup-list li:nth-child(5){font-size:clamp(.7rem,2.4vw,.9rem)}.lineup-list li:nth-child(6){font-size:clamp(.68rem,2.2vw,.85rem)}.lineup-list li:nth-child(n+7){font-size:clamp(.6rem,1.8vw,.78rem)}.lineup-list li:not(:last-child):after{font-size:var(--font-size-sm);padding:0 var(--spacing-xxs)}}@media (width<=360px){.lineup-list li:first-child,.lineup-list li:nth-child(2){font-size:clamp(1rem,5vw,1.5rem)}.lineup-list li:nth-child(3){font-size:clamp(.75rem,2.8vw,1rem)}.lineup-list li:nth-child(n+4){font-size:clamp(.58rem,1.8vw,.75rem)}}a.link{color:var(--color-accent);margin:0 -3px;padding:0 3px;text-decoration:none;position:relative}a.link:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath d='M0 10 Q22 1 45 10 Q68 15 90 10 Q97 12 100 10' fill='none' stroke='%23ff8a2a' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:.4em;position:absolute;bottom:-.5em;left:0;right:0}a.link:hover:after{filter:url(#vibrate)blur(.25px)}body:after{content:"";height:var(--footer-gradient-height);pointer-events:none;z-index:0;background:linear-gradient(to top, var(--color-secondary), transparent);position:fixed;bottom:0;left:0;right:0}footer{bottom:var(--spacing-sm);padding-right:var(--spacing-sm);text-align:right;font-size:var(--font-size-sm);z-index:var(--footer-z-index);pointer-events:none;position:fixed;left:0;right:0}footer .link{pointer-events:auto}@media (width<=480px){footer{bottom:var(--spacing-xs);padding-right:var(--spacing-xs);font-size:var(--font-size-xs)}}ul{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding-left:0;list-style:none}ul li{padding-left:var(--spacing-md);position:relative}ul li:before{content:".";font-family:var(--font-family-daydream);font-size:var(--font-size-sm);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:geometricprecision;line-height:0;position:absolute;top:9px;left:0}@media (width<=480px){ul{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}ul li{padding-left:var(--spacing-sm)}}#matter-canvas{z-index:0;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}#matter-canvas canvas{background:0 0!important}span[data-matter]{transition:transform 0s var(--ease-out);display:inline-block}body.matter-active span[data-matter]{transition:transform 50ms var(--ease-out)}blockquote{font-size:clamp(var(--font-size-md), 6vw, var(--font-size-lg));font-family:var(--font-family-daydream);color:var(--color-accent);text-align:center;letter-spacing:.03em;margin:0}.dots-header{color:var(--color-primary);font-size:clamp(1rem,11.25vw,5rem);font-family:var(--font-family-daydream);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:geometricprecision}.circle{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-secondary);margin:0 calc(var(--spacing-sm) * -1);position:relative}.circle:before{content:"";pointer-events:none;opacity:.85;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E%3Cpath d='M80 8 C92 16 96 35 96 50 C96 72 80 92 58 92 C34 92 6 72 6 50 C6 30 22 14 42 18' fill='none' stroke='%23285c91' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M28 7 C48 0 68 1 80 7' fill='none' stroke='%23285c91' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.accent-mark{color:var(--color-accent);font-size:1.2em;font-weight:inherit;margin-left:.35em;line-height:0}.footnote{margin-top:var(--spacing-sm);color:var(--color-accent);font-size:var(--font-size-xs);display:block}strong{--hl-pink:color-mix(in srgb, var(--color-accent) 12%, transparent);--hl-pink-top:color-mix(in srgb, var(--color-accent) 4%, transparent);--hl-pink-mid:color-mix(in srgb, var(--color-accent) 18%, transparent);--hl-pink-bot:color-mix(in srgb, var(--color-accent) 4%, transparent);color:inherit;background-color:var(--hl-pink);background-image:linear-gradient(180deg, var(--hl-pink-top) 0%, var(--hl-pink-mid) 48%, var(--hl-pink-bot) 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.12em;margin:-.1em -.5em;padding:.1em .3em}strong:has(>.hl){-webkit-box-decoration-break:unset;box-decoration-break:unset;background:0 0;padding:0}strong>.hl{background-color:var(--hl-pink);background-image: linear-gradient(112deg, transparent 0%, color-mix(in srgb, var(--color-accent) 11%, transparent) 35%, color-mix(in srgb, var(--color-accent) 22%, transparent) 50%, color-mix(in srgb, var(--color-accent) 9%, transparent) 65%, transparent 100%),  repeating-linear-gradient(88deg, transparent 0, transparent 8px, color-mix(in srgb, var(--color-accent) 2.5%, transparent) 8px, color-mix(in srgb, var(--color-accent) 2.5%, transparent) 16px),  linear-gradient(180deg, var(--hl-pink-top) 0%, var(--hl-pink-mid) 45%, var(--hl-pink-mid) 55%, var(--hl-pink-bot) 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:50%,0 0,0 0;background-repeat:no-repeat,repeat,no-repeat;background-size:120% 100%,36px 18px,100% 100%;border-radius:.1em;margin:-.1em 0;padding:.1em .28em}strong:has(>.hl):before{content:"";vertical-align:text-bottom;background-color:var(--hl-pink);background-image:linear-gradient(180deg, var(--hl-pink-top) 0%, var(--hl-pink-mid) 48%, var(--hl-pink-bot) 100%);background-size:100% 100%;flex-shrink:0;width:.4em;display:inline-block}strong:has(>.hl):after{content:"";vertical-align:text-bottom;background-color:var(--hl-pink);background-image:linear-gradient(180deg, var(--hl-pink-top) 0%, var(--hl-pink-mid) 48%, var(--hl-pink-bot) 100%);background-size:100% 100%;flex-shrink:0;width:.4em;display:inline-block}strong:has(>.hl):before{clip-path:polygon(100% 0%,100% 100%,0% 100%,0% 86%,20% 72%,4% 58%,26% 44%,8% 30%,32% 16%,36% 4%,42% 0%);width:.5em;height:1.5em;margin-left:-.14em;margin-right:0;transform:translate(.25px)translateY(2px)}strong:has(>.hl):after{clip-path:polygon(0% 0%,100% 2%,82% 18%,98% 34%,66% 50%,88% 66%,52% 80%,34% 92%,22% 100%,0% 100%);width:.6em;height:1.5em;margin-left:0;margin-right:-.18em;transform:translate(-.25px)translateY(1px)}@media (width<=1024px){.dots-header{font-size:clamp(1rem,11.25vw,3rem)}}@media (width<=480px){.dots-header{font-size:clamp(.875rem,8vw,2rem)}}.flex{display:flex}.flex.reverse{flex-direction:row-reverse}.relative{position:relative}.absolute{position:absolute}.align-center{align-items:center}.justify-center{justify-content:center}.inline-block{display:inline-block}.float-right{float:right}.float-left{float:left}.clear-left{clear:left;display:block}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-lg{margin-bottom:var(--spacing-lg)}.full-cover{width:100%;height:100%;position:absolute;top:0;left:0}.rotate-2{transform:rotate(2deg)}.rotate-3{transform:rotate(3deg)}.negative-rotate-2{transform:rotate(-2deg)}.negative-rotate-3{transform:rotate(-3deg)}.skew-2:before{transform:skewY(2deg)}.skew-3:before{transform:skewY(3deg)}.skew-4:before{transform:skewY(4deg)}.skew-5:before{transform:skewY(5deg)}.negative-skew-2:before{transform:skewY(-2deg)}.negative-skew-4:before{transform:skewY(-4deg)}.negative-skew-5:before{transform:skewY(-5deg)}.skew-shadow-2:after{transform:skewY(2deg)}.skew-shadow-5:after{transform:skewY(5deg)}.negative-skew-shadow-2:after{transform:skewY(-2deg)}.vibrate{filter:url(#vibrate)}.flex-1{flex:1}button{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}.shadow{box-shadow:6px 6px 0 0 var(--color-secondary)}.stack{flex-direction:column;display:flex}.diagonal-shadow:before,.diagonal-shadow:after{border-radius:var(--border-radius-sm);content:"";width:100%;height:100%;z-index:var(--shadow-z-index);display:block;position:absolute}.diagonal-shadow:before{background-image:var(--diagonal-shadow);left:var(--spacing-xxs);top:var(--spacing-xxs);background-size:5.66px 5.66px}.diagonal-shadow:after{background-color:var(--color-secondary);top:0;left:0}.diagonal-shadow.secondary:before{background-image:var(--diagonal-shadow-secondary)}.diagonal-shadow.secondary:after{background-color:var(--color-primary)}.dots{isolation:isolate;background-color:var(--color-primary);position:relative}.dots>*{z-index:1;position:relative}.dots-layer{z-index:0;pointer-events:none;filter:blur(.25px);position:absolute;inset:0}.solid{background-color:var(--color-primary);color:var(--color-secondary)}.solid.secondary{border:var(--border-width) solid var(--color-secondary);box-sizing:border-box}.zig-zag-divider{background-color:var(--color-secondary);--zig-zag-divider-size:calc(var(--zig-zag-size) * 2);--a:90deg;--b:2px;width:83.333%;height:calc(var(--b) + var(--zig-zag-divider-size) / (2 * tan(var(--a) / 2)));--g:var(--zig-zag-divider-size) repeat-x conic-gradient(from calc(var(--a) / -2) at bottom, #0000, #000 1deg calc(var(--a) - 1deg), #0000 var(--a));-webkit-mask:50% calc(-1 * var(--b)) / var(--g), 50% / var(--g);-webkit-mask-composite:xor;-webkit-mask:50% calc(-1 * var(--b)) / var(--g) exclude, 50% / var(--g);mask:50% calc(-1 * var(--b)) / var(--g) exclude, 50% / var(--g);margin-left:auto;margin-right:auto}.quarter-width{width:25%}.ta-center{text-align:center}.text-muted{color:rgb(from var(--color-primary) r g b / 65%)}.pixel-font{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:geometricprecision}.bicycle-icon{background-color:var(--color-secondary);width:150px;height:84px;display:inline-block;transform:rotate(-13deg);-webkit-mask-image:url(../svg/bicycle.svg);mask-image:url(../svg/bicycle.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width<=600px){.quarter-width{width:45%}}@media (width<=480px){.quarter-width{width:75%}}main.transition-active{contain:layout paint;transition:top var(--content-expand-transition-speed) var(--ease-out), height var(--content-expand-transition-speed) var(--ease-out), transform var(--content-expand-transition-speed) var(--ease-out)}main.transition-active nav{transition:width var(--content-nav-transition-speed) var(--ease-out), height var(--content-nav-transition-speed) var(--ease-out), margin var(--content-nav-transition-speed) var(--ease-out), padding var(--content-nav-transition-speed) var(--ease-out), border-radius var(--content-nav-transition-speed) var(--ease-out)}main.transition-active nav a.tab{transition:max-width var(--content-nav-transition-speed) var(--ease-out), min-width var(--content-nav-transition-speed) var(--ease-out), margin-left var(--content-nav-transition-speed) var(--ease-out), top var(--content-nav-transition-speed) var(--ease-out), height var(--content-nav-transition-speed) var(--ease-out), color var(--content-nav-transition-speed) var(--ease-out)}main.transition-active section{transition:border-width var(--content-expand-transition-speed) var(--ease-out)}main.transition-active #close-button{transition:transform var(--content-nav-transition-speed) var(--ease-out)}