:root{--bg: #f2f2f2;--ink: #122cf4;--body: #1a1a1a;--mute: #5f5f5f;--rule: #b8b8b8;--shade: #0d0d0d;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--strip: 220px;--inset: 20px;--thumb-gap: 16px;--thumb-active-w: 320px;--thumb-active-h: 200px;--thumb-w: min(176px, calc((100vw - var(--inset) * 2 - (var(--n, 2) - 1) * var(--thumb-gap) - var(--thumb-active-w)) / (var(--n, 2) - 1)));--thumb-h: calc(var(--thumb-w) * .625)}html,body{padding:0;margin:0;background-color:var(--bg);color:var(--body);cursor:url(/cursor.svg) 20 20,auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:inherit}a,button,[role=switch]{cursor:url(/cursor.svg) 20 20,pointer}img{max-width:100%;height:auto}.text-cursor{position:fixed;z-index:9999;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transform:translate(-50%,-50%);font-size:32px;line-height:1.15;color:var(--ink);mix-blend-mode:multiply}.homeLink,.linkButton{background:none;border:0;padding:0;font:inherit;color:inherit;text-underline-offset:3px}.homeLink:hover,.linkButton:hover{text-decoration:wavy underline currentColor}.copyAlert{position:fixed;z-index:1000;width:140px;height:140px;pointer-events:none;transform-origin:center;animation:copyAlertIn 1.5s ease forwards}@keyframes copyAlertIn{0%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.circular-text-container{position:fixed;right:20px;bottom:20px;width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;overflow:hidden;cursor:none}.circular-text-svg{position:absolute;top:0;left:0}.circular-text-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--ink);border-radius:50%;transition:all .3s ease;z-index:-2;cursor:none}@media(max-width:600px){:root{--strip: 170px;--inset: 12px;--thumb-gap: 12px;--thumb-w: 110px;--thumb-h: 69px;--thumb-active-w: 200px;--thumb-active-h: 125px}}.home{--paper: var(--bg);--frame: var(--ink);--on-frame: var(--bg);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--frame);color:var(--ink);transition:background-color .4s ease}.home--dark{--ink: #ffffff;--paper: #000000;--frame: #ffffff;--on-frame: #000000}.home button{font:inherit;color:inherit}.home__card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--paper);color:var(--ink);border-radius:0;transition:top .5s var(--ease),left .5s var(--ease),right .5s var(--ease),bottom .5s var(--ease),border-radius .5s var(--ease),background-color .4s ease,color .4s ease}.home--open .home__card{top:var(--inset);left:var(--inset);right:var(--inset);bottom:calc(var(--strip) + var(--inset) * 2);border-radius:12px}.topBar{position:absolute;top:0;left:24px;right:24px;padding:12px 0;display:flex;justify-content:space-between;align-items:baseline;z-index:10}.topBar__name{font-size:24px;font-weight:700}.topBar__status{margin:0;font-size:14px;line-height:1.4;text-align:right}.home__hero{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 96px}.home__title{position:relative;z-index:2;margin:0;max-width:32ch;font-size:3.6rem;line-height:1.15;font-weight:700;-webkit-user-select:none;user-select:none}.home__cityImage{position:fixed;z-index:1;width:320px;height:188px;object-fit:contain;transform:translateY(-100%);pointer-events:none}.vToggle{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.02em;transition:opacity .3s ease}.vToggle--lang{left:24px}.vToggle--theme{right:24px}.home--open .vToggle{opacity:0;pointer-events:none}.vToggle__opt{opacity:.45;transition:opacity .3s ease}.vToggle__opt.is-on{opacity:1}.vToggle__opt svg{display:block}.vToggle__track{position:relative;width:34px;height:60px;padding:0;border:1.5px solid currentColor;border-radius:34px;background:none}.vToggle__knob{position:absolute;left:3px;top:3px;width:25px;height:25px;border-radius:50%;background:currentColor;transition:transform .3s var(--ease)}.vToggle__track.is-on .vToggle__knob{transform:translateY(26px)}.home__foot{position:absolute;left:24px;right:24px;top:calc(100% - 64px);z-index:10;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;font-size:16px;line-height:1.2;transition:top .5s var(--ease)}.home--open .home__foot{top:64px}.home__footCenter{display:flex;justify-content:center}.home__footRight{display:flex;justify-content:flex-end;gap:20px}.pill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1.5px solid currentColor;border-radius:999px;background:none;transition:background-color .25s ease,color .25s ease}.pill:hover,.pill.is-on{background:var(--ink);color:var(--paper)}.pill__plus{display:inline-block;line-height:1;transition:transform .3s ease}.pill.is-on .pill__plus{transform:rotate(45deg)}.home__strip{position:absolute;left:var(--inset);right:var(--inset);bottom:var(--inset);height:var(--strip);display:flex;align-items:flex-end;gap:var(--thumb-gap);opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity .35s ease .1s,transform .5s var(--ease)}.home--open .home__strip{opacity:1;transform:none;pointer-events:auto}.home__thumb{display:block;flex-shrink:0;width:var(--thumb-w);height:var(--thumb-h);transition:width .45s var(--ease),height .45s var(--ease)}.home__thumb.is-active{width:var(--thumb-active-w);height:var(--thumb-active-h)}.home__thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .6s ease}.home__thumb.is-active img{filter:none}.home__info{position:absolute;z-index:5;left:calc(var(--inset) + var(--i) * (var(--thumb-w) + var(--thumb-gap)));bottom:calc(var(--strip) + var(--inset) * 3);color:var(--ink);opacity:0;pointer-events:none;transition:left .45s var(--ease),opacity .35s ease .1s}.home--open .home__info{opacity:1}.home__infoTitle{margin:0 0 6px;font-size:24px;line-height:1.1;font-weight:700}.home__infoText{margin:0;max-width:34ch;font-size:14px;line-height:1.4}@media(max-width:600px){.topBar{left:20px;right:20px;flex-direction:column;align-items:flex-start;gap:6px}.topBar__name{font-size:20px}.topBar__status{font-size:12px;text-align:left;max-width:60%}.vToggle{top:14px;transform:none;flex-direction:row;gap:6px;font-size:11px}.vToggle--theme{right:20px}.vToggle--lang{left:auto;right:20px;top:50px}.vToggle__opt svg{width:16px;height:16px}.vToggle__track{width:44px;height:26px}.vToggle__knob{width:17px;height:17px}.vToggle__track.is-on .vToggle__knob{transform:translate(18px)}.home__hero{justify-content:center;padding:0 20px}.home__title{font-size:40px;line-height:1.1;text-align:center}.home__foot{left:20px;right:20px;top:calc(100% - 60px);font-size:15px}.home--open .home__foot{top:96px}.home__footRight{flex-direction:column;align-items:flex-end;gap:6px}.pill{padding:0 14px;white-space:nowrap}.home__strip{overflow-x:auto}.home__info{left:var(--inset)}.home__infoTitle{font-size:20px}}.caseBar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 16px;color:var(--ink)}.caseBar__name{font-size:24px;line-height:1.2;font-weight:700}.caseBar__links{display:flex;gap:20px;margin:0;padding:0;list-style:none;font-size:16px;line-height:1.2}.caseBar button{font:inherit;color:inherit}.caseHero{padding:0 20px}.caseHero img{display:block;width:100%;height:min(600px,62vh);object-fit:cover}.caseIntro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start;padding:40px 20px 96px}.caseIntro__left{display:flex;flex-direction:column;gap:40px}.caseIntro__title{margin:0;font-size:clamp(48px,6.1vw,88px);line-height:1;letter-spacing:-.03em;font-weight:700;color:var(--ink)}.caseIntro__detailsTitle{margin:0 0 10px;font-size:14px;font-weight:700}.caseDetails{margin:0;font-size:14px;line-height:1.4;border-top:1px solid var(--rule)}.caseDetails__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0;border-bottom:1px solid var(--rule)}.caseDetails__row dt{color:var(--mute)}.caseDetails__row dd{margin:0;grid-column:span 2}.caseIntro__text{margin-top:6px;max-width:60ch;font-size:16px;line-height:1.5;color:var(--body)}.caseIntro__text p{margin:0 0 1em}.caseIntro__text p:first-child{margin-top:0}@media(max-width:600px){.caseBar__name{font-size:20px}.caseBar__links{gap:14px;font-size:15px}.caseIntro{grid-template-columns:minmax(0,1fr)}}.caseLabel{margin:0;font-family:var(--mono);font-size:12px;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.caseRow{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;row-gap:64px;margin:0 20px;padding:20px 0 96px;cursor:none}.caseRow__side{grid-column:1 / span 4;display:flex;flex-direction:column;gap:16px}.caseRow__main{grid-column:5 / span 8}.caseRow__full{grid-column:1 / -1}.caseRow__title{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.01em;font-weight:700;color:var(--ink)}.caseBody{margin:0;max-width:44ch;font-size:16px;line-height:1.5;color:var(--body)}.caseCursor{font-weight:700}.caseImg{display:block;width:100%;height:auto;max-height:100vh;object-fit:cover}.casePoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;align-content:start}.casePoint{border-top:1px solid var(--rule);padding-top:10px}.casePoint h3{margin:6px 0;font-size:16px;font-weight:700;color:var(--ink)}.casePoint p:last-child{margin:0;max-width:44ch;font-size:14px;line-height:1.45}.browser{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff;cursor:url(/cursor.svg) 20 20,auto}.browser__bar{height:44px;padding:0 14px;display:flex;align-items:center;gap:16px;border-bottom:1.5px solid var(--ink);background:var(--bg);color:var(--ink)}.browser__dots{display:flex;gap:6px}.browser__dots span{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ink);box-sizing:border-box}.browser__nav{display:flex;gap:10px}.browser__url{flex:1;height:26px;border:1.5px solid var(--ink);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--mono);font-size:12px}.browser__spacer{width:50px}.browser__view{height:min(800px,calc(100vh - 60px));overflow-y:auto;overflow-x:hidden}.browser__view img{display:block;width:100%;height:auto}.caseCredits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;font-size:14px;line-height:1.45}.caseCredits__group{margin-bottom:10px}.caseCredits__line{margin:0 0 4px}@media(max-width:600px){.caseRow{row-gap:32px;padding-bottom:64px;cursor:url(/cursor.svg) 20 20,auto}.caseRow__side,.caseRow__main{grid-column:1 / -1}.caseCursor{display:none}.casePoints,.caseCredits{grid-template-columns:minmax(0,1fr)}.browser__nav,.browser__spacer{display:none}}.caseFigure{margin:0}.caseStack{display:flex;flex-direction:column;gap:20px}.caseStack>.caseFigure{grid-column:auto}.caseCaption{margin-top:8px;font-family:var(--mono);font-size:12px;line-height:1.45;letter-spacing:.02em;color:var(--mute);max-width:70ch}.caseGallery{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:20px;align-items:start}.caseGallery__item img{display:block;width:100%;height:auto;aspect-ratio:var(--ratio, 16 / 9);object-fit:cover;max-height:100vh}.caseGallery__num{margin-top:8px}.caseVideo{position:relative;aspect-ratio:16 / 9;max-height:100vh;background:var(--shade)}.caseVideo iframe,.browser__view--live iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.browser__view--live{position:relative;overflow:hidden;height:min(620px,calc(100vh - 60px))}.caseSideList{margin-top:8px}.caseSideLink{color:var(--ink);font-size:14px}@media(max-width:600px){.caseGallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.caseMissing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink)}.aboutPage{cursor:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}.about__wrap{position:relative;flex:1;min-height:0}.about__invert{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;clip-path:circle(0 at -100px -100px)}.about__invertInner{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);color:var(--bg);transform:translateZ(0);will-change:transform}.about__live{position:absolute;z-index:1;top:0;left:0;width:44px;height:44px;border-radius:50%;background:var(--ink);opacity:0;pointer-events:none;will-change:transform}.is-copyAlert .about__live{display:none}.about__invertInner .about__contact{border-top-color:var(--bg)}.about--base .about__photo{visibility:hidden}.about__photoLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.about--photo{visibility:hidden}.about--photo .about__photo,.about--photo .about__photo *{visibility:visible}.about{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;padding:24px 20px 28px;box-sizing:border-box;align-items:start}.about__left{grid-column:1 / span 6;display:flex;flex-direction:column;gap:20px;height:100%;min-height:0}.about__right{grid-column:8 / span 5;display:flex;flex-direction:column;gap:12px;max-height:100%;overflow-y:auto;scrollbar-width:none}.about__right::-webkit-scrollbar{display:none}.about__intro{display:flex;flex-direction:column;gap:12px;font-size:clamp(17px,1.7vw,24px);line-height:1.25;font-weight:700}.about__intro p{margin:0}.about__photo{position:relative;isolation:isolate;margin:0;flex:1;min-height:0;width:100%;overflow:hidden;background:var(--bg)}.about__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(1) contrast(1.05);transition:opacity .35s ease}.about__photo img.is-on{opacity:1}.about__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);mix-blend-mode:screen;pointer-events:none}.about__listTitle{margin:0 0 6px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.about__list{margin:0;font-size:14px;line-height:1.4}.about__row{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:3px 0}.about__row dt{font-family:var(--mono);font-size:12px;letter-spacing:.02em;white-space:pre-line}.about__row dd{margin:0;white-space:pre-line}.about__contact{border-top:1px solid var(--ink);padding-top:12px}.about__contactLinks{display:flex;gap:24px;margin-top:8px;font-size:16px}@media(max-width:600px){.aboutPage{position:static;min-height:100vh;overflow:visible}.about{position:static;row-gap:32px;padding:16px 20px 40px}.about__left,.about__right{grid-column:1 / -1}.about__left{height:auto}.about__photo{height:60vh;flex:none}.about__row{grid-template-columns:90px 1fr}.about__invert{display:none}}.caseEnd{--grow: var(--end, 0);--side: calc(var(--inset) * var(--grow));position:relative;background:var(--ink);padding-bottom:var(--inset)}.caseEnd__space{position:relative;height:140px;margin:0 var(--side) var(--inset);background:var(--bg);border-radius:0 0 calc(12px * var(--grow)) calc(12px * var(--grow))}.caseEnd__info{position:absolute;bottom:var(--inset);left:calc(var(--inset) - var(--side) + var(--i) * (var(--thumb-w) + var(--thumb-gap)));color:var(--ink);opacity:clamp(0,calc((var(--grow) - .85) * 6.67),1);transform:translateY(calc((1 - clamp(0,calc((var(--grow) - .85) * 6.67),1))*8px));transition:left .45s var(--ease)}.caseEnd__num{margin:0 0 8px;font-family:var(--mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase}.caseEnd__infoTitle{margin:0 0 6px;font-size:24px;line-height:1.1;font-weight:700}.caseEnd__infoText{margin:0;max-width:34ch;font-size:14px;line-height:1.4}.caseEnd__strip{height:var(--strip);margin:0 var(--inset);display:flex;align-items:flex-end;gap:var(--thumb-gap);opacity:var(--grow);transform:translateY(calc((1 - var(--grow)) * 60px))}.caseEnd__thumb{display:block;flex-shrink:0;width:var(--thumb-w);height:var(--thumb-h);transition:width .45s var(--ease),height .45s var(--ease)}.caseEnd__thumb.is-active{width:var(--thumb-active-w);height:var(--thumb-active-h)}.caseEnd__thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .6s ease}.caseEnd__thumb.is-active img{filter:none}.casePage{color:var(--body);padding-inline:calc(20px * var(--end, 0))}.caseEnd__side{position:fixed;top:0;bottom:0;z-index:150;width:calc(20px * var(--end, 0));background:var(--ink);pointer-events:none}.caseEnd__side--left{left:0}.caseEnd__side--right{right:0}.circular-text-container{transition:opacity .3s ease}.is-caseEnd .circular-text-container{opacity:0;pointer-events:none}@media(max-width:600px){.caseEnd__side{width:calc(12px * var(--end, 0))}.casePage{padding-inline:calc(12px * var(--end, 0))}.caseEnd__strip{overflow-x:auto}.caseEnd__info{left:var(--inset)}.caseEnd__infoTitle{font-size:20px}}