/* Shared title-card artwork. It depicts a graphic concept identity, never a project render. */
.project-title-card { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:space-between; min-height:530px; margin:0; padding:32px; overflow:hidden; border:1px solid #9b8a5a; border-radius:16px; background:radial-gradient(ellipse at 85% 15%,#204f3b,transparent 60%),#0a251c; color:var(--ivory); }
.project-title-card::after { content:''; position:absolute; inset:12px; z-index:-1; border:1px solid #d8b97822; border-radius:8px; pointer-events:none; }
.project-title-card-top { position:relative; z-index:1; display:flex; justify-content:space-between; gap:16px; font:600 9px/1.6 var(--body); letter-spacing:.15em; color:var(--gold); }
.project-title-card-top>span { min-width:0; overflow-wrap:anywhere; }
.project-title-card-top>span:last-child { max-width:45%; text-align:right; }
.project-title-card-art { position:absolute; inset:0; z-index:-1; opacity:.8; pointer-events:none; }
.project-title-card-orbit { position:absolute; width:380px; height:380px; right:-130px; top:-100px; border:1px solid #d8b97852; border-radius:50%; box-shadow:0 0 0 35px #d8b97806,0 0 0 70px #d8b97805; }
.project-title-card-route { position:absolute; width:55%; height:28%; right:14%; top:24%; border:2px solid #d8b97880; border-top:0; border-right:0; border-radius:0 0 0 35px; transform:rotate(-13deg); }
.project-title-card-art>i { position:absolute; width:8px; height:8px; border:1px solid #e8d8b1; border-radius:50%; background:#d8b978; box-shadow:0 0 0 6px #d8b97810; }
.project-title-card-art>i:nth-of-type(1) { left:30%; top:24%; }
.project-title-card-art>i:nth-of-type(2) { left:33%; top:48%; }
.project-title-card-art>i:nth-of-type(3) { right:14%; top:42%; }
.project-title-card-copy { position:relative; z-index:1; margin-top:160px; padding-bottom:30px; }
.project-title-card-label { display:block; margin-bottom:16px; color:var(--gold); font:700 11px/1.7 var(--body); letter-spacing:.12em; }
.project-title-card-copy>strong { display:block; max-width:12ch; margin:0; font-family:var(--display); font-size:clamp(36px,4.3vw,62px); font-weight:800; line-height:1.05; letter-spacing:-.06em; overflow-wrap:anywhere; }
.project-title-card-copy>p { max-width:28ch; margin:18px 0 0; color:#c4d0c4; font:400 13px/1.8 var(--body); }
.project-title-card>figcaption { position:relative; z-index:1; display:flex; flex-direction:column; gap:4px; padding-top:16px; border-top:1px solid #a9956166; color:#bdc9bf; font:400 11px/1.7 var(--body); }
.project-title-card>figcaption>span:first-child { color:var(--gold); font-weight:600; }
.project-title-card--night { background:radial-gradient(ellipse at 90% 0%,#253c35,transparent 65%),linear-gradient(140deg,#0b1b18,#102f27); }
.night-project-art { min-width:0; }
.project-title-card--compact { min-height:310px; height:100%; padding:25px; border:0; border-radius:0; }
.project-title-card--compact::after { inset:10px; }
.project-title-card--compact .project-title-card-top { font-size:8px; }
.project-title-card--compact .project-title-card-copy { margin-top:95px; padding-bottom:21px; }
.project-title-card--compact .project-title-card-copy>strong { font-size:36px; max-width:14ch; }
.project-title-card--compact .project-title-card-copy>p { margin-top:12px; font-size:12px; }
.project-title-card--compact .project-title-card-label { margin-bottom:12px; font-size:11px; }
.project-title-card--compact>figcaption { font-size:11px; padding-top:12px; }
.night-route-card .project-copy { min-width:0; }
@media (max-width:540px) {
 .project-title-card { min-height:440px; padding:25px; }
 .project-title-card-copy { margin-top:125px; }
 .project-title-card-copy>strong { font-size:42px; }
 .project-title-card--compact { min-height:310px; padding:23px; }
 .project-title-card--compact .project-title-card-copy>strong { font-size:34px; }
}