.modern-site .project-category-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;margin:0 0 12px;background:#102e4c;border:1px solid var(--category-color);border-left-width:3px;border-radius:8px;color:#f1f7ff}
.modern-site .project-category-chip small{display:block;font:600 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:#b9cfe5}
.modern-site .project-category-chip strong{display:block;font:700 15px/1.4 Arial,Helvetica,sans-serif}
.modern-site .category-symbol{display:inline-flex;color:var(--category-color)}
.modern-site .category-symbol svg,.modern-site .category-button svg{display:block;width:20px;height:20px;flex-shrink:0}
.modern-site .share-at-end{margin:32px 0 0;padding:24px 0 0;border-top:1px solid #23517b}
.modern-site .share-landing{position:relative;flex:0 0 auto;margin:0}
.modern-site .share-landing .share-actions button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:9px;border:1px solid #23517b;border-radius:10px;background:#102e4c;color:#b8d9ff}
.modern-site .share-landing .share-actions button:hover{background:#19436c;color:#fff}
.modern-site .share-landing .share-actions button svg{display:block;width:24px;height:24px}
.modern-site .share-landing .share-feedback,.modern-site .share-landing .share-fallback{position:absolute;right:0;top:calc(100% + 8px);z-index:1100;margin:0;padding:10px 12px;border:1px solid #23517b;border-radius:8px;background:#102e4c;box-shadow:0 4px 16px #0003;width:max-content;max-width:calc(100vw - 32px)}
.modern-site .share-landing .share-fallback{width:280px;top:calc(100% + 52px)}
.modern-site .share-fallback[hidden]{display:none}
.modern-site .share-fallback{display:block;width:min(100%,600px);margin-top:12px;padding:12px;border:1px solid #338bff;border-radius:8px;background:#102e4c;color:#fff;font:16px Arial,Helvetica,sans-serif}
.modern-site .share-feedback:empty,.modern-site .location:empty{display:none}

/* Overlay the title while keeping the cover's natural landscape proportions. */
.modern-site .project-hero:after{display:block;background:linear-gradient(180deg,transparent 35%,rgba(6,27,51,.35) 58%,rgba(6,27,51,.95) 100%)}
.modern-site .project-cover{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0;border-radius:0}
.modern-site .project-heading{position:absolute;bottom:0;left:0;right:0;padding:20px 24px;margin:0;z-index:2}
.modern-site .project-heading h1{font-size:clamp(24px,3.4vw,44px);line-height:1.12;margin:8px 0 0;text-shadow:0 2px 10px #0008}
.modern-site .project-heading.title-long h1{font-size:clamp(22px,2.8vw,36px)}
.modern-site .project-heading.title-very-long h1{font-size:clamp(20px,2.3vw,30px)}
.modern-site .gallery-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}
.modern-site .gallery-button{display:block;width:100%;min-width:0;padding:0;background:#0b2948;border:0}
.modern-site .gallery-button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b2948}
.modern-site .gallery-track:has(>.gallery-button:only-child){grid-template-columns:1fr}
@media(max-width:600px){
.modern-site .project-heading,.modern-site .project-heading.title-very-long{padding:14px 16px 16px}
.modern-site .project-heading h1{font-size:clamp(22px,6vw,28px);line-height:1.12}
.modern-site .project-heading.title-long h1{font-size:clamp(19px,5.2vw,24px)}
.modern-site .project-heading.title-very-long h1{font-size:clamp(16px,4.3vw,20px);line-height:1.15}
.modern-site .project-heading .status-pill{font-size:11px;padding:4px 10px}
.modern-site .gallery-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0}
.modern-site .gallery-button{flex:0 0 100%;scroll-snap-align:start}
}

.modern-site .project-cover-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}
.modern-site .project-heading{pointer-events:none}
.modern-site .project-concept-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-10px 0 20px}
.modern-site .concept-thumbnail{display:block;min-width:0;padding:0;overflow:hidden;border:1px solid #23517b;border-radius:9px;background:#0b2948;cursor:zoom-in}
.modern-site .concept-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.modern-site .concept-thumbnail:hover{border-color:#338bff}

.modern-site .map-selection>.category-label{margin-bottom:6px}
.modern-site .map-project-status{display:block;margin:0 0 14px;color:#9bc9ff;font-size:14px;font-weight:600;line-height:1.4}
.modern-site .map-project-status.finalizat{color:#9de2be}
.modern-site .map-project-status.planificat{color:#d1dcec}

.modern-site .card-meta{column-gap:0}
.modern-site .card-meta .status-label:before{content:"·";display:inline-block;margin:0 9px;color:#8ea5bb}
.modern-site .map-selection>.map-project-status{display:table;width:auto;margin:2px 0 16px;padding:4px 9px;border:1px solid #496078;border-radius:6px;background:#263b50;color:#e0e7ee;font-size:12px;font-weight:600;line-height:1.4}
.modern-site .map-selection>.map-project-status.finalizat{background:#203e34;border-color:#456c59;color:#c1e4cf}
.modern-site .map-selection>.map-project-status.planificat{background:#303b47;border-color:#596676;color:#d9dee5}