@font-face{font-family:pretendard;src:url(/_next/static/media/ff840cfebfb63b0c-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:pretendard Fallback;src:local("Arial");ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.00%;size-adjust:101.55%}.__className_a2baf6{font-family:pretendard,pretendard Fallback}.__variable_a2baf6{--font-pretendard:"pretendard","pretendard Fallback"}:root{--portfolio-content-max:72rem;--portfolio-gallery-max:60rem;--portfolio-page-gutter:clamp(1rem,3vw,2rem);--portfolio-grid-gap:0.25rem;--portfolio-card-height:clamp(15rem,38svh,21rem);--portfolio-card-height-mobile:16rem;--portfolio-overview-height:clamp(16rem,50svh,28rem);--portfolio-media-max-height:65svh;--portfolio-gallery-gap:var(--page-gutter-md);--portfolio-card-hover-grow:3;--portfolio-motion-duration:750ms;--portfolio-motion-ease:cubic-bezier(0.22,1,0.36,1);--portfolio-details-delay:600ms}.portfolio-content{width:100%;max-width:var(--portfolio-content-max);margin-inline:auto}.portfolio-list-section{padding-inline:var(--portfolio-page-gutter)}.portfolio-grid{display:grid;gap:var(--portfolio-grid-gap);margin-top:var(--portfolio-grid-gap)}.portfolio-card-visual{height:var(--portfolio-card-height-mobile)}#works-grid [data-ui=work-card]{animation:none}#works-grid [data-ui=work-card] [class*=transition]{transition-duration:var(--portfolio-motion-duration);transition-timing-function:var(--portfolio-motion-ease)}#works-grid .portfolio-card-visual>img,#works-grid [data-work-preview-frame]{-o-object-position:center;object-position:center;transform-origin:center}#works-grid [data-ui=work-card] :is([data-ui=work-details],[data-ui=work-preview-badge],[data-ui=work-site-link]){opacity:0;transition-duration:0s;transition-delay:0s}#works-grid [data-ui=work-card] [data-ui=work-resting-title]{opacity:1;transform:none;transition-duration:.18s;transition-delay:0s}#works-grid [data-ui=work-card]:is(:hover,:focus-within) :is([data-ui=work-details],[data-ui=work-preview-badge],[data-ui=work-site-link]){opacity:1;transform:none;transition-duration:.3s;transition-delay:var(--portfolio-details-delay)}#works-grid [data-ui=work-card]:is(:hover,:focus-within) [data-ui=work-resting-title]{opacity:0;transition-delay:var(--portfolio-details-delay)}@keyframes portfolio-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.work-preview-image{visibility:hidden}.work-preview-image[data-previous=true]{visibility:visible}.work-preview-image[data-active=true]{visibility:visible;z-index:1;animation:work-preview-dissolve .42s ease-in-out both}@keyframes work-preview-dissolve{0%{opacity:0}to{opacity:1}}.portfolio-overview-visual{height:var(--portfolio-overview-height);align-self:start}.portfolio-overview-visual>img{-o-object-fit:contain;object-fit:contain}.portfolio-gallery-content{display:grid;gap:var(--portfolio-gallery-gap);max-width:var(--portfolio-gallery-max);margin-inline:auto}.portfolio-image-preview{display:flex;width:100%;align-items:center;justify-content:center}.portfolio-gallery-image{display:block;width:auto;height:auto;max-width:100%;max-height:var(--portfolio-media-max-height);-o-object-fit:contain;object-fit:contain}#works-grid{--portfolio-grid-gap:3px;--portfolio-details-delay:120ms;gap:var(--portfolio-grid-gap);margin-top:var(--portfolio-grid-gap)}.portfolio-work-group,.portfolio-work-slot{display:contents}.portfolio-grid-card{min-width:0;min-height:0;aspect-ratio:1}.portfolio-card-visual{height:100%}#works-grid [data-video-orientation=portrait] [data-ui=work-video-preview]{background:#000}#works-grid [data-video-orientation=portrait] [data-ui=work-video-preview] :is(img,video){-o-object-fit:contain;object-fit:contain}@media (min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){#works-grid{container-type:inline-size;--portfolio-details-delay:420ms}#works-grid,.portfolio-work-group{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-work-group{display:grid;min-width:0;aspect-ratio:1;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--portfolio-grid-gap)}.portfolio-work-group[data-work-rows="1"]{aspect-ratio:auto;height:calc((100cqw - var(--portfolio-grid-gap) * 3) / 4);grid-template-rows:minmax(0,1fr)}.portfolio-work-slot{display:block;position:relative;min-width:0;min-height:0;grid-column:var(--work-column);grid-row:var(--work-row)}#works-grid .portfolio-grid-card{position:absolute;left:50%;top:50%;z-index:0;aspect-ratio:auto;width:var(--work-focus-width,100%);height:var(--work-focus-height,100%);transform:translate(calc(-50% + var(--work-offset-x, 0px)),calc(-50% + var(--work-offset-y, 0px)));transition:width var(--portfolio-layout-duration) var(--portfolio-motion-ease),height var(--portfolio-layout-duration) var(--portfolio-motion-ease),transform var(--portfolio-layout-duration) var(--portfolio-motion-ease),z-index 0s var(--portfolio-layout-duration)}#works-grid .portfolio-grid-card[data-layout-active=true]{z-index:10;transition-delay:0s}#works-grid:has([data-layout-active=true]) .portfolio-grid-card[data-layout-active=false]{transition-delay:0s}#works-grid [data-ui=work-card][data-layout-active=false] [data-ui=work-details],#works-grid [data-ui=work-card][data-layout-active=false] [data-ui=work-site-link]{opacity:0;transition:none}#works-grid [data-ui=work-card][data-layout-active=false] [data-ui=work-resting-title]{opacity:1;transition-delay:0s}}@media (prefers-reduced-motion:reduce){#works-grid .portfolio-grid-card{transition:none}#works-grid [data-ui=work-card],.work-preview-image[data-active=true]{animation:none}#works-grid [data-ui=work-card] [class*=transition],#works-grid [data-ui=work-card]:is(:hover,:focus-within) [class*=transition]{transition:none}#works-grid{--portfolio-details-delay:0ms;transition:none}}