.featured-project-detail { padding-block: 40px 80px; background: var(--background); color: var(--foreground); }
.featured-project-detail__breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; line-height: 1.9; margin-bottom: 32px; color: var(--muted-foreground); }
.featured-project-detail__breadcrumb a { color: var(--atelier-gold); text-underline-offset: 5px; }
.featured-project-detail__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 76px); align-items: start; }
.featured-project-detail__grid > * { min-width: 0; }
.featured-project-detail__eyebrow { color: var(--atelier-gold); font-size: 13px; font-weight: 700; }
.featured-project-detail h1 { color: var(--foreground); font-size: clamp(30px, 3vw, 44px); line-height: 1.6; margin: 16px 0 24px; }
.featured-project-detail p { color: var(--muted-foreground); font-size: 17px; line-height: 2; }
.featured-project-detail dl { display: grid; gap: 18px; margin: 32px 0; }
.featured-project-detail dl > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 16px; }
.featured-project-detail dt { color: var(--muted-foreground); font-weight: 400; font-size: 13px; }
.featured-project-detail dd { margin: 0; color: var(--foreground); }
.featured-project-detail figure { margin: 0; border: 1px solid var(--border); background: var(--card); padding: 12px; border-radius: var(--radius-lg); }
.featured-project-detail figure img { width: 100%; height: auto; max-height: 85vh; object-fit: contain; }
.featured-project-detail figcaption { color: var(--muted-foreground); font-size: 12px; margin-top: 12px; text-align: center; }
@media (max-width: 800px) { .featured-project-detail__grid { grid-template-columns: minmax(0, 1fr); } .featured-project-detail { padding-top: 24px; } }