/* Realizacje: pierwszy ekran w systemie revisi. */
:root{--rv-portfolio-page-title:clamp(2.8rem,4.5vw,5.5rem);--rv-portfolio-page-stripe:clamp(1.5rem,3vw,3rem)}
.rv-portfolio-page-hero{position:relative;isolation:isolate;overflow:clip;padding-block:var(--rv-space-6)}
.rv-portfolio-page-copy{position:relative}
.rv-portfolio-page-hero h1{font-size:var(--rv-portfolio-page-title);margin-bottom:var(--rv-space-4);text-wrap:balance}
.rv-portfolio-page-hero h1 span{color:var(--rv-red)}
.rv-portfolio-page-hero p{text-wrap:pretty;max-width:var(--rv-copy-width)}
.rv-portfolio-page-bars{position:absolute;right:20%;top:-60%;height:220%;--rv-bar-height:100%;--rv-bar-width:var(--rv-portfolio-page-stripe);--rv-bar-gap:var(--rv-space-3);z-index:-1;pointer-events:none}
@media(max-width:47.999rem){.rv-portfolio-page-bars{right:-10%;opacity:1}}

.rv-portfolio-page-projects{padding-block:var(--rv-space-6)}
:root{--rv-service-copy-size:1rem}

/* Zaproszenie do kolejnej realizacji. */
.rv-portfolio-final{padding-block:var(--rv-space-6)}
.rv-portfolio-final-layout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--rv-space-4)}
.rv-portfolio-final-layout>div{max-width:var(--rv-copy-width)}
.rv-portfolio-final h2{margin-bottom:var(--rv-space-3);text-wrap:balance}
.rv-portfolio-final p{text-wrap:pretty}
.rv-portfolio-final .rv-button{flex-shrink:0}