*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fcfcfc;--color-text:#333;--color-blue:#0030df;--color-white:#fff;--font:"Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--max-width:1440px;--side-padding:clamp(60px, 10vw, 150px)}@media (width<=1023px){:root{--side-padding:6vw}}@media (width<=599px){:root{--side-padding:5vw}}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--color-bg);color:var(--color-text);letter-spacing:-.025em;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.header{z-index:100;color:var(--color-blue);padding:clamp(6px, .7vw, 10px) var(--side-padding);background-color:var(--color-bg);font-size:clamp(14px,1.1vw,16px);font-weight:500;position:fixed;top:0;left:0;right:0}.header__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (width<=1023px){.header{padding:1.2vw var(--side-padding);font-size:1.8vw}}@media (width<=599px){.header{padding:2.5vw var(--side-padding);font-size:3.5vw}}.hero{background-color:var(--color-bg);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero__inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(20px,2.8vw,40px);display:flex}.hero__title{-webkit-user-select:none;user-select:none;font-size:clamp(80px,13.9vw,200px);font-weight:600;line-height:.82}.hero__word{color:#0000;-webkit-text-stroke:2px var(--color-blue);background-image:linear-gradient(to right, var(--color-blue) 50%, transparent 50%);background-position:100%;background-size:210% 100%;-webkit-background-clip:text;background-clip:text;animation:.4s ease-in-out forwards titleFill;display:inline-block}@keyframes titleFill{to{background-position:0}}.hero__sub{color:var(--color-text);opacity:0;font-size:clamp(14px,1.25vw,18px);font-weight:400;line-height:1.2;animation:1s 1.3s forwards subFadeIn}@keyframes subFadeIn{to{opacity:1}}.hero__sub strong{color:var(--color-blue);font-size:clamp(16px,1.46vw,21px);font-weight:600}.hero__contact{color:var(--color-blue);font-size:clamp(14px,1.25vw,18px);font-weight:400;position:absolute;top:50%;transform:translateY(-50%)}.hero__contact--left{left:clamp(20px,2.4vw,35px)}.hero__contact--right{right:clamp(20px,2.4vw,35px)}@media (width<=1023px){.hero__inner{gap:3.5vw}.hero__sub{font-size:2vw}.hero__sub strong{font-size:2.2vw}.hero__contact{font-size:1.8vw}}@media (width<=599px){.hero__inner{padding:0 var(--side-padding);gap:6vw}.hero__title{font-size:18vw}.hero__sub{font-size:3.8vw}.hero__sub strong{font-size:4.2vw}.hero__contact{display:none}}.works{width:100%;padding:clamp(60px, 10vw, 150px) var(--side-padding)}.works__inner{max-width:var(--max-width);margin:0 auto}.works__projects{flex-direction:column;gap:clamp(100px,17vw,250px);display:flex}.works__personal-label{align-items:center;gap:16px;padding:16px 0;display:flex}.works__personal-label span{color:var(--color-text);font-size:12px;font-weight:700}.works__personal-label:after{content:"";background-color:#ddd;flex:1;height:1px}.project-card{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,4vw,60px);display:grid}.project-card--reverse{direction:rtl}.project-card--reverse>*{direction:ltr}.project-card__image{border-radius:8px;width:100%}.project-card__image img{width:80%;height:auto;display:block}.project-card__image-placeholder{aspect-ratio:16/10;width:100%}.project-card__content{flex-direction:column;gap:clamp(3px,.4vw,6px);display:flex}.project-card__type{color:var(--color-blue);font-size:clamp(12px,1vw,14px);font-weight:600}.project-card__title{margin-bottom:clamp(-8px,-.7vw,-3px);font-size:clamp(18px,1.8vw,26px);font-weight:600}.project-card__subtitle{color:var(--color-text);font-size:clamp(14px,1.1vw,16px);font-weight:500}.project-card__desc{color:var(--color-text);margin:clamp(8px,.8vw,12px) 0 clamp(20px,3vw,45px);font-size:clamp(14px,1.1vw,16px);font-weight:400;line-height:1.3}.project-card__meta{flex-direction:column;gap:clamp(3px,.4vw,6px);display:flex}.project-card__meta-row{color:var(--color-text);gap:clamp(6px,.8vw,12px);font-size:clamp(14px,1.1vw,16px);display:flex}.project-card__meta-label{min-width:clamp(25px,2.8vw,40px);font-size:clamp(14px,1.1vw,16px);font-weight:600}.project-card__tools{flex-direction:column;align-items:flex-start;gap:clamp(4px,.55vw,8px);margin-top:clamp(15px,2vw,30px);display:flex}.project-card__tool-icons{align-items:center;gap:4px;display:flex}.project-card__tool-icon img{object-fit:contain;width:clamp(14px,1.4vw,20px);height:clamp(14px,1.4vw,20px);margin:0 4px}.project-card__links{gap:clamp(6px,.8vw,12px);margin-top:clamp(15px,2vw,30px);display:flex}.project-card__btn{cursor:pointer;border-radius:20px;padding:clamp(4px,.4vw,6px) clamp(10px,1.4vw,20px);font-size:clamp(12px,1vw,14px);transition:background-color .2s,color .2s}.project-card__btn--outline{border:1px solid var(--color-blue);color:var(--color-blue);background:0 0}.project-card__btn--outline:hover{background-color:var(--color-blue);color:var(--color-white)}.project-card__btn--fill{background-color:var(--color-blue);color:var(--color-white);border:1.5px solid var(--color-blue)}.project-card__btn--fill:hover{color:var(--color-blue);background-color:#0000}@media (width<=1023px){.works__projects{gap:12vw}.project-card{grid-template-columns:1fr;gap:4vw}.project-card--reverse{direction:ltr}.project-card__image img{width:100%}.project-card__content{gap:.8vw}.project-card__type{font-size:1.6vw}.project-card__title{margin-bottom:-.5vw;font-size:3.2vw}.project-card__subtitle{font-size:2vw}.project-card__desc{margin:1.5vw 0 3vw;font-size:1.9vw}.project-card__meta-row{font-size:1.9vw}.project-card__meta-label{min-width:5vw;font-size:1.9vw}.project-card__tool-icon img{width:2.5vw;height:2.5vw}.project-card__btn{padding:.8vw 2.5vw;font-size:1.7vw}.project-card__links,.project-card__tools{margin-top:3vw}}@media (width<=599px){.works__projects{gap:16vw}.project-card{grid-template-columns:1fr;gap:5vw}.project-card__type{font-size:3vw}.project-card__title{margin-bottom:-1vw;font-size:6vw}.project-card__subtitle{font-size:3.8vw}.project-card__desc{margin:2.5vw 0 5vw;font-size:3.5vw}.project-card__meta-row{gap:2vw;font-size:3.5vw}.project-card__meta-label{min-width:9vw;font-size:3.5vw}.project-card__tool-icon img{width:5vw;height:5vw}.project-card__btn{padding:1.5vw 4vw;font-size:3.2vw}.project-card__links{gap:2.5vw;margin-top:4vw}.project-card__tools{margin-top:4vw}}.profile{width:100%;padding:clamp(60px, 10vw, 150px) var(--side-padding);opacity:0;transition:opacity .7s,transform .7s;transform:translateY(60px)}.profile--visible{opacity:1;transform:translateY(0)}.profile__inner{max-width:var(--max-width);grid-template-columns:clamp(160px,20vw,300px) 1fr;align-items:center;gap:clamp(60px,10vw,150px);margin:0 auto;display:grid}.profile__left{text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,1.5vw,21px);display:flex}.profile__name-kr{color:var(--color-text);font-size:clamp(28px,2.9vw,42px);font-weight:300}.profile__name-en{color:var(--color-text);font-size:clamp(14px,1.4vw,20px);font-weight:300}.profile__photo{border-radius:21px;width:100%;overflow:hidden}.profile__photo img{object-fit:cover;object-position:center top;width:100%;height:100%}.profile__right{flex-direction:column;gap:clamp(30px,4vw,60px);display:flex}.profile__quote{color:var(--color-text);font-size:clamp(16px,1.6vw,23px);font-weight:300;line-height:1.6}.profile__quote strong{color:var(--color-blue);font-weight:600}.profile__section-title{color:var(--color-blue);margin-bottom:clamp(12px,1.4vw,20px);font-size:clamp(15px,1.46vw,21px);font-weight:600}.profile__career{flex-direction:column;gap:clamp(6px,.7vw,10px);display:flex}.profile__career-item{color:var(--color-text);grid-template-columns:clamp(100px,13.9vw,200px) 1fr 1fr;align-items:center;gap:8px;font-size:clamp(12px,1.04vw,15px);font-weight:300;display:grid}.profile__career-period{color:#888}.profile__career-role{font-weight:500}.profile__career-company{color:#888;text-align:right}.profile__skills{flex-direction:column;gap:clamp(8px,.8vw,12px);display:flex}.skill-bar{justify-content:space-between;align-items:center;display:flex}.skill-bar__label{align-items:center;gap:8px;min-width:clamp(70px,9vw,130px);display:flex}.skill-bar__icon{object-fit:contain;width:clamp(18px,1.94vw,28px);height:clamp(18px,1.94vw,28px)}.skill-bar__name{color:var(--color-text);font-size:clamp(13px,1.1vw,16px);font-weight:400}.skill-bar__dots{gap:clamp(4px,.55vw,8px);display:flex}.skill-bar__dot{opacity:0;background-color:#e6eafc;border-radius:50%;width:clamp(8px,.83vw,12px);height:clamp(8px,.83vw,12px);transform:scale(0)}.profile--visible .skill-bar__dot{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards dotBounce;animation-delay:calc(.7s + var(--dot-delay,0s))}@keyframes dotBounce{0%{opacity:0;transform:translateY(12px)scale(.5)}60%{opacity:1;transform:translateY(-4px)scale(1.2)}to{opacity:1;transform:translateY(0)scale(1)}}.skill-bar__dot--filled{background-color:var(--color-blue)}@media (width<=1023px){.profile__inner{grid-template-columns:1fr;gap:6vw}.profile__left{text-align:left;flex-direction:row;align-items:center;gap:4vw}.profile__photo{flex-shrink:0;width:28vw}.profile__name-kr{font-size:4.5vw}.profile__name-en,.profile__quote{font-size:2.2vw}.profile__section-title{margin-bottom:1.8vw;font-size:2.2vw}.profile__career-item{grid-template-columns:22vw 1fr 1fr;font-size:1.6vw}.profile__career{gap:1vw}.skill-bar__label{min-width:14vw}.skill-bar__icon{width:2.8vw;height:2.8vw}.skill-bar__name{font-size:1.7vw}.skill-bar__dot{width:1.2vw;height:1.2vw}.skill-bar__dots{gap:.8vw}}@media (width<=599px){.profile{padding:12vw var(--side-padding)}.profile__inner{grid-template-columns:1fr;gap:8vw}.profile__left{text-align:center;flex-direction:column;align-items:center;gap:4vw}.profile__photo{width:55vw}.profile__name-kr{font-size:8vw}.profile__name-en{font-size:4vw}.profile__right{gap:8vw}.profile__quote{font-size:4vw}.profile__section-title{margin-bottom:3vw;font-size:4.5vw}.profile__career-item{border-bottom:1px solid #eee;grid-template-columns:1fr;gap:2px;padding-bottom:2vw;font-size:3.2vw}.profile__career-company{text-align:left}.profile__career{gap:2.5vw}.skill-bar__label{min-width:28vw}.skill-bar__icon{width:5.5vw;height:5.5vw}.skill-bar__name{font-size:3.5vw}.skill-bar__dot{width:2.5vw;height:2.5vw}.skill-bar__dots{gap:1.5vw}.profile__skills{gap:2.5vw}}.strengths{width:100%;padding:clamp(60px, 10vw, 150px) var(--side-padding);opacity:0;transition:opacity .7s,transform .7s;transform:translateY(60px)}.strengths--visible{opacity:1;transform:translateY(0)}.strengths__inner{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px);margin:0 auto;display:grid}.strengths-card{letter-spacing:-.025em;background-color:#001a7b;border-radius:21px;flex-direction:column;justify-content:space-between;width:100%;height:clamp(200px,31.25vw,450px);padding:clamp(18px,2vw,30px);line-height:1.4;display:flex;position:relative}.strengths-card__top{flex-direction:column;gap:clamp(8px,1.1vw,16px);display:flex}.strengths-card__title{color:var(--color-bg);font-size:clamp(20px,2.08vw,30px);font-weight:600}.strengths-card__desc{color:var(--color-bg);font-size:clamp(14px,1.25vw,18px);font-weight:300}.strengths-card__tags{flex-wrap:wrap;gap:clamp(5px,.7vw,10px);display:flex}.strengths-card__hover-img{opacity:0;border-radius:21px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute;inset:0;overflow:hidden;transform:translateY(60px)rotate(5deg)}.strengths-card__hover-img img{object-fit:cover;width:100%;height:100%}.strengths-card:hover .strengths-card__hover-img{opacity:1;transform:translateY(0)rotate(5deg)}.strengths-card__tag{color:var(--color-bg);border:1px solid var(--color-bg);border-radius:50px;padding:clamp(6px,.7vw,10px) clamp(8px,1vw,15px);font-size:clamp(13px,1.1vw,16px);font-weight:300}@media (width<=1023px){.strengths__inner{grid-template-columns:repeat(2,1fr);gap:2vw}.strengths-card{border-radius:16px;height:44vw;padding:3vw}.strengths-card__top{gap:1.5vw}.strengths-card__title{font-size:3.2vw}.strengths-card__desc{font-size:2vw}.strengths-card__tag{padding:1vw 1.5vw;font-size:1.7vw}.strengths-card__tags{gap:1vw}}@media (width<=599px){.strengths__inner{grid-template-columns:1fr;gap:4vw}.strengths-card{border-radius:14px;height:80vw;padding:5vw}.strengths-card__top{gap:3vw}.strengths-card__title{font-size:6.5vw}.strengths-card__desc{font-size:4vw}.strengths-card__tag{padding:1.5vw 2.5vw;font-size:3.5vw}.strengths-card__tags{gap:2vw}}.process{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.process__bg-images{pointer-events:none;z-index:0;position:absolute;inset:0}.process__bg-img{opacity:.2;object-fit:contain;width:clamp(150px,27.8vw,400px);animation:6s ease-in-out infinite bgFloat;position:absolute}.process__bg-img--1{animation-delay:0s;top:-17.4vw;left:-6.9vw}.process__bg-img--2{animation-delay:-2s;top:50%;left:50%;translate:-50% -50%}.process__bg-img--3{animation-delay:-4s;bottom:-12.5vw;right:-.7vw}@keyframes bgFloat{0%,to{transform:rotate(30deg)translateY(0)}50%{transform:rotate(30deg)translateY(-2.8vw)}}.process__content{text-align:center;z-index:1;padding:0 var(--side-padding);position:relative}.process__desc{font-size:clamp(16px,1.46vw,21px);font-weight:300}.process__desc strong{color:var(--color-blue);font-weight:600}@media (width<=1023px){.process__bg-img{width:35vw}.process__desc{font-size:2.5vw}}@media (width<=599px){.process__bg-img{width:50vw}.process__bg-img--1{top:-10vw;left:-15vw}.process__bg-img--3{bottom:-10vw;right:-15vw}.process__desc{font-size:4.5vw}}.contact{width:100%;padding-top:clamp(60px,10vw,150px);overflow:hidden}.contact__inner{width:100%}.contact__title{color:var(--color-blue);letter-spacing:-.025em;white-space:nowrap;width:100%;margin-bottom:-.22em;font-size:clamp(90px,12.8vw,185px);font-weight:600;line-height:1;display:block}@media (width<=1023px){.contact{padding-top:8vw}.contact__title{font-size:13vw}}@media (width<=599px){.contact{padding-top:12vw}.contact__title{font-size:14vw}}