.ArrowLink svg{width:4rem;height:auto;stroke:var(--textColor);stroke-width:1px;transition:all var(--transition)}@media (min-width: 694px){.ArrowLink svg{width:2.75rem}}.ArrowLink:hover svg,.ArrowLink:focus svg{transform:translate(10px)}.ArrowLink.isHeader{display:none}@media (min-width: 694px){.ArrowLink.isHeader{display:block;justify-self:end}}.ArrowLink.isEnd{display:flex;justify-content:center;margin-bottom:2.1rem}@media (min-width: 694px){.ArrowLink.isEnd{display:none}}.ProjectHeader{width:100%;max-width:1600px;margin-right:auto;margin-left:auto;display:grid;grid-template-columns:auto 1fr;gap:0;align-items:baseline;padding-top:.625rem;padding-right:1rem;padding-left:1rem}@media (min-width: 694px){.ProjectHeader{position:absolute;top:0;left:0;right:0;z-index:1;grid-template-columns:5rem 1fr 5rem}}.ProjectHeader-home{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.125em;transition:text-decoration-color var(--transition)}.ProjectHeader-home:hover,.ProjectHeader-home:focus{text-decoration-color:var(--highlight)}.ProjectHeader h1{color:var(--highlight);pointer-events:none}.ProjectHeader h1,.ProjectLink{grid-column:2;grid-row:1;font-family:var(--mtg);font-size:var(--fontSizeSmall);text-align:right}@media (min-width: 694px){.ProjectHeader h1,.ProjectLink{text-align:center}}.ProjectLink{text-decoration:none}.ProjectLink,.ProjectLink:hover+h1,.ProjectLink:focus+h1{opacity:0}.ProjectHeader h1,.ProjectLink:hover,.ProjectLink:focus{opacity:1}@keyframes loader-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.LoadingSpinner{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%)}@media (max-width: 693px){.LoadingSpinner.hideOnMobile{display:none}}.LoadingSpinner svg{display:block;width:100%;height:100%;stroke:var(--highlight, var(--grey));stroke-width:1px}.LoadingSpinner svg circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:loader-dash 1.2s .5s var(--ease-in-out-quad) infinite}.Video.svelte-1p1mngj.svelte-1p1mngj{width:100%;height:auto;background-color:var(--highlight)}@media (min-width: 694px){.Video.isMobile.svelte-1p1mngj.svelte-1p1mngj{display:none}}@media (max-width: 693px){.Video.isDesktop.svelte-1p1mngj.svelte-1p1mngj{display:none}}video.svelte-1p1mngj.svelte-1p1mngj{width:100%;height:auto;opacity:.9;transition:opacity var(--transition)}.Video.isPlaying.svelte-1p1mngj video.svelte-1p1mngj{opacity:1}button.svelte-1p1mngj.svelte-1p1mngj{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;color:var(--bgColor);cursor:pointer;transition:opacity var(--transition);filter:drop-shadow(0px 0px 15px rgba(35,31,32,.25))}.Video.isPlaying.svelte-1p1mngj button.svelte-1p1mngj:not(:hover):not(:focus-visible){opacity:0}button.svelte-1p1mngj svg{position:absolute;bottom:0;left:0;width:128px;height:128px;pointer-events:none;stroke:var(--highlight);stroke-width:.25}@media (min-width: 694px){button.svelte-1p1mngj svg{top:50%;bottom:unset;left:50%;transform:translate(-50%,-50%)}}.Video.isPlaying.svelte-1p1mngj .svg-play{opacity:0}.Video.svelte-1p1mngj:not(.isPlaying) .svg-pause{opacity:0}.Frame{--borderColor: var(--textColor);--hoverGrey: var(--grey);position:relative;width:100%;height:100%;z-index:2;border:2px solid var(--borderColor);border-radius:4px 4px 0 0;box-shadow:10px 10px 20px -5px #231f2040}@media (prefers-color-scheme: dark){.Frame{--borderColor: var(--greyDark);--hoverGrey: var(--greyDark);box-shadow:10px 10px 20px -5px #00000040}}@media (min-width: 694px){.Frame{transform:scale(.86);display:flex;flex-direction:column;max-height:100%;height:auto}}@media (min-width: 1147px){.Frame{transform:scale(.66)}}@media (min-width: 694px){.Frame--interactive{width:calc(100% + var(--widthOffset, 0));height:calc(100% + var(--heightOffset, 0));max-height:none;transform:scale(.86) translate(var(--dragX, 0)) translateY(var(--dragY, 0));will-change:transform}}@media (min-width: 854px){.Frame--interactive{transform:scale(.66) translate(var(--dragX, 0)) translateY(var(--dragY, 0))}}.Frame-top{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding-right:15px;padding-left:15px;border-bottom:2px solid var(--borderColor);background-color:var(--bgColor)}@media (min-width: 694px){.Frame--interactive .Frame-top{cursor:grab;touch-action:none;transition:background-color var(--transition)}}@media (min-width: 694px){.Frame--interactive .Frame-top:hover{background-color:var(--hoverGrey)}}@media (min-width: 694px){.Frame.isDragging .Frame-top{cursor:grabbing;background-color:var(--grey)}}.Frame-skip{position:relative;z-index:1;transform:translateY(.1em);font-family:var(--mtg);font-size:16px;text-decoration:none}@media (min-width: 694px){.Frame-skip{font-size:20px}}.Frame-skip:not(:focus){position:absolute;overflow:hidden;clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.Frame-dots{display:flex;padding-top:15px;padding-bottom:15px}.Frame-top span{display:block;width:10px;height:10px;border-radius:50%;border:1px solid var(--borderColor);margin-right:4px;background-color:var(--bgColor)}.Frame-sub{height:15px;border-bottom:1px solid var(--borderColor);background-color:var(--bgColor)}.Frame-main{position:relative;width:100%;height:auto}@media (min-width: 694px){.Frame-main{flex:1;overflow-y:auto}}.Frame-resize{display:none;position:absolute;bottom:0;right:-1px;width:48px;height:48px;z-index:1;cursor:nwse-resize;justify-content:center;align-items:center;touch-action:none;background-color:var(--bgColor);border-left:1px solid var(--textColor);border-top:1px solid var(--textColor);transition:background-color var(--transition)}@media (min-width: 694px){.Frame-resize{display:flex}}.Frame-resize:hover{background-color:var(--hoverGrey)}.Frame.isResizing .Frame-resize{cursor:grabbing;background-color:var(--grey)}@media (prefers-color-scheme: dark){.Frame.isResizing .Frame-resize{color:var(--hoverGrey)}}.Frame-resize svg{width:25px;height:25px}.FrameContainer{position:relative;margin:1rem auto}@media (min-width: 694px){.FrameContainer{height:100vh;min-height:50vw;margin:auto}}.FrameContainer-inner{position:relative;margin:auto;max-width:375px;width:calc(100vw - 2rem)}@media (min-width: 694px){.FrameContainer-inner{position:absolute;inset:0;width:100vw;height:calc(100vh - 6rem);max-width:none}}@media (min-width: 854px){.FrameContainer-inner{width:75vw;height:55vw}}@media (min-width: 1600px){.FrameContainer-inner{width:1200px;height:880px}}.FrameContainer iframe{display:none}@media (min-width: 694px){.FrameContainer iframe{position:relative;display:block;width:100%;height:100%;z-index:1}}@media (min-width: 694px){.FrameContainer .Image--small{display:none}}.FrameContainer .Image--large{display:none}@media (min-width: 694px){.FrameContainer .Image--large{display:block}}.FrameContainer img{width:100%;height:auto}.Project{--highlight: var(--colorLight)}@media (prefers-color-scheme: dark){.Project{--highlight: var(--colorDark, var(--colorLight))}}@media (min-width: 694px){.Project{min-height:100vh}}.Project ::selection{background-color:var(--highlight);color:var(--bgColor)}.Project article{width:100%;max-width:1600px;margin-right:auto;margin-left:auto}