.project-detail{background:#fff;min-height:100vh}.project-detail__main{padding-top:6rem}.project-not-found{justify-content:center;align-items:center;min-height:100vh;display:flex}.project-not-found__content{text-align:center}.project-not-found__title{color:#1b1b1b;margin-bottom:1rem;font-size:42px;font-weight:700}.project-hero{background:linear-gradient(#105c920d,#fff);padding:80px 0}.project-hero__container{max-width:1200px;margin:0 auto;padding:0 24px}.project-hero__back-button{color:#105c92;margin-bottom:32px;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-block}.project-hero__back-button:hover{transform:translate(-4px)}.project-hero__back-icon{width:1rem;height:1rem;margin-right:.5rem;transition:transform .3s}.project-hero__grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}.project-hero__tags{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.project-hero__category{color:#105c92;background:#105c921a;border-radius:9999px;padding:.375rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.project-hero__year{color:#6b7280}.project-hero__title{color:#1b1b1b;margin-bottom:24px;font-size:48px;font-weight:700;line-height:1.3}.project-hero__overview{color:#666;margin-bottom:32px;font-size:18px;line-height:1.6}.project-hero__info{grid-template-columns:1fr;gap:1.5rem;display:grid}.project-hero__info-item{align-items:flex-start;gap:.75rem;display:flex}.project-hero__info-icon{color:#105c92;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.25rem}.project-hero__info-label{color:#6b7280;font-size:.875rem}.project-hero__info-value{color:#1b1b1b;font-weight:600}.project-hero__image-wrapper{border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}.project-hero__image{aspect-ratio:4/3;object-fit:cover;width:100%}.project-metrics{background:linear-gradient(#4285f40d,#fff);padding:80px 0}.project-metrics__container{max-width:1280px;margin:0 auto;padding:0 1rem}.project-metrics__content{max-width:90rem;margin:0 auto}.project-metrics__header{text-align:center;margin-bottom:3rem}.project-metrics__header-icon{color:#105c92;width:3rem;height:3rem;margin:0 auto 1rem}.project-metrics__title{color:#1b1b1b;margin-bottom:16px;font-size:42px;font-weight:700}.project-metrics__subtitle{color:#666;font-size:18px}.project-metrics__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.project-metrics__card{text-align:center;background:#fff;border:2px solid #105c9233;border-radius:1rem;padding:2rem;transition:all .3s}.project-metrics__card:hover{border-color:#105c9280;box-shadow:0 20px 40px #0000001a}.project-metrics__icon{margin-bottom:1rem;font-size:3rem}.project-metrics__value{color:#105c92;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.project-metrics__label{color:#6b7280;font-size:.875rem;font-weight:500}.project-psr{padding:80px 0}.project-psr__container{max-width:1280px;margin:0 auto;padding:0 1rem}.project-psr__content{flex-direction:column;gap:4rem;max-width:90rem;margin:0 auto;display:flex}.project-psr__block{border-left:4px solid;border-radius:1rem;padding:2rem}.project-psr__block--problem{background:#fee2e280;border-left-color:#ef4444}.project-psr__block--solution{background:#dbeafe80;border-left-color:#3b82f6}.project-psr__block--results{background:#dcfce780;border-left-color:#22c55e}.project-psr__heading{color:#1b1b1b;align-items:center;gap:12px;margin-bottom:24px;font-size:42px;font-weight:700;display:flex}.project-psr__emoji{font-size:2.5rem}.project-psr__text{color:#666;font-size:18px;line-height:1.6}.project-psr__results-grid{grid-template-columns:1fr;gap:1rem;display:grid}.project-psr__result-item{background:#fff;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.project-psr__result-icon{color:#22c55e;flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.25rem}.project-psr__result-text{color:#1b1b1b;font-size:16px;font-weight:500;line-height:1.6}.project-tech{background:#f3f3f34d;padding:80px 0}.project-tech__container{max-width:1280px;margin:0 auto;padding:0 1rem}.project-tech__content{text-align:center;max-width:64rem;margin:0 auto}.project-tech__title{color:#1b1b1b;margin-bottom:32px;font-size:42px;font-weight:700}.project-tech__tags{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.project-tech__tag{color:#105c92;background:#105c921a;border-radius:9999px;padding:12px 24px;font-size:18px;font-weight:600}.project-download{background:linear-gradient(90deg,#105c921a,#3b82f61a);padding:4rem 0}.project-download__container{max-width:1280px;margin:0 auto;padding:0 1rem}.project-download__content{text-align:center;max-width:64rem;margin:0 auto}.project-download__icon{color:#105c92;width:4rem;height:4rem;margin:0 auto 1.5rem}.project-download__title{color:#1b1b1b;margin-bottom:1rem;font-size:2rem;font-weight:700}.project-download__description{color:#6b7280;margin-bottom:2rem;font-size:1.125rem}.project-download__button{padding:0 2rem;font-size:1.125rem}.project-download__button-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.project-cta{text-align:center;background:linear-gradient(135deg,#105c92 0%,#0078d7 100%);padding:80px 0}.project-cta__container{max-width:1200px;margin:0 auto;padding:0 24px}.project-cta__title{color:#fff;margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.4}.project-cta__description{color:#ffffffe6;max-width:48rem;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px}.project-cta__button{color:#105c92;background-color:#fff;border-radius:8px;padding:16px 48px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.project-cta__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (min-width:1024px){.project-hero__grid{grid-template-columns:1fr 1fr}.project-hero__info{grid-template-columns:repeat(2,1fr)}.project-metrics__grid{grid-template-columns:repeat(4,1fr)}.project-psr__results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.project-metrics__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.project-hero{padding:60px 0}.project-hero__title{font-size:32px}.project-hero__overview{font-size:16px}.project-metrics{padding:60px 0}.project-metrics__title{font-size:28px}.project-psr{padding:60px 0}.project-psr__content{gap:32px}.project-psr__heading{font-size:28px}.project-psr__text{font-size:16px}.project-tech{padding:60px 0}.project-tech__title{font-size:28px}.project-cta{padding:60px 0}.project-cta__title{font-size:28px}.project-cta__description{font-size:16px}}
