@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2-i4fw5gbtlb7.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.Ur3q_a_className{font-family:GeistSans,GeistSans Fallback}.Ur3q_a_variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0b02cdm7g7y6h.woff2)format("woff2");font-display:swap;font-weight:100 900}.iaM1Ya_className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.iaM1Ya_variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
:root{--ink:#202124;--muted:#74777e;--blue:#0066df;--line:#e4e5e8;--sans:var(--font-geist-sans), Arial, sans-serif;--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;background:#fbfaf8;margin:0;font-size:17px}::selection{color:#173a6a;background:#d7e9ff}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}button{font:inherit;cursor:pointer}button:hover{color:var(--blue)}.site-shell{max-width:1200px;margin:0 auto;padding:0 64px}.site-shell:has(.home-stage){grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.site-shell:has(.home-stage) main{min-height:0}.mono,.eyebrow{font-family:var(--mono)}.blue{color:var(--blue)}.header{padding:45px 0 0}.identity{letter-spacing:-1.5px;font-size:29px;font-weight:500;text-decoration:none}.cursor{color:var(--blue);font-family:var(--mono)}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin:0;font-size:10px;font-weight:400;line-height:1.8}.home-stage{place-items:center;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.home-copy{isolation:isolate;z-index:1;text-align:center;width:min(100%,760px);position:relative}h1{letter-spacing:-4px;z-index:1;margin:29px 0 0;font-size:clamp(48px,6.8vw,84px);font-weight:500;line-height:1.09;position:relative}.home-intro{max-width:690px;font-family:var(--sans);letter-spacing:.5px;margin:0 auto;font-size:clamp(24px,2.6vw,24px);font-weight:450;line-height:1.65;position:relative}.home-intro h1{font:inherit;letter-spacing:inherit;margin:0;display:inline;position:static}.raccoon{z-index:-1;width:min(100vw,920px);margin:0;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.raccoon-stage{isolation:isolate;opacity:.32;mix-blend-mode:multiply;pointer-events:none;height:590px;position:relative;overflow:hidden}.raccoon-stage table{margin:0!important}.raccoon figcaption{letter-spacing:.6px;color:#737b85;justify-content:flex-end;align-items:center;font-size:9px;display:flex;position:absolute;bottom:8px;right:25%}.raccoon button{color:#74777e;background:0 0;border:0;padding:10px 0;font-size:9px}.raccoon-fallback{text-align:center;padding:80px}.folder-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:690px;margin:54px auto 0;display:grid}.folder-link{color:#254461;height:160px;text-decoration:none;display:block}.folder-link:first-child{--folder:#8fc1ee;--folder-light:#c5e5ff;--folder-edge:#6da9df;--tilt:-4deg}.folder-link:nth-child(2){--folder:#c2b4e9;--folder-light:#e2d8fa;--folder-edge:#a795d8;--tilt:3deg}.folder-link:nth-child(3){--folder:#e9d57f;--folder-light:#fff1aa;--folder-edge:#d2bd65;--tilt:-3deg}.folder-icon{height:100%;transform:rotate(var(--tilt));display:block;position:relative}.folder-back,.folder-front,.folder-card{display:block;position:absolute}.folder-back{background:var(--folder-edge);border-radius:17px;inset:24px 4px 9px;box-shadow:0 15px 26px #23344c21}.folder-back:before{content:"";background:var(--folder);border-radius:11px 12px 0 0;width:42%;height:26px;position:absolute;top:-12px;left:0}.folder-card{left:var(--left);bottom:var(--bottom);width:var(--width);aspect-ratio:var(--ratio);transform:rotate(var(--angle));background:#fff;border:3px solid #ffffffe6;border-radius:9px;transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow:hidden;box-shadow:0 5px 13px #1e304d26}.folder-card img{object-fit:cover;width:100%;height:100%;display:block}.folder-link:hover .folder-card,.folder-link:focus-visible .folder-card{transform:translateY(var(--rise)) rotate(var(--open-angle))}.folder-link:first-child .folder-card-1{--left:7%;--bottom:32%;--width:38%;--ratio:3 / 4;--angle:-11deg;--rise:-30%;--open-angle:-17deg}.folder-link:first-child .folder-card-2{--left:35%;--bottom:42%;--width:51%;--ratio:6 / 5;--angle:7deg;--rise:-50%;--open-angle:11deg}.folder-link:first-child .folder-card-3{--left:61%;--bottom:30%;--width:29%;--ratio:1 / 1;--angle:16deg;--rise:-64%;--open-angle:22deg}.folder-link:nth-child(2) .folder-card-1{--left:8%;--bottom:42%;--width:53%;--ratio:4 / 3;--angle:-7deg;--rise:-56%;--open-angle:-12deg}.folder-link:nth-child(2) .folder-card-2{--left:51%;--bottom:34%;--width:34%;--ratio:3 / 4;--angle:14deg;--rise:-35%;--open-angle:20deg}.folder-link:nth-child(2) .folder-card-3{--left:33%;--bottom:28%;--width:43%;--ratio:1 / 1;--angle:-3deg;--rise:-67%;--open-angle:4deg}.folder-link:nth-child(3) .folder-card-1{--left:7%;--bottom:30%;--width:42%;--ratio:3 / 4;--angle:-15deg;--rise:-33%;--open-angle:-20deg}.folder-link:nth-child(3) .folder-card-2{--left:34%;--bottom:41%;--width:54%;--ratio:4 / 3;--angle:5deg;--rise:-59%;--open-angle:10deg}.folder-link:nth-child(3) .folder-card-3{--left:64%;--bottom:31%;--width:27%;--ratio:4 / 5;--angle:12deg;--rise:-44%;--open-angle:18deg}.folder-front{z-index:1;background:radial-gradient(ellipse at 48% 12%, #ffffff7a, transparent 66%), linear-gradient(145deg, color-mix(in srgb, var(--folder-light) 76%, transparent), color-mix(in srgb, var(--folder) 68%, transparent) 78%);-webkit-backdrop-filter:blur(16px)saturate(140%);font-family:var(--sans);border:1px solid #ffffff94;border-radius:17px 17px 22px 22px;justify-content:space-between;align-items:flex-end;padding:0 20px 19px;font-size:22px;font-weight:500;display:flex;inset:48px 0 0;box-shadow:inset 0 2px 3px #ffffffa6,inset 0 -1px 1px #435c7a29,0 12px 22px #23344c1f}.folder-arrow{font-size:19px}.inner-page{min-height:510px;padding-top:115px}.section{grid-template-columns:1fr 1.65fr;gap:70px;padding:76px 0;scroll-margin-top:30px;display:grid}.inner-page .section{padding-top:0;padding-bottom:110px}.section-heading h1{letter-spacing:-1.8px;margin:11px 0 13px;font-size:clamp(34px,3.8vw,52px);line-height:1.15}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);max-width:210px;margin:0;font-size:14px;line-height:1.6}.project{grid-template-columns:26px 1fr;gap:15px;padding:3px 0 28px;text-decoration:none;display:grid}.project+.project{padding-top:28px;padding-bottom:0}.project-number{color:#898e96;padding-top:7px;font-size:10px}.project-title{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.project-title h2{letter-spacing:-.25px;text-underline-offset:3px;margin:0;font-size:20px;font-weight:400;line-height:1.4;-webkit-text-decoration:underline #bec0c5;text-decoration:underline #bec0c5}.project-title>span{color:#858b94;transition:transform .2s}.project:hover .project-title>span{color:var(--blue);transform:translate(2px,-2px)}.project p{color:#74777e;max-width:420px;margin:12px 0 15px;font-size:15px;line-height:1.7}.project-meta{text-transform:uppercase;letter-spacing:.8px;color:#777e88;font-size:9px}.project-meta span{color:#b7bac0;margin:0 7px}.empty-note{padding:8px 0 0 41px}.empty-note>span{font-size:11px}.empty-note h2{margin:22px 0 10px;font-size:20px;font-weight:400}.empty-note p{color:var(--muted);max-width:400px;margin:0;font-size:15px;line-height:1.8}.note{margin:0 0 30px 41px}.note>.mono{color:var(--muted);font-size:11px}.note h2{font-size:22px;font-weight:400}.note-body{white-space:pre-line;font-size:16px;line-height:1.8}.about-copy{padding-left:41px}.about-copy>p{letter-spacing:-.2px;margin:0 0 24px;font-size:20px;line-height:1.6}.about-copy>p+p{color:var(--muted);font-size:17px}.underlined{text-underline-offset:5px;-webkit-text-decoration:underline #a6caff;text-decoration:underline #a6caff}.about-copy .aside{letter-spacing:1px;color:#818792;margin:32px 0 0;font-size:10px;line-height:2}footer{padding:62px 0 28px}.site-shell:has(.home-stage) footer{padding:0 0 24px}.site-shell:has(.home-stage) .footer-bottom{margin-top:24px}.inner-page+footer .contacts{display:none}.inner-page+footer .footer-bottom{margin-top:0}.contacts{flex-wrap:wrap;gap:25px;font-size:14px;display:flex}.contacts a{text-decoration-color:#babec5}.footer-bottom{color:#848993;letter-spacing:.7px;justify-content:space-between;gap:20px;margin-top:48px;font-size:9px;display:flex}.footer-bottom a{text-decoration:none}.skip-link{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}@media (max-width:760px){.site-shell{padding:0 28px}.header{padding-top:28px}.identity{font-size:25px}.home-stage{padding:0 0 12px}.home-intro{letter-spacing:-1px;font-size:clamp(21px,5vw,30px);line-height:1.45}h1{letter-spacing:-2.5px;font-size:clamp(44px,8.4vw,65px)}.raccoon{width:min(145vw,650px)}.raccoon-stage{opacity:.24;height:470px}.folder-nav{gap:8px;margin-top:38px}.folder-link{height:108px}.folder-back{border-radius:10px;inset:19px 2px 5px}.folder-back:before{border-radius:7px 7px 0 0;height:18px;top:-8px}.folder-card{border-width:2px;border-radius:5px}.folder-front{border-radius:10px 10px 13px 13px;padding:0 10px 11px;font-size:clamp(12px,3.1vw,17px);inset:33px 0 0}.folder-arrow{font-size:12px}.section{grid-template-columns:1fr;gap:35px;padding:47px 0}.inner-page{min-height:560px;padding-top:75px}.inner-page .section{padding-bottom:75px}.section-heading h1{font-size:38px}.section-heading>p:last-child:not(.eyebrow){max-width:none}.project{grid-template-columns:22px 1fr;gap:12px}.project p{font-size:15px}.empty-note,.about-copy{padding-left:34px}.note{margin-left:34px}.about-copy>p{font-size:19px}footer{padding-top:45px}.site-shell:has(.home-stage) .contacts{gap:8px 18px}.footer-bottom{flex-wrap:wrap;row-gap:20px;margin-top:42px}.site-shell:has(.home-stage) .footer-bottom{row-gap:8px;margin-top:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (max-height:520px){.site-shell:has(.home-stage){height:auto;min-height:520px;overflow:visible}}h1,h2,h3,.identity,.contacts{font-family:var(--sans)}h1,.project-title h2,.empty-note h2,.note h2{font-weight:500}body:has(.projects-gallery-page){overflow:hidden}.site-shell:has(.projects-gallery-page){max-width:none;padding:0}.site-shell:has(.projects-gallery-page) .header{z-index:20;padding:0;position:fixed;top:25px;left:30px}.site-shell:has(.projects-gallery-page) footer{z-index:10;width:min(30vw,350px);padding:0;position:fixed;bottom:21px;left:30px}.site-shell:has(.projects-gallery-page) .footer-bottom{margin:0}.projects-gallery-page{height:100dvh;min-height:0;font-family:var(--sans);background:#fbfaf8;grid-template-columns:minmax(310px,31.5%) minmax(0,1fr);padding:0;display:grid}.projects-intro{flex-direction:column;min-width:0;padding:126px 48px 96px 30px;display:flex}.projects-kicker{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;margin:0 0 18px;font-size:10px}.projects-intro h1{letter-spacing:-.06em;margin:0;font-size:clamp(48px,5vw,72px)}.projects-intro-copy{letter-spacing:-.035em;max-width:340px;margin:28px 0 0;font-size:clamp(20px,2.1vw,28px);line-height:1.34}.projects-intro-note{max-width:300px;color:var(--muted);margin:auto 0 0;font-size:14px;line-height:1.6}.projects-gallery{scrollbar-width:none;overscroll-behavior:contain;min-width:0;height:100%;padding:16px 16px 70px 0;overflow:auto}.projects-gallery::-webkit-scrollbar{display:none}.projects-toolbar{z-index:12;pointer-events:none;justify-content:flex-end;gap:8px;height:0;padding-right:8px;display:flex;position:sticky;top:22px}.projects-menu-wrap{pointer-events:auto;position:relative}.projects-layout-toggle,.projects-filter-toggle{color:#fafafa;background:#2d2e30;border:0;justify-content:center;align-items:center;height:46px;display:flex;box-shadow:0 4px 12px #14171d26}.projects-layout-toggle:hover,.projects-filter-toggle:hover{color:#fafafa;background:#17191b}.projects-layout-toggle{border-radius:50%;width:46px}.projects-filter-toggle{white-space:nowrap;border-radius:99px;gap:12px;min-width:148px;padding:0 17px;font-size:15px}.projects-filter-toggle>span{margin-left:auto;font-size:21px;line-height:1}.layout-icon{gap:3px;width:24px;height:19px;display:flex}.layout-icon i{background:currentColor;border-radius:2px;flex:1}.layout-icon-1 i:nth-child(n+2),.layout-icon-2 i:nth-child(3){display:none}.projects-popover{background:#fff;border-radius:24px;padding:9px;position:absolute;top:54px;right:0;box-shadow:0 12px 30px #14171d24}.projects-layout-menu{gap:2px;display:flex;right:-54px}.projects-layout-menu button{color:#2d2e30;background:0 0;border:2px solid #0000;border-radius:13px;place-items:center;width:39px;height:37px;padding:7px;display:grid}.projects-layout-menu button:hover,.projects-filter-menu button:hover{color:#2d2e30;background:#f3f4f6}.projects-layout-menu button.is-active,.projects-filter-menu button.is-active{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(125deg,#aaa7ef,#9ad9e7,#c9e9ac) border-box;border:2px solid #0000}.projects-filter-menu{gap:2px;width:206px;display:grid}.projects-filter-menu button{color:#2d2e30;text-align:center;background:0 0;border:2px solid #0000;border-radius:24px;min-height:45px;padding:5px 14px;font-size:15px}.projects-grid{gap:24px;display:grid}.projects-grid-1{grid-template-columns:1fr}.projects-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-tile{--tile-bg:#d6dce8;--image-scale:1;--image-origin:center;aspect-ratio:1.42;background:var(--tile-bg);color:#292b30;isolation:isolate;border-radius:30px;text-decoration:none;display:block;position:relative;overflow:hidden}.projects-tile:hover,.projects-tile:focus-visible{color:#292b30}.projects-tile-image{object-fit:cover;transform:scale(var(--image-scale));transform-origin:var(--image-origin)}.projects-tile-fluke-cover{--tile-bg:#ced9f2;--image-scale:2.2;--image-origin:90% 50%}.projects-tile-fluke-upload{--tile-bg:#d7e2f2}.projects-tile-fluke-upload .projects-tile-image{object-fit:contain;padding:20px 14%}.projects-tile-fluke-mockup{--tile-bg:#d5def7;--image-scale:2;--image-origin:74% 43%}.projects-tile-smell-prototype{--tile-bg:#34313d;--image-scale:2.2;--image-origin:88% 46%}.projects-tile-ar-concept{--tile-bg:#d3e9ea;--image-scale:2.1;--image-origin:68% 33%}.projects-tile-stickers{--tile-bg:#f8e4f3;--image-scale:2.3;--image-origin:28% 55%}.projects-tile-maple{--tile-bg:#f8e4f3;--image-scale:2.4;--image-origin:85% 60%}.projects-tile-vitals{--tile-bg:#f6e9f2;--image-scale:2.5;--image-origin:35% 40%}.projects-tile-cosmic{--tile-bg:#f6e9f2;--image-scale:2.7;--image-origin:80% 75%}.projects-tile-info{z-index:1;-webkit-backdrop-filter:blur(21px)saturate(130%);backdrop-filter:blur(21px)saturate(130%);background:#fafbfdad;border:1px solid #ffffff75;border-radius:28px;gap:11px;max-width:calc(100% - 24px);padding:15px 18px 13px;display:grid;position:absolute;bottom:12px;left:12px}.projects-tile-info strong{letter-spacing:-.035em;font-size:clamp(18px,1.8vw,26px);font-weight:500;line-height:1}.projects-tile-tags{flex-wrap:wrap;gap:5px;display:flex}.projects-tile-tags>span{white-space:nowrap;background:#ffffffdb;border-radius:8px;padding:5px 9px;font-size:11px;line-height:1}.projects-tile-action{z-index:2;opacity:0;background:#fff;border-radius:99px;align-items:center;gap:15px;padding:13px 17px;font-size:14px;font-weight:500;transition:opacity .18s ease-out,transform .18s ease-out;display:flex;position:absolute;bottom:13px;right:12px;transform:translateY(8px)}.projects-tile:hover .projects-tile-action,.projects-tile:focus-visible .projects-tile-action{opacity:1;transform:translateY(0)}@media (max-width:900px){.projects-gallery-page{grid-template-columns:270px minmax(0,1fr)}.projects-intro{padding-right:24px}.projects-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-tile{border-radius:22px}.projects-tile-info{border-radius:20px;padding:12px}.projects-tile-tags>span{font-size:10px}}@media (max-width:700px){body:has(.projects-gallery-page){overflow:auto}.site-shell:has(.projects-gallery-page) .header{top:19px;left:22px}.site-shell:has(.projects-gallery-page) footer{width:auto;padding:22px 22px 26px;position:static}.projects-gallery-page{height:auto;min-height:0;display:block}.projects-intro{min-height:300px;padding:112px 22px 28px}.projects-intro h1{font-size:54px}.projects-intro-copy{margin-top:16px;font-size:22px}.projects-intro-note{display:none}.projects-gallery{height:auto;padding:0 12px 30px;overflow:visible}.projects-toolbar{padding-right:8px;top:12px}.projects-grid-1,.projects-grid-2,.projects-grid-3{grid-template-columns:1fr;gap:14px}.projects-tile{aspect-ratio:1.38}.projects-tile-action{opacity:1;justify-content:center;width:39px;height:39px;padding:0;font-size:0;transform:none}.projects-tile-action>span{font-size:18px}}
