html{--overlay-color-rgb:#000000;--overlay-color-p3:color(display-p3 0 0 0);--overlay-color:var(--overlay-color-rgb);--overlay-color:var(--overlay-color-p3);--overlay-opposite-rgb:#ffffff;--overlay-opposite-p3:color(display-p3 1 1 1);--overlay-opposite:var(--overlay-opposite-rgb);--overlay-opposite:var(--overlay-opposite-p3);--theme-text-rgb:#000000;--theme-text-p3:color(display-p3 0 0 0);--theme-text:var(--theme-text-rgb);--theme-text:var(--theme-text-p3);background:var(--overlay-opposite);transition:background-color .3s ease;min-height:100dvh;scroll-behavior:smooth;cursor:url(/svg/cursor.svg)0 0,auto}a,.menu-button,[data-link]:not([data-link=""]){cursor:pointer;cursor:url(/svg/cursor_link.svg)0 0,auto}*::selection{background:#f0f;background:color(display-p3 1 0 1);color:#fff;color:color(display-p3 1 1 1)}*::-moz-selection{background:#f0f;background:color(display-p3 1 0 1);color:#fff;color:color(display-p3 1 1 1)}*::-webkit-selection{background:#f0f;background:color(display-p3 1 0 1);color:#fff;color:color(display-p3 1 1 1)}body{color:#222;color:color(display-p3 .133 .133 .133);font-family:ibm plex mono,monospace;font-weight:400;font-style:normal;line-height:1.5;margin:0;padding:0}a{color:#000;text-decoration:none}.svg-hover,.svg-hover *{display:flex;margin:0;padding:0}:not(:hover)>.svg-hover .svg-hover--hover{display:none}:hover>.svg-hover .svg-hover--regular{display:none}body.home{--menu-width:17.84vw;--header-height:18vw}body.home header{position:fixed;top:0;left:0;right:0;mix-blend-mode:difference;z-index:2}body.home header h1{margin:0}body.home header svg{width:101vw;height:auto;margin-left:-.5vw;margin-top:-.5vw}@media only screen and (max-width:800px){body.home header svg{margin-top:-1vw;width:162vw;overflow:hidden}}body.home header svg path{fill:#fff}body.home #menu-mobile{display:none}@media only screen and (max-width:600px){body.home #menu-mobile{display:flex;flex-direction:row;column-gap:.5rem;align-items:center;position:fixed;bottom:0;right:0;writing-mode:vertical-lr;transform:rotate(180deg);text-align:center;padding:2rem 1rem;font-size:1.3em;background-color:var(--overlay-opposite);color:var(--overlay-color);outline:inherit;border:none}body.home #menu-mobile svg{transform:rotate(90deg);width:1.3rem;height:auto}body.home #menu-mobile svg path{fill:var(--overlay-color-rgb)}}body.home nav{mix-blend-mode:difference;position:fixed;left:0;width:calc(var(--menu-width) - 1em);text-transform:uppercase;font-size:1.3em;padding-top:calc(var(--header-height) + 2em)}body.home nav ul{margin:0;padding:0 0 0 2.5rem;list-style:none;display:flex;flex-direction:column;row-gap:1rem}body.home nav ul li a{color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:start}body.home nav ul li a .icon{display:inline-flex;filter:invert(1);margin-right:.4em}body.home nav ul li a .icon img{max-height:1.3em;height:auto;width:1.3em}body.home nav ul li.menu-mobile--close{display:none}@media only screen and (max-width:600px){body.home nav.menu{mix-blend-mode:unset;z-index:1;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-opposite)}body.home nav.menu.menu-mobile--hidden{display:none}body.home nav.menu ul{height:calc(100dvh - var(--header-height) - 2em);mix-blend-mode:difference;align-items:end;justify-content:center;padding:0 2rem;font-size:1.5em}body.home nav.menu ul li.menu-mobile--close{margin-top:4em;display:block}}body.home main{padding-top:calc(var(--header-height) + 14em);margin-left:calc(var(--menu-width))}@media only screen and (max-width:1200px){body.home{--menu-width:29.61vw}}@media only screen and (max-width:800px){body.home nav{font-size:1em}}@media only screen and (max-width:600px){body.home{--menu-width:0}body.home main{padding-top:calc(var(--header-height) + 6em)}}body.home .sticker{scroll-margin-top:calc(var(--header-height) + 4em);display:block}body.home .sticker a{text-decoration:underline;color:unset}body.home .sticker-text{--font-size:1em;font-size:var(--font-size);padding:2rem 1rem;vertical-align:center;word-break:break-word}body.home .sticker-text img{vertical-align:text-bottom}body.home .sticker-text svg{vertical-align:text-bottom;padding-bottom:calc(var(--font-size) * .1);height:var(--font-size);width:auto}body.home .sticker-text svg path,body.home .sticker-text svg polygon{fill:var(--text-color-rgb)}body.home .sticker-text--regular{--font-size:1rem}body.home .sticker-text--large{--font-size:3rem}@media only screen and (max-width:800px){body.home .sticker-text--large{--font-size:2.2rem}}body.home .sticker-text--uppercase{text-transform:uppercase}body.home .sticker-text--left{text-align:left}body.home .sticker-text--center{text-align:center}body.home .sticker-text--right{text-align:right}body.home .sticker-text--repeat-repeat{overflow:hidden}body.home .sticker-text--repeat-repeat .marquee{display:inline-flex;flex-direction:row}body.home .sticker-text--repeat-repeat .marquee-content{display:inline-block;margin-right:1em;flex-shrink:0;flex-grow:0}@keyframes marquee-scroll-forward{from{transform:translateX(calc(-1 * var(--marquee-width)))}to{transform:translateX(0)}}@keyframes marquee-scroll-backward{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-width)))}}body.home .sticker-text .marquee[data-direction=forward]{animation:marquee-scroll-forward var(--marquee-duration)linear infinite}body.home .sticker-text .marquee[data-direction=backward]{animation:marquee-scroll-backward var(--marquee-duration)linear infinite}body.home .sticker-image{line-height:0}body.home .sticker-image img{width:100%}body.home .sticker-image--repeat img{width:auto;height:250%;background-image:var(--image);background-repeat:repeat}body.projects{--header-width:18dvh;--remaining-width:calc(100dvw - var(--header-width));--menu-height:17.1dvh;display:flex}body.projects header{position:fixed;top:0;left:0;bottom:0;mix-blend-mode:difference;z-index:1}body.projects header svg{height:101dvh;width:auto;margin-left:-.5vw;margin-top:-.5dvh}body.projects header svg path{fill:#fff}body.projects nav{mix-blend-mode:difference;position:fixed;left:calc(var(--header-width) + 2rem);right:1em;height:calc(var(--menu-height) - 1em);text-transform:uppercase;font-size:1.4em;padding-top:2rem;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:start;column-gap:2em}body.projects nav h1{color:#fff;font-size:unset;margin:0;text-align:end}body.projects nav a{color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:start}body.projects nav a .svg-hover{display:inline-flex;filter:invert(1);margin-right:.5em}body.projects nav a .svg-hover svg{width:auto;height:1.5rem}@media only screen and (max-width:800px){body.projects nav{font-size:1em}}body.projects main{overflow-y:hidden;padding-left:calc(var(--header-width) + 14em);padding-top:var(--menu-height);height:calc(100dvh - var(--menu-height))}@media only screen and (max-width:800px){body.projects main{padding-left:calc(var(--header-width) + 10em)}}body.projects .project{display:flex;flex-direction:row;height:100%;margin:0;padding:0}body.projects .project a{text-decoration:underline;color:unset}body.projects .project .item-scroll{background-color:#000;color:#fff;writing-mode:vertical-lr;transform:rotate(180deg);text-align:center;padding:0 2em;height:100%}body.projects .project .item-image{margin:0;padding:0;width:auto}body.projects .project .item-image img{display:block;height:100%;width:auto;margin:0;padding:0;line-height:0}body.projects .project .item-content{background-color:var(--overlay-color);color:var(--theme-text);height:100%;overflow-x:clip}body.projects .project .item-content .item-content--inner{height:100%;width:500vw;column-width:min(30em,calc(var(--remaining-width) - 2em));column-gap:2rem;column-fill:auto;padding:2rem;box-sizing:border-box}body.projects .project .item-content .item-content--inner p:first-child{margin-top:0}body.projects .project .item-nav{width:12rem;display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;color:#000;text-transform:uppercase;text-decoration:underline;font-size:2rem}body.projects .project .item-nav svg{width:auto;height:3rem}body.projects .project .item-nav--back{align-items:end;text-align:end;background-color:#ff7710;background-color:color(display-p3 1 .467 .063)}body.projects .project .item-nav--next{align-items:start;text-align:start;background-color:#d1c0ff;background-color:color(display-p3 .82 .753 1)}