@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap);@import url(https://use.typekit.net/dil6xhk.css);@import url(https://use.typekit.net/wtg2jdl.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.en-style{--font-family:"adelphi-pe-variable",sans-serif;--h1-font-size:68px;--h2-font-size:24px;--h4-font-size:18px;--h5-font-size:16px;--project-title-size:14px;--h2-line-height:32px;--h1-font-weight:"opsz" 12,"slnt" 0,"wght" 800;--h2-font-weight:"opsz" 6,"slnt" 0,"wght" 100;--h4-font-weight:"opsz" 6,"slnt" 0,"wght" 400;--h5-font-weight:"opsz" 6,"slnt" 0,"wght" 200;--h6-font-weight:"opsz" 6,"slnt" 0,"wght" 300}.zh-style{--font-family:"Noto Sans TC",sans-serif;--h1-font-size:64px;--h2-font-size:22px;--h4-font-size:18px;--h5-font-size:16px;--project-title-size:14px;--h2-font-weight:"wght" 400;--h4-font-weight:"wght" 400;--h5-font-weight:"wght" 400;--h2-line-height:36px;--h1-font-weight:"wght" 600}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#dfded9;font-family:var(--font-family);overflow:-moz-scrollbars-none;overflow-y:scroll}body::-webkit-scrollbar{display:none}h1{color:#fff;font-size:var(--h1-font-size);font-variation-settings:var(--h1-font-weight);font-weight:var(--h1-font-weight)}h4{font-size:var(--h4-font-size);font-variation-settings:var(--h5-font-weight);letter-spacing:1px}h5{font-size:var(--h5-font-size);font-variation-settings:var(--h5-font-weight);letter-spacing:.6px}.background-slide{animation:slideIn 1.5s cubic-bezier(.7,.05,.01,.99) forwards;animation-delay:1s;background:#0e0e0e;bottom:0;height:100%;left:0;position:fixed;transform:translateY(100%);width:100%;z-index:-1}.initial-text{animation:fadeIn .5s ease-in-out forwards,fadeOut .3s ease-in-out 1.3s forwards;color:#0e0e0e;font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:48px;font-weight:500;left:50%;opacity:0;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-2}@keyframes fadeIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0e0ee6;border-bottom:1px solid #2b2b2b;display:flex;gap:64px;justify-content:space-between;min-width:30%;opacity:0;padding:14px 48px 12px;position:fixed;transition:transform .6s cubic-bezier(.25,.8,.25,1);width:100%;z-index:10}.header-button{background-color:#0000;border:none;color:#676767;cursor:pointer;font-family:Noto Sans TC,sans-serif;font-size:16px;padding:4px 14px;transition:color .4s;z-index:50}.header-button:hover{color:#fff}.header.hidden{transform:translateY(-100%)}.content{flex:1 1}.header.animate{animation:fadeIn .5s ease-in-out forwards;opacity:1}.nav-logo{align-items:center;display:flex;justify-content:center}.nav-logo img{width:48px}.link-group{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0000004d;border:1px solid #2b2b2b;border-radius:100px;justify-content:space-between;padding:6px}.link-container,.link-group{align-items:center;column-gap:16px;display:flex}.link-container,.spotlight-container{justify-content:center}.spotlight-container{align-items:flex-start;cursor:default;display:flex;flex-direction:column;margin:auto;max-width:1440px;padding-left:48px;padding-right:48px;padding-top:140px;text-align:left}.spotlight-container h2{color:#676767;font-size:var(--h2-font-size);font-variation-settings:var(--h2-font-weight);letter-spacing:1px;line-height:var(--h2-line-height)}.banner{margin-bottom:80px}.wrapper-title{margin-bottom:20px}.wrapper-hint{cursor:pointer;display:inline-block;margin-top:80px}.ad-column1,.hint-link,.text,.title{opacity:0}.hint-link{display:inline-block}.hint{background-color:#1c1c1c;border:1px solid #dac5a766;border-radius:1px;box-shadow:0 4px 2px #0000001a;color:#d7c6a9;padding:8px 12px 8px 16px;transition:transform .3s ease,box-shadow .3s ease}.hint:hover{box-shadow:0 8px 16px #0003;transform:translateY(-4px)}.portfolio{margin-bottom:80px;opacity:0;width:100%}.portfolio>h5{color:#d7c6a9;margin-top:60px}.card:first-child{grid-column:span 2}.card>h5{color:#d7c6a9;margin-top:24px}.card-group{grid-column-gap:60px;align-items:center;border-bottom:1px solid #2b2b2b;column-gap:60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-content:flex-start;margin-top:20px;padding-bottom:64px;width:100%}.card-title{color:#fff;font-size:48px;font-variation-settings:var(--h4-font-weight);margin-bottom:8px}.card-content{color:#676767;font-size:var(--h4-font-size);font-variation-settings:var(--h6-font-weight)}.card-content_more{margin-top:16px}.card-content_more,.card-type{color:#bcbcbc;font-size:var(--h5-font-size);font-variation-settings:var(--h6-font-weight);letter-spacing:.3px}.card-type{margin-top:8px}.card-img{margin-top:60px;opacity:0}.card-img img{border:1px solid #2b2b2b;border-radius:12px;margin-bottom:40px;width:100%}.card-img section{margin-bottom:80px}.card-wrapper{opacity:0;width:100%}.ad-column1.animate,.card-wrapper.animate,.footer.animate,.hint-link.animate,.text.animate,.title.animate{animation:fadeInUp 1.5s cubic-bezier(.4,.01,.01,1) forwards;opacity:1}.portfolio.animate{animation:blurToClear .5s ease-out forwards;animation-delay:.5s}@keyframes blurToClear{0%{filter:blur(10px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.card-img{animation:blurToClear2 1s ease-out forwards;animation-delay:2.5s}@keyframes blurToClear2{0%{filter:blur(20px);opacity:0;transform:translateY(20px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.circle-overlay{background-color:#dfded9;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:1000}.next-projects{margin-bottom:80px}.ad{background-color:#1c1c1c;border:1px solid #2b2b2b;border-radius:3px;min-height:170px;padding:16px 20px}.ad-topic{align-items:center;display:flex;justify-content:flex-start;margin-bottom:8px}.ad-topic h4{margin-left:12px}.ad-column1{grid-gap:24px;align-items:center;color:#d7c6a9;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));justify-content:center;width:100%}.ad h5{color:#bcbcbc}.project{border:1px solid #2b2b2b;border-radius:4px;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project,.project-info{display:flex;flex-direction:column}.project-info{align-items:flex-start;background-color:#1c1c1c;color:#bcbcbc;height:80px;justify-content:center;padding:10px 24px}.project-info span{color:#d7c6a9;font-size:var(--project-title-size);font-variation-settings:var(--h4-font-weight)}.project-container{grid-column-gap:24px;grid-row-gap:32px;align-items:center;column-gap:24px;display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;margin-top:40px;row-gap:32px}.project-container_info{align-items:flex-start;cursor:default;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:1440px;padding-left:48px;padding-right:48px;padding-top:100px;text-align:left}.project img{width:100%}.project-effect{position:relative;transition:transform .3s ease}.project-effect:hover{transform:translateY(-10px) rotateX(-8deg) rotateY(8deg) scale(1)}.project-effect:after{background-color:#2b2b2b;border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;transform:translate(0) scale(1);transition:transform .3s ease;width:100%;z-index:-1}.project-effect:hover:after{box-shadow:10px 10px 6px #00000080;transform:translate(4px,4px) scale(1.01)}.page-container{display:flex;flex-direction:column;min-height:100vh}.footer{color:#bcbcbc;flex-shrink:0;letter-spacing:.5px;margin:auto;max-width:1440px;opacity:0;padding:40px 48px 24px;text-align:center}.footer p{font-size:var(--project-title-size);font-variation-settings:var(--h4-font-weight);margin-bottom:8px}.footer-container{align-items:center;column-gap:12px;display:flex;justify-content:center}@media screen and (max-width:840px){.banner{margin-bottom:40px}.spotlight-container p{font-size:18px;line-height:28px}h1 .zh-style{--h1-font-size:56px}.ad{min-height:130px}.ad-column1{grid-template-columns:1fr;row-gap:20px}.project-container{gap:16px;grid-template-columns:1fr 1fr}}@media screen and (max-width:660px){.project-container{grid-template-columns:1fr;row-gap:24px}}@media screen and (max-width:588px){.footer-container{flex-direction:column}.footer-container .line{display:none}.card-title{line-height:64px;margin:12px 0 20px}}@media screen and (max-width:480px){.spotlight-container{padding:132px 20px 0}.header{padding:12px 20px}.project-container_info{padding:80px 20px 0}}@media screen and (max-width:428px){.card:first-child{grid-column:span 1}.card-group{grid-template-columns:1fr}.zh-style{--h1-font-size:56px;--h2-font-size:20px;--h2-line-height:28px}.en-style{--h1-font-size:44px;--h2-font-size:20px;--h2-line-height:24px}}
/*# sourceMappingURL=main.42c70596.css.map*/