/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * Webfont: Neue Helvetica Pro 55 Roman by Linotype
 * Webfont: Neue Helvetica Pro 65 Medium by Linotype
 *
 * © 2026 MyFonts Inc.
 */@font-face{font-family:Helvetica Neue;src:url(/fonts/NeueHelveticaPro55Roman/font.woff2) format("woff2"),url(/fonts/NeueHelveticaPro55Roman/font.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/NeueHelveticaPro65Medium/font.woff2) format("woff2"),url(/fonts/NeueHelveticaPro65Medium/font.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-x:none}body{font-family:Helvetica Neue,sans-serif;font-weight:var(--weight-body);letter-spacing:var(--tracking);background:var(--white);color:var(--black);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-wrap:break-word;word-wrap:break-word;-webkit-text-size-adjust:100%;overscroll-behavior-x:none}body::selection{background:var(--black);color:var(--white)}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}h2,h3{font-weight:var(--weight-body)}.page--dark::selection,footer::selection{background:var(--white)!important;color:var(--black)!important}.cs-page::selection,.cs-page ::selection{background:var(--cs-accent, var(--black))!important;color:var(--cs-on-accent, var(--white))!important}.cs-page .footer::selection,.cs-page .footer ::selection{background:var(--white)!important;color:var(--black)!important}.cs-page .footer::-moz-selection,.cs-page .footer ::-moz-selection{background:var(--white)!important;color:var(--black)!important}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:2px;opacity:1!important}:root{--font: "Helvetica Neue", sans-serif;--max-width: 1400px;--tracking: -.02em;--tracking-heading: -.02em;--leading-heading: 1.1;--leading-body: 1.55;--weight-body: 400;--weight-heading: 500;--m-text: 17px;--m-label: 15px;--m-heading: 22px;--m-subtitle: 19px;--radius-img: 4px;--black: #000;--black-muted: rgba(0, 0, 0, .6);--black-faint: rgba(0, 0, 0, .3);--black-line: rgba(0, 0, 0, .05);--black-scrim: rgba(0, 0, 0, .5);--white: #fff;--white-muted: rgba(255, 255, 255, .7);--white-faint: rgba(255, 255, 255, .15);--surface: #eaeaea;--surface-dark: #1a1a2e;--focus-ring: #3b82f6}.hero__title,.project__name,.work-grid__name,.cs-not-found__message,.cs-hero__title,.bio-modal__title,.bio-modal__body h3{font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading)}.container{max-width:var(--max-width);width:100%;margin:0 auto}.container-wrapper{display:flex;justify-content:center;padding-left:24px;padding-right:24px;width:100%}.skip-to-main{position:fixed;top:16px;left:16px;z-index:9999;padding:10px 16px;background:var(--black);color:var(--white);font-size:14px;font-weight:var(--weight-heading);border-radius:6px;text-decoration:none;transform:translateY(calc(-100% - 32px));transition:transform .16s ease}.skip-to-main:focus-visible{transform:translateY(0);outline:2px solid var(--focus-ring);outline-offset:3px}.navbar{width:100%;display:flex;justify-content:center;padding:calc(env(safe-area-inset-top,0) + 20px) 24px 10px;position:fixed;top:0;left:0;right:0;z-index:100;pointer-events:none;transition:top .3s cubic-bezier(.22,1,.36,1)}.navbar__blur-bg{position:fixed;top:0;left:0;right:0;height:96px;pointer-events:none;z-index:99}.navbar__blur-bg:before,.navbar__blur-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,transparent 100%)}.navbar__blur-bg:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:60%}.navbar__blur-bg:after{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.navbar__inner{position:relative;display:flex;justify-content:space-between;align-items:center;width:var(--max-width);max-width:100%}.navbar__col{display:flex;align-items:center}.navbar__link{font-size:14px;padding:16px 8px;cursor:pointer;white-space:nowrap;pointer-events:all;color:var(--black);transition:color .25s ease,opacity .25s ease}.navbar__link:hover{opacity:1!important}.navbar__link--active{position:relative}.navbar__link--active:after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;border-radius:0;background:currentColor;transform:translate(-50%) translateY(8px) scale(0);opacity:0;animation:navbar-dot-in .6s ease-out .6s forwards}@keyframes navbar-dot-in{0%{transform:translate(-50%) translateY(8px) scale(0);opacity:0}55%{transform:translate(-50%) translateY(-3px) scale(1.25);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.navbar--white .navbar__link,.navbar--above-overlay .navbar__link{color:var(--white)}.hamburger{pointer-events:all}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;margin-left:auto;margin-right:-8px}.hamburger__bar{display:block;height:1.5px;border-radius:2px;background:var(--black);transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),background .4s ease}.hamburger__bar:nth-child(1){width:24px}.hamburger__bar:nth-child(2){width:16px}.hamburger--open .hamburger__bar:nth-child(1){transform:translateY(3.75px) rotate(45deg);width:24px}.hamburger--open .hamburger__bar:nth-child(2){transform:translateY(-3.75px) rotate(-45deg);width:24px}.navbar--white .hamburger__bar,.menu-overlay .hamburger__bar{background:var(--white)}.navbar--above-overlay{z-index:300}.hamburger--over-overlay .hamburger__bar{background:var(--white)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;background:var(--black);z-index:200;display:flex;flex-direction:column;transform:translateY(-100%);opacity:0;will-change:transform,opacity;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .32s ease}.menu-overlay--open{transform:translateY(0);opacity:1}.menu-overlay__inner{display:flex;flex-direction:column;height:100%;padding:0 24px max(48px,env(safe-area-inset-bottom))}.menu-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.menu-overlay__nav{display:flex;flex-direction:column;gap:0;justify-content:center;flex:1}.menu-overlay__link{font-size:clamp(48px,12vw,80px);letter-spacing:var(--tracking-heading);color:var(--white);opacity:.25;line-height:var(--leading-heading);padding:12px 0;transition:opacity .15s ease;animation:menuLinkIn .5s cubic-bezier(.22,1,.36,1) both}.menu-overlay__link--active,.menu-overlay__link:hover{opacity:1}@keyframes menuLinkIn{0%{opacity:0;transform:translateY(16px)}to{opacity:.25;transform:translateY(0)}}.menu-overlay__link--active{animation:menuLinkInActive .5s cubic-bezier(.22,1,.36,1) both}@keyframes menuLinkInActive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero{display:flex;flex-direction:column;gap:64px;padding:180px 0 128px;overflow:hidden;width:100%}.hero__row{display:flex;gap:24px;align-items:flex-start;width:100%}.hero__row--right{justify-content:flex-end}.hero__left{flex:0 1 688px;min-width:0}.hero__right{flex:1 0 0}.hero__title{font-size:64px;white-space:nowrap;line-height:var(--leading-heading);color:inherit}.hero__subtitle{font-size:32px;letter-spacing:var(--tracking-heading);line-height:130%;width:min(688px,100%);color:inherit;text-wrap:balance}.hero__tag{color:var(--black-muted)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:var(--weight-body);line-height:var(--leading-body);white-space:nowrap;cursor:pointer;border:none;font-family:var(--font);transition:background .12s ease-in}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--btn-hover-fill, transparent);transform:translate(-101%);transition:transform .32s cubic-bezier(.76,0,.24,1);z-index:0}.btn:hover:before{transform:translate(0)}.btn>*{position:relative;z-index:1}.btn span.label{padding-top:2px}.btn__icon{width:16px;height:16px;flex-shrink:0;transition:filter .32s cubic-bezier(.76,0,.24,1),transform .22s cubic-bezier(.22,1,.36,1)}.btn:hover .btn__icon{transform:translate(3px)}.btn__glyph{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.btn__glyph svg{width:16px;height:16px;overflow:visible;transition:transform .42s cubic-bezier(.34,1.56,.64,1)}.btn__glyph-bar{stroke:currentColor;stroke-width:1.75;stroke-linecap:round}.hourglass{display:block}.hourglass__rotor{transform-origin:8px 8px;animation:hourglass-flip 7.2s infinite}.hourglass__surface-top{animation:hourglass-surface-top 7.2s infinite}.hourglass__surface-bot{animation:hourglass-surface-bot 7.2s infinite}.hourglass__stream{animation:hourglass-stream 7.2s infinite}@keyframes hourglass-flip{0%,42%{transform:rotate(0);animation-timing-function:cubic-bezier(.5,0,.5,1)}47%{transform:rotate(192deg);animation-timing-function:ease-out}50%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.5,0,.5,1)}92%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.5,0,.5,1)}97%{transform:rotate(372deg);animation-timing-function:ease-out}to{transform:rotate(360deg)}}@keyframes hourglass-surface-top{0%{transform:translateY(2.3px);animation-timing-function:linear}42%{transform:translateY(8px);animation-timing-function:ease-in}44%,48%{transform:translateY(15px)}50%{transform:translateY(13.7px);animation-timing-function:linear}92%{transform:translateY(8px);animation-timing-function:ease-in}95%,98%{transform:translateY(-5px)}to{transform:translateY(2.3px)}}@keyframes hourglass-surface-bot{0%{transform:translateY(13.7px);animation-timing-function:linear}42%{transform:translateY(8px);animation-timing-function:ease-in}44%,48%{transform:translateY(-5px)}50%{transform:translateY(2.3px);animation-timing-function:linear}92%{transform:translateY(8px);animation-timing-function:ease-in}95%,98%{transform:translateY(15px)}to{transform:translateY(13.7px)}}@keyframes hourglass-stream{0%,40%{opacity:1}44%,50%{opacity:0}52%,90%{opacity:1}94%,to{opacity:0}}.btn--dark-gray{background:var(--white-faint);color:var(--white);--btn-hover-fill: rgba(255, 255, 255, .1)}.btn--light-gray{background:var(--surface);color:var(--black);--btn-hover-fill: #d2d2d2}.btn--accent{background:var(--accent);color:var(--accent-ink, #fff);--btn-hover-fill: rgba(0, 0, 0, .1)}.btn--rainbow-hover{border:2px solid transparent}.btn--rainbow-hover:hover{background:linear-gradient(var(--surface),var(--surface)) padding-box,conic-gradient(from var(--konami-angle),#ff0040,#ff8800,#ffee00,#00cc44,#0088ff,#8800ff,#ff0040) border-box;animation:konami-border-spin 2s linear infinite}.btn--full-width{width:100%}.btn--disabled{cursor:default;opacity:.5;text-align:left;justify-content:space-between;pointer-events:none}.project{position:relative;height:100vh;width:100%;display:flex;align-items:stretch;justify-content:center}.effect-b__inner{position:relative;flex:1;overflow:hidden;margin-left:0;margin-right:0;border-radius:0;display:flex;align-items:flex-end;justify-content:center;will-change:margin,border-radius}.project__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.project__bg--parallax{position:absolute;left:0;width:100%;height:130%;top:-30%;object-fit:cover;pointer-events:none}.project__inner{position:relative;display:flex;justify-content:center;padding:96px 24px 32px;width:100%;background:linear-gradient(to top,#000000b3,#00000059,#0000)}.project__inner:has(.project__content--light){background:linear-gradient(to top,#ffffffe6,#ffffffb3 80%,#fff0)}.project__content{position:relative;display:flex;align-items:baseline;gap:16px;width:var(--max-width);max-width:100%;padding-top:20px;text-decoration:none;color:inherit}.project__content:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:#ffffff2e}.project__content--light:before{background:#00000026}.project__content:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:2px}.project__content--disabled{cursor:default}.project__name-group{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.project__name{font-size:24px;letter-spacing:var(--tracking-heading);text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:var(--weight-heading);color:var(--white);line-height:var(--leading-heading)}.project__content--light .project__name{color:var(--black);text-shadow:none}.project__description{font-size:24px;letter-spacing:var(--tracking-heading);text-shadow:0 2px 8px rgba(0,0,0,.5);color:var(--white-muted);line-height:var(--leading-heading);opacity:.5;margin:0}.project__content--light .project__description{color:var(--black-muted);text-shadow:none}.project__cta{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:auto}.project__cta .btn--disabled{opacity:.55}.footer{background:var(--black);width:100%;display:flex;justify-content:center;padding-left:24px;padding-right:24px;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column}.footer__inner{display:flex;gap:24px;align-items:flex-start;padding-top:128px;padding-bottom:80px;width:var(--max-width);max-width:100%;margin:0 auto}.footer__col{flex:1 0 0;display:flex;flex-direction:column;gap:8px;color:var(--white);min-width:0}.footer__col-title{font-size:14px;line-height:var(--leading-heading)}.footer__col-item{font-size:14px;color:var(--white-muted);line-height:var(--leading-heading);transition:collor .12s ease-out;width:fit-content}.footer__col-item:hover{color:var(--white)}.footer__col-item--disabled{cursor:default}.footer__col-item-soon{opacity:.8}.footer__rainbow-btn{font-family:inherit;font-size:14px;font-weight:var(--weight-body);opacity:.6;background:none;border:none;padding:0;cursor:pointer;color:inherit;width:fit-content;transition:opacity .12s ease-out}.footer__rainbow-btn:hover{opacity:1;background:linear-gradient(90deg,#ff0080,#f60,#fe0,#0c4,#0af,#70f,#ff0080);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow-flow 2s linear infinite}@keyframes rainbow-flow{0%{background-position:0% center}to{background-position:200% center}}.footer__archive{flex:1 0 0;min-width:0;display:flex;align-items:center;border-radius:var(--radius-img);background:var(--white-faint);overflow:hidden;cursor:pointer;text-decoration:none;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),filter .65s cubic-bezier(.22,1,.36,1),background .16s ease-out,border-color .16s ease-out}.footer__archive:hover{background:var(--white-faint);transform:scale(1.02)}.footer__archive:active{transform:scale(1)}.footer__archive-thumb{position:relative;width:171px;height:96px;flex-shrink:0;overflow:hidden;background:var(--black)}.footer__archive-thumb img{position:absolute;right:0;bottom:0;left:0;width:102.67%;height:108.29%;top:-3.88%;object-fit:cover;transition:transform .4s cubic-bezier(.22,1,.36,1)}.footer__archive-screenshot{position:relative;flex:1;height:96px;overflow:hidden}.i img{position:absolute;height:126.99%;left:-37.78%;top:-.15%;width:174.86%;object-fit:cover;max-width:none}.footer__archive-text{padding:12px;display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.footer__archive-title{font-size:16px;color:var(--white);line-height:var(--leading-heading)}.footer__archive-link{display:flex;align-items:center;gap:4px;opacity:.5}.footer__archive-link p{font-size:14px;color:var(--white);white-space:nowrap;line-height:var(--leading-heading)}.footer__archive-link img{width:16px;height:16px;flex-shrink:0;transition:transform .22s cubic-bezier(.22,1,.36,1)}.footer__archive:hover .footer__archive-link img{transform:translate(4px)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;width:100%;max-width:var(--max-width);margin:0 auto;border-top:1px solid var(--white-faint);color:var(--white);font-size:12px}.footer__bottom p{opacity:.6}.footer__location-time{font-variant-numeric:tabular-nums}.footer__city-name{opacity:.45;display:flex;align-items:center;gap:6px}.footer__city-icon{display:flex;align-items:center;opacity:.8}.footer__city-time{opacity:.5}.footer__local-row{display:inline-flex;align-items:center;gap:4px}.konami-wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;pointer-events:none;display:grid;grid-template-columns:repeat(6,1fr)}.konami-wipe__col{will-change:transform;margin:0 -1px}.konami-wipe--covering .konami-wipe__col{animation:col-cover-in .48s cubic-bezier(.76,0,.24,1) both}.konami-wipe--revealing .konami-wipe__col{animation:col-cover-out .48s cubic-bezier(.76,0,.24,1) both}.konami-wipe--revealing .konami-wipe__col:nth-child(1){animation-delay:275ms}.konami-wipe--revealing .konami-wipe__col:nth-child(2){animation-delay:.22s}.konami-wipe--revealing .konami-wipe__col:nth-child(3){animation-delay:165ms}.konami-wipe--revealing .konami-wipe__col:nth-child(4){animation-delay:.11s}.konami-wipe--revealing .konami-wipe__col:nth-child(5){animation-delay:55ms}.konami-wipe--revealing .konami-wipe__col:nth-child(6){animation-delay:0ms}@keyframes konami-rainbow{0%{color:#ff0080}16%{color:#f60}33%{color:#fe0}50%{color:#0c4}66%{color:#0af}83%{color:#70f}to{color:#ff0080}}html.konami{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='26' font-size='26'%3E🌈%3C/text%3E%3C/svg%3E") 16 16,auto}html.konami *:not(.page-transition__col):not(.konami-wipe__col):not(.projects-nav):not(.projects-nav__track):not(.projects-nav__dot-wrap):not(.projects-nav__pill):not(.konami-toast):not(.konami-toast *){animation:konami-rainbow 2s linear infinite!important;cursor:inherit}html.konami img,html.konami video,html.konami canvas{animation:none!important}@keyframes konami-toast-in{0%{transform:translate(-50%) translateY(20px) scale(.96);opacity:0}60%{opacity:1}70%{transform:translate(-50%) translateY(-2px) scale(1.012)}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes konami-toast-out{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(24px) scale(.92);opacity:0}}@keyframes konami-border-spin{0%{--konami-angle: 0deg}to{--konami-angle: 360deg}}@property --konami-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.konami-toast{-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;background:linear-gradient(var(--black),var(--black)) padding-box,conic-gradient(from var(--konami-angle),#ff0040,#ff8800,#ffee00,#00cc44,#0088ff,#8800ff,#ff0040) border-box;border:2px solid transparent;color:var(--white);animation:konami-border-spin 2s linear infinite;font-family:var(--font)!important;font-size:13px;font-weight:var(--weight-body);letter-spacing:0;font-variant-numeric:tabular-nums;z-index:99999;white-space:nowrap;cursor:pointer;transition:transform .15s ease}.konami-toast--entering{animation:konami-toast-in .62s cubic-bezier(.22,1,.36,1) both,konami-border-spin 2s linear infinite}.konami-toast--exiting{animation:konami-toast-out .35s cubic-bezier(.4,0,.8,1) both,konami-border-spin 2s linear infinite;pointer-events:none}.konami-toast:hover{transform:translate(-50%) scale(1.04)}.konami-toast:active{transform:translate(-50%) scale(.97)}.konami-toast__icon{display:flex;align-items:center;margin-right:0}.konami-toast__sep{font-size:12px}.konami-toast__hint{letter-spacing:var(--tracking)}@keyframes v17-banner-in{0%{max-height:0;padding-top:0;padding-bottom:0}to{max-height:60px;padding-top:10px;padding-bottom:10px}}.v17-banner{width:100%;background:#000;color:#fffc;font-size:14px;line-height:1.5;text-align:center;padding:0 24px;overflow:hidden;max-height:0;z-index:100;animation:v17-banner-in 1.1s cubic-bezier(.22,1,.36,1) .9s forwards}.page--banner-in .navbar{top:40px;transition:top 1.1s cubic-bezier(.22,1,.36,1)}.v17-banner__link{color:#fff;text-decoration:underline;text-underline-offset:2px;transition:opacity .12s ease-out}.v17-banner__link:hover{opacity:.75}.page{display:flex;flex-direction:column;align-items:center;background:var(--white);min-height:100vh;width:100%}.page__main{display:contents}.effect-b__section{display:flex}.effect-b__section--reveal{opacity:0;filter:blur(8px);transition:opacity .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1)}.effect-b__section--revealed{opacity:1;filter:blur(0)}picture{display:contents}.effect-b__bg{position:absolute;right:0;bottom:0;left:0;width:100%;height:130%;top:-15%;object-fit:cover;pointer-events:none;will-change:transform}.effect-b__item{opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),filter .18s cubic-bezier(.22,1,.36,1)}.effect-b__item--visible{opacity:1;transform:translateY(0);filter:blur(0px)}.effect-b__item--number,.effect-b__item--name,.effect-b__item--btn{transition-delay:0s}.projects-nav{position:fixed;right:24px;top:0;bottom:0;display:flex;align-items:center;z-index:50;pointer-events:none}.projects-nav--entering{pointer-events:all}@keyframes pill-bounce-in{0%{opacity:0;transform:translate(16px) scale(.8)}70%{opacity:1;transform:translate(-1px) scale(1.05)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pill-fade-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(12px) scale(.85)}}.projects-nav__track{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border-radius:12px;position:relative;z-index:1;transition:background .2s ease,transform .25s cubic-bezier(.34,1.5,.64,1)}.projects-nav--light .projects-nav__track--hover{background:var(--white-faint)}.projects-nav--dark .projects-nav__track--hover{background:var(--black-line)}.projects-nav--dark .projects-nav__label:before{--label-overlay-extend-left: 60px;--label-overlay-extend-right: 10px;--label-overlay-pad-y: 35px;content:"";position:absolute;top:50%;right:calc(-1 * var(--label-overlay-extend-right));width:calc(100% + var(--label-overlay-extend-left) + var(--label-overlay-extend-right) + 200px);height:calc(100% + var(--label-overlay-pad-y) * 4);transform:translateY(-50%);background:url(/assets/side-nav-overlay-CkxIjxml.png) center / 200% 200% no-repeat;pointer-events:none;z-index:-1}.projects-nav__track--pressed{transform:scale(1.06)}.projects-nav__dot-wrap{background:none;border:none;padding:4px 14px;margin:0 -14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.34,1.5,.64,1)}.projects-nav__dot-wrap:hover{transform:scale(1.2)}.projects-nav__label{position:absolute;right:50%;top:50%;margin-right:20px;transform:translateY(-50%) translate(4px);transform-origin:right center;font-size:15px;line-height:1;white-space:nowrap;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}.projects-nav--light .projects-nav__label{color:var(--white-muted)}.projects-nav--dark .projects-nav__label{color:var(--black);z-index:5}.projects-nav__dot-wrap{position:relative}.projects-nav__dot-wrap:hover .projects-nav__label,.projects-nav__dot-wrap:focus-visible .projects-nav__label{opacity:1;transform:translateY(-50%) translate(0)}.projects-nav__dot-wrap{opacity:0}.projects-nav--entering .projects-nav__dot-wrap{animation:pill-bounce-in .7s cubic-bezier(.22,1,.36,1) both}.projects-nav--exiting .projects-nav__dot-wrap{animation:pill-fade-out .45s cubic-bezier(.4,0,.6,1) both}.projects-nav__pill{--pill-alpha: .35;--pill-ink: 255, 255, 255;width:6px;height:6px;border-radius:3px;background:rgba(var(--pill-ink),var(--pill-alpha));position:relative;will-change:height;transition:height .35s cubic-bezier(.22,1,.36,1),background .25s ease}.projects-nav--dark .projects-nav__pill{--pill-ink: 0, 0, 0}.projects-nav--light .projects-nav__pill--hover{height:20px!important;background:var(--white)!important;opacity:.5!important}.projects-nav--dark .projects-nav__pill--hover{height:20px!important;background:var(--black)!important;opacity:.5!important}@keyframes projects-nav-pill-rainbow{0%{background-position:0% 0%}to{background-position:0% 200%}}html.konami .projects-nav__pill{background-image:linear-gradient(180deg,#ff0080,#f60,#fe0,#0c4,#0af,#70f,#ff0080);background-color:transparent;background-size:100% 400%;background-repeat:repeat;animation:projects-nav-pill-rainbow 2s linear infinite}.projects-nav-m{display:none}@keyframes projects-nav-m-in{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes projects-nav-m-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.9)}}html.konami .projects-nav-m__pill{background-image:linear-gradient(180deg,#ff0080,#f60,#fe0,#0c4,#0af,#70f,#ff0080);background-color:transparent;background-size:100% 400%;background-repeat:repeat;animation:projects-nav-pill-rainbow 2s linear infinite}.page--dark{background:var(--black);color:var(--white)}.page--craft{background:var(--surface);color:var(--black)}.reveal{opacity:0;transform:translateY(16px);filter:blur(6px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),filter .65s cubic-bezier(.22,1,.36,1),background .16s ease-out,border-color .16s ease-out,color .16s ease-out}.reveal--visible{opacity:1;transform:translateY(0);filter:blur(0px)}.about-sections{display:flex;flex-direction:column;gap:128px;padding-bottom:128px;width:100%}.about-section-row{display:flex;gap:24px;align-items:flex-start;border-top:1px solid var(--white-faint);padding-top:24px;width:100%}.about-section-row>.reveal:first-child{flex:1 0 0;min-width:0}.about-section-row__label{margin:0;font-size:32px;letter-spacing:var(--tracking-heading);line-height:var(--leading-body);color:var(--white)}.about-section-row__content{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:24px}.about-photo-wrap{width:100%;height:653px;overflow:hidden;border-radius:4px}.about-photo{width:100%;height:100%;object-fit:cover;object-position:center top}.about-info-text{display:flex;flex-direction:column;gap:24px;padding-top:8px}.about-info-text p{font-size:24px;letter-spacing:var(--tracking-heading);line-height:var(--leading-body);color:var(--white-muted)}.about-info-more-wrap{display:flex;justify-content:flex-start}.bio-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none;transition:background-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}.bio-modal--open{background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.bio-modal__panel{position:relative;width:50%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#121212;border-left:1px solid var(--white-faint);box-shadow:-30px 0 80px var(--black-scrim);transform:translate(100%);will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1)}.bio-modal--open .bio-modal__panel{transform:translate(0)}.bio-modal__header{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 40px;pointer-events:none}.bio-modal__header:before,.bio-modal__header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-image:linear-gradient(to bottom,black 10%,transparent 100%)}.bio-modal__header:before{height:60%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.bio-modal__header:after{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.bio-modal__title,.bio-modal__close{position:relative;z-index:1;pointer-events:auto}.bio-modal__title{font-size:32px;line-height:var(--leading-heading);color:var(--white)}.bio-modal__close{flex-shrink:0;width:36px;height:36px;margin-right:-8px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:none;color:var(--white-muted);cursor:pointer;transition:color .16s ease-out}.bio-modal__close:hover,.bio-modal__close:focus-visible{color:var(--white)}.bio-modal__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:128px 40px}.bio-section{display:flex;flex-direction:column;gap:20px}.bio-section+.bio-section{margin-top:64px;border-top:1px solid var(--white-faint);padding-top:84px}.bio-section__media{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bio-modal__footer{margin-top:64px;display:flex}.bio-modal__body h3{font-size:24px;line-height:var(--leading-heading);color:var(--white)}.bio-modal__body p,.bio-modal__body li{font-size:18px;letter-spacing:var(--tracking-heading);line-height:var(--leading-body);color:var(--white-muted)}.bio-modal__body li{margin-left:24px}.bio-modal__inline-link{font:inherit;border:none;background:none;padding:0;cursor:pointer;height:27px}.bio-modal__body a,.bio-modal__inline-link{--link-accent-color: var(--white);color:var(--link-accent-color);text-decoration:none;background-image:linear-gradient(var(--link-accent-color),var(--link-accent-color)),linear-gradient(color-mix(in srgb,var(--link-accent-color) 32%,transparent),color-mix(in srgb,var(--link-accent-color) 32%,transparent));background-repeat:no-repeat;background-position:0 100%,0 100%;background-size:0% 1px,100% 1px;transition:background-size .32s cubic-bezier(.76,0,.24,1);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:2px}.bio-modal__body a:hover,.bio-modal__body a:focus-visible,.bio-modal__inline-link:hover,.bio-modal__inline-link:focus-visible{background-size:100% 1px,100% 1px}@media (max-width: 768px){.bio-modal__panel{width:100%}.bio-modal__body p,.bio-modal__body li{font-size:var(--m-text)}.bio-modal__body h3,.bio-modal__title{font-size:var(--m-heading)}.bio-modal__carousel{flex:0 0 40%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;touch-action:pan-x;background:#0d0d0d;border-bottom:1px solid var(--white-faint);scrollbar-width:none;-ms-overflow-style:none}.bio-modal__carousel::-webkit-scrollbar{display:none}.bio-modal__slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:64px 24px 20px}.bio-modal__slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-img);border:1px solid var(--white-faint)}.bio-modal__body{flex:1 1 auto;min-height:0;padding:32px 24px 48px}.bio-section+.bio-section{margin-top:40px;padding-top:40px}.bio-modal__header{padding:20px 24px;background:linear-gradient(to bottom,rgba(13,13,13,.9) 0%,transparent 100%)}.bio-modal__header:before,.bio-modal__header:after{display:none}.project__name-group{flex-direction:column;align-items:flex-start}.project__description{font-size:var(--m-text)!important}}.bio-modal__stage{position:absolute;top:0;left:0;bottom:0;width:50%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;opacity:0;scrollbar-width:none;-ms-overflow-style:none}.bio-modal__stage::-webkit-scrollbar{width:0;height:0;display:none}.bio-modal--open .bio-modal__stage{opacity:1;transition:opacity .4s ease}.bio-modal:not(.bio-modal--open).bio-modal--entered .bio-modal__stage{opacity:1}.bio-modal__stage-visuals{position:sticky;top:0;height:100vh;margin-bottom:-100vh}.bio-modal__stage-snap{height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.bio-modal__stage .bio-visual{position:absolute;top:88px;right:56px;bottom:88px;left:88px;opacity:0;transform:scale(1.01);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.bio-modal__stage .bio-visual.is-active{opacity:1;transform:none}@keyframes bioItemIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes bioItemOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(18px) scale(.96)}}.bio-modal--open .bio-modal__stage .bio-visual.is-active .bio-visual__item{animation:bioItemIn .55s cubic-bezier(.22,1,.36,1) both}.bio-modal:not(.bio-modal--open).bio-modal--entered .bio-modal__stage .bio-visual.is-active .bio-visual__item{animation:bioItemOut .28s cubic-bezier(.4,0,1,1) both}.bio-modal--open .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(2){animation-delay:.11s}.bio-modal--open .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(3){animation-delay:.22s}.bio-modal--open .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(4){animation-delay:.33s}.bio-modal--open .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(5){animation-delay:.44s}.bio-modal:not(.bio-modal--open) .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(2){animation-delay:.06s}.bio-modal:not(.bio-modal--open) .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(3){animation-delay:.12s}.bio-modal:not(.bio-modal--open) .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(4){animation-delay:.18s}.bio-modal:not(.bio-modal--open) .bio-modal__stage .bio-visual.is-active .bio-visual__item:nth-child(5){animation-delay:.24s}@keyframes bioScatterItemIn{0%{opacity:0;transform:rotate(var(--rot, 0deg)) translateY(18px) scale(.92)}to{opacity:1;transform:rotate(var(--rot, 0deg))}}@keyframes bioScatterItemOut{0%{opacity:1;transform:rotate(var(--rot, 0deg))}to{opacity:0;transform:rotate(var(--rot, 0deg)) translateY(18px) scale(.92)}}.bio-modal--open .bio-modal__stage .bio-visual--scatter.is-active .bio-visual__item{animation-name:bioScatterItemIn}.bio-modal:not(.bio-modal--open).bio-modal--entered .bio-modal__stage .bio-visual--scatter.is-active .bio-visual__item{animation-name:bioScatterItemOut}.bio-visual__item{margin:0;overflow:hidden;border-radius:6px;box-shadow:0 18px 50px #00000073}.bio-visual__item img{display:block;width:100%;height:auto}.bio-visual--solo{display:flex;align-items:center;justify-content:center}.bio-visual--solo .bio-visual__item{max-width:100%;max-height:100%}.bio-visual--solo .bio-visual__item img{width:auto;height:auto;max-width:100%;max-height:100%}figure.bio-visual__item{border:1px solid var(--black-line)}.bio-visual--stack{display:flex;flex-direction:column;justify-content:center;gap:18px}.bio-visual--stack .bio-visual__item{width:62%}.bio-visual--stack .bio-visual__item:nth-child(2n){align-self:flex-end}.bio-visual--pair{display:flex;align-items:center;justify-content:center;gap:16px}.bio-visual--pair .bio-visual__item{flex:1}.bio-visual--scatter .bio-visual__item{position:absolute;width:34%;transform:rotate(var(--rot, 0deg));box-shadow:0 12px 32px #00000073}@media (max-width: 768px){.bio-modal__stage{display:none}}.about-accordion-list{display:flex;flex-direction:column;width:100%;margin-top:-25px}.about-more-row{display:flex;gap:24px;align-items:stretch}.about-more-row>.reveal{display:flex}.about-more-row>.about-contact-col{min-width:240px}.about-contact-col>.reveal{flex:1;min-height:0;display:flex}.about-resume-link{display:inline-flex;flex-direction:column;text-decoration:none;cursor:pointer}.about-contact-col{display:flex;flex:1;flex-direction:column;gap:24px}.about-contact-link{display:flex;flex:1;min-height:0;flex-direction:column;text-decoration:none;cursor:pointer}.about-contact-card{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--white-faint);border-radius:var(--img-radius);transition:background .2s ease,transform .2s ease}.about-contact-icon{width:48px;height:48px}.about-contact-link:hover .about-contact-card{background:#262626}.about-contact-label{color:var(--white-muted);margin-top:12px;transition:color .2s ease}.about-contact-link:hover .about-contact-label{color:#ffffffe6}.about-resume-label{color:var(--white-muted);margin-top:12px;transition:color .2s ease}.about-resume-link:hover .about-resume-label{color:#ffffffe6}.about-email-wrap{cursor:default}.about-email-card{gap:17px;flex-direction:column;padding:0 20px}.about-email-pill.btn{color:var(--white-muted);justify-content:center;width:140px}.about-email-pill.btn .label{display:inline-flex;align-items:center;gap:8px}.about-email-icon-wrap{position:relative;width:18px;height:18px;flex-shrink:0}.about-email-svg{position:absolute;top:50%;left:50%;transition:opacity .2s ease,filter .2s ease,transform .2s ease}.icon-copy{opacity:1;filter:blur(0px);transform:translate(-50%,-50%) scale(1)}.icon-check,.about-email-pill--copied .icon-copy{opacity:0;filter:blur(4px);transform:translate(-50%,-50%) scale(.7)}.about-email-pill--copied .icon-check{opacity:1;filter:blur(0px);transform:translate(-50%,-50%) scale(1)}.about-open-arrow{transition:transform .2s ease}.about-email-pill:hover .about-open-arrow{transform:translate(2px,-2px)}.about-resume-clip{display:inline-block;clip-path:inset(-9999px -9999px 0 -9999px round 2px)}.about-resume-card{display:block;background:var(--white-faint);border-radius:var(--img-radius);padding:28px 28px 0;overflow:visible;width:100%;max-width:440px;height:400px;cursor:pointer;text-decoration:none;position:relative}.about-resume-thumbnail-wrap{transform:translateY(0);transform-origin:bottom center;transition:transform .48s cubic-bezier(.22,1,.36,1),box-shadow .48s cubic-bezier(.22,1,.36,1);will-change:transform;border-radius:var(--img-radius)}.about-resume-link:hover .about-resume-thumbnail-wrap{transform:translateY(-8%);box-shadow:0 -16px 48px #00000073}.about-resume-thumbnail{display:block;width:100%;border-radius:var(--img-radius)}.accordion-row{width:100%;position:relative}.accordion-row:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--white-faint)}.accordion-row:after{content:"";position:absolute;top:0;left:0;height:1px;width:0;background:var(--accent);transition:width .32s cubic-bezier(.22,1,.36,1)}.accordion-row:has(.accordion-row__header--interactive:hover):after,.accordion-row:has(.accordion-row__body--open):after{width:100%}.accordion-row--border-first{margin-top:0}.accordion-row--border-first:before{background:#fff0}.accordion-row__header{display:flex;align-items:center;width:100%;background:none;border:none;padding:28px 0;color:var(--white);text-align:left;gap:0;transition:padding-bottom .48s cubic-bezier(.22,1,.36,1)}.accordion-row:has(.accordion-row__body--open) .accordion-row__header{padding-bottom:8px}.accordion-row__header--link{padding-bottom:24px;cursor:pointer;text-decoration:none}.accordion-row__name{flex:1 0 0;min-width:0;display:flex;align-items:center;gap:8px}.accordion-row__dot{flex-shrink:0;width:8px;height:8px;border-radius:0}.accordion-row__company{font-size:20px;line-height:var(--leading-body);white-space:nowrap;letter-spacing:var(--tracking)}.accordion-row__role{flex:1 0 0;min-width:0;font-size:16px;line-height:var(--leading-body);color:var(--white-muted);letter-spacing:var(--tracking)}.accordion-row__period{flex:1 0 0;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:20px;line-height:var(--leading-body);opacity:.5}.accordion-row__period span{font-size:16px}.accordion-row__arrow,.accordion-row__toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.accordion-row__arrow img{width:18px;height:18px}.accordion-row__toggle svg{width:18px;height:18px;overflow:visible;transition:transform .45s cubic-bezier(.65,0,.35,1)}.accordion-row__toggle-bar{stroke:currentColor;stroke-width:1.75;stroke-linecap:round;transform-origin:12px 12px;transition:transform .45s cubic-bezier(.65,0,.35,1)}.accordion-row__toggle--open svg{transform:rotate(180deg)}.accordion-row__toggle--open .accordion-row__toggle-bar--v{transform:rotate(90deg)}.accordion-row__header:hover .accordion-row__arrow img{transform:translate(4px)}.accordion-row__arrow img{transition:transform .22s cubic-bezier(.22,1,.36,1)}.accordion-row__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .48s cubic-bezier(.22,1,.36,1),padding-bottom .48s cubic-bezier(.22,1,.36,1);width:100%;padding-bottom:0}.accordion-row__body--open{grid-template-rows:1fr;padding-bottom:24px}.accordion-row__body-inner{overflow:hidden;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(-6px);transition:opacity .18s cubic-bezier(.4,0,.2,1) 0s,transform .24s cubic-bezier(.4,0,.2,1) 0s}.accordion-row__body--open .accordion-row__body-inner{opacity:1;transform:translateY(0);transition:opacity .32s cubic-bezier(.22,1,.36,1) .12s,transform .42s cubic-bezier(.22,1,.36,1) .08s}.accordion-row__description{font-size:16px;line-height:var(--leading-body);color:var(--white-muted);padding-left:16px}.accordion-row__link{--link-accent-color: var(--link-accent, var(--white));color:var(--link-accent-color);text-decoration:none;background-image:linear-gradient(var(--link-accent-color),var(--link-accent-color)),linear-gradient(color-mix(in srgb,var(--link-accent-color) 32%,transparent),color-mix(in srgb,var(--link-accent-color) 32%,transparent));background-repeat:no-repeat;background-position:0 100%,0 100%;background-size:0% 1px,100% 1px;transition:background-size .32s cubic-bezier(.76,0,.24,1);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:2px}.accordion-row__link:hover{background-size:100% 1px,100% 1px}.work-main{display:flex;flex-direction:column;gap:32px;padding:128px 0;width:100%}.work-main__header{display:flex;align-items:center;justify-content:space-between;width:100%}.work-main__label{font-size:16px;line-height:var(--leading-heading);color:var(--black)}.work-main__toggle{display:flex;gap:16px;align-items:center}.work-main__toggle-btn{background:none;border:none;padding:0;font-size:16px;font-weight:var(--weight-body);line-height:var(--leading-heading);color:var(--black);cursor:pointer;opacity:.3;transition:opacity .12s ease;font-family:var(--font);display:flex;align-items:center;gap:6px}.work-main__toggle-btn--active{opacity:1}.work-main__toggle-btn:hover{opacity:.7}.work-main__toggle-btn span.label{padding-top:3px}@keyframes grid-tl{0%,to{translate:0 0}40%{translate:-1.5px -1.5px}}@keyframes grid-tr{0%,to{translate:0 0}40%{translate:1.5px -1.5px}}@keyframes grid-bl{0%,to{translate:0 0}40%{translate:-1.5px 1.5px}}@keyframes grid-br{0%,to{translate:0 0}40%{translate:1.5px 1.5px}}.work-main__toggle-btn--grid:hover svg rect:nth-child(1){animation:grid-tl .6s cubic-bezier(.22,1,.36,1)}.work-main__toggle-btn--grid:hover svg rect:nth-child(2){animation:grid-tr .6s cubic-bezier(.22,1,.36,1)}.work-main__toggle-btn--grid:hover svg rect:nth-child(3){animation:grid-bl .6s cubic-bezier(.22,1,.36,1)}.work-main__toggle-btn--grid:hover svg rect:nth-child(4){animation:grid-br .6s cubic-bezier(.22,1,.36,1)}@keyframes list-top{0%,to{transform:translateY(0)}40%{transform:translateY(-1px)}}@keyframes list-bot{0%,to{transform:translateY(0)}40%{transform:translateY(1px)}}.work-main__toggle-btn--list:hover svg rect{transform-box:fill-box;transform-origin:center}.work-main__toggle-btn--list:hover svg rect:nth-child(1){animation:list-top .6s cubic-bezier(.22,1,.36,1)}.work-main__toggle-btn--list:hover svg rect:nth-child(3){animation:list-bot .6s cubic-bezier(.22,1,.36,1)}.work-main__divider{height:1px;width:100%;background:var(--divider-color, var(--black-line));transition:background .22s ease}.work-grid{display:flex;flex-direction:column;gap:192px;width:100%}.work-grid__row{display:flex;gap:24px;align-items:flex-start;width:100%}.work-grid__pic{flex:1 0 0;min-width:0;background:var(--black-line);border-radius:var(--radius-img);overflow:hidden}.work-grid__pic img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid var(--black-line);border-radius:var(--radius-img)}.work-grid__text{flex:1 0 0;min-width:0;display:flex;flex-direction:column;height:332px;justify-content:space-between;overflow:visible;position:relative;padding-top:20px;text-decoration:none;color:inherit}.work-grid__text:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:var(--black-line)}.work-grid__text:after{content:"";position:absolute;top:0;left:0;height:1.5px;width:0;background:var(--accent);transition:width .32s cubic-bezier(.22,1,.36,1)}.work-grid__text:hover:after,.work-grid__text:focus-visible:after{width:100%}.work-grid__text:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:2px}.work-grid__text--disabled{cursor:default}.work-grid__text-top{display:flex;flex-direction:column}.work-grid__name{display:block;margin:0;font-size:32px;line-height:var(--leading-heading);color:var(--black);transition:color .2s ease}.work-grid__text:hover .work-grid__name,.work-grid__text:focus-visible .work-grid__name{color:var(--accent)}.work-grid__role{display:block;margin-top:4px;font-size:20px;letter-spacing:var(--tracking-heading);line-height:var(--leading-body);color:var(--black);opacity:.5}.work-grid__cta{display:flex;align-items:center;gap:6px}.work-grid__cta-label{font-size:16px;color:var(--black-scrim);transition:color .16s ease-out;padding-top:2px}.work-grid__text:hover .work-grid__cta-label,.work-grid__text:focus-visible .work-grid__cta-label{color:var(--black)}.work-grid__cta-arrow{width:16px;height:16px;opacity:.5;flex-shrink:0;transition:opacity .16s ease-out,transform .22s cubic-bezier(.22,1,.36,1)}.work-grid__text:hover .work-grid__cta-arrow,.work-grid__text:focus-visible .work-grid__cta-arrow{opacity:1;transform:translate(4px)}.work-grid__cta-hourglass{width:16px;height:16px;color:var(--black-scrim);flex-shrink:0}.work-list{width:100%}.work-list__items{display:flex;flex-direction:column}.work-list__item{display:flex;gap:10px;align-items:center;padding:32px 0;position:relative;cursor:pointer;text-decoration:none}.work-list__item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--black-line)}.work-list__item:after{content:"";position:absolute;top:0;left:0;height:1px;width:0;background:var(--accent);transition:width .32s cubic-bezier(.22,1,.36,1)}.work-list__item:hover:after{width:100%}.work-list__name{flex:1 0 0;min-width:0;font-size:48px;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);color:var(--black);transition:color .2s ease}.work-list__item:hover .work-list__name{color:var(--accent)}.work-list__role{flex:1 0 0;min-width:0;font-size:24px;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);color:var(--black);opacity:.5}.work-list__right{flex:1 0 0;min-width:0;display:flex;justify-content:flex-end}.work-list__arrow{width:24px;height:24px;opacity:.4;transition:opacity .2s ease,transform .22s cubic-bezier(.22,1,.36,1)}.work-list__item:hover .work-list__arrow{opacity:1;transform:translate(4px)}.work-list__item--disabled{cursor:default}.work-list__coming-soon{font-size:16px;color:var(--black-muted)}.work-list__preview{position:fixed;top:-216px;left:-166px;width:332px;height:432px;border-radius:var(--radius-img);pointer-events:none;z-index:50;opacity:0;scale:.88;background-size:cover;background-position:center;transition:opacity .2s ease,scale .2s ease;will-change:transform;border:1px solid var(--black-line)}.work-list__preview--visible{opacity:1;scale:1}.cs-page{background:var(--white);color:var(--black)}.cs-not-found{padding:128px 24px;text-align:center;display:flex;flex-direction:column;justify-content:center;flex:1;gap:16px;align-items:flex-start;min-height:600px}.cs-not-found__actions{display:flex;gap:12px;margin-top:8px}.cs-not-found__message{font-size:32px;width:fit-content}.cs-not-found .link{--link-accent-color: var(--focus-ring);color:var(--link-accent-color);text-decoration:none;background-image:linear-gradient(var(--link-accent-color),var(--link-accent-color)),linear-gradient(color-mix(in srgb,var(--link-accent-color) 32%,transparent),color-mix(in srgb,var(--link-accent-color) 32%,transparent));background-repeat:no-repeat;background-position:0 100%,0 100%;background-size:0% 1px,100% 1px;transition:background-size .32s cubic-bezier(.76,0,.24,1);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:2px}.cs-not-found .link:hover,.cs-not-found .link:focus-visible{background-size:100% 1px,100% 1px}.cs-not-found__back{display:inline-block;margin-top:16px;color:var(--black-muted)}.cs-hero-wrap{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:0}.cs-hero{width:100%;height:800px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:var(--surface-dark);margin-bottom:-200px;padding-bottom:400px;overflow:hidden}.cs-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cs-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--black-line) 0%,var(--black-scrim) 100%);pointer-events:none}.cs-hero__navbar{position:relative;z-index:2;width:100%;padding-top:0}.cs-hero__bottom{position:relative;z-index:2;width:100%;padding-bottom:0;top:130px}.cs-hero__text{display:flex;flex-direction:column;gap:16px}.cs-hero__back{width:fit-content;display:inline-flex;align-items:center;gap:6px;font-size:20px;letter-spacing:var(--tracking-heading);color:var(--white);opacity:.5;line-height:var(--leading-heading);cursor:pointer;text-decoration:none}.cs-hero__back:hover{opacity:.8}.cs-hero__back span.label{padding-top:3px}.cs-hero__back-arrow{width:20px;height:20px;transform:rotate(180deg);transition:transform .22s cubic-bezier(.22,1,.36,1)}.cs-hero__back:hover .cs-hero__back-arrow{transform:rotate(180deg) translate(4px)}.cs-hero__title{font-size:64px;color:var(--white);line-height:var(--leading-heading)}.cs-hero__subtitle{font-size:32px;letter-spacing:var(--tracking-heading);color:var(--white-muted);line-height:var(--leading-heading)}.cs-cover-wrap{width:100%;position:relative;z-index:1}.cs-cover{width:100%;height:600px;border-radius:var(--radius-img);background:var(--surface);background-size:cover;background-position:center;border:1px solid var(--black-line)}.cs-body{display:flex;flex-direction:column;gap:128px;padding:128px 0;width:100%}.cs-meta{display:flex;gap:24px;align-items:flex-start;font-size:20px;width:100%}.cs-meta__left{flex:1 0 0;min-width:0;display:flex;gap:24px;align-items:flex-start}.cs-meta__col{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--black-line);padding-top:24px}.cs-meta__row{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.cs-meta__label{color:var(--black-faint);flex:1 0 0;min-width:0;white-space:nowrap}.cs-meta__value{overflow-wrap:break-word;word-break:break-word;min-width:0}.cs-role{max-width:200px;text-align:right}.cs-meta__about{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--black-line);padding-top:24px}.cs-meta__about .cs-meta__value{display:block;width:100%;line-height:var(--leading-body)}.cs-meta__cta{margin-top:4px;display:flex}.cs-meta__cta--down .btn__icon{transform:rotate(90deg)}.cs-meta__cta--down .btn:hover .btn__icon{transform:rotate(90deg) translate(3px)}.cs-section{display:flex;gap:24px;align-items:flex-start;width:100%;border-top:1px solid var(--black-line);padding-top:128px}.cs-hmw-wrap{width:100%;border-top:1px solid var(--black-line);padding-top:128px}.cs-hmw{font-size:32px;line-height:var(--leading-body);color:var(--black);text-align:center;max-width:800px;margin:0 auto}.cs-cols{display:flex;gap:24px;width:100%}.cs-cols--after-image{margin-top:-104px}.cs-cols__col{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:12px}.cs-cols__heading{font-size:20px;font-weight:var(--weight-heading);line-height:var(--leading-heading);color:var(--black)}.cs-cols__body{font-size:16px;line-height:var(--leading-body);color:var(--black-muted)}.cs-section--no-border{border-top:none;padding-top:0}.cs-section__title{flex:0 0 50%;font-size:32px;line-height:var(--leading-heading);color:var(--black)}.cs-section__body{flex:0 0 50%;min-width:0;display:flex;flex-direction:column}.cs-section__body>*+*{margin-top:24px}.cs-section__body>*:has(.cs-heading)+*{margin-top:16px}.cs-heading{font-size:24px;line-height:var(--leading-heading);color:var(--black);width:100%}.cs-quote{border-left:2px solid var(--black-faint);padding-left:12px;font-size:20px;font-style:italic;line-height:var(--leading-body);color:var(--black);width:100%}.cs-paragraph{font-size:20px;line-height:var(--leading-body);color:var(--black);width:100%}.cs-list{list-style:disc;padding-left:24px;display:flex;flex-direction:column;gap:4px}.cs-list li{font-size:20px;line-height:var(--leading-body);color:var(--black)}.cs-link{--link-accent-color: var(--cs-accent, currentColor);color:var(--cs-accent, inherit);cursor:pointer;text-decoration:none;background-image:linear-gradient(var(--link-accent-color),var(--link-accent-color)),linear-gradient(color-mix(in srgb,var(--link-accent-color) 32%,transparent),color-mix(in srgb,var(--link-accent-color) 32%,transparent));background-repeat:no-repeat;background-position:0 100%,0 100%;background-size:0% 1px,100% 1px;transition:background-size .32s cubic-bezier(.76,0,.24,1);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:2px}.cs-link:hover{background-size:100% 1px,100% 1px}.cs-hex{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:.85em;letter-spacing:0;color:var(--black);background:#0000000d;border:1px solid rgba(0 0 0 / 5%);border-radius:20px;padding:1px 8px 1px 4px;vertical-align:baseline;white-space:nowrap;position:relative;top:3px}.cs-hex__swatch{width:20px;height:20px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--black) 12%,transparent),0 1px 3px color-mix(in srgb,var(--black) 12%,transparent)}.cs-figure{display:flex;flex-direction:column;gap:12px;flex:1 0 0;min-width:0;min-height:0}.cs-figcaption{font-size:16px;color:var(--black-muted)}.cs-images{display:flex;gap:24px;width:100%;align-items:flex-start;margin:-64px auto 0}.cs-images--1 .cs-figure{flex:1}.cs-images__pic{background:var(--surface);border-radius:var(--radius-img);overflow:hidden}button.cs-images__pic{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;font:inherit;text-align:left;display:block;width:100%;cursor:zoom-in}button.cs-images__pic:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.cs-images__pic img,.cs-images__pic video{width:100%;height:auto;display:block;border:1px solid var(--black-line);border-radius:var(--radius-img)}.cs-images--2 .cs-images__pic,.cs-images--3 .cs-images__pic{flex:1}.cs-video{position:relative;display:block;line-height:0}.cs-video video{cursor:pointer}.cs-video:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.cs-video--fullscreen{display:flex;align-items:center;justify-content:center;background:#000}.cs-video--fullscreen video{width:100%;height:100%;object-fit:contain;border:none;border-radius:0}.cs-video__label{position:absolute;top:0;left:0;right:0;padding:28px 32px;text-align:left;font-size:16px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.7);background:linear-gradient(to bottom,#00000080,#0000);pointer-events:none;z-index:1}.cs-video__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:0 0 var(--radius-img) var(--radius-img);background:linear-gradient(to top,#0000008c,#0000);line-height:normal;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.cs-video:hover .cs-video__controls,.cs-video:focus-within .cs-video__controls{opacity:1;transform:translateY(0);pointer-events:auto}.cs-video__play{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease}.cs-video__play:hover{background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cs-video__play:active{transform:scale(.94)}.cs-video__play:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cs-video__play svg{width:18px;height:18px;fill:currentColor;display:block}.cs-video__scrub{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;cursor:crosshair}.cs-video__scrubber{width:100%;display:block;min-width:0;box-sizing:content-box;height:4px;padding:14px 0;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#fff 0%,#fff var(--cs-video-progress, 0%),rgba(255,255,255,.3) var(--cs-video-progress, 0%),rgba(255,255,255,.3) 100%);background-clip:content-box;border-radius:12px;cursor:crosshair;opacity:0;transition:height .12s ease,opacity .16s ease}.cs-video:hover .cs-video__scrubber,.cs-video:focus-within .cs-video__scrubber,.cs-video__scrubber:focus-visible{opacity:1}.cs-video__scrubber:active{height:6px}.cs-video__scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;background:transparent;border:none;cursor:crosshair}.cs-video__scrubber::-moz-range-thumb{width:0;height:0;background:transparent;border:none;cursor:crosshair}.cs-video__scrubber::-webkit-slider-runnable-track{cursor:crosshair;border-radius:12px}.cs-video__scrubber::-moz-range-track{cursor:crosshair;border-radius:12px}.cs-video__scrubber:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.cs-video__ghost{position:absolute;top:50%;width:3px;height:28px;border-radius:8px;background:#ffffff8c;transform:translate(-50%,-50%);pointer-events:none;transition:width .12s ease,height .12s ease}.cs-video__scrubber:active+.cs-video__ghost{width:4px;height:32px}.cs-video__time{flex:0 0 auto;font-size:13px;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;text-shadow:0 0 20px #000}.cs-nav{display:flex;gap:16px;margin-top:80px;padding-bottom:80px}.cs-nav__card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:20px 0;position:relative;text-decoration:none;color:inherit}.cs-nav__card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px;background:var(--black-line)}.cs-nav__card--prev:after{content:"";position:absolute;top:0;left:0;height:1.5px;width:0;background:var(--accent);transition:width .32s cubic-bezier(.22,1,.36,1)}.cs-nav__card--next:after{content:"";position:absolute;top:0;right:0;height:1.5px;width:0;background:var(--accent);transition:width .32s cubic-bezier(.22,1,.36,1)}.cs-nav__card:hover:after{width:100%}.cs-nav__card--prev{align-items:flex-start}.cs-nav__card--next{align-items:flex-end}.cs-nav__name{font-size:36px;letter-spacing:var(--tracking-heading);transition:color .2s ease}.cs-nav__card:hover .cs-nav__name{color:var(--accent)}.cs-nav__meta{display:flex;align-items:center;gap:6px}.cs-nav__label{font-size:20px;color:var(--black-scrim);transition:color .16s ease-out}.cs-nav__arrow{width:18px;height:18px;opacity:.4;flex-shrink:0;transition:opacity .16s ease-out,transform .22s cubic-bezier(.22,1,.36,1)}.cs-nav__arrow--left{transform:rotate(180deg)}.cs-nav__card--prev:hover .cs-nav__arrow{opacity:1;transform:rotate(180deg) translate(4px)}.cs-nav__card--next:hover .cs-nav__arrow{opacity:1;transform:translate(4px)}.cs-nav__card:hover .cs-nav__label{color:var(--black)}.cs-nav__card--disabled{cursor:default}.craft-grid{display:flex;gap:24px;align-items:flex-start;padding-bottom:128px;width:100%}.craft-col{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:24px}.craft-card{width:100%;border-radius:var(--radius-img);background:var(--black-line);overflow:hidden;flex-shrink:0;border:none;padding:0;cursor:zoom-in;font:inherit;color:inherit;display:block;transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;will-change:transform;border:1px solid rgba(0 0 0 / 2%)}.craft-card:hover{transform:translateY(-4px) scale(1.003);box-shadow:0 4px 8px var(--black-line)}.craft-card:active{transform:translateY(-1px) scale(.985);transition:transform .12s cubic-bezier(.22,1,.36,1)}.craft-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.craft-col>.reveal{width:100%}.craft-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;--lb-scroll-progress: 1;background:#0000;display:flex;align-items:center;justify-content:center;padding:64px;transition:background-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.craft-lightbox:focus,.craft-lightbox:focus-visible{outline:none}.craft-lightbox.is-open{background:rgba(0,0,0,calc(.88 * var(--lb-scroll-progress)));-webkit-backdrop-filter:blur(calc(6px * var(--lb-scroll-progress)));backdrop-filter:blur(calc(6px * var(--lb-scroll-progress)))}.craft-lightbox.is-closing{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.craft-lightbox__meta{position:absolute;top:24px;left:32px;color:var(--white-muted);font-size:13px;line-height:var(--leading-body);pointer-events:none;opacity:0;transition:opacity .4s ease .1s}.craft-lightbox.is-open .craft-lightbox__meta{opacity:1}.craft-lightbox__label-row{display:flex;align-items:baseline;gap:8px}.craft-lightbox__link-sep{font-size:14px;color:var(--white-muted);line-height:1;position:relative}.craft-lightbox__label{margin:0;font-size:16px}.craft-lightbox__link{pointer-events:auto;display:inline-flex;align-items:center;gap:4px;font-size:16px;color:var(--white-muted);text-decoration:none;border-radius:4px;transition:color .16s ease-out}.craft-lightbox__link:hover,.craft-lightbox__link:focus-visible{color:var(--white)}.craft-lightbox__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.craft-lightbox__link-arrow{flex-shrink:0;transition:transform .22s cubic-bezier(.22,1,.36,1);padding-bottom:4px}.craft-lightbox__link:hover .craft-lightbox__link-arrow,.craft-lightbox__link:focus-visible .craft-lightbox__link-arrow{transform:translate(4px)}.craft-lightbox__date{margin:0;color:var(--white-muted);font-size:14px}@keyframes craft-lb-meta-in-next{0%{opacity:0;transform:translate(8px);filter:blur(6px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes craft-lb-meta-in-prev{0%{opacity:0;transform:translate(-8px);filter:blur(6px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes craft-lb-meta-in-enter{0%{opacity:0;transform:translateY(-4px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.craft-lightbox__meta-inner{display:flex;flex-direction:column}.craft-lightbox__meta-inner--next{animation:craft-lb-meta-in-next .42s cubic-bezier(.22,1,.36,1) both}.craft-lightbox__meta-inner--prev{animation:craft-lb-meta-in-prev .42s cubic-bezier(.22,1,.36,1) both}.craft-lightbox__meta-inner--enter{animation:craft-lb-meta-in-enter .5s cubic-bezier(.22,1,.36,1) both}.craft-lightbox__top-actions{position:absolute;top:24px;right:24px;display:flex;gap:8px;z-index:2}.craft-lightbox__icon-btn,.craft-lightbox__nav{background:var(--black-scrim);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--white-faint);color:var(--white);width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .25s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.craft-lightbox__nav{position:absolute;opacity:0}.craft-lightbox__top-actions{opacity:0;transition:opacity .25s ease}.craft-lightbox.is-open .craft-lightbox__top-actions,.craft-lightbox.is-open .craft-lightbox__nav,.craft-lightbox.is-open .craft-lightbox__meta{opacity:var(--lb-scroll-progress)}.craft-lightbox__icon-btn:hover:not(:disabled),.craft-lightbox__nav:hover{background:var(--black-scrim);border-color:var(--white-faint)}.craft-lightbox__icon-btn:disabled{cursor:default;opacity:.35}.craft-lightbox__icon-btn svg,.craft-lightbox__nav svg{transition:transform .2s cubic-bezier(.22,1,.36,1)}.craft-lightbox__icon-btn--zoom-in:hover:not(:disabled) svg{transform:scale(1.18)}.craft-lightbox__icon-btn--zoom-out:hover:not(:disabled) svg{transform:scale(.82)}@keyframes lb-close-pulse{0%,to{transform:scale(1)}40%{transform:scale(.82)}}.craft-lightbox__icon-btn--close:hover:not(:disabled) svg{animation:lb-close-pulse .6s cubic-bezier(.22,1,.36,1)}.craft-lightbox__nav--prev{left:24px;top:50%;transform:translateY(-50%)}.craft-lightbox__nav--next{right:24px;top:50%;transform:translateY(-50%)}.craft-lightbox__nav--prev:hover svg,.craft-lightbox__nav--prev.is-pressed svg{transform:translate(-3px)}.craft-lightbox__nav--next:hover svg,.craft-lightbox__nav--next.is-pressed svg{transform:translate(3px)}.craft-lightbox__card{position:relative;display:block;border-radius:var(--radius-img);overflow:hidden;max-width:calc(100vw - 128px);max-height:85vh;line-height:0;cursor:zoom-out}.craft-lightbox__card--pannable{cursor:grab}.craft-lightbox__card--grabbing{cursor:grabbing;user-select:none;-webkit-user-select:none}.craft-lightbox__card .craft-lightbox__img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.craft-lightbox__img{display:block;height:auto;max-height:85vh;max-width:calc(100vw - 128px);width:auto}.craft-lightbox__placeholder{width:min(720px,calc(100vw - 128px));height:85vh;max-height:85vh;background:linear-gradient(135deg,var(--white-faint),var(--white-faint))}.craft-lightbox__card .cs-video{height:85vh;max-height:85vh;max-width:calc(100vw - 128px)}.craft-lightbox__card .cs-video video{display:block;width:100%;height:100%;object-fit:contain}@keyframes craft-lb-img-in-next{0%{opacity:0;transform:translate(24px);filter:blur(10px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes craft-lb-img-in-prev{0%{opacity:0;transform:translate(-24px);filter:blur(10px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.craft-lightbox__card--morph,.craft-lightbox__card--next,.craft-lightbox__card--prev{animation:none}.craft-lightbox__card--next .craft-lightbox__img{animation:craft-lb-img-in-next .5s cubic-bezier(.22,1,.36,1) both}.craft-lightbox__card--prev .craft-lightbox__img{animation:craft-lb-img-in-prev .5s cubic-bezier(.22,1,.36,1) both}@keyframes col-cover-in{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes col-cover-out{0%{transform:translateY(0)}to{transform:translateY(-110%)}}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;display:grid}.page-transition__col{will-change:transform;margin:0 -1px}.page-transition--covering .page-transition__col{animation:col-cover-in .48s cubic-bezier(.76,0,.24,1) both}.page-transition--revealing .page-transition__col{animation:col-cover-out .48s cubic-bezier(.76,0,.24,1) both}@media (max-width: 1024px){.container-wrapper{padding-left:20px;padding-right:20px}.hero{padding:144px 0 96px;gap:32px}.hero__left{flex:0!important}.hero__row--right{justify-content:flex-start!important}.hero__row{gap:0!important}.cs-hero{height:auto;min-height:520px;margin-bottom:-160px;padding-bottom:320px}.cs-cover{height:56vw;min-height:360px}.cs-hero__title{font-size:clamp(40px,6vw,56px)}.cs-hero__subtitle{font-size:clamp(20px,3vw,26px)}.cs-body{gap:96px;padding:96px 0}.cs-images{margin-top:-48px}.about-sections{gap:96px;padding-bottom:96px}.work-main{padding:96px 0}}@media (max-width: 768px){.container-wrapper{padding-left:20px;padding-right:20px}.reveal{filter:none;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),background .16s ease-out,border-color .16s ease-out,color .16s ease-out}.reveal--visible{filter:none}.hamburger{display:flex}.navbar__col--desktop{display:none}.navbar__inner{gap:0}.navbar__link{font-size:var(--m-label)}.hero{gap:12px;padding:112px 0 56px}.hero__row{display:contents}.hero__left,.hero__right{flex:none;width:100%;min-width:0}.hero__left:empty,.hero__right:empty{display:none}.hero__title{font-size:clamp(36px,9vw,56px);white-space:normal;line-height:var(--leading-heading);word-break:break-word}.hero__subtitle{font-size:var(--m-subtitle);width:100%}.about-accordion-list{margin-top:revert}.about-section-row{border-top:none}.project{height:100vh}.project__inner{padding-top:64px;padding-bottom:24px}.project__content{gap:12px;padding-left:4px;padding-right:4px;align-items:flex-end}.project__name,.project__description{font-size:clamp(28px,6vw,44px)}.project__cta{font-size:15px;gap:6px}.project__cta-arrow{width:15px;height:15px}.work-grid{gap:80px}.work-grid__row{--pad: 20px;--peek: 28px;display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:calc(100vw - var(--pad) - 16px - var(--peek));gap:16px;align-items:start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100vw;margin-left:calc(-1 * var(--pad));padding-left:var(--pad);padding-right:var(--pad);scroll-padding-left:var(--pad)}.work-grid__row::-webkit-scrollbar{display:none}.work-grid__text,.work-grid__text--disabled{order:-1;grid-row:1;grid-column:1;position:sticky;left:0;width:calc(100vw - 2 * var(--pad));box-sizing:border-box;height:auto;padding:16px 0 8px}.work-grid__pic{grid-row:2;grid-column:auto;width:100%;scroll-snap-align:start}.work-list__preview{display:none}.work-list__name{font-size:clamp(28px,7vw,42px)}.work-list__role{display:none}.work-list__item{padding:24px 0}.about-sections{gap:56px;padding-bottom:64px}.about-photo-wrap{border-radius:var(--radius-img);height:auto;aspect-ratio:4/5}.about-section-row{flex-direction:column;gap:16px;padding-top:16px}.about-more-row{flex-direction:column;gap:16px}.about-resume-card{height:260px}.about-resume-clip{clip-path:inset(-9999px -9999px 40% -9999px round 2px);margin-bottom:-104px}.about-contact-col{height:auto;width:100%;flex-direction:row;min-width:0}.about-contact-card{min-height:120px}.about-section-row>.reveal:first-child{flex:none}.about-section-row__label{font-size:var(--m-label);line-height:var(--leading-body);opacity:.5}.about-info-text{gap:20px}.about-info-text p{font-size:var(--m-text);line-height:var(--leading-body)}.about-info-more-wrap{display:flex;justify-content:center}.about-info-more-wrap .btn,.bio-modal__footer .btn{width:100%;justify-content:center}.accordion-row__header{flex-wrap:wrap;gap:4px 8px;padding:20px 0}.accordion-row__name{flex:1 1 auto;min-width:0;align-items:center}.accordion-row__company{white-space:normal;word-break:break-word;font-size:var(--m-heading)}.accordion-row__role{flex:0 0 100%;order:3;padding-left:16px;line-height:var(--leading-body);font-family:var(--font)}.accordion-row__period{flex:0 0 auto;order:2;width:auto;padding-left:0;justify-content:flex-end;gap:12px;font-size:var(--m-label);align-items:center}.accordion-row__period>span:first-child{display:none}.accordion-row__arrow,.accordion-row__chevron,.accordion-row__arrow img,.accordion-row__chevron img{width:20px;height:20px}.accordion-row__description{font-size:var(--m-text);line-height:var(--leading-body)}.craft-grid{gap:12px}.cs-hero{height:auto;min-height:420px;margin-bottom:-120px;padding-bottom:240px}.cs-hero__title{font-size:clamp(32px,7.5vw,48px)}.cs-hero__subtitle{font-size:var(--m-subtitle)}.cs-hero__back{font-size:var(--m-label)}.cs-hero__back-arrow{width:16px;height:16px}.cs-hero__bottom{top:72px}.cs-hero__text{padding-bottom:40px}.cs-cover{height:56vw;min-height:280px}.cs-body{gap:64px;padding:64px 0}.cs-images{margin-top:-32px}.cs-meta{flex-direction:column;align-items:stretch;gap:24px;font-size:var(--m-text)}.cs-meta__left{width:100%;flex-direction:column;gap:24px}.cs-meta__col,.cs-meta__about{padding-top:16px;gap:16px}.cs-meta__row{flex-direction:column;gap:4px}.cs-meta__label{flex:none}.cs-meta__value{width:100%}.cs-role{max-width:none;text-align:left}.cs-section{flex-direction:column;align-items:stretch;gap:16px;padding-top:80px}.cs-hmw-wrap{padding-top:80px}.cs-hmw{font-size:clamp(22px,4.5vw,28px);line-height:var(--leading-heading)}.cs-cols{flex-direction:column;gap:24px}.cs-cols--after-image{margin-top:-40px}.cs-section__title{flex:none;width:100%;font-size:var(--m-heading)}.cs-section__body{flex:none;width:100%}.cs-paragraph,.cs-list li,.cs-quote{font-size:var(--m-text);line-height:var(--leading-body)}.cs-heading{font-size:var(--m-heading);line-height:var(--leading-heading)}.cs-cols__heading{font-size:var(--m-text)}.cs-cols__body{font-size:var(--m-text);line-height:var(--leading-body)}.cs-figcaption,.cs-video__label{font-size:var(--m-label)}.cs-images--3{flex-wrap:wrap}.cs-images--3 .cs-images__pic{flex:0 0 100%}.cs-nav{gap:24px;margin-top:32px;padding-bottom:56px}.cs-nav__card{padding:20px 0}.cs-nav__name{font-size:clamp(22px,5.5vw,28px)}.work-main{padding:72px 0;gap:24px}.footer{padding-left:20px;padding-right:20px}.footer__inner{flex-wrap:wrap;gap:32px;padding-top:64px;padding-bottom:48px}.footer__col{flex:0 0 calc(50% - 16px)}.footer__archive{flex:revert;flex-direction:column;width:fit-content}.footer__archive-thumb{width:210px;height:120px}.footer__archive-screenshot{height:80px}}@media (max-width: 480px){.container-wrapper{padding-left:16px;padding-right:16px}.craft-lightbox__label{white-space:break-spaces;max-width:200px}.navbar{padding-left:16px;padding-right:16px}.navbar__link{font-size:var(--m-label);padding:14px 0}.hero{padding:96px 0 40px;gap:10px}.hero__title{font-size:clamp(34px,11vw,44px);line-height:var(--leading-heading)}.project{height:100vh}.project__inner{padding-top:48px;padding-bottom:24px;background:linear-gradient(to top,#000000b3,#0000008c 60%,#0000)}.project__content{gap:10px;padding-left:4px;padding-right:4px}.project__name,.project__description{font-size:clamp(26px,7vw,34px)}.project__cta{font-size:13px;gap:4px}.project__cta-arrow{width:13px;height:13px}.about-sections{gap:40px;padding-bottom:56px}.about-section-row{padding-top:12px;gap:12px}.about-info-text{gap:16px}.accordion-row__description{padding-left:16px}.accordion-row__header{padding:18px 0}.work-grid{gap:56px}.work-grid__row{--pad: 16px}.work-grid__name{font-size:clamp(22px,6vw,26px)}.work-grid__role{font-size:clamp(15px,4.2vw,18px)}.work-grid__text{height:auto;gap:12px}.work-list__name{font-size:clamp(24px,7vw,32px)}.work-list__item{padding:20px 0}.craft-grid{flex-direction:column;padding-bottom:80px;gap:12px}.craft-col{display:flex!important}.craft-card{height:auto!important}.cs-hero{min-height:360px;margin-bottom:-80px;padding-bottom:180px}.cs-hero__title{font-size:clamp(28px,8.5vw,36px)}.cs-hero__bottom{top:60px}.cs-cover{height:60vw;min-height:240px}.cs-body{gap:56px;padding:56px 0}.cs-section,.cs-hmw-wrap{padding-top:56px}.cs-cols--after-image{margin-top:-40px}.cs-images{flex-direction:column;gap:16px}.cs-images .cs-figure,.cs-images--1 .cs-figure,.cs-images--2 .cs-figure,.cs-images--3 .cs-figure{flex:none;width:100%}.cs-meta__left{flex-direction:column}.cs-nav{margin-top:24px;padding-bottom:40px}.footer{padding-left:16px;padding-right:16px}.footer__inner{padding-top:48px;padding-bottom:32px;gap:24px 16px}.footer__col{flex:0 0 calc(50% - 8px);gap:6px}.footer__col-title,.footer__col-item,.footer__rainbow-btn{font-size:var(--m-label)}.footer__archive{flex:0 0 100%;flex-direction:row}.footer__archive-thumb{width:120px;height:72px}.footer__archive-screenshot{height:72px}.footer__archive-text{padding:10px}.footer__archive-title{font-size:14px}.footer__archive-link p{font-size:13px}.footer__bottom{flex-direction:column;gap:8px;text-align:center;align-items:center;padding:16px 0}}@media (max-width: 360px){.container-wrapper{padding-left:14px;padding-right:14px}.work-grid__row{--pad: 14px}.hero{padding:88px 0 32px;gap:8px}.hero__title{font-size:clamp(28px,11vw,36px)}.hero__subtitle{font-size:17px}.menu-overlay__link{font-size:clamp(40px,11vw,52px);padding:8px 0}.menu-overlay__inner{padding:0 16px 24px}.footer__col{flex:0 0 100%}}@media (prefers-reduced-motion: reduce){.hourglass__rotor,.hourglass__surface-top,.hourglass__surface-bot,.hourglass__stream{animation:none}.hourglass__surface-top{transform:translateY(5px)}.hourglass__surface-bot{transform:translateY(11px)}.hourglass__stream{opacity:1}.bio-modal--open .bio-modal__stage .bio-visual.is-active .bio-visual__item,.bio-modal:not(.bio-modal--open) .bio-modal__stage .bio-visual.is-active .bio-visual__item{animation:none}.menu-overlay{transition:none}.menu-overlay__link,.menu-overlay__link--active{animation:none}}@media (max-width: 480px){.konami-toast{bottom:calc(16px + env(safe-area-inset-bottom,0));padding:8px 14px;font-size:12px}.konami-toast__sep,.konami-toast__hint{display:none}}@media (max-width: 768px){.projects-nav{display:none}.craft-lightbox__top-actions{flex-direction:column-reverse}}@media (max-width: 768px){.projects-nav-m--home{display:none!important}.projects-nav-m{display:flex;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0));z-index:50;pointer-events:auto;background:var(--white-faint);border:1px solid var(--white-faint);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:8px 10px}.projects-nav-m--dark{background:var(--black-line);border-color:var(--black-line)}.projects-nav-m--entering{animation:projects-nav-m-in .5s cubic-bezier(.22,1,.36,1) both}.projects-nav-m--exiting{animation:projects-nav-m-out .35s cubic-bezier(.4,0,.8,1) both;pointer-events:none}.projects-nav-m__track{display:flex;flex-direction:row;align-items:center;gap:4px;touch-action:none}.projects-nav-m__track--pressed .projects-nav-m__pill{transition:background .25s ease}.projects-nav-m__dot-wrap{background:none;border:none;padding:10px 4px;margin:0 -2px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.projects-nav-m__pill{--pill-alpha: .35;--pill-ink: 255, 255, 255;width:6px;height:6px;border-radius:3px;background:rgba(var(--pill-ink),var(--pill-alpha));transition:width .35s cubic-bezier(.22,1,.36,1),background .25s ease}.projects-nav-m--dark .projects-nav-m__pill{--pill-ink: 0, 0, 0}.projects-nav-m--light .projects-nav-m__pill{--pill-ink: 255, 255, 255}}@media (hover: hover) and (pointer: fine){.craft-card{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.craft-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 16px 36px var(--black-line)}.craft-card:hover .craft-card__img{transform:scale(1.03)}}@media not all and (hover: hover){.craft-card:hover{transform:none;box-shadow:none}.craft-card:hover .craft-card__img{transform:none}}@media (max-width: 768px){.craft-lightbox{padding:24px}.craft-lightbox__card,.craft-lightbox__img{max-width:calc(100vw - 32px);height:auto;max-height:calc(100vh - 150px)}.craft-lightbox__card{box-shadow:0 12px 32px var(--black-scrim)}.craft-lightbox__nav--prev,.craft-lightbox__nav--next{top:auto;bottom:20px;transform:none}.craft-lightbox__nav--prev{left:50%;margin-left:-48px}.craft-lightbox__nav--next{right:50%;margin-right:-48px}.craft-lightbox__nav--prev:hover svg,.craft-lightbox__nav--prev.is-pressed svg{transform:translate(-3px)}.craft-lightbox__nav--next:hover svg,.craft-lightbox__nav--next.is-pressed svg{transform:translate(3px)}}