@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css);#contact{height:100vh}.contact__inner{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;margin:0 auto;max-width:1200px;padding:16px}@media(max-width:800px){.contact__inner{justify-content:center}}.contact__inner .contact__title{color:#b62c33;color:var(--red100);font-size:clamp(3rem,10vw,8rem);font-weight:800;letter-spacing:-.3vw;line-height:1.5;text-indent:-.5vw;text-transform:uppercase;white-space:nowrap}.contact__inner .contact__info{align-items:center;background-color:#eee3da;background-color:var(--subBg100);border-radius:20px;color:#b62c33;color:var(--red100);display:flex;flex-direction:column;height:40vh;justify-content:center;position:relative;width:100%}.contact__inner .contact__info-text{margin-bottom:1rem}.contact__inner .contact__info-text h4{font-size:1.6rem;font-weight:600;line-height:1.3;margin-bottom:1rem;text-align:center;white-space:normal;word-break:keep-all}@media(min-width:1020px){.contact__inner .contact__info-text h4{font-size:2rem}}.contact__inner .contact__info-text p{font-size:1.2rem;text-align:center;white-space:normal;word-break:keep-all}.contact__inner .contact__info-link{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:start}.contact__inner .contact__info-link-group{align-items:center;background-color:#0000001a;border-radius:.25rem;display:flex;gap:.4rem;padding:.3rem .5rem;transition:background-color .3s,transform .2s;width:-webkit-fit-content;width:fit-content}.contact__inner .contact__info-link-group:hover{background-color:#0003}.contact__inner .contact__info-link-group.clickable{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.contact__inner .contact__info-link-group.clickable:hover{background-color:#00000040;transform:translateY(-1px)}.contact__inner .contact__info-link-group.clickable:active{transform:translateY(0)}.contact__inner .contact__info-link-group.clickable:focus-visible{outline:2px solid #b62c33;outline:2px solid var(--red100);outline-offset:2px}.contact__inner .contact__info-link-group.clickable p{position:relative}.contact__inner .contact__info-link-group.clickable .copy-tooltip{animation:tooltip-fade-in .2s ease;background:#b62c33;background:var(--red100);border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:.4rem .8rem;position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap}.contact__inner .contact__info-link-group.clickable .copy-tooltip:after{border:5px solid #0000;border-top:5px solid var(--red100);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.contact__inner .contact__info-link-group-divider{background:#b62c33;background:var(--red100);border-radius:1px;height:.7em;margin:.2rem;width:1px}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}#footer{font-family:Noto Sans KR;font-family:var(--mainKor-font)}.footer__inner{padding:3rem}.footer__inner-info{color:#686868;color:var(--black300);font-size:12px;text-align:center;text-transform:uppercase;white-space:normal;word-break:keep-all}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,helvetica,sans-serif;font-family:var(--mainEng-font),var(--mainKor-font),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}#skip a{background:#0c0c0c;background:var(--black);color:#fff;color:var(--white);font-size:1rem;left:10px;padding:10px 30px;position:absolute;top:-92px;z-index:100000}#skip a:active,#skip a:focus{top:10px}:root{--mainEng-font:"Pretendard";--mainKor-font:"Noto Sans KR";--mainBg-color:#f3ede8;--subBg100:#eee3da;--subBg200:#e0cebf;--subBg300:#d8bba3;--subBg400:#ccad93;--subBg500:#bb9d83;--white:#fff;--black:#0c0c0c;--black100:#2b2b2b;--black200:#434343;--black300:#686868;--black400:#e0e0e0;--red100:#b62c33;--red200:#9d262c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Pretendard,Noto Sans KR;font-family:var(--mainEng-font),var(--mainKor-font);font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}@media(max-width:800px){:root{font-size:14px;line-height:1.4}}body{background-color:#f3ede8;background-color:var(--mainBg-color);margin:0}#header .btn-box{align-items:center;background-color:#0000;border:none;display:flex;justify-content:center}#header{left:0;position:fixed;right:0;top:0;z-index:100}@media(min-width:1020px){#header{background-color:#0000}}#header .header__inner{align-items:center;justify-content:center;padding:1.25rem 1rem}@media(min-width:1020px){#header .header__inner{display:flex;flex-direction:row;justify-content:space-between;padding:.75rem 1.125rem}}#header .header__inner .header__icon{color:#0009;height:24px;margin-right:8px;transition:.3s;vertical-align:middle;width:24px}#header .header__inner .header__icon:hover{color:#b62c33}#header .header__inner .header__nav{align-items:center;background-color:#0000;bottom:.0625rem;color:#0009;column-gap:2.5rem;display:flex;flex-direction:row;justify-content:center;left:0;margin-top:1.25rem;padding:20px;position:absolute;right:0;row-gap:2.5rem;text-align:center;transform:translateY(-100%);transition:transform .3s ease-in-out}#header .header__inner .header__nav.active{background-color:#0003;transform:translateY(100%)}@media(min-width:1020px){#header .header__inner .header__nav{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;margin-top:0;padding:0;position:static;transform:translateY(0)!important}}#header .header__inner .header__nav .menu{grid-row-gap:.75rem;display:grid;max-width:45.75rem;row-gap:.75rem;width:100%;word-break:keep-all}@media(min-width:1020px){#header .header__inner .header__nav .menu{display:flex}}#header .header__inner .header__nav .menu__list{cursor:pointer}@media(min-width:1020px){#header .header__inner .header__nav .menu__list{margin:0}}#header .header__inner .header__nav .menu__list__link{border-radius:.375rem;display:block;font-size:1rem;font-weight:600;padding:.75rem}#header .header__inner .header__nav .menu__list__link:hover{background-color:#0003}#header .btn-box{border-radius:100%;cursor:pointer;font-size:.875rem;font-weight:600;height:2.5rem;position:absolute;right:1rem;top:.875rem;width:2.5rem}#header .btn-box:hover{background-color:#0003}@media(min-width:1020px){#header .btn-box{display:none}}.sr-only{clip:rect(0,0,0,0);border-width:0;-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}#intro{height:100dvh;width:100%}#intro .intro__inner{overflow:hidden;padding:16px}#intro .intro__inner .intro__text{color:#fff;color:var(--white)}#intro .intro__inner .intro__text-title{bottom:2rem;color:#b62c33;color:var(--red100);font-size:10vw;font-weight:800;letter-spacing:-.3vw;line-height:1;position:absolute;text-indent:-.5vw;text-transform:uppercase;white-space:nowrap}@media(min-width:1020px){#intro .intro__inner .intro__text-title{text-wrap:balance;max-width:5ch;overflow-wrap:anywhere;top:4rem;word-break:break-word}}#intro .intro__inner .intro__text-frame{bottom:7rem;display:flex;flex-flow:column;position:absolute}@media(min-width:768px){#intro .intro__inner .intro__text-frame{bottom:8rem}}@media(min-width:1020px){#intro .intro__inner .intro__text-frame{bottom:4rem}}#intro .intro__inner .intro__text-desc{font-size:4vw}@media(min-width:1020px){#intro .intro__inner .intro__text-desc{color:#434343;color:var(--black200);font-size:3vw}}#intro .intro__inner .intro__text-text{font-size:3vw}@media(min-width:1020px){#intro .intro__inner .intro__text-text{color:#434343;color:var(--black200);font-size:2vw}}#intro .intro__inner .img{align-items:center;display:flex;filter:grayscale(100%);height:100%;justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:100%;z-index:-1}@media(min-width:1020px){#intro .intro__inner .img{filter:grayscale(0);padding:80px;transform:translateY(-50%);width:-webkit-fit-content;width:fit-content}}#intro .intro__inner .img img{height:100%;object-fit:cover;object-position:bottom;width:100%}@media(min-width:1020px){#intro .intro__inner .img img{border-radius:20px}}#intro .intro__inner .update{bottom:2rem;color:#e0e0e0;color:var(--black400);position:absolute;right:2rem}@media(min-width:1020px){#intro .intro__inner .update{color:#686868;color:var(--black300)}}#intro .intro__inner .scroll-down{--bounce-y:12px;--bounce-duration:1.5s;align-items:center;bottom:1rem;color:#fff;color:var(--white);cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:center;left:47%;position:absolute;transform:translateX(-50%);width:60px}@media(min-width:1020px){#intro .intro__inner .scroll-down{color:#434343;color:var(--black200)}}#intro .intro__inner .animate-bounce{animation:bounceY var(--bounce-duration) cubic-bezier(.28,.84,.42,1) infinite;transform-origin:center bottom;will-change:transform}@keyframes bounceY{0%,20%,50%,80%,to{transform:translateZ(0)}40%{transform:translate3d(0,var(--bounce-y),0)}60%{transform:translate3d(0,calc(var(--bounce-y)*.55),0)}}@media(prefers-reduced-motion:reduce){#intro .intro__inner .animate-bounce{animation:none}}.project{background:#f3ede8;background:var(--mainBg-color);padding:6rem 2rem}.project .project__inner{margin:0 auto;max-width:1200px;position:relative}.project .project__header{margin-bottom:2rem}.project .project__title{color:#b62c33;color:var(--red100);font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:-.02em;line-height:1.1}.project .project__title em{display:block;font-size:1rem;font-weight:400;margin-top:.5rem;opacity:.8}.project .project__title-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.project .project__filter{display:flex;flex-wrap:wrap;gap:.8rem}.project .project__filter button{align-items:center;background:#f3ede8;background:var(--mainBg-color);border:0;border-radius:6px;color:#b62c33;color:var(--red100);cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:600;justify-content:center;padding:.5rem 1rem;transition:background .25s ease,color .25s ease}.project .project__filter button:hover{background:#eee3da;background:var(--subBg100)}.project .project__filter button.active{color:#fff;color:var(--white)}.project .project__filter button.active,.project .project__filter button.active:hover{background:#b62c33;background:var(--red100)}.project .project__grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:768px){.project .project__grid{grid-template-columns:1fr 1fr}}.project .project__item{background:#eee3da;background:var(--subBg100);border-radius:1rem;padding:2rem;position:relative;transition:transform .3s ease,background .3s ease;width:100%}.project .project__item:hover{box-shadow:0 10px 25px #94867833;transform:translateY(-6px)}.project .project__item-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project .project__item .card-link{inset:0;outline:none;position:absolute}.project .project__item .num{color:#b62c33;color:var(--red100);display:block;font-size:2rem;font-weight:900}.project .project__item .type{background:#e0cebf;background:var(--subBg200);border-radius:6px;color:#b62c33;color:var(--red100);font-size:.95rem;font-size:.8rem;line-height:1.55;padding:.4rem}.project .project__item .title{color:#b62c33;color:var(--red100);font-size:1.8rem;font-weight:800;margin-bottom:.6rem}.project .project__item .keyword{align-items:center;color:#686868;color:var(--black300);display:flex;font-size:.95rem;gap:.8rem;line-height:1.55;margin-bottom:.8rem;opacity:.9}.project .project__item .img{margin-bottom:.8rem}.project .project__item .img img{border-radius:1rem;height:auto;object-fit:cover;width:100%}.project .project__item .btn{align-items:center;display:flex;gap:.75rem;justify-content:start}.project .project__item .btn a{background:#b62c33;background:var(--red100);border-radius:8px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;position:relative;transition:transform .2s ease,background .2s ease;z-index:1}.project .project__item .btn a:hover{background:color-mix(in srgb,#b62c33,#fff 12%);background:color-mix(in srgb,var(--red100),#fff 12%);transform:translateY(-2px)}.project .project__item .btn--outline{background:#0000!important;border:2px solid #b62c33!important;border:2px solid var(--red100)!important;color:#b62c33!important;color:var(--red100)!important}.project .project__item .btn--outline:hover{background:#e0cebf!important;background:var(--subBg200)!important;transform:translateY(-2px)!important}.project .project__item .info{margin-top:1rem}.project .project__item .info span{font-size:.9rem;opacity:.8}.skill{background:#b62c33;background:var(--red100);color:#f3ede8;color:var(--mainBg-color);padding:6rem 2rem}.skill .skill__inner{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:1200px}@media(min-width:768px){.skill .skill__inner{display:grid;grid-template-columns:.6fr 1fr}}.skill .skill__inner-title{font-size:clamp(1rem,6vw,4rem)}.skill .skill__inner-title,.skill .skill__title{color:#f3ede8;color:var(--mainBg-color);font-weight:900;letter-spacing:-.02em;line-height:1.1}.skill .skill__title{font-size:clamp(3rem,10vw,8rem);white-space:nowrap}@media(min-width:768px){.skill .skill__title{height:5vw;left:0;position:-webkit-sticky;position:sticky;top:70px;white-space:normal;width:48%}}.skill .skill__content{display:flex;flex-direction:column;gap:3rem;grid-template-columns:1fr}.skill .skill__desc{display:flex;flex-direction:column;gap:2rem}.skill .skill__desc-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border-radius:12px;padding:2rem;transition:transform .3s ease,background .3s ease}.skill .skill__desc-item:hover{background:#ffffff1f;transform:translateY(-4px)}.skill .skill__desc-item h3{font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.skill .skill__desc-item h3 span{color:var(----red100);font-weight:900;margin-right:.5rem}.skill .skill__desc-item p{font-size:1rem;font-weight:500;line-height:1.6;opacity:.9;white-space:normal;word-break:keep-all}.skill .skill__desc-item p strong{color:#f3ede8;color:var(--mainBg-color);font-weight:800;opacity:1;text-decoration:underline}.skill .skill__desc-item.profile h3{font-size:1.6rem;font-weight:700;margin-bottom:.8rem}.skill .skill__desc-item.profile ul{display:flex;flex-direction:column;gap:1rem}.skill .skill__desc-item.profile ul li{display:flex;flex-direction:column;gap:.3rem;white-space:normal;word-break:keep-all}.skill .skill__desc-item.profile ul li .skill__meta{align-items:center;background-color:#0000001a;border-radius:.25rem;display:flex;gap:.4rem;padding:.3rem .5rem;width:-webkit-fit-content;width:fit-content}.skill .skill__desc-item.profile ul li .skill__meta .skill__divider{background:#fff9;border-radius:1px;height:.7em;margin:.2rem;width:1px}.skill .skill__desc-item.profile ul li .skill__info{padding:.2rem}.skill .skill__desc-item.profile ul li .skill__info span{font-weight:800}.skill .skill__desc-item.profile ul li .skill__date{white-space:nowrap}.skill .skill__tools{display:flex;flex-direction:column;gap:2rem}.skill .skill__tools-group{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border-radius:12px;padding:2rem;transition:transform .3s ease,background .3s ease}.skill .skill__tools-group:hover{background:#ffffff1f;transform:translateY(-4px)}.skill .skill__tools-group h4{color:#f3ede8;color:var(--mainBg-color);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.skill .skill__tools-group .skill__icons{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.skill .skill__tools-group .icon__cover{align-items:center;block-size:48px;display:flex;inline-size:48px;justify-content:center}.skill .skill__tools-group .icon__svg{display:block;height:100%;overflow:visible!important;transition:transform .3s ease,opacity .3s ease;width:100%}.skill .skill__tools-group .icon__svg:hover{opacity:.8;transform:scale(1.1)}.skill .skill__tools-group .icon__svg.html,.skill .skill__tools-group .icon__svg.javascript,.skill .skill__tools-group .icon__svg.react{transform:translateY(-3px);width:40px}.skill .skill__tools-group .icon__svg.illustrator,.skill .skill__tools-group .icon__svg.photoshop{width:41px}.skill .skill__tools-group .icon__svg.notion{width:32px}.skill .skill__tools-group .icon__svg.discord{width:40px}.project__wapper{background:#f3ede8;background:var(--mainBg-color);padding:1rem 1rem 4rem}.project__wapper .project__inner{margin:0 auto;max-width:1200px}.project__wapper .project__inner-back{color:#686868;color:var(--black300);display:block;padding:2rem 0;transition:.3s;width:-webkit-fit-content;width:fit-content}.project__wapper .project__inner-back:hover{color:#b62c33;color:var(--red100)}.project__wapper .project__header{display:flex;flex-direction:column-reverse;gap:2rem;margin-bottom:5rem}@media(min-width:1020px){.project__wapper .project__header{display:grid;grid-template-columns:.7fr 1fr}}.project__wapper .project__header-inner{display:flex;flex-direction:column;gap:1rem}.project__wapper .project__header-inner .project__title{color:#b62c33;color:var(--red100);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1;margin-bottom:1rem}.project__wapper .project__header-inner .project__about{display:flex;flex-direction:column;gap:.8rem}.project__wapper .project__header-inner .project__about-row{display:flex;gap:1rem}.project__wapper .project__header-inner .project__about-row b{color:#b62c33;color:var(--red100);font-weight:700;white-space:nowrap}.project__wapper .project__header-inner .project__about-row p{color:#434343;color:var(--black200);font-weight:700;white-space:normal;word-break:keep-all}.project__wapper .project__header-inner .project__buttons{display:flex;flex-wrap:wrap;gap:1rem}.project__wapper .project__header-inner .project__buttons .btn{border-radius:8px;display:inline-block;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;position:relative;transition:transform .2s ease,background .2s ease,border-color .2s ease;z-index:1}.project__wapper .project__header-inner .project__buttons .btn--fill{background:#b62c33;background:var(--red100);border:2px solid #b62c33;border:2px solid var(--red100);color:#fff}.project__wapper .project__header-inner .project__buttons .btn--fill:hover{background:color-mix(in srgb,#b62c33,#fff 12%);background:color-mix(in srgb,var(--red100),#fff 12%);border-color:color-mix(in srgb,#b62c33,#fff 12%);border-color:color-mix(in srgb,var(--red100),#fff 12%);transform:translateY(-2px)}.project__wapper .project__header-inner .project__buttons .btn--outline{background:#0000;border:2px solid #b62c33;border:2px solid var(--red100);color:#b62c33;color:var(--red100)}.project__wapper .project__header-inner .project__buttons .btn--outline:hover{background:#e0cebf;background:var(--subBg200);transform:translateY(-2px)}.project__wapper .project__header .project__thumbnail img{border-radius:12px;box-shadow:0 10px 25px #0000001a;display:block;width:100%}@media(min-width:1020px){.project__wapper .project__contents{display:grid;grid-template-columns:.2fr 1fr}}.project__wapper .project__aside{display:none}@media(min-width:1020px){.project__wapper .project__aside{display:flex;flex-direction:column;gap:1rem;height:5vw;left:0;position:-webkit-sticky;position:sticky;scroll-margin-top:80px;top:120px;white-space:normal;width:100%}.project__wapper .project__aside-title{color:#686868;color:var(--black300);cursor:pointer;font-size:clamp(1.2rem,5vw,1.2rem);font-weight:700;-webkit-user-select:none;user-select:none;white-space:nowrap}.project__wapper .project__aside-title:focus,.project__wapper .project__aside-title:hover{color:#434343;color:var(--black200)}.project__wapper .project__aside-title.active{color:#b62c33;color:var(--red100)}.project__wapper .project__aside-link{cursor:pointer;display:block;height:100%;padding:.5rem 0;width:100%}}.project__wapper .project__item{display:flex;flex-direction:column;gap:3rem}.project__wapper .project__article{display:flex;flex-direction:column;gap:4rem}@media(min-width:768px){.project__wapper .project__article{gap:6rem}}.project__wapper .project__article-section{display:flex;flex-direction:column;gap:1rem;scroll-margin-top:80px}.project__wapper .project__article-section-title{color:#b62c33;color:var(--red100);font-size:clamp(1.5rem,5vw,1.5rem);font-weight:700;position:relative}.project__wapper .project__article-section .my-badge{background:#b62c33;background:var(--red100);border-radius:999px;box-shadow:0 2px 8px #ff000014;color:#fff;color:var(--white);display:inline-block;font-size:.6em;font-weight:700;letter-spacing:.03em;line-height:.6;margin-left:.5rem;padding:.8rem;text-align:center;vertical-align:middle;white-space:nowrap}.project__wapper .project__article-section-inner{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr)}@media(min-width:768px){.project__wapper .project__article-section-inner{grid-template-columns:repeat(2,1fr)}.project__wapper .project__article-section-inner.introduction,.project__wapper .project__article-section-inner.retrospect{grid-template-columns:repeat(1,1fr)}}.project__wapper .project__article .section__card{background:#fff;border:1px solid #eee3da;border:1px solid var(--subBg100);border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-align:left;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.project__wapper .project__article .section__card h4{color:#2b2b2b;color:var(--black100);font-size:1.1rem;font-weight:700;white-space:normal;word-break:keep-all}.project__wapper .project__article .section__card .card_inner{display:flex;gap:1rem}.project__wapper .project__article .section__card b{white-space:nowrap}.project__wapper .project__article .section__card p{color:#686868;color:var(--black300);font-size:1rem;font-weight:500;line-height:1.5;white-space:normal;word-break:keep-all}.project__wapper .project__article .section__card.active,.project__wapper .project__article .section__card:hover{box-shadow:0 10px 20px #00000014}.project__wapper .project__article .section__card.intro{background:linear-gradient(135deg,#fff5f5,#ffecec);border-left:6px solid #b62c33;border-left:6px solid var(--red100);border-radius:16px;box-shadow:0 10px 25px #ff000014;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .4s ease;width:100%}.project__wapper .project__article .section__card.intro:before{background:radial-gradient(circle at center,#ff000014,#0000 70%);content:"";height:300px;position:absolute;right:-40%;top:-40%;width:300px;z-index:0}.project__wapper .project__article .section__card.intro h4{color:#434343;color:var(--black200);font-size:1.2rem;font-weight:800;position:relative}.project__wapper .project__article .section__card.intro p{color:#333;font-size:1rem;line-height:1.7;position:relative;z-index:1}.project__wapper .project__article .section__card.intro:hover{box-shadow:0 15px 35px #ff000026}.project__view{scroll-margin-top:80px}.project__view ul{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))!important}@media(min-width:1020px){.project__view ul{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.project__view .project__image{aspect-ratio:3/2;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.project__view .project__image-name{background-color:#0006;border-radius:6px;color:#fff;color:var(--white);font-size:.8rem;font-weight:600;left:.5rem;line-height:1.3;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:.5rem;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;width:-webkit-fit-content;width:fit-content}.project__view .project__image img{display:block;height:100%;object-fit:cover;width:100%}.project__view .project__image img:hover .project__view .project__image img-name{display:block}.project__view .project__image:focus-within,.project__view .project__image:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-3px)}.project__view .project__image:focus-within .project__view .project__image-name,.project__view .project__image:hover .project__image-name{opacity:1;transform:translateY(0)}.image-preview-modal{align-items:center;animation:ipm-fade-in .12s ease-out;background:#000c;display:flex;inset:0;justify-content:center;opacity:1;position:fixed;z-index:9999}.image-preview-modal__dialog{border-radius:1rem;max-height:85vh;overflow:hidden;position:relative;width:min(90vw,1200px)}.image-preview-modal__img{background:#000;box-shadow:0 10px 25px #00000059;display:block;height:100%;object-fit:contain;width:100%}.image-preview-modal__close-button{align-items:center;background:#fff3;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:background .16s ease,transform 80ms ease}.image-preview-modal__close-button svg{display:block;height:20px;width:20px}.image-preview-modal__close-button:hover{background:#ffffff4d}.image-preview-modal__close-button:active{transform:scale(.96)}.image-preview-modal__close-button:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes ipm-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.image-preview-modal{animation:none}}.backtotop{background:#d8bba3;background:var(--subBg300);border:0;border-radius:9999px;bottom:2rem;box-shadow:0 10px 25px #0003;color:#b62c33;color:var(--red100);cursor:pointer;display:grid;height:48px;place-items:center;position:fixed;right:2rem;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease;width:48px;z-index:1000}.backtotop svg{display:block;height:20px;transition:transform .2s ease;width:20px}.backtotop:hover{background:#ccad93;background:var(--subBg400);box-shadow:0 14px 30px #00000047}.backtotop:active{transform:scale(.95)}.backtotop:focus-visible{outline:2px solid #b62c33;outline:2px solid var(--red100);outline-offset:3px}@media(max-width:480px){.backtotop{bottom:5rem;height:44px;right:16px;width:44px}.backtotop svg{height:18px;width:18px}}.copyemail{background:#d8bba3;background:var(--subBg300);border:0;border-radius:9999px;bottom:6rem;box-shadow:0 10px 25px #0003;color:#b62c33;color:var(--red100);cursor:pointer;display:grid;height:48px;place-items:center;position:fixed;right:2rem;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease;width:48px;z-index:1000}.copyemail svg{display:block;height:20px;transition:transform .2s ease;width:20px}.copyemail:hover{background:#ccad93;background:var(--subBg400);box-shadow:0 14px 30px #00000047}.copyemail:hover svg{transform:translateY(-1.5px)}.copyemail:active{transform:scale(.95)}.copyemail:focus-visible{outline:2px solid #b62c33;outline:2px solid var(--red100);outline-offset:3px}.copyemail__tooltip{animation:tooltip-slide-up .3s ease;background:#b62c33;background:var(--red100);border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 4px 12px #0003;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem .9rem;white-space:nowrap}.copyemail__tooltip,.copyemail__tooltip-arrow{left:50%;position:absolute;transform:translateX(-50%)}.copyemail__tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #b62c33;border-top:6px solid var(--red100);height:0;top:100%;width:0}@media(max-width:480px){.copyemail{bottom:16px;height:44px;right:16px;width:44px}.copyemail svg{height:18px;width:18px}.copyemail__tooltip{bottom:calc(100% + 10px);font-size:.8rem;padding:.4rem .8rem}}@keyframes tooltip-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
/*# sourceMappingURL=main.8af99803.css.map*/