/* VELORIS project page: shares portfolio type and petrol accents. */
.veloris-case .header nav a, .veloris-case .text-link, .veloris-case .case-back, .veloris-case .case-facts dt { font-size: 1rem; }
.veloris-opening { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }
.veloris-opening h1 { color: var(--accent); font-size: clamp(3rem, 6vw, 5.5rem); }
.veloris-opening h1 span { display: block; color: var(--accent); font-size: .58em; margin-top: .25em; letter-spacing: -.035em; }
.veloris-opening h2 { margin: 0; }
.veloris-cover { margin-top: 3rem; }
.veloris-case .case-facts { margin-bottom: 2rem; }
.veloris-chapters { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 2rem; padding-bottom: 4rem; }
.veloris-chapters a { border-top: 1px solid var(--line); padding: 1rem 0; color: var(--accent); font-size: 1rem; text-decoration: none; }
.veloris-chapters a:hover { text-decoration: underline; }
.veloris-role { background: var(--brand-tint); padding: clamp(1.5rem, 4vw, 3rem); margin-bottom: 3rem; }
.veloris-role p { max-width: 85ch; }
.veloris-role p:last-child { margin-bottom: 0; }
.veloris-case .case-row { grid-template-columns: 1fr 1fr; gap: 4rem; }
.veloris-system { display: grid; gap: 2rem; padding-bottom: 4rem; }
.veloris-system figure { margin: 0; }
.veloris-applications { padding-block: 4rem; }
.veloris-applications .veloris-opening { margin-bottom: 3rem; }
.veloris-gallery { gap: 3rem 2rem; }
.veloris-gallery img { aspect-ratio: 4/3; object-fit: cover; background: transparent; }
.veloris-next { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4rem; }
.veloris-next img { display: block; width: 100%; height: auto; }
.veloris-case .case-actions { justify-content: space-between; padding-bottom: 3rem; }
@media (max-width: 900px) {
 .veloris-opening, .veloris-case .case-row, .veloris-next { gap: 2rem; }
 .veloris-case .case-row { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
 .veloris-opening, .veloris-next { grid-template-columns: 1fr; }
 .veloris-chapters { grid-template-columns: 1fr; padding-bottom: 2rem; }
 .veloris-applications { padding-block: 2rem; }
 .veloris-system { padding-bottom: 2rem; }
}

.veloris-role { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr); gap: 3rem; align-items: center; }
.veloris-role-drawing { margin: 0; }
.veloris-role-drawing img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
@media (max-width: 700px) {
 .veloris-role { grid-template-columns: 1fr; gap: 2rem; }
 .veloris-role-drawing { width: min(100%, 360px); justify-self: center; }
}

.veloris-case .heading-mark { font-weight: inherit; }