body { background: #fff; }
.project-detail-main { padding-top: var(--header-height); }
.detail-breadcrumb { display: flex; gap: 10px; flex-wrap: wrap; padding: 30px 0 0; color: var(--text-muted); font-size: .84rem; }
.detail-breadcrumb a:hover { color: var(--blue-primary); }
.detail-hero { padding: 68px 0 76px; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(250px,.65fr); gap: 80px; align-items: end; }
.detail-eyebrow { display:block; color:var(--blue-primary); text-transform:uppercase; letter-spacing:.14em; font-size:.76rem; font-weight:700; margin-bottom:20px; }
.detail-hero h1 { font-size:clamp(2.8rem,5vw,5rem); letter-spacing:-.05em; line-height:1.04; max-width:880px; }
.detail-lead { font-size:clamp(1.1rem,1.5vw,1.3rem); line-height:1.7; color:var(--text-secondary); max-width:780px; margin-top:28px; }
.detail-facts { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.detail-facts div { border-top:1px solid var(--border-medium); padding-top:11px; }
.detail-facts dt { text-transform:uppercase; letter-spacing:.1em; font-size:.72rem; color:var(--text-muted); font-weight:700; }
.detail-facts dd { margin:6px 0 0; font-weight:700; line-height:1.35; }
.detail-media { background:#eef3f8; padding:clamp(18px,4vw,58px); border-top:1px solid var(--border-light); border-bottom:1px solid var(--border-light); }
.detail-media img { width:100%; max-width:1160px; margin:auto; height:auto; box-shadow:0 22px 54px rgba(15,23,42,.13); }
.detail-content { padding: 90px 0 130px; }
.detail-section { display:grid; grid-template-columns: 240px minmax(0,1fr); gap:clamp(36px,7vw,110px); padding:48px 0; border-top:1px solid var(--border-light); }
.detail-section-label { color:var(--blue-primary); font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.detail-section h2 { font-size:clamp(1.9rem,3vw,3rem); letter-spacing:-.045em; line-height:1.14; margin-bottom:22px; }
.detail-section p { color:var(--text-secondary); font-size:1.08rem; line-height:1.8; max-width:790px; }
.detail-section p+p { margin-top:16px; }
.detail-section ul { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:0 32px; margin-top:26px; max-width:850px; }
.detail-section li { padding:13px 0; border-top:1px solid var(--border-light); color:var(--text-secondary); }
.detail-cta { background:#f3f7fc; border-top:1px solid var(--border-light); padding:65px 0; }
.detail-cta-inner { display:flex; justify-content:space-between; gap:35px; align-items:center; }
.detail-cta h2 { font-size:clamp(1.8rem,3vw,2.8rem); max-width:650px; letter-spacing:-.04em; }
.detail-cta p { color:var(--text-muted); margin-top:10px; }
.detail-actions { display:flex; gap:10px; flex-wrap:wrap; }
.detail-actions .btn { min-height:48px; justify-content:center; }
.detail-back { display:inline-block; margin-top:25px; color:var(--blue-primary); font-weight:700; }
.site-footer { margin-top:0; }
@media(max-width:800px){.detail-hero{grid-template-columns:1fr;gap:40px;padding:55px 0}.detail-section{grid-template-columns:1fr;gap:15px}.detail-cta-inner{align-items:flex-start;flex-direction:column}.detail-section ul{grid-template-columns:1fr}}
@media(max-width:520px){.detail-hero h1{font-size:2.65rem}.detail-facts{grid-template-columns:1fr}.detail-content{padding:65px 0 90px}.detail-media{padding:18px}}