/* A restrained echo of Gabriela's portfolio: project strips, generous type and stacking. */
.case-project-header{display:none}
#realizacje[data-case-layout=editorial] .cases-header{align-items:end;margin-bottom:44px}
#realizacje[data-case-layout=editorial] .cases-header>p{font-size:16px;max-width:340px;line-height:1.7}
#realizacje[data-case-layout=editorial] .cases-stage{gap:48px;isolation:isolate}
#realizacje[data-case-layout=editorial] .case-card{--project-surface:#141820;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px 48px;padding:0 34px 34px;border-radius:20px;background:var(--project-surface);align-items:center;overflow:hidden}
#realizacje[data-case-layout=editorial] .case-card-1{--project-surface:#19263c}
#realizacje[data-case-layout=editorial] .case-card-2{--project-surface:#141c2b}
#realizacje[data-case-layout=editorial] .case-project-header{display:flex;grid-column:1/-1;grid-row:1;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-bottom:1px solid #ffffff24;background:var(--project-surface)}
#realizacje[data-case-layout=editorial] .case-project-header p{margin:0;color:#f3f5fa;font:350 clamp(19px,2vw,27px)/1.3 Inter,sans-serif;letter-spacing:-.035em}
#realizacje[data-case-layout=editorial] .case-project-header>span{flex-shrink:0;font:350 14px/1.4 Inter,sans-serif;color:#b8c4d6}
#realizacje[data-case-layout=editorial] .case-card .case-copy{grid-column:1;grid-row:2;align-self:center;max-width:430px}
#realizacje[data-case-layout=editorial] .case-kind{color:#b8c4d6;margin-bottom:24px}
#realizacje[data-case-layout=editorial] .case-card h3{font-size:clamp(29px,3vw,43px);line-height:1.15;letter-spacing:-.045em;font-weight:350;margin-bottom:22px}
#realizacje[data-case-layout=editorial] .case-description{max-width:410px;color:#bcc5d3;font-size:16px;line-height:1.65;margin-bottom:30px}
#realizacje[data-case-layout=editorial] .case-copy .secondary{margin-top:0}
#realizacje[data-case-layout=editorial] .case-card .case-results{grid-column:2;grid-row:2;min-height:340px;padding:32px;border-radius:14px;border:1px solid #ffffff20;background:#22344f;color:#f5f7fc;justify-content:center}
#realizacje[data-case-layout=editorial] .case-results:before{display:none}
#realizacje[data-case-layout=editorial] .case-card-1 .case-results{background:#2458f5;color:#fff}
#realizacje[data-case-layout=editorial] .case-card-2 .case-results{background:#243b60;color:#fff}
#realizacje[data-case-layout=editorial] .case-results-label{color:#d0dbed;letter-spacing:.06em;font-size:14px;margin-bottom:24px}
#realizacje[data-case-layout=editorial] .case-metric{font-weight:300;letter-spacing:-.065em;font-size:clamp(76px,8vw,112px)}
#realizacje[data-case-layout=editorial] .case-metric-range{font-size:clamp(44px,5vw,74px)}
#realizacje[data-case-layout=editorial] .case-metric-caption{color:#e1e8f3}
#realizacje[data-case-layout=editorial] .case-result-pair{border-color:#ffffff36}
#realizacje[data-case-layout=editorial] .case-result-pair strong{color:#fff;font-weight:350}
#realizacje[data-case-layout=editorial] .case-result-pair span{color:#d0dbed}
/* Only pin a card when the whole composition can fit comfortably. */
@media(min-width:1001px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
 #realizacje[data-case-layout=editorial] .cases-stage{gap:88px}
 #realizacje[data-case-layout=editorial] .cases-stage:after{content:'';display:block;height:240px;pointer-events:none}
 #realizacje[data-case-layout=editorial]:not([data-case-layout=stack]) .case-card{position:sticky;top:24px;align-self:start;opacity:1;translate:none;transition:none}
 #realizacje[data-case-layout=editorial]:not([data-case-layout=stack]) .case-card-1{top:100px}
 #realizacje[data-case-layout=editorial]:not([data-case-layout=stack]) .case-card-2{top:176px}
 #realizacje[data-case-layout=editorial] .case-card:focus-within{z-index:4}
}
@media(max-width:1000px){
 #realizacje[data-case-layout=editorial] .case-card{gap:26px;padding:0 24px 24px}
 #realizacje[data-case-layout=editorial] .case-card .case-results{min-height:310px;padding:24px}
}
@media(max-width:650px){
 #realizacje[data-case-layout=editorial] .cases-header>p{font-size:16px}
 #realizacje[data-case-layout=editorial] .cases-stage{gap:24px}
 #realizacje[data-case-layout=editorial] .case-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:0 20px 24px;position:relative;top:auto}
 #realizacje[data-case-layout=editorial] .case-project-header{grid-column:1;gap:12px;min-height:70px}
 #realizacje[data-case-layout=editorial] .case-project-header p{font-size:19px}
 #realizacje[data-case-layout=editorial] .case-card .case-copy{grid-column:1;grid-row:2}
 #realizacje[data-case-layout=editorial] .case-kind{display:none}
 #realizacje[data-case-layout=editorial] .case-card h3{font-size:29px;margin-bottom:18px}
 #realizacje[data-case-layout=editorial] .case-description{margin:0}
 #realizacje[data-case-layout=editorial] .case-card .case-results{grid-column:1;grid-row:3;padding:22px 18px;min-height:0}
 #realizacje[data-case-layout=editorial] .case-metric{font-size:72px}
 #realizacje[data-case-layout=editorial] .case-metric-range{font-size:clamp(32px,9.3vw,54px)}
 #realizacje[data-case-layout=editorial] .case-card > .secondary{grid-column:1;grid-row:4}
}
@media print{#realizacje[data-case-layout=editorial] .case-card{position:relative;top:auto}#realizacje[data-case-layout=editorial] .cases-stage:after{display:none}}