@font-face{font-family:ApfelGrotezk;src:url(/fonts/ApfelGrotezk-Regular.woff2) format("woff2"),url(/fonts/ApfelGrotezk-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/korea/Pretendard-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/korea/Pretendard-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}.portfolio-root{--portfolio-bg: #f0f0f0;--portfolio-fg: #1a1a1a;--portfolio-subtext: #666666;--portfolio-mobile-menu-bg: #ffffffa6;--portfolio-header-size: 33px;--portfolio-header-line: 36px;min-height:100dvh;width:100%;position:relative;overflow-x:clip;background:var(--portfolio-bg);color:var(--portfolio-fg);font-family:ApfelGrotezk,Pretendard,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.5px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.portfolio-root.portfolio-root--app-shell{position:fixed;inset:0;overflow-y:auto}.portfolio-root *,.portfolio-root *:before,.portfolio-root *:after{box-sizing:border-box}.portfolio-root :where(h1,h2,h3,p,figure,ul){margin:0}.portfolio-root :where(ul){padding:0}.portfolio-root :where(a){color:inherit;text-decoration:none}.portfolio-root :where(button){color:inherit;font:inherit}.portfolio-root :where(a,button):focus-visible{outline:1px solid currentColor;outline-offset:4px}.portfolio-root .portfolio-header{position:absolute;inset:0 0 auto;z-index:100;pointer-events:none;background:transparent}.portfolio-root.portfolio-root--app-shell .portfolio-header{position:fixed}.portfolio-root .portfolio-header__content{display:flex;justify-content:space-between;width:100%;padding:20px 45px 80px}.portfolio-root .portfolio-header__left{display:flex;align-items:flex-start;width:50%}.portfolio-root .portfolio-header__brand-section{width:50%;flex:0 0 50%}.portfolio-root .portfolio-header__brand,.portfolio-root .portfolio-header__primary-nav a,.portfolio-root .portfolio-header__category,.portfolio-root .portfolio-header__main-info{font-size:var(--portfolio-header-size);line-height:var(--portfolio-header-line);font-weight:400}.portfolio-root[data-route=about] .portfolio-header__left{width:75%}.portfolio-root[data-route=about] .portfolio-header__brand-section{width:33.333%;flex-basis:33.333%}.portfolio-root .portfolio-header__about-info{display:flex;flex:1;flex-direction:column;pointer-events:auto;white-space:pre-line;font-size:20px;line-height:22.5px;color:var(--portfolio-subtext)}.portfolio-root .portfolio-header__about-info :where(small,a){display:block;margin-top:8px;font-size:16px;line-height:1.35}.portfolio-root .portfolio-header__brand,.portfolio-root .portfolio-header__primary-nav,.portfolio-root .portfolio-header__categories,.portfolio-root .portfolio-header__main-info,.portfolio-root .portfolio-header__menu-toggle,.portfolio-root .portfolio-header__mobile-page-title{pointer-events:auto}.portfolio-root .portfolio-header__categories{display:flex;flex-direction:column;align-items:flex-start}.portfolio-root .portfolio-header__category{display:flex;align-items:center;gap:10px;white-space:nowrap}.portfolio-root .portfolio-header__category:before{content:"";width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:transparent}.portfolio-root .portfolio-header__category.is-active:before{background:currentColor}.portfolio-root .portfolio-header__main-info{width:50%;display:flex;flex-direction:column;white-space:pre-line}.portfolio-root .portfolio-header__main-info a{text-decoration:underline;text-underline-offset:3px}.portfolio-root .portfolio-header__primary-nav{display:flex;gap:40px;line-height:var(--portfolio-header-line);pointer-events:auto}.portfolio-root .portfolio-header__menu-toggle,.portfolio-root .portfolio-header__mobile-page-title,.portfolio-root .portfolio-mobile-menu{display:none}.portfolio-root .portfolio-page--work{min-height:100dvh;padding:calc(119px + var(--portfolio-category-count, 1) * 36px) 45px 45px}.portfolio-root .portfolio-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:45px}.portfolio-root .portfolio-project-card{min-width:0;overflow:hidden}.portfolio-root .portfolio-project-card__link{display:block}.portfolio-root .portfolio-project-card__link:active{transform:translateY(1px)}.portfolio-root .portfolio-project-card__meta{display:flex;flex-direction:column;gap:4px;padding-top:15px}.portfolio-root .portfolio-project-card__title{font-size:33px;line-height:36px;font-weight:400}.portfolio-root .portfolio-project-card__subtitle{color:var(--portfolio-subtext);font-size:20px;line-height:21px}.portfolio-root .portfolio-project-card__fallback,.portfolio-root .portfolio-detail__empty-media{display:grid;place-items:center;aspect-ratio:10 / 6.5;background:color-mix(in srgb,var(--portfolio-fg) 6%,var(--portfolio-bg));color:var(--portfolio-subtext)}.portfolio-root .portfolio-work-grid--empty{min-height:45vh;display:flex;grid-column:1 / -1;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;font-size:20px}.portfolio-root .portfolio-work-grid--empty a{text-decoration:underline;text-underline-offset:3px}.portfolio-root .portfolio-media{width:100%;position:relative;overflow:hidden;background:color-mix(in srgb,var(--portfolio-fg) 5%,var(--portfolio-bg))}.portfolio-root .portfolio-media--cover{aspect-ratio:10 / 6.5!important}.portfolio-root .portfolio-media--cover .portfolio-media__asset,.portfolio-root .portfolio-media--ambient .portfolio-media__asset{pointer-events:none}.portfolio-root .portfolio-media--ambient,.portfolio-root .portfolio-media:has(.portfolio-media__embed){aspect-ratio:16 / 9}.portfolio-root .portfolio-media__asset{display:block;width:100%;height:100%;object-fit:cover;border:0}.portfolio-root .portfolio-media--detail:not(:has(.portfolio-media__embed)){aspect-ratio:auto!important;min-height:1px}.portfolio-root .portfolio-media--detail:not(:has(.portfolio-media__embed)) .portfolio-media__asset{height:auto;object-fit:contain}.portfolio-root .portfolio-media__skeleton{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--portfolio-fg) 8%,transparent) 25%,color-mix(in srgb,var(--portfolio-fg) 16%,transparent) 37%,color-mix(in srgb,var(--portfolio-fg) 8%,transparent) 63%);background-size:400% 100%;animation:portfolio-skeleton 1.2s ease-in-out infinite;transition:opacity .25s ease}.portfolio-root .portfolio-media.is-loaded .portfolio-media__skeleton,.portfolio-root .portfolio-media:has(.portfolio-media__unavailable) .portfolio-media__skeleton{opacity:0}.portfolio-root .portfolio-media__unavailable{min-height:200px;display:grid;place-items:center;color:var(--portfolio-subtext)}.portfolio-root .portfolio-media__caption{padding-top:8px;color:var(--portfolio-subtext);font-size:14px}@keyframes portfolio-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.portfolio-root .portfolio-detail{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);grid-template-areas:"media info";width:100%;height:100dvh;overflow:hidden;padding-left:45px}.portfolio-root .portfolio-detail__mobile-title{display:none}.portfolio-root .portfolio-detail__media{grid-area:media;min-width:0;overflow-y:auto;scrollbar-width:none;padding-top:96px}.portfolio-root .portfolio-detail__media::-webkit-scrollbar{display:none}.portfolio-root .portfolio-detail__media-item{width:100%}.portfolio-root .portfolio-detail__media-item[data-original-size=true]{width:auto;max-width:100%}.portfolio-root .portfolio-detail__media-item[data-position=center]{margin-inline:auto}.portfolio-root .portfolio-detail__media-item[data-position=right]{margin-left:auto}.portfolio-root .portfolio-detail__info{grid-area:info;overflow-y:auto;display:flex;flex-direction:column;gap:55px;padding:96px 45px 45px}.portfolio-root .portfolio-detail__desktop-title h1,.portfolio-root .portfolio-detail__mobile-title h1{white-space:pre-wrap;font-size:33px;line-height:36px;font-weight:400}.portfolio-root .portfolio-detail__description,.portfolio-root .portfolio-detail__links,.portfolio-root .portfolio-detail__highlights{white-space:pre-wrap;font-size:20px;line-height:28px;font-weight:500}.portfolio-root .portfolio-detail__sub-description,.portfolio-root .portfolio-detail__meta{white-space:pre-wrap;font-size:20px;line-height:28px}.portfolio-root .portfolio-detail__highlights,.portfolio-root .portfolio-detail__links{list-style:none}.portfolio-root .portfolio-detail__highlights li{display:flex;align-items:flex-start}.portfolio-root .portfolio-detail__highlights li:before{content:"";width:6px;height:6px;flex:0 0 6px;margin:11px 12.5px 0 0;border-radius:50%;background:currentColor}.portfolio-root .portfolio-detail__links a{text-decoration:underline;text-underline-offset:3px}.portfolio-root .portfolio-detail__meta{display:flex;flex-direction:column}.portfolio-root .portfolio-about{position:relative;width:100%;min-height:100dvh;overflow:hidden}.portfolio-root .portfolio-about__desktop{position:relative;width:100%;height:100dvh}.portfolio-root .portfolio-about__mobile{display:none}.portfolio-root .portfolio-about-box{position:absolute;width:auto;max-width:min(68vw,1120px);max-height:calc(100dvh - 166px);overflow:auto;border:0;padding:30px 48px 53px 20px;text-align:left;cursor:pointer}.portfolio-root .portfolio-about-box:focus-visible{outline:1px solid currentColor;outline-offset:4px}.portfolio-root .portfolio-about-box[data-box-id=box4]{max-width:560px;padding:0}.portfolio-root .portfolio-about-box[data-box-id=box4] .portfolio-about-box__title{padding:30px 20px 0}.portfolio-root .portfolio-about-box[data-box-id=box4] .portfolio-about-box__content,.portfolio-root .portfolio-about-box[data-box-id=box4] .portfolio-about-box__item{display:block}.portfolio-root .portfolio-about-box[data-box-id=box4] .portfolio-about-box__item-description{padding:0 45px 53px;font-size:20px;line-height:29px}.portfolio-root .portfolio-about-box__title{display:block;margin-bottom:38px;font-size:30px;line-height:29px}.portfolio-root .portfolio-about-box__content{display:grid;gap:50px;font-size:26px;line-height:29px}.portfolio-root .portfolio-about-box[data-box-id=box2] .portfolio-about-box__content{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:50px}.portfolio-root .portfolio-about-box[data-box-id=box3] .portfolio-about-box__content{grid-template-columns:auto minmax(0,1fr);column-gap:50px;row-gap:30px}.portfolio-root .portfolio-about-box__item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:50px}.portfolio-root .portfolio-about-box[data-box-id=box2] .portfolio-about-box__item{display:flex;flex-direction:column;gap:30px}.portfolio-root .portfolio-about-box__grid-item{display:contents}.portfolio-root .portfolio-about-box__grid-left,.portfolio-root .portfolio-about-box__grid-right{min-width:0}.portfolio-root .portfolio-about-box__grid-right .portfolio-about-box__item-list{list-style:none;padding:0}.portfolio-root .portfolio-about-box__grid-right .portfolio-about-box__item-list li{position:relative;padding-left:18px}.portfolio-root .portfolio-about-box__grid-right .portfolio-about-box__item-list li:before{content:"•";position:absolute;left:0}.portfolio-root .portfolio-about-box__item-title,.portfolio-root .portfolio-about-box__item-description,.portfolio-root .portfolio-about-box__item-period{white-space:pre-line}.portfolio-root .portfolio-about-box__item-list{padding-left:1em}.portfolio-root .portfolio-about__image{position:absolute;object-fit:contain;max-width:100%;max-height:100%}.portfolio-root .portfolio-about__work-media{position:absolute;right:45px;bottom:45px;width:180px;z-index:20}.portfolio-root.portfolio-root--app-shell .portfolio-about__work-media{position:fixed}.portfolio-root .portfolio-cursor-trail{position:absolute;inset:0;min-height:100dvh;overflow:hidden;cursor:none}.portfolio-root.portfolio-root--app-shell .portfolio-cursor-trail{position:fixed}.portfolio-root .portfolio-cursor-trail__dot{--cursor-x: -100px;--cursor-y: -100px;position:absolute;top:0;left:0;width:30px;height:30px;z-index:1000;border-radius:50%;pointer-events:none;opacity:0;background:var(--portfolio-fg);transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%);transition:opacity .2s ease}.portfolio-root.portfolio-root--app-shell .portfolio-cursor-trail__dot{position:fixed}.portfolio-root .portfolio-cursor-trail__dot[data-active=true]{opacity:1}.portfolio-root .portfolio-cursor-trail__slot{--trail-x: -1000px;--trail-y: -1000px;position:absolute;top:0;left:0;width:min(670px,58vw);pointer-events:none;transform:translate3d(var(--trail-x),var(--trail-y),0) translate(-50%,-50%) scale(0);transform-origin:center;opacity:0}.portfolio-root.portfolio-root--app-shell .portfolio-cursor-trail__slot{position:fixed}.portfolio-root .portfolio-cursor-trail__slot[data-state=hidden]{visibility:hidden}.portfolio-root .portfolio-cursor-trail__slot[data-state=visible]{visibility:visible;opacity:1;animation:portfolio-trail-in 1.2s cubic-bezier(.165,.84,.44,1) forwards}.portfolio-root .portfolio-cursor-trail__slot[data-state=hiding]{visibility:visible;animation:portfolio-trail-out .5s cubic-bezier(.165,.84,.44,1) forwards}.portfolio-root .portfolio-cursor-trail__slot[data-state=hold]{visibility:visible;pointer-events:auto;opacity:1;transform:translate3d(var(--trail-x),var(--trail-y),0) translate(-50%,-50%) scale(1)}.portfolio-root .portfolio-cursor-trail__media{width:100%;aspect-ratio:670 / 436;overflow:hidden}.portfolio-root .portfolio-cursor-trail__media :where(img,video){width:100%;height:100%;display:block;object-fit:cover}.portfolio-root .portfolio-cursor-trail__media-fallback{display:block;width:100%;height:100%;background:color-mix(in srgb,var(--portfolio-fg) 8%,var(--portfolio-bg))}.portfolio-root .portfolio-cursor-trail__meta{display:none;flex-direction:column;gap:4px;padding-top:15px}.portfolio-root .portfolio-cursor-trail__slot[data-state=hold] .portfolio-cursor-trail__meta{display:flex}.portfolio-root .portfolio-cursor-trail__title{font-size:33px;line-height:36px}.portfolio-root .portfolio-cursor-trail__subtitle{color:var(--portfolio-subtext);font-size:20px;line-height:21px}@keyframes portfolio-trail-in{0%{opacity:1;transform:translate3d(var(--trail-x),var(--trail-y),0) translate(-50%,-50%) rotate(-5deg) scale(0)}to{opacity:1;transform:translate3d(var(--trail-x),var(--trail-y),0) translate(-50%,-50%) rotate(0) scale(1)}}@keyframes portfolio-trail-out{0%{opacity:1;transform:translate3d(var(--trail-x),var(--trail-y),0) translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate3d(var(--trail-x),var(--trail-y),0) translate(-50%,-50%) scale(0)}}@media(max-width:480px),(hover:none)and (pointer:coarse){.portfolio-root{--portfolio-header-size: 26px;--portfolio-header-line: 29px}.portfolio-root .portfolio-header__content{display:block;padding:19px}.portfolio-root .portfolio-header__left{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.portfolio-root[data-route=about] .portfolio-header__left{width:100%}.portfolio-root[data-route=about] .portfolio-header__brand-section,.portfolio-root .portfolio-header__brand-section{width:auto;flex-basis:auto}.portfolio-root .portfolio-header__menu-toggle{display:block;padding:0;border:0;background:transparent;font-size:26px;line-height:29px;cursor:pointer}.portfolio-root .portfolio-header__primary-nav,.portfolio-root .portfolio-header__main-info,.portfolio-root .portfolio-header__about-info{display:none}.portfolio-root .portfolio-header__categories{flex:0 0 100%;width:100%;padding-top:38px}.portfolio-root .portfolio-header__category{display:none;font-size:26px;line-height:29px}.portfolio-root .portfolio-header__category.is-active{display:flex}.portfolio-root .portfolio-header__category:before{display:none}.portfolio-root .portfolio-header__mobile-page-title{display:block;flex:0 0 100%;padding-top:38px;font-size:26px;line-height:29px}.portfolio-root .portfolio-mobile-menu{position:absolute;inset:0;z-index:1000;display:flex;flex-direction:column;min-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:19px;background:var(--portfolio-mobile-menu-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-root.portfolio-root--app-shell .portfolio-mobile-menu{position:fixed}.portfolio-root .portfolio-mobile-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;font-size:26px;line-height:29px}.portfolio-root .portfolio-mobile-menu__close{width:20px;height:20px;padding:0;border:0;background:transparent}.portfolio-root .portfolio-mobile-menu__close svg{width:100%;height:100%}.portfolio-root .portfolio-mobile-menu__close path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.portfolio-root .portfolio-mobile-menu__categories{display:flex;flex-direction:column;gap:19px;margin-bottom:87px;font-size:26px;line-height:29px}.portfolio-root .portfolio-mobile-menu__categories a{display:flex;align-items:center}.portfolio-root .portfolio-mobile-menu__categories a:before{content:"";width:19px;height:19px;margin-right:9.5px;flex:0 0 19px;border-radius:50%;background:transparent}.portfolio-root .portfolio-mobile-menu__categories a.is-active:before{background:currentColor}.portfolio-root .portfolio-mobile-menu__about{font-size:26px;line-height:29px}.portfolio-root .portfolio-page--work{padding:124px 19px 38px}.portfolio-root .portfolio-work-grid{grid-template-columns:minmax(0,1fr);row-gap:38px}.portfolio-root .portfolio-project-card__meta{gap:0;padding-top:9px}.portfolio-root .portfolio-project-card__title{display:flex;align-items:flex-start;margin-bottom:5px;font-size:26px;line-height:29px}.portfolio-root .portfolio-project-card__title:before,.portfolio-root .portfolio-detail__mobile-title h1:before{content:"";width:17px;height:17px;flex:0 0 17px;margin:6px 7px 0 0;border-radius:50%;background:currentColor}.portfolio-root .portfolio-project-card__subtitle{margin-left:24px;font-size:13px;line-height:15px}.portfolio-root .portfolio-detail{display:flex;flex-direction:column;height:auto;min-height:100dvh;overflow:visible;padding:110px 19px 19px}.portfolio-root .portfolio-detail__mobile-title{display:block;order:1;margin-bottom:26px}.portfolio-root .portfolio-detail__mobile-title h1{display:flex;align-items:flex-start;font-size:26px;line-height:29px}.portfolio-root .portfolio-detail__media{order:2;width:100%;overflow:visible;padding:0;margin-bottom:19px}.portfolio-root .portfolio-detail__info{order:3;width:100%;overflow:visible;gap:50px;padding:0}.portfolio-root .portfolio-detail__desktop-title{display:none}.portfolio-root .portfolio-detail__description,.portfolio-root .portfolio-detail__links{font-size:15px;line-height:21.5px}.portfolio-root .portfolio-detail__highlights,.portfolio-root .portfolio-detail__sub-description,.portfolio-root .portfolio-detail__meta{font-size:15.2px;line-height:24px}.portfolio-root .portfolio-detail__highlights li:before{width:4.4px;height:4.4px;flex-basis:4.4px;margin:10px 9px 0 0}.portfolio-root .portfolio-about{overflow:visible;padding-top:110px}.portfolio-root .portfolio-about__desktop{display:none}.portfolio-root .portfolio-about__mobile{display:flex;min-height:calc(100dvh - 110px);flex-direction:column}.portfolio-root .portfolio-about-accordion{width:100%;padding:0 19px}.portfolio-root .portfolio-about-accordion__trigger{width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;background:transparent;text-align:left;font-size:26px;line-height:29px}.portfolio-root .portfolio-about-accordion__trigger svg{width:14px;height:14px;transform:rotate(45deg);transition:transform .18s ease}.portfolio-root .portfolio-about-accordion__trigger path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.portfolio-root .portfolio-about-accordion.is-expanded .portfolio-about-accordion__trigger svg{transform:rotate(0)}.portfolio-root .portfolio-about-accordion__content{padding-bottom:19px}.portfolio-root .portfolio-about-box__item{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;margin-bottom:38px}.portfolio-root .portfolio-about-box__item:last-child{margin-bottom:0}.portfolio-root .portfolio-about-box__item-heading,.portfolio-root .portfolio-about-box__item-description,.portfolio-root .portfolio-about-box__item-list{font-size:20px;line-height:29px}.portfolio-root .portfolio-about-box__item-title{font-size:26px;line-height:29px}.portfolio-root .portfolio-about__info{margin-top:auto;padding:19px}.portfolio-root .portfolio-about__info p{white-space:pre-line;font-size:26px;line-height:29px}.portfolio-root .portfolio-about__info :where(span,a){display:block;margin-top:8px;font-size:16px;line-height:1.35}.portfolio-root .portfolio-cursor-trail{display:none}}@media(prefers-reduced-motion:reduce){.portfolio-root *,.portfolio-root *:before,.portfolio-root *:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.portfolio-root .portfolio-state{min-height:100dvh;width:100%}.portfolio-root .portfolio-state--loading{padding:20px 45px 45px}.portfolio-root .portfolio-state__header-skeleton{width:min(780px,62vw);height:36px;margin-bottom:260px;background:color-mix(in srgb,var(--portfolio-fg) 9%,transparent);animation:portfolio-app-pulse 1.4s ease-in-out infinite alternate}.portfolio-root .portfolio-state__grid-skeleton{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-root .portfolio-state__grid-skeleton div{aspect-ratio:10 / 6.5;background:color-mix(in srgb,var(--portfolio-fg) 7%,transparent);animation:portfolio-app-pulse 1.4s ease-in-out infinite alternate}.portfolio-root .portfolio-state__grid-skeleton div:nth-child(2){animation-delay:.18s}.portfolio-root .portfolio-state__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.portfolio-root .portfolio-state--error,.portfolio-root .portfolio-state--redirect,.portfolio-root .portfolio-not-found{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:45px}.portfolio-root .portfolio-state--error h1,.portfolio-root .portfolio-not-found h1{font-size:33px;line-height:36px;font-weight:400}.portfolio-root .portfolio-state--error p{max-width:52ch;color:var(--portfolio-subtext);font-size:20px;line-height:28px}.portfolio-root .portfolio-state--error button,.portfolio-root .portfolio-fallback-notice button{padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer}.portfolio-root .portfolio-not-found{min-height:100dvh}.portfolio-root .portfolio-not-found a{text-decoration:underline;text-underline-offset:3px}.portfolio-root .portfolio-fallback-notice{position:fixed;left:16px;bottom:16px;z-index:300;display:flex;align-items:center;gap:16px;max-width:min(560px,calc(100% - 32px));padding:10px 12px;border:1px solid color-mix(in srgb,var(--portfolio-fg) 26%,transparent);background:color-mix(in srgb,var(--portfolio-bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Pretendard,sans-serif;font-size:12px;line-height:1.4}@keyframes portfolio-app-pulse{0%{opacity:.42}to{opacity:.82}}@media(max-width:480px),(hover:none)and (pointer:coarse){.portfolio-root .portfolio-state--loading{padding:19px}.portfolio-root .portfolio-state__header-skeleton{width:72%;height:29px;margin-bottom:76px}.portfolio-root .portfolio-state__grid-skeleton{grid-template-columns:minmax(0,1fr);row-gap:38px}.portfolio-root .portfolio-state--error,.portfolio-root .portfolio-state--redirect,.portfolio-root .portfolio-not-found{padding:19px}.portfolio-root .portfolio-state--error h1,.portfolio-root .portfolio-not-found h1{font-size:26px;line-height:29px}.portfolio-root .portfolio-fallback-notice{right:12px;bottom:12px;left:12px;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.portfolio-root .portfolio-state__header-skeleton,.portfolio-root .portfolio-state__grid-skeleton div{animation:none}}