/* Premium project detail page */
.project-detail-page{background:#f8fafc;padding:34px 0 52px}
.project-detail-hero{position:relative;min-height:410px;display:flex;align-items:flex-end;overflow:hidden;padding:42px 52px;background-color:#0d2649;background-position:center;background-size:cover;isolation:isolate}
.project-detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,22,51,.94) 0%,rgba(8,31,70,.7) 45%,rgba(6,24,54,.15) 100%);z-index:-1}
.project-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,17,42,.5),transparent 62%);z-index:-1}
.project-detail-hero-factory{background-image:url('../concepts/project-factory.png')}
.project-detail-hero-data{background-image:url('../concepts/project-data.png')}
.project-detail-hero-structure{background-image:url('../concepts/project-structure.png')}
.project-detail-hero-content{max-width:690px;color:#fff}
.project-detail-kicker{margin:0 0 15px;color:#a9caff;font-size:11px;font-weight:800;letter-spacing:2.4px}
.project-detail-hero h1{margin:0 0 16px;color:#fff;font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-3.5px;font-weight:800}
.project-detail-summary{max-width:610px;margin:0;color:#d2e0f5;font-size:17px;line-height:1.65}
.project-detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.project-detail-tags span{padding:7px 11px;border:1px solid rgba(193,220,255,.36);border-radius:3px;color:#e5efff;font-size:11px;font-weight:700;background:rgba(255,255,255,.08)}
.project-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e0e7f0;border-top:0}
.project-detail-meta-item{padding:18px 22px;border-right:1px solid #e4eaf2}.project-detail-meta-item:last-child{border-right:0}
.project-detail-meta-item small,.project-detail-meta-item strong{display:block}.project-detail-meta-item small{margin-bottom:7px;color:#8995a7;font-size:11px;text-transform:uppercase;letter-spacing:1px}.project-detail-meta-item strong{color:var(--navy);font-size:15px}
.project-detail-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:56px;padding-top:48px}
.project-detail-copy h2{margin:0 0 16px;color:var(--navy);font-size:34px;line-height:1.1;letter-spacing:-1.3px}
.project-detail-copy>p{max-width:700px;margin:0 0 24px;color:#718097;font-size:15px;line-height:1.75}
.project-detail-copy h3{margin:28px 0 12px;color:var(--navy);font-size:18px}
.project-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:0;padding:0;list-style:none}
.project-detail-list li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid #e1e8f0;color:#53627a;font-size:14px;line-height:1.5}.project-detail-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}
.project-detail-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.project-result{padding:20px;background:#fff;border:1px solid #e0e7f0}.project-result strong{display:block;color:var(--blue);font-size:31px;line-height:1;margin-bottom:9px}.project-result span{color:#68768c;font-size:12px;line-height:1.45}
.project-detail-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:29px 34px;background:linear-gradient(110deg,#0d1b35,#15336e);color:#fff}.project-detail-cta h2{margin:0;color:#fff;font-size:25px;letter-spacing:-.7px}.project-detail-cta p{margin:6px 0 0;color:#c9d7ed;font-size:13px}.project-detail-cta .button{flex:none}
@media(max-width:900px){
  .project-detail-page{padding:28px 0 42px}.project-detail-hero{min-height:390px;padding:34px}.project-detail-content{grid-template-columns:1fr;gap:32px;padding-top:38px}.project-detail-results{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:620px){
  .project-detail-page{padding:18px 0 32px}.project-detail-hero{min-height:425px;padding:25px 20px}.project-detail-hero h1{font-size:42px;letter-spacing:-2px}.project-detail-summary{font-size:14px}.project-detail-meta{grid-template-columns:1fr 1fr}.project-detail-meta-item{padding:14px;border-right:0;border-bottom:1px solid #e4eaf2}.project-detail-meta-item:nth-child(odd){border-right:1px solid #e4eaf2}.project-detail-meta-item:nth-last-child(-n+2){border-bottom:0}.project-detail-content{padding-top:30px}.project-detail-copy h2{font-size:29px}.project-detail-list{grid-template-columns:1fr;gap:0}.project-detail-results{grid-template-columns:1fr 1fr}.project-result{padding:16px}.project-result strong{font-size:26px}.project-detail-cta{align-items:flex-start;flex-direction:column;margin-top:34px;padding:24px 20px}.project-detail-cta .button{width:100%}
}