.oag-main{display:block}

.oag-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.oag-hero-text{max-width:55ch}
.oag-hero-image{position:relative;isolation:isolate;padding:0 0 var(--space-3) var(--space-3)}.oag-hero-image::before{content:"";position:absolute;left:0;bottom:0;width:65%;height:70%;background:var(--color-ruby-accent);z-index:-1}.oag-hero-image img{width:100%;height:680px;object-fit:cover}

.oag-about-inner{text-align:left;display:grid;grid-template-columns:.7fr 1.3fr;gap:var(--space-5)}
.oag-about-text{max-width:800px;margin-left:auto}.oag-about-text p:first-child{font-size:1.15rem;color:var(--color-ivory-paper)}

.oag-philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}
.oag-card{transition:background var(--transition-fast)}
.oag-card:hover{background:var(--color-plum-shadow)}

.oag-scope-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--space-4)}
.oag-scope-space{min-height:560px;background:url('/assets/images/realizacja-scenografia.webp') center/cover;border-radius:var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-sm)}
.oag-scope-text{max-width:70ch}
.oag-scope-list{display:flex;flex-direction:column;gap:var(--space-3)}

.oag-image{position:relative}
.oag-image img{width:100%;height:auto}
.oag-image-caption{position:absolute;bottom:var(--space-3);left:var(--space-3);max-width:45ch}

.oag-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}
.oag-step{min-width:0;padding-top:var(--space-3);border-top:1px solid var(--color-ruby-accent)}

.oag-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.oag-team-text{max-width:65ch}

.oag-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3);text-align:center}

.oag-cta-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

@media(max-width:1000px){
.oag-hero-grid{grid-template-columns:1fr}
.oag-philosophy-grid{grid-template-columns:1fr}
.oag-process-grid{grid-template-columns:1fr 1fr}
.oag-team-grid{grid-template-columns:1fr}
.oag-scope-grid{grid-template-columns:1fr}
.oag-about-inner{grid-template-columns:1fr}.oag-scope-space{min-height:430px}
}

@media(max-width:600px){
.oag-process-grid{grid-template-columns:1fr}
.oag-values-grid{grid-template-columns:1fr}
.oag-image-caption{position:static;padding:var(--space-2)}
}