.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}:root{--cl-purple:oklch(59% .25 293);--cl-lime:oklch(88% .22 128);--cl-orange:oklch(69% .22 37);--cl-yellow:oklch(85% .18 82);--cl-green:oklch(59% .17 155);--cl-blue:oklch(62% .19 262);--cl-sky:oklch(89% .06 244);--cl-surface:oklch(98% .01 90);--cl-surface-fg:oklch(18% 0 0);--cl-surface-alt:oklch(93% .02 293);--cl-deep:oklch(18% 0 0);--cl-deep-fg:oklch(98% .01 90);--cl-ink:oklch(18% 0 0);--n-out:cubic-bezier(.22, 1, .36, 1);--n-in-out:cubic-bezier(.84, 0, .16, 1)}.dark{--cl-purple:oklch(58% .2 293);--cl-lime:oklch(85% .18 128);--cl-orange:oklch(62% .17 37);--cl-yellow:oklch(78% .14 82);--cl-green:oklch(52% .13 155);--cl-blue:oklch(55% .15 262);--cl-sky:oklch(82% .04 244);--cl-surface:oklch(22% .01 293);--cl-surface-fg:oklch(95% .01 90);--cl-surface-alt:oklch(17% .01 293);--cl-deep:oklch(14% 0 0);--cl-deep-fg:oklch(95% .01 90);--cl-ink:oklch(18% 0 0)}#showcase{--u:2.66667vw;--showcase-vh:100svh;--showcase-long-scroll:calc(3 * var(--showcase-vh));--showcase-medium-scroll:calc(2 * var(--showcase-vh));--showcase-intro-scroll:var(--showcase-long-scroll);--showcase-total-scroll:calc(6.4 * var(--showcase-vh));font-size:var(--u);font-synthesis:none;-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:pan-y;background-color:var(--cl-surface);color:var(--cl-surface-fg);font-family:var(--font-pretendard), sans-serif;letter-spacing:.015em;font-weight:500;line-height:1.2}@media (width>=450px){#showcase{--u:.75rem}}@media (width>=769px){#showcase{--u:.625vw}}@media (width>=1920px){#showcase{--u:.75rem}}#showcase.showcase--hero-intro{--showcase-intro-scroll:var(--showcase-medium-scroll);--showcase-total-scroll:calc(3 * var(--showcase-vh))}#showcase.showcase--hero-only{--showcase-total-scroll:calc(3 * var(--showcase-vh))}#showcase *,#showcase :after,#showcase :before{box-sizing:inherit}#showcase a,#showcase h1,#showcase h2,#showcase h3,#showcase h4,#showcase h5,#showcase h6,#showcase li,#showcase p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}#showcase ol,#showcase ul{margin:0;padding:0;list-style:none}#showcase svg{fill:currentColor}#showcase button{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit;background:0 0;border:none;outline:none;padding:0}#showcase a{cursor:pointer;text-decoration:none}#showcase .showcase-h1{font-size:calc(4.5 * var(--u));letter-spacing:-.03em;font-weight:900;line-height:.85}@media (width>=769px){#showcase .showcase-h1{font-size:calc(11 * var(--u))}}#showcase .showcase-h3{font-size:calc(4.5 * var(--u));letter-spacing:-.03em;font-weight:900;line-height:1.15}@media (width>=769px){#showcase .showcase-h3{font-size:calc(9.2 * var(--u))}}#showcase .showcase-body{font-size:max(calc(1.4 * var(--u)), .875rem);letter-spacing:.015em;font-weight:500;line-height:1.2}@media (width>=769px){#showcase .showcase-body{font-size:max(calc(1.6 * var(--u)), .875rem)}}#showcase .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){#showcase .animated-heading__split,#showcase .hero__desc{-webkit-user-select:text;user-select:text}}#showcase .animated-heading__split{opacity:0}#showcase .showcase-rail{--showcase-progress:0;background:color-mix(in oklch, var(--cl-surface-fg) 16%, transparent);opacity:0;pointer-events:none;height:2px;left:0;right:0;top:var(--showcase-header-h,3.5rem);transition:opacity .4s var(--n-out), visibility 0s linear .4s;visibility:hidden;z-index:20;position:fixed}#showcase .showcase-rail.is-visible{opacity:1;transition:opacity .4s var(--n-out), visibility 0s;visibility:visible}#showcase .showcase-rail .showcase-rail__fill{background:var(--cl-surface-fg);height:100%;transform:scaleX(var(--showcase-progress));transform-origin:0;width:100%}@media (prefers-reduced-motion:reduce){#showcase .showcase-rail{transition-delay:0s}}#showcase .hero{background:var(--cl-surface);height:var(--showcase-long-scroll);width:100%;position:relative}#showcase .hero .hero__trigger{height:var(--showcase-vh);position:absolute;inset:0}#showcase .hero .hero__sticky{--header-h:var(--showcase-header-h,3.5rem);height:calc(var(--showcase-vh) - var(--header-h));min-height:calc(var(--showcase-vh) - var(--header-h));text-align:center;top:var(--header-h);width:100%;position:sticky;overflow:hidden}#showcase .hero .hero__bg{background:var(--cl-surface-alt);will-change:opacity}#showcase .hero .hero__bg,#showcase .hero .hero__scale{position:absolute;inset:0}#showcase .hero .hero__scale{will-change:transform;flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width<769px){#showcase .hero .hero__scale{padding-bottom:calc(1 * var(--u));padding-top:calc(.4 * var(--u));flex-direction:column-reverse}}#showcase .hero .hero__top{padding-top:calc(8 * var(--u));will-change:transform, opacity;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}@media (width<769px){#showcase .hero .hero__top{margin-top:calc(3 * var(--u));justify-content:flex-end;padding-top:0}}#showcase .hero .hero__heading{max-width:calc(102.8 * var(--u))}@media (width<769px){#showcase .hero .hero__heading{line-height:1.1}}#showcase .hero .hero__desc{font-size:max(calc(1.6 * var(--u)), 1.125rem);margin-top:calc(4.8 * var(--u));max-width:max(calc(35 * var(--u)), 24.75rem);opacity:0;text-wrap:balance}@media (width<769px){#showcase .hero .hero__desc{font-size:max(calc(1.4 * var(--u)), .875rem);margin-top:calc(2.5 * var(--u));max-width:max(calc(21 * var(--u)), 13.125rem)}}#showcase .hero .hero__cta{background:var(--cl-lime);box-shadow:inset 0 0 0 1.5px var(--cl-ink);border-radius:max(calc(2.3 * var(--u)), 1.125rem);color:var(--cl-ink);font-size:max(calc(1.4 * var(--u)), 1.125rem);height:max(calc(4.6 * var(--u)), 2.75rem);margin:calc(2 * var(--u)) 0 calc(5 * var(--u));opacity:0;transition:border-radius .3s var(--n-out), scale .15s var(--n-out);width:max(calc(30 * var(--u)), 15rem);border:none;justify-content:center;align-items:center;gap:.625rem;display:flex}#showcase .hero .hero__cta .hero__cta-label{align-items:center;display:inline-flex;position:relative}#showcase .hero .hero__cta .hero__cta-icon{opacity:0;transition:opacity .35s var(--n-out), transform .35s var(--n-out);position:absolute;left:calc(100% + .4em);transform:translate(-4px)}#showcase .hero .hero__cta:hover{border-radius:var(--u)}#showcase .hero .hero__cta:hover .hero__cta-icon{opacity:1;transform:translate(0)}#showcase .hero .hero__cta:active{scale:.985}#showcase .hero .hero__cta:focus-visible{outline:3px solid var(--cl-surface-fg);outline-offset:3px}#showcase .hero .hero-icons{z-index:0;position:relative}#showcase .hero-icons{--hero-icon-h:min(calc(30 * var(--u)), 25svh);height:var(--hero-icon-h);width:100%;position:relative}#showcase .hero-icons .hero-icons__group{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#showcase .hero-icons .hero-icons__icon{fill:none;height:var(--hero-icon-h);pointer-events:auto}#showcase .hero-icons .hero-icons__icon svg{width:100%;height:100%;display:block}#showcase .hero-icons .hero-icons__icon[hidden]{display:none}#showcase .hero-icons .group1 .hero-icons__icon{transform:scale(0)}#showcase .hero-icons .hero-icons__entrance{width:100%;height:100%}#showcase .hero-icons .group0 .hero-icons__entrance{transform:translateY(110%)}@media (width<769px){#showcase .hero-icons .group0 .hero-icons__entrance{transform:translateY(-210%)}}@media (prefers-reduced-motion:reduce){#showcase .hero-icons .group0 .hero-icons__entrance{transform:none}}@media (hover:hover){#showcase .hero-icons .hero-icons__entrance>svg{transition:scale .35s var(--n-out)}#showcase .hero-icons .hero-icons__icon:hover .hero-icons__entrance>svg{scale:1.07}}@media (width<769px){#showcase .hero-icons{--size:min(calc(17.5 * var(--u)), 20svh);height:calc(var(--size) * 2)}#showcase .hero-icons .hero-icons__group{left:calc(50% - var(--size));width:calc(var(--size) * 2);flex-wrap:wrap;right:auto}#showcase .hero-icons .hero-icons__icon{height:var(--size);min-height:var(--size);min-width:var(--size);width:var(--size)}}@media (height<=28rem){#showcase{--showcase-header-h:0px}#showcase .hero .hero__sticky{height:var(--showcase-vh);min-height:var(--showcase-vh);top:0}#showcase .hero-icons{--hero-icon-h:min(calc(30 * var(--u)), 18svh)}#showcase .hero .hero__top{padding-top:calc(2 * var(--u))}#showcase .hero .hero__desc{margin-top:calc(1.5 * var(--u))}#showcase .hero .hero__cta{margin:var(--u) 0 calc(2 * var(--u))}}#showcase .intro{height:var(--showcase-intro-scroll);margin-top:calc(-1 * var(--showcase-medium-scroll));opacity:0;width:100%;position:relative}#showcase .intro .intro__bg{background-color:var(--cl-surface);position:absolute;inset:0}#showcase .intro .intro__scroll{height:var(--showcase-medium-scroll);width:100%;position:absolute;inset:0 auto auto 0}#showcase .intro .intro__sticky{--header-h:var(--showcase-header-h,3.5rem);height:calc(var(--showcase-vh) - var(--header-h));text-align:center;top:var(--header-h);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:sticky;overflow:hidden}#showcase .intro .intro__desc{font-size:max(calc(1.6 * var(--u)), 1.125rem);margin-bottom:calc(8 * var(--u));opacity:0;position:absolute;bottom:200%;left:0;right:0}#showcase .intro .intro__inline{position:relative}#showcase .intro .intro__inline .intro__line{white-space:nowrap;will-change:transform;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;left:0;right:0}@media (width>=769px){#showcase .intro .intro__inline .intro__line.intro__line--0{position:absolute;bottom:100%}#showcase .intro .intro__inline .intro__line.intro__line--2{position:absolute;top:100%}#showcase .intro .intro__inline .intro__line.intro__line--3{position:absolute;top:200%}}#showcase .intro .intro__inline .intro__line span{opacity:0}#showcase .intro .intro__inline .intro__icon{--size:calc(4.8 * var(--u));height:var(--size);min-height:var(--size);min-width:var(--size);width:var(--size);fill:none;margin:0 calc(.5 * var(--u))}#showcase .intro .intro__inline .intro__icon[hidden]{display:none}#showcase .intro .intro__inline .intro__icon svg{width:100%;height:100%}@media (width>=769px){#showcase .intro .intro__inline .intro__icon{--size:calc(8.3 * var(--u));margin:0 calc(2 * var(--u))}#showcase .intro .intro__inline .intro__icon.intro__icon--3{margin-right:0}#showcase .intro .intro__inline .intro__icon.intro__icon--4{margin-left:0}}#showcase .intro .intro__bridge{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width>=769px){#showcase .intro .intro__bridge{flex-direction:row}}#showcase .intro .intro__bridge .intro__icon{--size:calc(4.8 * var(--u));height:var(--size);max-height:var(--size);max-width:var(--size);min-height:var(--size);min-width:var(--size);width:var(--size);fill:none}#showcase .intro .intro__bridge .intro__icon[hidden]{display:none}#showcase .intro .intro__bridge .intro__icon svg{width:100%;height:100%}@media (width>=769px){#showcase .intro .intro__bridge .intro__icon{--size:calc(8.3 * var(--u))}}@media (width<769px){#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--0{order:2}#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--1{order:1}#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--2{order:4}#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--3{order:3}}@media (width>=769px){#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--0{order:5}#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--1{order:1}#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--2{order:4}#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--3{order:2}#showcase .intro .intro__bridge.intro__bridge--order1 .intro__icon--4{order:3}}@media (height<=28rem){#showcase .intro .intro__inline{width:100%;font-size:clamp(.75rem,min(6vw,8vh),2.6rem)}#showcase .intro .intro__inline .intro__icon{--size:clamp(.65rem, min(5.5vw, 7vh), 2.4rem);margin:0 .15rem}#showcase .intro .intro__bridge .intro__icon{--size:clamp(.65rem, min(5.5vw, 7vh), 2.4rem)}#showcase .intro .intro__desc{margin-bottom:calc(4 * var(--u))}}.chapters{background:var(--cl-surface-alt);position:relative}.chapter{position:relative}.chapter .chapter__sticky{background:var(--color-fd-background);width:100%;min-height:100lvh;color:var(--color-fd-foreground);position:relative;overflow:hidden}.chapter .chapter__content{flex-direction:column;justify-content:center;width:100%;min-height:100lvh;padding:6rem 1rem 4rem;display:flex;position:relative}@media (width>=769px){.chapter .chapter__content{max-width:1200px;margin-inline:auto;padding:6rem 3rem 4rem}}.chapter.chapter--intro .chapter__sticky{clip-path:inset(5svw 5svw 0 round 4svw 4svw 0 0)}.chapter.chapter--intro .chapter__sticky:after{content:"";inset:var(--chapter-edge-inset,5svw) var(--chapter-edge-inset,5svw) 0 var(--chapter-edge-inset,5svw);border:1px solid var(--color-fd-border);border-radius:var(--chapter-edge-radius,4svw) var(--chapter-edge-radius,4svw) 0 0;pointer-events:none;border-bottom:0;position:absolute}.chapter:not(.chapter--intro) .chapter__sticky{min-height:auto}.chapter:not(.chapter--intro) .chapter__content{justify-content:flex-start;min-height:auto;padding-top:1rem;padding-bottom:5rem}.chapter:last-child .chapter__content{padding-bottom:1.5rem}@media (prefers-reduced-motion:reduce){.chapter--intro .chapter__sticky{clip-path:none;--chapter-edge-inset:0px;--chapter-edge-radius:0px}}.home-works{--ease-spring-deck:linear(0, .0366 3.1%, .1262 6.3%, .2441 9.4%, .3723 12.5%, .4984 15.6%, .6146 18.8%, .7164 21.9%, .8019 25%, .8709 28.1%, .9246 31.3%, .9645 34.4%, .9929 37.5%, 1.0119 40.6%, 1.0233 43.8%, 1.0292 46.9%, 1.031 50%, 1.0301 53.1%, 1.0274 56.3%, 1.0238 59.4%, 1.0198 62.5%, 1.0159 65.6%, 1.0123 68.8%, 1.0091 71.9%, 1.0064 75%, 1.0042 78.1%, 1.0025 81.3%, 1.0012 84.4%, 1.0003 87.5%, .9997 90.6%, .9993 93.8%, .9991 96.9%, .999 100%)}.home-works[data-reveal-ready].await-reveal,.home-works[data-reveal-ready] .await-reveal{opacity:0}.home-works[data-reveal-ready] .reveal-up{translate:0 1.25rem}@media (prefers-reduced-motion:reduce){.home-works[data-reveal-ready].await-reveal,.home-works[data-reveal-ready] .await-reveal{opacity:1}.home-works[data-reveal-ready] .reveal-up{translate:none}}