#project-detail{width:100%;height:100%}.project-detail-header{background-color:var(--color-primary);min-height:500px;display:flex;flex-direction:column;align-items:center;padding-top:162px;position:relative}.project-detail-header__project-number{position:relative;font-family:Roboto,sans-serif;font-weight:300;letter-spacing:.1em;font-size:16.2px;color:#fff;margin-bottom:20px}.line-after{transform:translate(-50%) rotate(0);width:1px;height:60px;background-color:#fff;transform-origin:top;transform:scaleY(0)}.gradation__bar{width:30px;background:#0083ff;background:linear-gradient(180deg,#0083ff,#f8fcff 41%,#fff);margin-right:2.8px}.gradation__bar:nth-child(1){height:120px}.gradation__bar:nth-child(2){height:160px}.gradation__bar:nth-child(3){height:200px}.gradation__bar:nth-child(4){height:240px}.project-detail-header .half-circle{position:absolute;bottom:-4%;left:50%;transform:translate(-50%);max-width:215px;height:auto}.project-detail-header-title{max-width:1200px;margin:30px auto 100px}.article-heading{font-size:19.8px;line-height:2;color:#fff;font-weight:300;text-align:center;margin-bottom:110px}.project-detail-content_a{max-width:700px;margin-top:119px;margin-inline:auto}.project-detail-content_a .item{margin:120px 0}.project-details_a{display:grid;grid-template-columns:auto 1fr;gap:20px 40px;max-width:600px}.solution p{margin-bottom:2rem}.solution-description{font-size:17px;line-height:2}.issue-description{color:var(--color-primary);font-size:17px;line-height:2}.label_a{font-family:Roboto,sans-serif;font-size:15px;color:var(--color-primary);font-style:italic;white-space:nowrap}.value_a{font-size:14px;color:#333}h1{font-size:1.2rem;font-weight:400;margin-bottom:1rem;text-align:center;line-height:220%}.project-detail-content-title{color:var(--color-primary);font-size:14px;font-weight:400;width:120px;flex-shrink:0;position:relative;padding-left:15px;line-height:1.4;margin-bottom:2rem;margin-right:4rem}.project-detail-content-summary{font-size:14px;line-height:1.8}.project-detail-content-title:before{content:"";position:absolute;left:0;top:.2em;width:4px;height:1em;background-color:var(--color-primary)}.images{width:100%;max-width:850px;margin-inline:auto;margin-bottom:200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;justify-items:center;align-items:center}.images img{width:100%;height:300px;max-width:420px;object-fit:cover;display:block}.customer-feedback{display:flex;align-items:center;justify-content:center;margin-top:120px;margin-bottom:120px}.customer-icon{width:100%}.avatar-container{width:120px;height:120px;margin-right:40px;display:flex;align-items:center;justify-content:center}.avatar{width:120px;height:120px;flex-shrink:0}.speech-bubble{position:relative;max-width:551px;height:210px;background-color:#fff;border:2px solid #007bff;border-radius:10px;padding:1.5rem;font-size:14px;line-height:1.8;display:flex;align-items:center}.speech-bubble:before{position:absolute;top:50%;left:-20px;transform:skewY(-25deg);height:20px;width:20px;border-bottom:2px solid var(--color-primary);background-color:#fff;content:""}.customer-feedback-title{color:#007bff;font-weight:700;margin-bottom:10px;position:absolute;top:-10px;left:10px;background-color:#fff;font-weight:400;padding:0 5px}@media(max-width:768px){.article-heading{font-size:calc(28px * var(--ratio));margin-bottom:60px}.project-detail-content_a{margin-top:calc(132px * var(--ratio));padding:0 1.5rem}.project-detail-header{min-height:0;padding-top:calc(158px * var(--ratio))}.project-detail-content_a .item{margin:calc(144px * var(--ratio)) 0}.project-detail-header .half-circle{max-width:180px}.project-detail-header__project-number{font-size:calc(24px * var(--ratio));color:#fff;padding-bottom:5px}.project-detail-content-title{font-size:calc(28px * var(--ratio))}.project-detail-content-summary{font-size:calc(25px * var(--ratio));line-height:1.8}.solution-description,.issue-description{font-size:calc(25px * var(--ratio));line-height:2}.label{font-size:calc(27px * var(--ratio))}.value{font-size:calc(25px * var(--ratio))}.speech-bubble{font-size:calc(22px * var(--ratio))}.images{margin-bottom:0;padding:0 10%;padding-bottom:calc(120px * var(--ratio))}.back-button-wrapper{margin-bottom:calc(152px * var(--ratio))}.gradation__bar{width:15px;margin-right:2.8px}.gradation__bar:nth-child(1){height:40px}.gradation__bar:nth-child(2){height:60px}.gradation__bar:nth-child(3){height:80px}.gradation__bar:nth-child(4){height:100px}.customer-feedback{flex-direction:column;gap:3rem;align-items:center;justify-content:center;margin:0}.speech-bubble:before{position:absolute;top:-19.5px;left:50%;transform:skew(25deg);height:20px;width:20px;border-left:2px solid var(--color-primary);border-bottom:none;background-color:#fff;content:""}}.project-detail{width:100%;height:100%}.project-detail-title{padding-top:144px;text-align:center}.project-detail-title__project-number{position:relative;font-family:Roboto,sans-serif;font-weight:300;letter-spacing:.1em;font-size:23px;color:var(--color-primary);margin-bottom:20px}.project-detail-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:119px}.project-details{display:grid;grid-template-columns:auto 1fr;gap:20px 60px;max-width:900px}.label{font-family:Roboto,sans-serif;font-size:21px;color:var(--color-primary);font-style:italic;white-space:nowrap;line-height:2.2}.value{font-size:19.7px;font-weight:300;color:#333;line-height:2.2}.achievements{max-width:900px;margin-inline:auto}.achievements__title{color:var(--color-primary);font-size:20px;font-weight:400;width:120px;flex-shrink:0;position:relative;padding-left:15px;line-height:1.4;margin-bottom:61px;margin-right:4rem}.achievements__title:before{content:"";position:absolute;left:0;top:.2em;width:4px;height:1em;background-color:var(--color-primary)}.achievements__summary{font-size:20px;line-height:2}.project{display:flex;max-width:1260px;width:100%;margin-inline:auto;margin-top:134px;position:relative}.project:before{content:"";display:block;padding-top:71.43%}.project__inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.project__image-container{width:50%;height:100%;position:relative;overflow:hidden}.project__image{position:absolute;top:0;right:0;height:100%;width:auto;min-width:100%;object-fit:cover;object-position:right center}.project__content{width:50%;height:100%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center}.project__description{height:100%;font-size:16px;font-weight:400;line-height:2;letter-spacing:.05em;padding:20px 60px;display:flex;flex-direction:column;justify-content:center}.gradation__bars{position:absolute;right:0;bottom:0;display:flex;align-items:flex-end}.gradation__bar{width:20px;background:linear-gradient(180deg,#0083ff,#f8fcff 41%,#fff);margin-right:1.5px}.gradation__bar:nth-child(1){height:8vh}.gradation__bar:nth-child(2){height:12vh}.gradation__bar:nth-child(3){height:16vh}.gradation__bar:nth-child(4){height:20vh}.gradation__bar:last-child{margin-right:0}.slider-container{width:100%;height:510px;position:relative;overflow:hidden;margin-top:118px;margin-bottom:198px}.slider-track{height:100%;position:absolute;display:flex;align-items:center;left:0;top:0}.slide{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.slide img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.back-button-wrapper{display:flex;justify-content:center;margin-bottom:250px}@media(max-width:768px){.project-detail-content{margin-top:calc(132px * var(--ratio));padding:0 1.5rem}.project-detail-title{min-height:0;padding-top:calc(158px * var(--ratio))}.project{height:100vh;margin-top:60px}.project:before{display:none}.project__inner{position:relative;height:100%;flex-direction:column}.project__image-container,.project__content{width:100%;height:50vh}.project__image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.project__description{padding:10px 20px;font-size:12px;line-height:1.5;max-height:50vh;overflow-y:auto;justify-content:unset}.project-detail-title__project-number{font-size:calc(34px * var(--ratio));padding-bottom:5px}.achievements__title{font-size:calc(28px * var(--ratio));margin-top:20px;margin-bottom:20px}.achievements__summary{font-size:calc(24px * var(--ratio))}.project-details{grid-template-columns:1fr;gap:8px;padding:0 20px}.label{font-size:calc(25px * var(--ratio));margin-top:2px}.value{font-size:calc(24px * var(--ratio));padding-bottom:2px}.project-details .label:first-child{margin-top:0}.gradation__bar{width:10px;margin-right:1.5px}.gradation__bar:nth-child(1){height:30px}.gradation__bar:nth-child(2){height:40px}.gradation__bar:nth-child(3){height:50px}.gradation__bar:nth-child(4){height:60px}.slider-container{height:300px;margin-top:60px;margin-bottom:100px}.slide{flex:0 0 300px;width:300px;height:100%}.slide img{width:100%;height:100%;object-fit:cover;object-position:center}}@media(max-width:389px){.project__description{padding:10px 20px;font-size:12px;line-height:1.2;max-height:50vh;overflow-y:auto}}.project-detail-skeleton{width:100%;min-height:100vh;background-color:#fafafa}.skeleton-hero{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:120px;padding-bottom:60px;background:linear-gradient(180deg,#f5f5f5,#fafafa)}.skeleton-spinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.skeleton-loading-text{font-family:Roboto,sans-serif;font-size:14px;color:var(--color-primary);letter-spacing:.1em}.skeleton-body{max-width:700px;margin:0 auto;padding:60px 20px 120px}.skeleton-section{margin-bottom:40px}.skeleton-block{background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-label{height:14px;width:100px;margin-bottom:8px}.skeleton-value{height:20px;width:60%}.skeleton-paragraph{height:16px;width:100%}.skeleton-paragraph-short{height:16px;width:70%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width:767px){.skeleton-hero{min-height:300px;padding-top:100px}.skeleton-body{padding:40px 20px 80px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.loading-overlay.active{opacity:1;visibility:visible}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;font-size:14px;color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-detail-error{max-width:800px;margin:200px auto;text-align:center;padding:40px 20px}.project-detail-error h1{font-size:36px;color:var(--color-primary);margin-bottom:30px}.project-detail-error__message{font-size:18px;margin-bottom:50px;padding:20px;background-color:#f8f8f8;border-radius:8px;color:#e74c3c}.project-detail-error__back{margin-top:30px;display:flex;justify-content:center}.project-detail-container{width:100%}.back-button{display:inline-block;width:100px;height:100px;background-color:var(--color-primary);border-radius:50%;color:#fff;text-decoration:none;font-family:Arial,sans-serif;text-align:center}.back-button-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.back-button-text{font-family:Roboto,sans-serif;font-size:1.1rem;margin-bottom:5px}.back-button-arrow{font-size:24px}@media screen and (max-width:767px){.project-detail-error{margin:100px auto}.project-detail-error h1{font-size:24px}.project-detail-error__message{font-size:16px}}.wrap[data-astro-cid-pfgcfi7x]{animation:fadein 3s forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}