.toggle.svelte-1go2b2z.svelte-1go2b2z{border-radius:var(--thumb-radius);background:var(--text-color);display:flex;width:32px;padding:2px;align-items:flex-start;gap:10px;cursor:pointer}.toggle.svelte-1go2b2z .circle.svelte-1go2b2z{border-radius:var(--thumb-radius);width:var(--padding-s);height:var(--padding-s);flex-shrink:0;background:var(--bg-color)}@media (max-width: 550px){.toggle.svelte-1go2b2z.svelte-1go2b2z{width:16px}}.tag.svelte-hnofif.svelte-hnofif{border-radius:var(--thumb-radius-xsmall);border:1px solid var(--bg-color);background:var(--text-color);color:var(--bg-color);font-size:var(--caption-size);font-style:normal;font-weight:500;line-height:18px;padding:var(--padding-xs) var(--padding-s);align-items:center;cursor:pointer;display:flex;gap:4px;transition:var(--transition-hover)}.tag.svelte-hnofif.svelte-hnofif:hover{opacity:.7}.tag.svelte-hnofif .check.svelte-hnofif,.tag.svelte-hnofif .close.svelte-hnofif{opacity:0;width:9px;min-width:9px;display:none}.tag.svelte-hnofif .check.svelte-hnofif{stroke:var(--bg-color)}.tag.svelte-hnofif .close.svelte-hnofif{fill:var(--text-color)}.tag.active.svelte-hnofif.svelte-hnofif{border:1px solid var(--text-color);background:var(--bg-color);color:var(--text-color)}.tag.active.svelte-hnofif .check.svelte-hnofif{display:none;width:0}.tag.active.svelte-hnofif .close.svelte-hnofif,.tag.selected.svelte-hnofif .check.svelte-hnofif{opacity:1;display:block;flex-shrink:0}button.svelte-6h4hoh.svelte-6h4hoh{border-radius:var(--thumb-radius);background:var(--text-color);display:flex;width:var(--padding-m);height:var(--padding-m);justify-content:center;align-items:center;gap:10px;flex-shrink:0;position:relative}button.svelte-6h4hoh .svg-arrow.svelte-6h4hoh{width:var(--padding-s);stroke:var(--bg-color);transform:rotate(90deg) translateY(-.5px)}button.svelte-6h4hoh .svg-bg.svelte-6h4hoh{position:absolute;top:0;right:0;width:37px;transform:scale(0);pointer-events:none;z-index:-1;max-inline-size:none;transition:.15s ease-in-out transform}@media (max-width: 550px){button.svelte-6h4hoh .svg-bg.svelte-6h4hoh{width:24px}}.dropdown.svelte-6h4hoh.svelte-6h4hoh{position:absolute;border-radius:var(--thumb-radius-small);border:1px solid var(--text-color);background:var(--text-color);height:0;overflow:hidden;opacity:0}.dropdown.svelte-6h4hoh .dropdown-inner.svelte-6h4hoh{display:inline-flex;padding:var(--padding-s);flex-direction:column;align-items:flex-start;gap:var(--padding-xs)}.nav-left .dropdown{right:66px}.nav-left .svg-bg{transform-origin:top 85%}.nav-right .svg-bg{left:0;right:auto!important}@media (max-width: 550px){.nav-left .dropdown{right:43px}}.dropdown-wrap.dropdown-open>button{opacity:1!important}.nav-left .dropdown-wrap.dropdown-open .svg-bg{transform:scale(1);transition:.25s ease-in-out transform}.nav-right .dropdown-wrap.dropdown-open .svg-bg{transform:scaleX(-1) scaleY(1);transition:.25s ease-in-out transform}header.svelte-2kt8xt.svelte-2kt8xt.svelte-2kt8xt{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--bg-color);border-bottom:1px solid var(--text-color);padding:0;z-index:10}header.svelte-2kt8xt nav.svelte-2kt8xt.svelte-2kt8xt{display:flex;align-items:center;justify-content:space-between;height:100%}header.svelte-2kt8xt .logo.svelte-2kt8xt.svelte-2kt8xt{display:flex}header.svelte-2kt8xt a.svelte-2kt8xt.svelte-2kt8xt,header.svelte-2kt8xt button.svelte-2kt8xt.svelte-2kt8xt{-webkit-text-decoration:none;text-decoration:none;color:var(--text-color);font-size:var(--body-medium-size);font-style:normal;font-weight:500;line-height:1}header.svelte-2kt8xt .nav-half.svelte-2kt8xt.svelte-2kt8xt{display:flex;align-items:center;justify-content:space-between;width:50%;height:100%;padding:0;width:var(--width-inactive);transition:var(--transition-column-width);will-change:width}header.svelte-2kt8xt .nav-half.active.svelte-2kt8xt.svelte-2kt8xt{width:var(--width-active)}header.svelte-2kt8xt .nav-half.active .dropdown-outer-wrap.svelte-2kt8xt.svelte-2kt8xt{opacity:1;pointer-events:auto}header.svelte-2kt8xt .nav-half.not-home.svelte-2kt8xt.svelte-2kt8xt{width:50%}header.svelte-2kt8xt .nav-half .dropdown-outer-wrap.svelte-2kt8xt.svelte-2kt8xt{display:flex;align-items:center;gap:var(--padding-xs);transition:.35s ease-in-out opacity;pointer-events:none;opacity:0}header.svelte-2kt8xt .nav-half .dropdown-outer-wrap .tags-wrap.svelte-2kt8xt.svelte-2kt8xt{display:flex;gap:var(--padding-xs)}header.svelte-2kt8xt .nav-left.svelte-2kt8xt.svelte-2kt8xt{position:relative;border-right:1px solid var(--text-color);padding-left:var(--padding-m)}header.svelte-2kt8xt .nav-left .tags-wrap.svelte-2kt8xt.svelte-2kt8xt{margin-right:40px}header.svelte-2kt8xt .nav-works.svelte-2kt8xt.svelte-2kt8xt,header.svelte-2kt8xt .nav-play.svelte-2kt8xt.svelte-2kt8xt{top:50%;transform:translateY(-50%);padding:var(--padding-xs);display:flex;align-items:center;gap:var(--padding-xs);position:absolute;z-index:1}header.svelte-2kt8xt .nav-works.svelte-2kt8xt>button.svelte-2kt8xt,header.svelte-2kt8xt .nav-play.svelte-2kt8xt>button.svelte-2kt8xt{transition:var(--transition-hover)}header.svelte-2kt8xt .nav-works.svelte-2kt8xt .dropdown-wrap>button,header.svelte-2kt8xt .nav-play.svelte-2kt8xt .dropdown-wrap>button{transition:var(--transition-hover)}header.svelte-2kt8xt .nav-works.svelte-2kt8xt>button,header.svelte-2kt8xt .nav-play.svelte-2kt8xt>button{position:relative}header.svelte-2kt8xt .nav-works.svelte-2kt8xt:hover>button.svelte-2kt8xt,header.svelte-2kt8xt .nav-play.svelte-2kt8xt:hover>button.svelte-2kt8xt{opacity:.7}header.svelte-2kt8xt .nav-works.svelte-2kt8xt:hover .dropdown-wrap>button,header.svelte-2kt8xt .nav-play.svelte-2kt8xt:hover .dropdown-wrap>button{opacity:.7}header.svelte-2kt8xt .nav-works.svelte-2kt8xt.svelte-2kt8xt{right:var(--padding-xs)}header.svelte-2kt8xt .nav-works .tags-wrap.svelte-2kt8xt.svelte-2kt8xt{margin-left:40px}header.svelte-2kt8xt .nav-play.svelte-2kt8xt.svelte-2kt8xt{left:var(--padding-xs)}header.svelte-2kt8xt .nav-right.svelte-2kt8xt.svelte-2kt8xt{padding-right:var(--padding-m);position:relative;display:flex;align-items:center;justify-content:flex-end}header.svelte-2kt8xt .nav-right .nav-end.svelte-2kt8xt.svelte-2kt8xt{display:flex;align-items:center;gap:var(--padding-xs)}header.svelte-2kt8xt .nav-right .nav-end .active.svelte-2kt8xt.svelte-2kt8xt{display:flex}header.svelte-2kt8xt .nav-right .nav-end.svelte-2kt8xt button{background-color:var(--text-color);color:var(--bg-color);transition:var(--transition-hover)}header.svelte-2kt8xt .nav-right .nav-end.svelte-2kt8xt button:hover{opacity:.7!important}header.svelte-2kt8xt .nav-right .nav-end.svelte-2kt8xt .main{opacity:0}@media (max-width: 550px){header.svelte-2kt8xt .nav-half .dropdown-outer-wrap .tags-wrap.svelte-2kt8xt.svelte-2kt8xt{display:none}}.dev-grid.svelte-1io7a6p.svelte-1io7a6p.svelte-1io7a6p{bottom:0;pointer-events:none;position:fixed;right:0;top:0;width:100%;z-index:1000}.dev-grid.svelte-1io7a6p .c.svelte-1io7a6p.svelte-1io7a6p{width:100vw;padding:0 var(--side-margin)}.dev-grid.svelte-1io7a6p ul.svelte-1io7a6p.svelte-1io7a6p{display:flex;height:100%}.dev-grid.svelte-1io7a6p li.svelte-1io7a6p.svelte-1io7a6p{background:red;flex:1;height:100%;opacity:.3;width:calc(var(--grid) * 1)}.dev-grid.svelte-1io7a6p li.svelte-1io7a6p+li.svelte-1io7a6p{margin-left:var(--gutter)}.dev-grid.svelte-1io7a6p li.svelte-1io7a6p.svelte-1io7a6p:nth-child(1){display:block}.splash.svelte-10nm66b{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;flex-direction:column}.mascot.svelte-1boh9od{position:fixed;width:100px;top:232px;left:200px;z-index:4;filter:drop-shadow(0 0 5px rgba(0,0,0,.3))}.mascot.svelte-1boh9od .placeholder{opacity:0!important}.gif-modal.svelte-150ul6f.svelte-150ul6f{position:fixed;left:0;top:var(--header-height);width:100%;height:100%;overflow:auto;background-color:transparent}@media (max-width: 550px){.gif-modal.svelte-150ul6f.svelte-150ul6f{padding-left:0;display:block}}.gif-modal.svelte-150ul6f .inner.svelte-150ul6f{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);grid-column:4 / span 6;max-height:80%;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}@media (max-width: 550px){.gif-modal.svelte-150ul6f .inner.svelte-150ul6f{width:85%}}.gif-modal.svelte-150ul6f .asset-wrap{max-height:80vh}@media (max-width: 550px){.gif-modal.svelte-150ul6f .asset-wrap{max-height:none!important;width:100%;height:auto}.gif-modal.svelte-150ul6f .asset-wrap .image>img:first-child{display:none!important}.gif-modal.svelte-150ul6f .asset-wrap .image picture img{position:relative!important}}@media (max-width: 550px){.gif-modal.svelte-150ul6f .asset-wrap .placeholder{scale:100%!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;--csstools-color-scheme--dark: ;color-scheme:dark light;-moz-tab-size:2;tab-size:2}@media (prefers-color-scheme: dark){:where(html){--csstools-color-scheme--dark: initial}}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem);text-wrap:balance}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within):not(:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}@font-face{font-family:Sneak;font-style:normal;font-weight:400;font-display:swap;src:url(./Sneak-Regular.CprDkTpr.woff2) format("woff2")}@font-face{font-family:Sneak;font-style:normal;font-weight:500;font-display:swap;src:url(./Sneak-Medium.w2lwcdQd.woff2) format("woff2")}@font-face{font-family:Sneak;font-style:normal;font-weight:300;font-display:swap;src:url(./Sneak-Mono.CQ5uYV87.woff2) format("woff2")}:root{--font-headings: "Sneak", sans-serif;--font-body: "Sneak", "Helvetica", "Arial", sans-serif;--color-primary: rgb(0, 56, 130);--color-accent: rgb(255, 216, 76);--color-neutral: rgb(61, 58, 66);--color-black: #2d2d2d;--color-white: #fdfdfd;--color-grey-light: #b7b7b7;--color-grey-dark: #808080;--gradient-white: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);--gradient-black: linear-gradient(180deg, #1c1c1c 0%, rgba(255, 255, 255, 0) 100%);--blur-black: rgba(27, 27, 27, .4);--blur-white: rgba(255, 255, 255, .4);--bg-blur-white: rgba(253, 253, 253, .9);--bg-blur-black: rgba(27, 27, 27, .9);--desktop-columns: 10;--mobile-columns: 6;--header-height: 52px;--bg-color: var(--color-white);--blur-bg: var(--bg-blur-white);--text-color: var(--color-black);--gradient: var(--gradient-white);--button-color: var(--blur-black);--hide-color: var(--color-grey-light);--side-margin: 16px;--side-margin-xs: 8px;--gutter: 12px;--gutter-xs: 8px;--transition-column-width: .6s cubic-bezier(.65, 0, .35, 1) width;--transition-hover: .25s ease-in-out opacity;--width-active: 72vw ;--width-inactive: calc(100vw * 28 / 100);--thumb-radius: 32px;--thumb-radius-small: 16px;--thumb-radius-xsmall: 8px;--title-size: 40px;--body-size: 24px;--body-medium-size: 20px;--body-small-size: 16px;--caption-size: 14px;--caption-small-size: 12px;--caption-xsmall-size: 10px;--line-height: 18px;--padding-xxl: 144px;--padding-xl: 72px;--padding-l: 48px;--padding-m: 24px;--padding-s: 16px;--padding-xs: 8px;--grid-gap: 16px;--grid: calc(100vw - var(--padding-m) * 2 - (var(--grid-gap) * 11)) / 12}@supports (color: color(display-p3 0 0 0%)){:root{--color-primary: rgb(0, 56, 129);--color-accent: rgb(255, 216, 75)}@media (color-gamut: p3){:root{--color-primary: color(display-p3 0 .19624 .54823);--color-accent: color(display-p3 1 .84795 .24474)}}}@media (max-width: 550px){:root{--title-size: 24px;--body-size: 18px;--body-medium-size: 14px;--body-small-size: 12px;--caption-size: 10px;--caption-small-size: 8px;--caption-xsmall-size: 8px;--header-height: 37px;--padding-xxl: 48px;--padding-xl: 48px;--padding-l: 24px;--padding-m: 16px;--padding-s: 8px;--padding-xs: 4px;--side-margin: 8px;--gutter: 8px;--width-active: 50vw ;--width-inactive: 50vw ;--thumb-radius: 16px;--thumb-radius-small: 8px;--thumb-radius-xsmall: 4px;--grid-gap: 8px}}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:var(--grid-gap);padding:0 var(--padding-m)}.dark-theme{--bg-color: var(--color-black);--text-color: var(--color-white);--gradient: var(--gradient-black);--hide-color: var(--color-grey-dark);--button-color: var(--blur-white);--blur-bg: var(--bg-blur-black)}.body{font-size:var(--body-size);font-style:normal;font-weight:400;line-height:150%;color:var(--text-color)}*{outline:none}html{font-family:var(--font-body)}:focus-visible{box-shadow:0 0 0 1px Canvas}body{font-family:var(--font-body);font-size:var(--body-size);line-height:1.35;background-color:var(--bg-color);color:var(--text-color)}a{color:inherit;transition:var(--transition-hover)}a:hover{opacity:.7}.center-divider{width:1px;height:100%;background-color:var(--text-color);position:fixed;top:0;left:50%;transform:translate(-1px)}.casestudy{display:flex;flex-direction:column;align-items:center;padding-top:var(--header-height);color:var(--text-color)}.casestudy .main-title{display:flex;padding:var(--padding-l) 0px var(--padding-xl);flex-direction:column;align-items:flex-start;gap:var(--padding-xs);font-size:var(--title-size);font-style:normal;font-weight:400;line-height:1}.casestudy .main-title .up-title{font-size:var(--caption-size);font-style:normal;font-weight:400;line-height:18px}.casestudy .main-title div{display:flex;align-items:flex-start;gap:var(--padding-xs)}.casestudy h3{padding:var(--padding-xs) 0px var(--padding-xs) var(--padding-m);border-top:1px solid var(--text-color);border-bottom:1px solid var(--text-color);width:100%}.casestudy .other-works{display:flex;width:100%;border-bottom:1px solid var(--text-color)}.casestudy .other-works .project{border-bottom:none!important;border-right:1px solid var(--text-color)}.modal-wrap{z-index:5;opacity:0}.modal-wrap .blur-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--blur-bg);z-index:0}.modal-wrap a{color:var(--bg-color)}main.svelte-1r7dwvv{background-color:var(--bg-color);position:relative}