/* Odświeżenie strony głównej REDFORD: jaśniejsza paleta na bazie ORYGINALNEGO designu.
   Ładowany jako ostatni arkusz. Układ, fonty i komponenty strony zostają; tu: paleta, nowe sekcje, drobne korekty. */
:root{
  --rf-paper:#f7f5ef;
  --rf-band:#ece8dc;
  --rf-ink:#1b1a17;
  --rf-red:#b91321;
  --rf-black:#131313;
  --rf-sand:#cfc6ac;
  --rf-line:#d9d4c5;
}
html{overflow-x:clip}
html[data-theme=light],html[data-theme] .theme-light{
  --color-background:var(--rf-paper);
  --color-text:var(--rf-ink);
  background-color:var(--rf-paper);
  color:var(--rf-ink);
}
html[data-theme=light] body{background:var(--rf-paper);color:var(--rf-ink);overflow-x:clip}
[data-header-theme=light] .c-sticky-header{--color-background:rgba(247,245,239,.94);--color-text:var(--rf-ink)}
.c-sticky-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* przyciski "-primary": ciemny obrys i napis na jasnym tle */
.theme-light .c-button.-primary,html[data-theme=light] .c-button.-primary{--button-color:var(--rf-ink);--button-hover-color:#fff;--button-background:transparent;--button-hover-background:var(--rf-red);--button-border:var(--rf-ink);--button-hover-border:var(--rf-red)}
.r55-home-cta .c-button{color:var(--rf-ink);border-color:var(--rf-ink)}
.r55-home-cta .c-button:hover{color:#fff}

/* realizacje: biały pas pod miniaturami (zrzuty mają białe tło) */
.r55-home-gallery{position:relative;isolation:isolate;padding-top:var(--spacing-fluid-2xl);padding-bottom:var(--spacing-fluid-2xl)}
.r55-home-gallery::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:#fefefe}
.r55-media{background:#fefefe}

.c-hero_image .c-image_img,.c-push_visual .c-image_img{object-fit:cover}

/* 2. "RUSZAMY MARKI DALEJ": mniejszy napis (było 24.5vw / max 375px) */
html[data-redford-page="home"] .c-heading-media_line-container.heading-huge{font-size:min(15vw,230px)!important}
@media (max-width:699px){
  html[data-redford-page="home"] .c-heading-media_line-container.heading-huge{font-size:19vw!important}
}
/* zdjęcie pod napisem: margines wsteczny proporcjonalny do nowego, mniejszego napisu (było -15% szerokości) */
@media (min-width:1000px){
  html[data-redford-page="home"] .c-heading-media_parallax-media{margin-top:calc(min(15vw,230px)*.12)!important}
}

/* "Co robimy": dwa akapity opisowe (ten sam krój/rozmiar co dawne "Audyt, UX/UI..."), jedna kolumna, szerzej w prawo */
.rf-about{display:flex;flex-direction:column;gap:1.3rem;max-width:35rem}
.rf-about_p{line-height:1.34;max-width:none}

/* 2. pasek ze zdjęciem w linii słowa MARKI: był 6.3:1 i nic nie było widać; teraz krótszy i wyższy (ok. 2.6:1), ze środkiem kadru */
@media (min-width:1000px){
  html[data-redford-page="home"] .c-heading-media .c-heading-image_line-image{
    flex:0 0 auto!important;width:min(44vw,620px)!important;--height:calc(min(15vw,230px)*1.08)!important;height:var(--height)!important;
    margin-top:0!important;align-self:center}
  html[data-redford-page="home"] .c-heading-media .c-heading-image_line-image .c-image_img{
    object-fit:cover!important;object-position:50% 40%!important}
}

/* 2. cały nagłówek "RUSZAMY MARKI DALEJ" przesunięty w prawo o jedną kolumnę siatki (desktop) */
@media (min-width:1000px){
  html[data-redford-page="home"] .c-heading-media_line-container{padding-left:calc((100% + var(--grid-gutter))/12)}
}

/* 3. zdjęcie laptopa mniejsze + trzy punkty po prawej, jeden pod drugim */
@media (min-width:1000px){
  html[data-redford-page="home"] .c-heading-media_parallax-media{grid-column:2/6!important}
  .rf-points{grid-column:7/-1;align-self:start;margin-top:calc(min(15vw,230px)*.12)}
}
.rf-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(1.6rem,2.6vw,2.6rem)}
.rf-point{position:relative;padding:.3rem 0 0;max-width:44rem}
.rf-point_label,.rf-point_title,.rf-point_text{position:relative;z-index:1}
.rf-point_label{display:flex;align-items:center;gap:.9rem;margin:0 0 .7rem;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.rf-point_label::before{content:"";width:2.4rem;height:2px;background:var(--rf-red)}
.rf-point_title{font-size:clamp(1.5rem,2.3vw,2.2rem)!important;line-height:1.05!important;margin:0 0 .75rem}
.rf-point_text{margin:0;max-width:44ch;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.55;opacity:.7}
@media (max-width:999px){
  .rf-points{margin-top:var(--spacing-fluid-xl)}
}

@media (min-width:1000px){}

/* 4. liczby: wzór od Rafała (czarny pas, cienkie białe cyfry, mała etykieta pod spodem, wyśrodkowane) */
.rf-stats{position:relative;isolation:isolate;max-width:none!important;width:100%;margin:calc(var(--spacing-fluid-3xl)*-.35) 0 0!important;padding:clamp(2.6rem,5.5vw,5rem) calc(var(--grid-margin,1rem) + clamp(0rem,4vw,4.5rem));background:var(--rf-black);color:#fefefe}
.rf-stats_list{list-style:none;margin:0 auto;padding:0;max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2.2rem 2rem;text-align:center}
.rf-stat{display:flex;flex-direction:column;align-items:center;gap:.7rem;min-width:0}
.rf-stat_num{margin:0;font-family:var(--font-condensed);font-weight:900;font-size:clamp(3.4rem,8vw,7.5rem);line-height:.9;letter-spacing:-.02em}
.rf-stat_label{margin:0;font-size:clamp(.72rem,.95vw,.9rem);line-height:1.2;opacity:.82}
@media (max-width:599px){
  .rf-stats_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1rem}
  .rf-stat_num{font-size:clamp(3.2rem,17vw,4.6rem)}
  .rf-stat_label{font-size:.75rem}
}

/* 1. hero: długi tekst pod zdjęciem: szerszy akapit i czytelna interlinia (było 308 px / 1.1) */
.c-hero .body-md.max-w-77{max-width:min(36rem,100%);line-height:1.34}

/* 8. stopka: po usunięciu bloku "REDFORD + e-mail" i kolumny "Projekt" zostają dwie kolumny (Telefon, Kontakt) na całą szerokość */
.c-footer_main{margin-top:calc(var(--spacing-fluid-2xl)*2 + var(--text-body-lg)*1.2 + 1rem + var(--text-body-md)*1.1)}
@media (min-width:1000px){.c-footer_main{grid-template-columns:repeat(2,1fr)}}

/* 5. stopka: tło za jeżdżącymi napisami i w ramce wokół czerwonego bloku w kolorze tła strony (było czarne, mocno widoczne).
   Kolor napisów, logo i czerwony blok bez zmian (jak w oryginale). */
html[data-theme] .c-footer.theme-dark{background-color:var(--rf-paper)}

/* 6. stopka: "Telefon." i numer (oraz "Kontakt." i e-mail) blisko siebie, bez przycisków; numer i e-mail jako linki */
.c-footer_col .c-footer_head{grid-template-columns:max-content max-content;justify-content:start;column-gap:clamp(.9rem,1.8vw,1.8rem)}
.c-footer_col{min-height:0}
.c-footer_head a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.c-footer_head a:hover,.c-footer_head a:focus-visible{border-bottom-color:currentColor}
.c-footer_head .opacity-60:hover{opacity:1}

@media (prefers-reduced-motion:reduce){
  .c-sticky-header{backdrop-filter:none}
}

/* realizacje startują zaraz po pasie liczb: skrócony górny margines (w oryginale 110-220px po poprzedniej sekcji) */
.rf-stats + .r55-home-gallery{margin-top:0!important}

/* 4. Realizacje na stronie głównej: karuzela. Środek ostry, boki rozmyte i cofnięte po owalu, widać skrawek poprzedniej i następnej. */
.rf-car{--sw:min(54vw,880px);position:relative;width:100vw;left:50%;margin:clamp(2rem,4vw,3.4rem) 0 0 -50vw;padding:1.2rem 0 .4rem;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.rf-car_track{position:relative;list-style:none;margin:0;padding:0;touch-action:pan-y}
.rf-slide{margin:0;list-style:none}
.rf-slide_frame{display:block;aspect-ratio:16/10;overflow:hidden;background:#fefefe;border-radius:clamp(14px,2vw,26px);
  box-shadow:0 34px 60px -34px rgba(27,26,23,.38),0 0 0 1px rgba(27,26,23,.08)}
.rf-slide_frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;-webkit-user-drag:none;user-select:none}
.rf-car_bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(92vw,var(--sw));margin:1.2rem auto 0}
.rf-car_caption{display:flex;justify-content:center;align-items:baseline;gap:.9rem;margin:0;text-align:center}
.rf-car_name{font-family:var(--font-sans);font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.1;letter-spacing:-.01em}
.rf-car_count{font-size:.78rem;letter-spacing:.12em;color:var(--rf-red)}
.rf-car_btn{width:3rem;height:3rem;border-radius:50%;border:1px solid var(--rf-ink);background:transparent;color:var(--rf-ink);font-size:1.15rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s,color .2s,border-color .2s}
.rf-car_btn:hover,.rf-car_btn:focus-visible{background:var(--rf-red);border-color:var(--rf-red);color:#fff}

/* bez JS: poziomy pas z przewijaniem */
.rf-car:not(.rf-car--on) .rf-car_track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 7vw 1rem}
.rf-car:not(.rf-car--on) .rf-slide{flex:0 0 min(78vw,880px);scroll-snap-align:center}
.rf-car:not(.rf-car--on) .rf-car_bar{display:none}

/* z JS: owal */
.rf-car--on .rf-car_track{height:calc(var(--sw)*.625 + 2.6rem);perspective:1700px;perspective-origin:50% 30%}
.rf-car--on .rf-slide{position:absolute;left:50%;top:1.2rem;width:var(--sw);
  transform:translateX(-50%) translateX(calc(var(--sw)*var(--k,0))) translateY(calc(var(--sw)*var(--yk,0))) rotateY(var(--ry,0deg)) scale(var(--s,1));
  filter:blur(var(--b,0px));opacity:var(--op,1);
  transition:transform .95s cubic-bezier(.22,.8,.2,1),filter .95s ease,opacity .7s ease;will-change:transform,filter,opacity;backface-visibility:hidden}
.rf-car--on .rf-slide[data-pos="l"],.rf-car--on .rf-slide[data-pos="r"]{cursor:pointer}
.rf-car--on .rf-slide[data-pos="x"],.rf-car--on .rf-slide[data-pos="c"]{pointer-events:none}
.rf-car--on .rf-slide[data-pos="c"] .rf-slide_frame{pointer-events:auto}
@media (max-width:700px){.rf-car{--sw:76vw}.rf-car_btn{width:2.6rem;height:2.6rem}}
@media (prefers-reduced-motion:reduce){.rf-car--on .rf-slide{transition:none}}

/* przycisk pod karuzelą: na środku (funkcja i adres bez zmian) */
.r55-home-gallery .r55-home-cta{justify-content:center!important;margin-top:clamp(1.6rem,3vw,2.6rem)}

/* rewizja 7 */
/* 1. "Co robimy": większy napis */
.rf-about_head{margin:0 0 .2rem!important;font-size:clamp(1.9rem,3.1vw,2.9rem)!important;line-height:1!important}
/* 7. FAQ na środku */
.rf-faq>.grid{display:block!important}
.rf-faq>.grid>div{max-width:min(100%,48rem);margin-inline:auto;grid-column:auto!important}
/* 8. stopka: trzy linki w małych odstępach */
.c-footer_bottom.rf-legal{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.35rem 1.1rem;padding-left:16px!important;padding-bottom:6px}
.c-footer_bottom.rf-legal>*{margin:0;padding:0;width:auto!important;flex:0 0 auto}
/* 5. przycisk "Zobacz więcej": na hoverze ciemne wypełnienie i biały napis */
.r55-home-gallery .r55-home-cta .c-button{transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.r55-home-gallery .r55-home-cta .c-button:hover,.r55-home-gallery .r55-home-cta .c-button:focus-visible{background:var(--rf-black)!important;color:#fefefe!important;border-color:var(--rf-black)!important}
.r55-home-gallery .r55-home-cta .c-button:hover *,.r55-home-gallery .r55-home-cta .c-button:focus-visible *{color:#fefefe!important}

/* rewizja 8: "Kontakt" w menu obok "Cennik" (baza ma .c-nav_item:last-of-type{margin-left:auto}, co odpychalo go do prawej krawędzi) */
html[data-redford-page="home"] .c-nav_item:last-of-type{margin-left:0}