/* Wspólny szablon pojedynczej realizacji. */
:root{--rv-project-reading:42rem;--rv-project-title:clamp(2.8rem,4.5vw,5.5rem);--rv-project-stripe:clamp(1.5rem,3vw,3rem)}
.rv-project-hero{position:relative;isolation:isolate;overflow:clip;padding-block:var(--rv-space-6)}
.rv-project-back{margin-bottom:var(--rv-space-4);font-size:var(--rv-size-note);padding:var(--rv-space-1) var(--rv-space-2);gap:var(--rv-space-3)}
.rv-project-intro-layout{display:grid;gap:var(--rv-space-5)}
.rv-project-hero h1{font-size:var(--rv-project-title);margin-bottom:var(--rv-space-4);text-wrap:balance}
.rv-project-hero h1 span{color:var(--rv-red)}
.rv-project-hero p{max-width:var(--rv-project-reading);text-wrap:pretty}
.rv-project-bars{position:absolute;right:20%;top:-60%;height:220%;--rv-bar-height:100%;--rv-bar-width:var(--rv-project-stripe);--rv-bar-gap:var(--rv-space-3);z-index:-1;pointer-events:none}
.rv-project-meta{display:grid;gap:var(--rv-space-3);margin:0;padding:var(--rv-space-4);align-self:start}
.rv-project-meta>div{border-top:var(--rv-border-width) solid var(--rv-grey);padding-top:var(--rv-space-2)}
.rv-project-meta dt{font-size:var(--rv-size-note);margin-bottom:var(--rv-space-1)}
.rv-project-meta dd{font-weight:var(--rv-bold);margin:0;text-wrap:pretty}
.rv-project-showcase{padding-block:var(--rv-space-6)}
.rv-project-gallery{display:grid;gap:0}
.rv-project-frame{margin:0;min-width:0;background:var(--rv-grey)}
.rv-project-frame img{width:100%;height:auto;display:block}
.rv-project-final{padding-block:var(--rv-space-6)}
.rv-project-final-layout{display:grid;gap:var(--rv-space-4)}
.rv-project-final-layout>div:first-child{max-width:var(--rv-project-reading)}
.rv-project-final h2{margin-bottom:var(--rv-space-3);text-wrap:balance}
.rv-project-final p{text-wrap:pretty}
.rv-project-final .rv-actions{margin-top:0}
@media(min-width:64rem){.rv-project-intro-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:47.999rem){.rv-project-bars{right:-10%;opacity:1}}