:root{--font-display:"Space Grotesk", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--font-body:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--color-bg:#f5f2eb;--color-text:#222;--color-muted:#77736b;--color-light:#99948b;--color-line:#cfc9bd;--color-line-light:#ddd8ce;--color-surface:#ebe7de;--color-surface-strong:#e3ded4;--border:1px solid var(--color-line);--border-light:1px solid var(--color-line-light);--text-display-xl:clamp(3.25rem, 8vw, 8.5rem);--text-display-l:clamp(2.75rem, 6vw, 5.5rem);--text-page-title:clamp(2.5rem, 5vw, 4.5rem);--text-heading:clamp(1.375rem, 2.2vw, 2rem);--text-body-l:clamp(1rem, 1.2vw, 1.1875rem);--text-body:.9375rem;--text-body-s:.875rem;--text-label:.6875rem;--text-caption:.625rem;--tracking-display:-.04em;--tracking-heading:-.03em;--tracking-body:-.01em;--tracking-label:.14em;--tracking-number:.06em;--leading-display:.95;--leading-heading:1.2;--leading-body:1.8}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-weight:var(--weight-regular);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6}button{font-family:inherit}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{scrollbar-width:none}body::-webkit-scrollbar{display:none}.home{background:var(--color-bg);scrollbar-width:none;width:100%;min-height:300vh;position:relative;overflow:hidden}.home::-webkit-scrollbar{display:none}.home__stage{pointer-events:none;width:100%;height:100vh;position:fixed;inset:0;overflow:hidden}.home__letters{pointer-events:none;width:100%;height:100%;position:relative}.home__letters--settled{pointer-events:auto}.home__letter{pointer-events:none;will-change:left, top, transform, opacity;width:clamp(60px,10vw,160px);transition:transform .35s;position:absolute}.home__letter img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.home__letter--bottom{z-index:1}.home__letter--top{z-index:2}.home__letter--second-e{z-index:1;pointer-events:none}.home__letter-link{color:inherit;pointer-events:none;text-decoration:none;display:block;position:static}.home__letters--settled .home__letter-link{pointer-events:auto;cursor:pointer}.home__letters--settled .home__letter-link .home__letter{pointer-events:auto}.home__letters--settled .home__letter-link:hover .home__letter{transform:scale(1.08)}.home__scroll-space{pointer-events:none;width:100%;height:300vh}.page-navigation{z-index:60;flex-direction:column;align-items:center;display:flex;position:fixed;top:10%;right:2.5vw}.page-navigation__home{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.page-navigation__home img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;transition:transform .3s;display:block;transform:scale(.72)}.page-navigation__home:hover img{transform:scale(.9)}.page-navigation__divider{background:var(--color-line);width:22px;height:1px;margin-top:24px;margin-bottom:24px}.page-navigation__pages{flex-direction:column;align-items:center;gap:18px;display:flex}.page-navigation__item{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.page-navigation__item img{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.35;filter:grayscale();width:100%;height:auto;transition:filter .3s,opacity .3s,transform .3s;display:block;transform:scale(.72)}.page-navigation__item:not(.page-navigation__item--active):hover img{opacity:1;filter:grayscale(0);transform:scale(.9)}.page-navigation__item--active img{opacity:1;filter:grayscale(0);transform:scale(1)}@media (width<=900px){.page-navigation{top:15%;right:2vw}.page-navigation__home,.page-navigation__item{width:34px;height:34px}.page-navigation__divider{width:20px;margin-top:20px;margin-bottom:20px}.page-navigation__pages{gap:10px}}@media (width<=600px){.page-navigation{top:18%;right:1vw}.page-navigation__home,.page-navigation__item{width:30px;height:30px}.page-navigation__divider{width:18px;margin-top:16px;margin-bottom:16px}.page-navigation__pages{gap:4px}.page-navigation__home img{transform:scale(.7)}.page-navigation__home:hover img{transform:scale(.85)}.page-navigation__item img{transform:scale(.7)}.page-navigation__item:not(.page-navigation__item--active):hover img{transform:scale(.85)}.page-navigation__item--active img{transform:scale(.95)}}.page-navigation__toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;padding:0;display:none}.page-navigation__toggle span{background:var(--color-text);width:14px;height:1px;transition:transform .3s,opacity .3s;display:block}.page-navigation__toggle--open span:first-child{transform:translateY(5px)rotate(45deg)}.page-navigation__toggle--open span:nth-child(2){opacity:0}.page-navigation__toggle--open span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}@keyframes page-navigation-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.page-navigation__toggle{display:flex}.page-navigation__pages{margin-top:8px;display:none}.page-navigation__pages--open{animation:.25s both page-navigation-open;display:flex}}body[data-page-navigation=open] .uiux__project-navigation,body[data-page-navigation=open] .note__project-navigation{opacity:0;pointer-events:none}@media (width<=900px){.page-navigation__toggle{width:34px;height:34px}}@media (width<=600px){.page-navigation__toggle{width:30px;height:30px}}@media (width>=901px) and (height<=940px){.page-navigation{top:6vh}.page-navigation__home,.page-navigation__item{width:34px;height:34px}.page-navigation__divider{margin-top:14px;margin-bottom:14px}.page-navigation__pages{gap:8px}}@media (width>=901px) and (height<=720px){.page-navigation{top:5vh}.page-navigation__home,.page-navigation__item{width:30px;height:30px}.page-navigation__divider{margin-top:10px;margin-bottom:10px}.page-navigation__pages{gap:6px}}.essence{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text)}.essence__header{padding:7vh 9vw 0}.essence__page-title{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);margin:0;line-height:.9}.essence__intro{width:100%;max-width:none;margin:14vh 0 12vh;padding:0 9vw}.essence__intro-meta{border-bottom:var(--border);width:100%;font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);justify-content:space-between;align-items:baseline;padding-bottom:16px;display:flex}.essence__intro-meta span:last-child{color:var(--color-text)}.essence__intro-title{font-family:var(--font-display);font-size:var(--text-display-l);font-weight:var(--weight-medium);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:22px 0 0}.essence__intro-text{max-width:560px;font-family:var(--font-body);font-size:var(--text-body-s);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:24px 0 0}.essence__explorer{grid-template-columns:48% 52%;width:100%;min-height:100vh;padding:8vh 7vw 14vh;display:grid;position:relative}.essence__left{justify-content:center;align-items:center;min-height:720px;display:flex;position:relative}.essence__burger{width:420px;height:560px;position:relative}.essence__bread{pointer-events:none;width:330px;height:auto;transition:top .65s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;left:50%;transform:translate(-50%)}.essence__bread--top{z-index:6;top:120px}.essence__bread--bottom{z-index:1;top:390px}.essence__ingredient{cursor:pointer;background:0 0;border:0;width:330px;margin:0;padding:0;transition:top .65s cubic-bezier(.2,.8,.2,1),left .65s cubic-bezier(.2,.8,.2,1);position:absolute;left:50%;transform:translate(-50%)}.essence__ingredient-image{pointer-events:none;width:100%;height:auto;transition:filter .25s,transform .25s;display:block}.essence__ingredient--1{z-index:5;top:225px}.essence__ingredient--2{z-index:4;top:270px}.essence__ingredient--3{z-index:3;top:315px}.essence__ingredient--4{z-index:2;top:350px}.essence__burger--expanded .essence__bread--top{top:70px}.essence__burger--expanded .essence__ingredient--1{top:185px}.essence__burger--expanded .essence__ingredient--2{top:250px}.essence__burger--expanded .essence__ingredient--3{top:315px}.essence__burger--expanded .essence__ingredient--4{top:380px}.essence__burger--expanded .essence__bread--bottom{top:445px}.essence__burger--expanded:not(:has(.essence__ingredient--selected)) .essence__bread--top{top:90px}.essence__burger--expanded:not(:has(.essence__ingredient--selected)) .essence__ingredient--1{top:201px}.essence__burger--expanded:not(:has(.essence__ingredient--selected)) .essence__ingredient--2{top:258px}.essence__burger--expanded:not(:has(.essence__ingredient--selected)) .essence__ingredient--3{top:315px}.essence__burger--expanded:not(:has(.essence__ingredient--selected)) .essence__ingredient--4{top:368px}.essence__burger--expanded:not(:has(.essence__ingredient--selected)) .essence__bread--bottom{top:423px}.essence__ingredient:hover .essence__ingredient-image{filter:brightness(1.06);transform:scale(1.015)}.essence__ingredient--selected{left:calc(50% + 150px)}.essence__ingredient--selected:hover .essence__ingredient-image{filter:brightness(1.06);transform:none}.essence__ingredient-number{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-number);color:var(--color-muted);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-50%)}.essence__ingredient:hover .essence__ingredient-number{opacity:1}.essence__hover-info{min-height:70px;font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-light);z-index:20;position:absolute;bottom:-20px;left:7vw}.essence__selected-label{animation:.35s both essence-fade-in}.essence__selected-label span{font-size:var(--text-caption);letter-spacing:var(--tracking-label)}.essence__selected-label p{font-family:var(--font-body);font-size:var(--text-body-s);font-weight:var(--weight-regular);letter-spacing:var(--tracking-body);color:var(--color-text);margin:8px 0 0;line-height:1.6}@keyframes essence-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.essence__detail{border-left:var(--border);align-items:center;min-height:720px;padding:4vh 3vw 4vh 5vw;display:flex;position:relative}.essence__detail-empty{width:100%;font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-light);justify-content:center;align-items:center;display:flex}.essence__detail-panel{width:100%;animation:.5s cubic-bezier(.2,.8,.2,1) both essence-detail-enter;position:relative}@keyframes essence-detail-enter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.essence__detail-close{z-index:20;border:var(--border);background:var(--color-bg);width:38px;height:38px;color:var(--color-muted);font-family:var(--font-display);font-size:22px;font-weight:var(--weight-regular);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .25s,border-color .25s,color .25s,transform .25s;display:flex;position:absolute;top:-18px;right:-4px}.essence__detail-close:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);transform:rotate(90deg)}.essence__detail-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.essence__detail-image{aspect-ratio:4/3;background:var(--color-surface);justify-content:center;align-items:center;width:100%;transition:transform .45s,background .45s;display:flex;overflow:hidden}.essence__detail-image img{object-fit:cover;width:100%;height:100%;display:block}.essence__detail-main:hover .essence__detail-image{background:var(--color-surface-strong);transform:scale(.98)}.essence__detail-content{padding-top:28px}.essence__detail-type{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-light);margin:0 0 14px}.essence__detail-content h2{font-family:var(--font-display);font-size:clamp(2.25rem,4vw,4rem);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);margin:0;line-height:1}.essence__detail-description{max-width:560px;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:22px 0 0}.essence__detail-footer{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);justify-content:space-between;align-items:center;margin-top:40px;display:flex}@media (width<=768px){.essence__header{padding:5vh 7vw 0}.essence__intro{margin:12vh 0 10vh;padding:0 7vw}.essence__intro-title{font-size:clamp(2.75rem,12vw,5.5rem)}.essence__explorer{grid-template-columns:1fr;padding:4vh 7vw 10vh}.essence__left{min-height:620px}.essence__burger{transform:scale(.8)}.essence__hover-info{bottom:-20px;left:0}.essence__detail{border-top:var(--border);border-left:0;min-height:auto;padding:8vh 0 0}.essence__detail-close{top:-50px;right:0}}.showcase{--showcase-aside:28%;--showcase-index:4.5rem;background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);padding:0 9vw 14vh;position:relative}.showcase__header{padding-top:13vh}.showcase__eyebrow{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);margin:0 0 2.5vh}.showcase__title{font-family:var(--font-display);font-size:var(--text-display-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);margin:0;line-height:.9}.showcase__intro{grid-template-columns:var(--showcase-aside) minmax(0, 1fr);border-top:var(--border);align-items:baseline;margin-top:8vh;padding-top:3vh;display:grid}.showcase__intro-label{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);grid-column:1;margin:0}.showcase__intro-text{width:min(520px,100%);font-family:var(--font-body);font-size:var(--text-body-l);line-height:var(--leading-body);letter-spacing:var(--tracking-body);grid-column:2;margin:0;padding:0}.showcase__workspace{grid-template-columns:var(--showcase-aside) minmax(0, 1fr);margin-top:14vh;display:grid}.showcase__timeline{position:relative}.showcase__timeline-inner{position:sticky;top:12vh}.showcase__timeline-label{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);margin:0 0 5vh}.showcase__project-list,.showcase__project-item{flex-direction:column;align-items:flex-start;display:flex}.showcase__project-button{color:var(--color-light);font-family:var(--font-display);font-weight:var(--weight-medium);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:16px 34px auto;align-items:center;gap:12px;padding:0;transition:color .3s,transform .3s;display:grid}.showcase__project-button:hover{color:var(--color-muted);transform:translate(3px)}.showcase__project-button.is-active{color:var(--color-text)}.showcase__project-dot{border:1px solid var(--color-light);border-radius:50%;width:7px;height:7px;transition:background .3s,border-color .3s,transform .3s}.showcase__project-button.is-active .showcase__project-dot{border-color:var(--color-text);background:var(--color-text);transform:scale(1.2)}.showcase__project-number{font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-number);font-size:.75rem}.showcase__project-type{font-size:var(--text-label);letter-spacing:var(--tracking-label)}.showcase__project-line{background:var(--color-line);width:1px;height:8vh;margin:1.5vh 0 1.5vh 3px}.showcase__content{min-width:0;scroll-margin-top:8vh}.showcase__project{animation:.45s both showcase-project-enter}@keyframes showcase-project-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.showcase__project-header{grid-template-columns:var(--showcase-index) minmax(0, 1fr);border-bottom:var(--border);padding-bottom:7vh;display:grid}.showcase__project-heading{display:contents}.showcase__project-heading>div{grid-area:1/2;min-width:0}.showcase__project-index{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-number);color:var(--color-muted);grid-area:1/1;margin:0;line-height:1.4}.showcase__project-category{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);margin:0 0 2vh;line-height:1.4}.showcase__project-title{font-family:var(--font-display);font-size:var(--text-display-l);font-weight:var(--weight-medium);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:0}.showcase__project-description{width:min(520px,100%);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);grid-area:2/2;margin:6vh 0 0;padding:0}.showcase__results{padding-top:0}.showcase__results-heading{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);justify-content:space-between;align-items:center;padding-top:2.5vh;padding-bottom:2vh;display:flex}.showcase__screens{flex-direction:column;gap:14vh;padding-top:8vh;display:flex}.showcase__screen{flex-direction:column;display:flex}.showcase__screen-image{background:var(--color-surface);width:100%;min-height:min(42vw,680px);color:var(--color-light);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);justify-content:center;align-items:center;display:flex}.showcase__screen-image img{width:100%;height:auto;display:block}.showcase__screen-image--scroll{position:relative}.showcase__screen-scroll{position:absolute;inset:0;overflow-y:auto}.showcase__screen-image--scroll:after{content:"SCROLL ↓";border:var(--border);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-caption);letter-spacing:var(--tracking-label);pointer-events:none;background:#f5f2ebeb;padding:6px 10px;position:absolute;bottom:14px;right:14px}.showcase__gallery{grid-template-columns:repeat(var(--gallery-count,3), minmax(0, 1fr));gap:16px;display:grid}.showcase__gallery-item{margin:0}.showcase__gallery-image{background:var(--color-surface);justify-content:center;align-items:center;height:min(36vw,560px);padding:6%;display:flex}.showcase__gallery--short .showcase__gallery-image{height:min(24vw,360px);padding:8%}.showcase__gallery-image--dark{background:var(--color-text)}.showcase__gallery-image img{object-fit:contain;max-width:100%;max-height:100%;display:block}.showcase__gallery-item figcaption{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-body);color:var(--color-muted);margin-top:12px}.showcase__portrait{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:4vw;display:grid}.showcase__portrait-media{background:var(--color-surface);height:min(46vw,680px)}.showcase__portrait-media img,.showcase__portrait-media video{width:auto;height:100%;display:block}.showcase__portrait-media video{aspect-ratio:9/16}.showcase__portrait-notes{border-top:var(--border-light);margin:0;padding:0;list-style:none}.showcase__portrait-notes li{border-bottom:var(--border-light);font-family:var(--font-body);font-size:var(--text-body-s);letter-spacing:var(--tracking-body);color:var(--color-muted);padding:14px 0;line-height:1.6}.showcase__screen-info{grid-template-columns:var(--showcase-index) minmax(0, 1fr);border-top:var(--border-light);margin-top:2.5vh;padding-top:2vh;display:grid}.showcase__screen-number{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-number);color:var(--color-muted);line-height:1.6}.showcase__screen-stage{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-light);margin-bottom:1vh;display:inline-block}.showcase__screen-stage--final{color:var(--color-text)}.showcase__screen-info h3{font-family:var(--font-display);font-size:1rem;font-weight:var(--weight-medium);letter-spacing:.02em;margin:0 0 1.2vh}.showcase__screen-info p{max-width:500px;font-family:var(--font-body);font-size:var(--text-body-s);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:0}.showcase__live{border-top:var(--border);justify-content:flex-end;margin-top:9vh;padding-top:3vh;display:flex}.showcase__live a{border-bottom:1px solid var(--color-text);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);align-items:center;gap:12px;padding-bottom:5px;text-decoration:none;transition:gap .3s,opacity .3s;display:inline-flex}.showcase__live a:hover{opacity:.6;gap:18px}.showcase__live a span{font-size:1rem}.showcase__project-end{border-top:var(--border);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-label);color:var(--color-light);justify-content:space-between;margin-top:10vh;padding-top:2vh;display:flex}@media (width<=900px){.showcase{--showcase-aside:24%;--showcase-index:3.5rem;padding:0 6vw 12vh}.showcase__screen-image{min-height:48vw}}@media (width<=640px){.showcase{--showcase-index:2.75rem;padding:0 5vw 10vh}.showcase__header{padding-top:11vh}.showcase__title{font-size:clamp(3rem,15vw,5.5rem)}.showcase__intro{grid-template-columns:minmax(0,1fr);row-gap:3vh;margin-top:7vh}.showcase__intro-text{width:100%;font-size:var(--text-body);grid-column:1}.showcase__workspace{margin-top:10vh;display:block}.showcase__timeline-inner{position:relative;top:auto}.showcase__timeline-label{margin-bottom:3vh}.showcase__project-list{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.showcase__project-item{width:100%;position:relative}.showcase__project-button{grid-template-rows:auto auto;grid-template-columns:12px auto;gap:3px 8px;width:100%}.showcase__project-dot{grid-row:1/3}.showcase__project-number{font-size:var(--text-label)}.showcase__project-type{font-size:.5625rem}.showcase__project-line{display:none}.showcase__content{margin-top:9vh}.showcase__project-header{padding-bottom:6vh}.showcase__project-title{font-size:clamp(2.25rem,10.5vw,4.5rem)}.showcase__project-description{width:100%;font-size:var(--text-body-s);margin-top:5vh}.showcase__screens{gap:9vh;padding-top:6vh}.showcase__screen-image{min-height:72vw}.showcase__screen-image--scroll{min-height:110vw}.showcase__gallery{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:62%;grid-auto-flow:column;overflow-x:auto}.showcase__gallery-item{scroll-snap-align:start}.showcase__gallery-image{height:108vw}.showcase__gallery--short{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;overflow-x:visible}.showcase__gallery--short .showcase__gallery-image{height:32vw}.showcase__portrait{grid-template-columns:1fr;justify-items:center}.showcase__portrait-media{height:118vw}.showcase__portrait-notes{width:100%}.showcase__screen-info h3{font-size:.9375rem}.showcase__screen-info p{font-size:.8125rem}.showcase__live{margin-top:9vh}.showcase__project-end{margin-top:10vh}}.note{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);padding:0 9vw 14vh;position:relative}.note__header{padding-top:7vh}.note__page-title{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);margin:0;line-height:.9}.note__intro{width:100%;max-width:none;margin:14vh 0 12vh}.note__project-meta{border-bottom:var(--border);width:100%;font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);justify-content:flex-start;align-items:baseline;padding-bottom:16px;display:flex}.note__project-meta span:first-child{margin-right:auto}.note__project-meta span:last-child{color:var(--color-text)}.note__project-title{font-family:var(--font-display);font-size:var(--text-display-l);font-weight:var(--weight-medium);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:22px 0 0}.note__project-description{max-width:560px;font-family:var(--font-body);font-size:var(--text-body-s);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:24px 0 0}.note__content{max-width:1200px;margin:0 auto}.note__section{border-top:var(--border);grid-template-columns:55% 45%;min-height:620px;margin-bottom:18vh;display:grid}.note__section-visual{padding:6vh 5vw 6vh 0}.note__image-frame{background:var(--color-surface);justify-content:center;align-items:center;width:100%;height:100%;min-height:500px;display:flex;overflow:hidden}.note__image-frame img,.note__image-frame video{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.note__image-frame:hover img{transform:scale(1.02)}.note__image-frame--scroll{position:relative}.note__image-scroll{position:absolute;inset:0;overflow-y:auto}.note__image-frame--scroll img{height:auto}.note__image-frame--scroll:hover img{transform:none}.note__image-frame--scroll:after{content:"SCROLL ↓";border:var(--border);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-caption);letter-spacing:var(--tracking-label);pointer-events:none;background:#f5f2ebeb;padding:6px 10px;position:absolute;bottom:14px;right:14px}.note__image-frame--contain,.note__image-frame--dark{position:relative}.note__image-frame--contain img,.note__image-frame--contain video,.note__image-frame--dark img{object-fit:contain;position:absolute;inset:0}.note__image-frame--dark{background:var(--color-text)}.note__image-frame--dark img{width:76%;left:12%}.note__section-information{flex-direction:column;justify-content:space-between;padding:6vh 0 6vh 4vw;display:flex}.note__section-heading{border-bottom:var(--border-light);align-items:baseline;gap:22px;padding-bottom:20px;display:flex}.note__section-number{font-family:var(--font-display);font-size:.75rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-number);color:var(--color-light);flex:none}.note__section-title{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-text)}.note__section-text{max-width:420px;padding-bottom:3vh}.note__section-text h2{font-family:var(--font-body);font-size:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0 0 22px}.note__section-text p{font-family:var(--font-body);font-size:var(--text-body-s);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:0;line-height:1.9}.note__section--text{grid-template-columns:1fr;min-height:auto}.note__section--text .note__section-information{padding:6vh 0 8vh}.note__section--text .note__section-text{grid-template-columns:55% 45%;max-width:none;margin-top:6vh;padding-bottom:0;display:grid}.note__section--text .note__section-text h2{margin:0;padding-right:5vw}.note__section--text .note__section-text p{max-width:calc(420px + 4vw);padding-left:4vw}.note__next-step{border-top:var(--border);justify-content:space-between;align-items:center;max-width:1200px;margin:4vh auto 16vh;padding-top:5vh;display:flex}.note__next-step-label{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-light)}.note__next-step-button{color:var(--color-text);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;align-items:center;gap:18px;padding:0;display:flex}.note__next-step-page{font-size:30px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);transition:transform .3s}.note__next-step-text{font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);transition:transform .3s}.note__next-step-arrow{font-size:22px;font-weight:var(--weight-regular);transition:transform .3s}.note__next-step-button:hover .note__next-step-page,.note__next-step-button:hover .note__next-step-text{transform:translate(4px)}.note__next-step-button:hover .note__next-step-arrow{transform:translate(7px)}.note__project-navigation{z-index:50;border:var(--border);width:48px;height:48px;color:var(--color-text);cursor:pointer;background:#f5f2ebeb;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .25s,border-color .25s,color .25s,transform .25s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.note__project-navigation:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);transform:translateY(-50%)scale(1.08)}.note__project-navigation--previous{left:2vw}.note__project-navigation--next{right:2vw}.note__project-arrow{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-regular);line-height:1}@media (width<=900px){.note{padding:0 7vw 12vh}.note__header{padding-top:5vh}.note__intro{margin:12vh 0 10vh}.note__project-meta{flex-wrap:wrap;gap:20px}.note__project-title{font-size:clamp(2.75rem,12vw,5.5rem)}.note__section{grid-template-columns:1fr;min-height:auto;margin-bottom:12vh}.note__section-visual{padding:5vh 0 0}.note__image-frame{min-height:420px}.note__section-information{padding:4vh 0 6vh}.note__section-text{margin-top:8vh}.note__section--text .note__section-text{grid-template-columns:1fr;margin-top:5vh}.note__section--text .note__section-text h2{margin-bottom:22px;padding-right:0}.note__section--text .note__section-text p{padding-left:0}.note__next-step{margin:2vh auto 12vh}.note__project-navigation{width:42px;height:42px}.note__project-navigation--previous{left:1.5vw}.note__project-navigation--next{right:1.5vw}}@media (width<=600px){.note{padding:0 10vw 10vh}.note__page-title{font-size:2.5rem}.note__project-meta{font-size:.5625rem}.note__project-title{font-size:clamp(2.25rem,10.5vw,3.25rem)}.note__project-description{font-size:var(--text-body-s)}.note__image-frame{min-height:300px}.note__section-heading{gap:16px}.note__section-title{font-size:var(--text-caption)}.note__section-text h2{font-size:1.375rem}.note__section-text p{font-size:13px}.note__next-step{margin:2vh auto 10vh;padding-top:4vh;display:block}.note__next-step-button{gap:10px;margin-top:25px}.note__next-step-page{font-size:26px}.note__next-step-text{font-size:.5625rem}.note__next-step-arrow{font-size:18px}.note__project-navigation{width:38px;height:38px}.note__project-navigation--previous{left:2vw}.note__project-navigation--next{right:2vw}}.uiux-showcase-slider{width:min(900px,70vw);margin:0 auto;position:relative}.uiux-showcase-frame{width:100%}.uiux-showcase-frame__image{aspect-ratio:16/9;background:var(--color-surface);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.uiux-showcase-frame__image>span{font-family:var(--font-body);font-size:var(--text-label);letter-spacing:.04em;color:var(--color-light)}.uiux-showcase-frame__image img,.uiux-showcase-frame__image video{object-fit:contain;width:100%;height:100%;display:block}.uiux-showcase-frame__image--scroll{position:relative}.uiux-showcase-frame__scroll{position:absolute;inset:0;overflow-y:auto}.uiux-showcase-frame__image--scroll img{height:auto}.uiux-showcase-frame__image--scroll:after{content:"SCROLL ↓";border:var(--border);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-caption);letter-spacing:var(--tracking-label);pointer-events:none;background:#f5f2ebeb;padding:6px 10px;position:absolute;bottom:14px;right:14px}.uiux-showcase-text{aspect-ratio:16/9;border-top:var(--border);border-bottom:var(--border);flex-direction:column;justify-content:center;width:100%;padding:6% 9%;display:flex}.uiux-showcase-text .uiux-showcase-frame__label{margin-bottom:22px}.uiux-showcase-text__body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:0}.uiux-showcase-text__body>span:first-child{color:var(--color-text)}.uiux-showcase-frame__info{margin-top:30px}.uiux-showcase-frame__label{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-text);margin:0 0 12px}.uiux-showcase-frame__description{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:0}.uiux-showcase-slider__navigation{justify-content:center;align-items:center;gap:28px;margin-top:24px;display:flex}.uiux-showcase-slider__arrow{width:32px;height:32px;color:var(--color-text);font-family:var(--font-display);font-size:20px;font-weight:var(--weight-regular);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:opacity .25s,transform .25s;display:flex}.uiux-showcase-slider__arrow:hover{opacity:.55;transform:scale(1.08)}.uiux-showcase-slider__counter{text-align:center;min-width:58px;font-family:var(--font-display);font-size:.8125rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-number);color:var(--color-muted)}@media (width<=900px){.uiux-showcase-slider{width:100%}.uiux-showcase-slider__navigation{gap:22px;margin-top:20px}}@media (width<=600px){.uiux-showcase-text{aspect-ratio:auto;padding:8vh 0}.uiux-showcase-text__body{font-size:var(--text-body-s)}.uiux-showcase-frame__info{margin-top:24px}.uiux-showcase-frame__label{font-size:var(--text-caption);margin-bottom:10px}.uiux-showcase-frame__description{font-size:var(--text-body-s)}.uiux-showcase-slider__navigation{gap:18px;margin-top:18px}.uiux-showcase-slider__arrow{width:28px;height:28px;font-size:18px}.uiux-showcase-slider__counter{min-width:52px;font-size:.75rem}}.uiux{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);padding:0 9vw 14vh;position:relative}.uiux__header{padding-top:7vh}.uiux__page-title{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);margin:0;line-height:.9}.uiux__intro{width:100%;max-width:none;margin:14vh 0 12vh}.uiux__project-meta{border-bottom:var(--border);width:100%;font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);justify-content:flex-start;align-items:baseline;padding-bottom:16px;display:flex}.uiux__project-meta span:first-child{margin-right:auto}.uiux__project-meta span:last-child{color:var(--color-text)}.uiux__project-title{font-family:var(--font-display);font-size:var(--text-display-l);font-weight:var(--weight-medium);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:22px 0 0}.uiux__project-description{max-width:560px;font-family:var(--font-body);font-size:var(--text-body-s);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:24px 0 0}.uiux__content{max-width:1200px;margin:0 auto}.uiux__project-navigation{z-index:50;border:var(--border);width:48px;height:48px;color:var(--color-text);cursor:pointer;background:#f5f2ebeb;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .25s,border-color .25s,color .25s,transform .25s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.uiux__project-navigation:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);transform:translateY(-50%)scale(1.08)}.uiux__project-navigation--previous{left:2vw}.uiux__project-navigation--next{right:2vw}.uiux__project-arrow{font-family:var(--font-display);font-size:22px;font-weight:var(--weight-regular);line-height:1}@media (width<=900px){.uiux{padding:0 7vw 12vh}.uiux__header{padding-top:5vh}.uiux__intro{margin:12vh 0 10vh}.uiux__project-meta{flex-wrap:wrap;gap:20px}.uiux__project-title{font-size:clamp(2.75rem,12vw,5.5rem)}.uiux__project-navigation{width:42px;height:42px}.uiux__project-navigation--previous{left:1.5vw}.uiux__project-navigation--next{right:1.5vw}}@media (width<=600px){.uiux{padding:0 10vw 10vh}.uiux__page-title{font-size:2.5rem}.uiux__project-meta{font-size:.5625rem}.uiux__project-title{font-size:clamp(2.25rem,10.5vw,3.25rem)}.uiux__project-description{font-size:var(--text-body-s)}.uiux__project-navigation{width:38px;height:38px}.uiux__project-navigation--previous{left:2vw}.uiux__project-navigation--next{right:2vw}}.outro{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);padding:0 9vw 14vh;position:relative}.outro__header{padding-top:7vh}.outro__page-title{font-family:var(--font-display);font-size:var(--text-page-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);margin:0;line-height:.9}.outro__contact{margin:14vh 0 0}.outro__meta{border-bottom:var(--border);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted);justify-content:space-between;align-items:baseline;padding-bottom:16px;display:flex}.outro__meta span:last-child{color:var(--color-text)}.outro__title{font-family:var(--font-display);font-size:var(--text-display-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);margin:22px 0 0;line-height:.9}.outro__text{max-width:560px;font-family:var(--font-body);font-size:var(--text-body-l);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-muted);margin:5vh 0 0}.outro__email{border-top:var(--border);flex-direction:column;align-items:flex-start;gap:14px;margin-top:12vh;padding-top:3vh;display:flex}.outro__email-label{font-family:var(--font-display);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);color:var(--color-muted)}.outro__email-link{border-bottom:1px solid var(--color-text);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);padding-bottom:6px;text-decoration:none;transition:opacity .3s}a.outro__email-link:hover{opacity:.6}.outro__email-link--empty{border-bottom-color:var(--color-line);color:var(--color-light)}@media (width<=900px){.outro{padding:0 7vw 12vh}.outro__header{padding-top:5vh}.outro__contact{margin-top:12vh}}@media (width<=600px){.outro{padding:0 10vw 10vh}.outro__page-title{font-size:2.5rem}.outro__title{font-size:clamp(3rem,18vw,5rem)}.outro__text{font-size:var(--text-body)}}