.Hero-module__Z8hQ_W__hero{--hero-fs:min(clamp(5.75rem,23.6vw,386px),30dvh);--col-gap:calc(var(--site-padding)/2);--hwang-start:calc(.4375*var(--site-padding) + 36.5vw);--col3-start:calc(.625*var(--site-padding) + 25vw);--col5-start:calc(.25*var(--site-padding) + 50vw);--row3-bottom:calc(-.2*var(--hero-fs) - 0px);--row2-bottom:calc(var(--row3-bottom) + var(--hero-fs)*.91);--row1-bottom:calc(var(--row2-bottom) + var(--hero-fs)*.91);z-index:15;background:var(--color-blue);color:#fff;height:100dvh;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}body.light .Hero-module__Z8hQ_W__hero{color:var(--color-blue);background:#fff}.Hero-module__Z8hQ_W__nameBlock{font-family:"Pretendard Variable",var(--font-sans),sans-serif;color:#fff;z-index:40;pointer-events:none;opacity:1;font-weight:800;transition:color .5s cubic-bezier(.4,0,.2,1);position:fixed;top:-9999px;left:-9999px}body.light .Hero-module__Z8hQ_W__nameBlock{color:var(--color-blue)}.Hero-module__Z8hQ_W__nameR{line-height:.7;display:block}.Hero-module__Z8hQ_W__nameAY{line-height:.9;display:block}.Hero-module__Z8hQ_W__hwang{left:var(--hwang-start);bottom:var(--row2-bottom);font-family:"Pretendard Variable",var(--font-sans),sans-serif;font-weight:800;font-size:var(--hero-fs);opacity:1;line-height:.9;position:absolute}.Hero-module__Z8hQ_W__nameG{right:0;bottom:var(--row3-bottom);font-family:"Pretendard Variable",var(--font-sans),sans-serif;font-weight:800;font-size:var(--hero-fs);opacity:1;line-height:1.1;position:absolute}.Hero-module__Z8hQ_W__description{left:var(--col3-start);top:calc(100dvh - var(--row1-bottom) - var(--hero-fs)*.7);width:min(calc(25vw - .875*var(--site-padding)),450px);font-family:"Pretendard Variable",var(--font-sans),sans-serif;opacity:0;padding-top:1vw;padding-right:16px;font-size:clamp(.85rem,1vw,1rem);font-weight:600;line-height:1.4;position:absolute}.Hero-module__Z8hQ_W__description2{left:var(--col5-start);top:calc(100dvh - var(--row1-bottom) - var(--hero-fs)*.7);width:min(calc(25vw - .875*var(--site-padding)),450px);font-family:"Pretendard Variable",var(--font-sans),sans-serif;opacity:0;padding-top:1vw;padding-right:16px;font-size:clamp(.85rem,1vw,1rem);font-weight:600;line-height:1.4;position:absolute}.Hero-module__Z8hQ_W__scrollHint{top:clamp(1.05rem,1.8vw,2rem);left:var(--site-padding);opacity:1;flex-direction:column;align-items:flex-start;gap:.75rem;display:flex;position:absolute}.Hero-module__Z8hQ_W__scrollLabel{letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;opacity:1;font-size:.75rem;font-weight:900}.Hero-module__Z8hQ_W__scrollLine{opacity:1;transform-origin:top;background:currentColor;width:1px;height:3rem;margin-left:3px;display:block;transform:scaleY(1)}body.intro-playing .Hero-module__Z8hQ_W__hero{color:var(--color-blue);background:#fff;transition:none}body.no-intro .Hero-module__Z8hQ_W__nameBlock{opacity:1;clip-path:none;animation:none}body.intro-playing .Hero-module__Z8hQ_W__nameBlock{color:var(--color-blue);animation:.65s cubic-bezier(.76,0,.24,1) .1s both Hero-module__Z8hQ_W__introRevealClip}body.intro-playing .Hero-module__Z8hQ_W__hwang{animation:.75s cubic-bezier(.76,0,.24,1) .1s both Hero-module__Z8hQ_W__introRevealClipReverse}body.intro-playing .Hero-module__Z8hQ_W__nameG{animation:.75s cubic-bezier(.76,0,.24,1) .25s both Hero-module__Z8hQ_W__introRevealClipReverse}:is(body.intro-playing .Hero-module__Z8hQ_W__description,body.intro-playing .Hero-module__Z8hQ_W__description2){color:#fff;opacity:1;z-index:11}@keyframes Hero-module__Z8hQ_W__introReveal{0%{transform:translateY(120%)}to{transform:translateY(0)}}@keyframes Hero-module__Z8hQ_W__introRevealClip{0%{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);transform:translateY(.5rem)}to{clip-path:polygon(0% 110%,100% 110%,100% -10%,0% -10%);transform:translateY(0)}}@keyframes Hero-module__Z8hQ_W__introWipeX{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes Hero-module__Z8hQ_W__introRevealClipReverse{0%{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);transform:translateY(-.5rem)}to{clip-path:polygon(0% 110%,100% 110%,100% -10%,0% -10%);transform:translateY(0)}}.Hero-module__Z8hQ_W__heroWipe{background:var(--color-blue);color:#fff;z-index:10;pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path .65s cubic-bezier(.86,0,.07,1);position:absolute;inset:0;overflow:hidden}.Hero-module__Z8hQ_W__heroWipe.Hero-module__Z8hQ_W__wipeActive{clip-path:inset(0 0% 0 0)}.Hero-module__Z8hQ_W__wipeHwang{left:var(--hwang-start);bottom:var(--row2-bottom);font-family:"Pretendard Variable",var(--font-sans),sans-serif;font-weight:800;font-size:var(--hero-fs);color:#fff;line-height:.9;position:absolute}.Hero-module__Z8hQ_W__wipeScrollHint{top:clamp(1.05rem,1.8vw,2rem);left:var(--site-padding);color:#fff;flex-direction:column;align-items:flex-start;gap:.75rem;display:flex;position:absolute}.Hero-module__Z8hQ_W__wipeScrollLabel{letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;opacity:1;font-size:.75rem;font-weight:900}.Hero-module__Z8hQ_W__wipeScrollLine{opacity:1;background:currentColor;width:1px;height:3rem;margin-left:3px;display:block}.Hero-module__Z8hQ_W__wipeNameG{right:0;bottom:var(--row3-bottom);font-family:"Pretendard Variable",var(--font-sans),sans-serif;font-weight:800;font-size:var(--hero-fs);color:#fff;line-height:1.1;position:absolute}@media (orientation:landscape) and (max-aspect-ratio:8/5){.Hero-module__Z8hQ_W__hero{--hero-fs:min(clamp(5.75rem,23.6vw,386px),30dvh,calc((102.6vw - 20px)/4.78))}.Hero-module__Z8hQ_W__hwang,.Hero-module__Z8hQ_W__wipeHwang{left:unset;right:calc(var(--site-padding) - 1.2vw)}}@media (orientation:portrait){.Hero-module__Z8hQ_W__hero{--hero-fs:24vw}.Hero-module__Z8hQ_W__hwang,.Hero-module__Z8hQ_W__wipeHwang{left:unset;right:calc(var(--site-padding) - 1.5vw)}.Hero-module__Z8hQ_W__description{left:calc(var(--hero-fs)*1.47 - 1.4vw);top:calc(var(--nav-height) + var(--hero-fs)*.4);width:min(calc(100vw - var(--hero-fs)*1.47 + 1.4vw - var(--site-padding)),450px);padding-top:0;padding-right:0}.Hero-module__Z8hQ_W__description2{left:calc(var(--hero-fs)*1.47 - 1.4vw);top:calc(var(--nav-height) + var(--hero-fs)*.55 + 4rem);width:min(calc(100vw - var(--hero-fs)*1.47 + 1.4vw - var(--site-padding)),450px);padding-top:0;padding-right:0}.Hero-module__Z8hQ_W__description,.Hero-module__Z8hQ_W__description2{left:calc(.4375*var(--site-padding) + 37.5vw);width:calc(5/8*(100vw - 2*var(--site-padding)))}}
.Works-module__PuFMXG__works{z-index:10;background:var(--color-blue);color:#fff;padding:10.5rem var(--site-padding)15rem;min-height:100vh;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);position:relative}body.light .Works-module__PuFMXG__works{color:#0a0a0a;background:#fff}.Works-module__PuFMXG__header{border-bottom:1px solid #ffffff1a;align-items:baseline;gap:1.5rem;margin-bottom:5rem;padding-bottom:1.5rem;transition:border-color .5s cubic-bezier(.4,0,.2,1);display:flex}body.light .Works-module__PuFMXG__header{border-bottom-color:#0000001a}.Works-module__PuFMXG__index{letter-spacing:.12em;color:#ffffff4d;font-size:.7rem;font-weight:400;transition:color .5s cubic-bezier(.4,0,.2,1)}body.light .Works-module__PuFMXG__index{color:#0000004d}.Works-module__PuFMXG__heading{letter-spacing:.01em;color:#ffffffd9;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:300;transition:color .5s cubic-bezier(.4,0,.2,1)}body.light .Works-module__PuFMXG__heading{color:#000000b3}.Works-module__PuFMXG__grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:4vw 1vw;display:grid}@media (max-width:1024px){.Works-module__PuFMXG__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.Works-module__PuFMXG__grid{grid-template-columns:1fr;gap:3.5rem 0}}.Works-module__PuFMXG__item{cursor:pointer;opacity:0;flex-direction:column;gap:.6rem;min-width:0;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(48px)}.Works-module__PuFMXG__item.visible{opacity:1;transform:translateY(0)}.Works-module__PuFMXG__thumbnail{aspect-ratio:4/3;clip-path:inset(0 0 100%);background:#001ea059;transition:clip-path .5s cubic-bezier(.76,0,.24,1),background-color .5s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.Works-module__PuFMXG__item:hover .Works-module__PuFMXG__thumbnail{transform:scale(.94)}body.light .Works-module__PuFMXG__thumbnail{background:rgba(var(--color-blue-rgb),.08)}.Works-module__PuFMXG__item.visible .Works-module__PuFMXG__thumbnail{clip-path:inset(0 0 0%)}.Works-module__PuFMXG__thumbInner{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff1a 100%);width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.4,0,.2,1)}body.light .Works-module__PuFMXG__thumbInner{background:linear-gradient(135deg,rgba(var(--color-blue-rgb),.04)0%,rgba(var(--color-blue-rgb),.08)100%)}.Works-module__PuFMXG__thumbnail img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.Works-module__PuFMXG__item:hover .Works-module__PuFMXG__thumbnail img{transform:scale(1.12)}.Works-module__PuFMXG__thumbInner img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.Works-module__PuFMXG__info{opacity:0;flex-direction:column;gap:.2rem;transition:opacity .35s cubic-bezier(.16,1,.3,1) .2s,transform .35s cubic-bezier(.16,1,.3,1) .2s;display:flex;transform:translateY(8px)}.Works-module__PuFMXG__item.visible .Works-module__PuFMXG__info{opacity:1;transform:translateY(0)}.Works-module__PuFMXG__num{color:#ffffff80;opacity:0;font-size:.9rem;font-weight:500;transition:opacity .3s .15s,color .5s cubic-bezier(.4,0,.2,1);display:block}body.light .Works-module__PuFMXG__num{color:#0006}.Works-module__PuFMXG__item.visible .Works-module__PuFMXG__num{opacity:1}.Works-module__PuFMXG__title{letter-spacing:-.01em;color:var(--color-blue);font-size:clamp(1rem,1.4vw,1.2rem);font-weight:600;transition:opacity .25s,color .5s cubic-bezier(.4,0,.2,1)}body.light .Works-module__PuFMXG__title{color:var(--color-blue)}.Works-module__PuFMXG__item:hover .Works-module__PuFMXG__title{opacity:.5}.Works-module__PuFMXG__category{letter-spacing:.07em;text-transform:uppercase;color:#ffffff59;font-size:.72rem;font-weight:400;transition:color .5s cubic-bezier(.4,0,.2,1)}body.light .Works-module__PuFMXG__category{color:#00000059}