.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#f2ede6bf;border:none;border-radius:4rem;outline:none;width:12rem;height:auto;margin:1rem 0;padding:.15rem;font-size:.9rem;display:inline-block;position:relative;transform:scale(0)}.btn .circle{background:var(--base-450);border-radius:4rem;width:3rem;height:3rem;margin:0;font-size:1.5rem;transition:width .5s cubic-bezier(.65,0,.076,1);display:block;position:relative;overflow:hidden;transform:scale(0)}.btn .icon{color:var(--base-100);will-change:transform;font-size:1.5rem;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:.775rem;left:.95rem;transform:translate(0)}.btn .button-text{text-align:center;color:var(--base-500);white-space:nowrap;margin:0 0 0 1.25rem;font-family:Noto Sans KR,sans-serif;font-weight:600;line-height:1;transition:all .5s cubic-bezier(.65,0,.076,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn .line{will-change:transform;margin-bottom:-.2em;padding-bottom:.2em;position:relative}.btn:hover .circle{width:100%}.btn:hover .icon{transform:translate(.75rem)}.btn:hover .button-text{color:var(--base-100)}
.featured-projects{background-color:var(--base-500);width:100vw;color:var(--base-100);padding:1rem;position:relative}.featured-projects .featured-project-card{width:100%;height:100svh;transform-style:preserve-3d;perspective:1000px;will-change:transform;justify-content:center;align-items:center;display:flex;position:sticky}.featured-projects .featured-project-card-inner{background-color:var(--base-450);transform-origin:50% 100%;will-change:transform;border-radius:2rem;gap:1rem;width:100%;height:calc(100% - 2rem);padding:1rem;display:flex;position:relative;overflow:hidden}.featured-projects .featured-project-card-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.featured-projects .featured-project-card-content-main{flex-direction:column;align-items:flex-start;padding:2rem;display:flex}.featured-projects .featured-project-card-info{text-align:left;width:100%;color:var(--base-350);padding:2rem}.featured-projects .featured-project-card-title h2{padding:2rem 0 1rem}.featured-projects .featured-project-card-description{text-align:left;width:75%;color:var(--base-250)}.featured-projects .featured-project-card-services{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.featured-projects .service-tag{border:1px solid var(--base-300);color:var(--base-200);white-space:nowrap;border-radius:2rem;padding:.3rem .75rem;font-size:.75rem}.featured-projects .featured-project-card-img{border-radius:1.5rem;flex:1;width:100%;height:100%;overflow:hidden}.featured-projects .featured-project-card-inner:after{content:"";background-color:var(--base-500);width:100%;height:100%;opacity:var(--after-opacity,0);will-change:opacity;pointer-events:none;z-index:2;position:absolute;top:0;left:0}@media (max-width:1000px){.featured-projects .featured-project-card-inner{flex-direction:column}.featured-projects .featured-project-card-content,.featured-projects .featured-project-card-img{flex:1}.featured-projects .featured-project-card-info{text-align:center;width:75%;margin:0 auto}.featured-projects .featured-project-card-title{text-align:center;width:100%}.featured-projects .featured-project-card-description{display:none}}
.client-reviews{width:100vw;margin-left:calc(50% - 50vw);padding:3rem 0;overflow:hidden}.client-reviews-track{gap:1.5rem;width:max-content;display:flex}.client-review-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:1rem;flex-direction:column;flex-shrink:0;gap:1.25rem;width:360px;padding:2rem;transition:border-color .3s;display:flex}.client-review-card:hover{border-color:#ffffff40}.review-card-header{align-items:center;gap:.75rem;display:flex}.review-card-avatar{background:var(--base-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.review-card-avatar span{color:var(--base-200);font-size:.9rem;font-weight:600}.review-card-info{flex-direction:column;gap:.15rem;display:flex}.review-card-name{color:var(--base-100);font-size:.95rem;font-weight:600}.review-card-title{color:var(--base-400);font-size:.75rem}.review-card-text{color:var(--base-300);font-size:.95rem;line-height:1.6}@media (max-width:768px){.client-review-card{width:300px;padding:1.5rem}.review-card-text{font-size:.85rem}}
