/* Wersja 3 strony głównej: hero z projektu Marty rozbite na panel CSS + zdjęcie, pod nim przewijane ekrany z CTA. */
html{scroll-behavior:smooth;scroll-snap-type:y proximity}
#gl-home{--biel:#f1ede5;--zloto:#B79A68;--zloto-ciemne:#6f5a33;--grafit:#242527;--linia:#535454;--wyc:#c2bfb9}
#gl-home em{font-style:normal;color:var(--zloto)}

/* Hero (wersja 3, 01.11 wieczorem): bez granatu. Złoty pas z logo, hasłem i przyciskami obszarów (treść i układ
   z wersji Janka, kolory wersji 3), obok czarno-białe zdjęcie na grafitowym tle. Tekst na złocie grafitowy (kontrast AA). */
.v3-hero{position:relative;display:grid;grid-template-columns:minmax(320px,32%) 1fr;width:100%;min-height:calc(100svh - 49px);background:var(--grafit)}
#gl-home > nav{scroll-snap-align:start}   /* przyciąganie do góry strony razem z menu, nie do samego hero */
/* Poprawki Janka z DevTools (01.11, 22:36): kremowe tło pasa, duża złota róża (wektor), bez podpisu, większe hasło i przyciski. */
#gl-home .v3-pas{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(28px,11vh,120px) clamp(24px,3vw,56px) clamp(40px,6vh,70px);
  background:#f1ede5;color:var(--grafit)}
.v3-pas__roza{display:block;width:clamp(150px,12.2vw,240px);height:auto;margin:0 auto clamp(36px,11vh,125px)}
#gl-home .v3-pas__tytul{margin:0;font:400 clamp(40px,3.15vw,62px)/1.12 Georgia,serif;color:var(--grafit)}
#gl-home .v3-pas__tytul em{font-style:italic;color:var(--grafit)}
#gl-home .v3-pas__obszary{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:11px;margin-top:clamp(26px,4.5vh,48px);padding:0;border:0}
.v3-pas__obszary p{margin:0 0 6px;font:400 14px/1.4 Arial,sans-serif;letter-spacing:.5px;color:var(--grafit)}
#gl-home .v3-pas__obszary a{display:block;min-height:0;border:1px solid rgba(36,37,39,.75);padding:11px 12px;text-align:center;color:var(--grafit);
  text-decoration:none;font:400 14px/1.35 Georgia,serif;letter-spacing:1.4px;text-transform:uppercase}
#gl-home .v3-pas__obszary a:hover,#gl-home .v3-pas__obszary a:focus-visible{background:var(--grafit);color:#f1ede5;border-color:var(--grafit)}
#gl-home .v3-pas__obszary a:focus-visible{outline:2px solid var(--grafit);outline-offset:2px}
.v3-hero__foto{display:block;min-height:0;background:var(--grafit)}
.v3-hero__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:30% 25%}
.v3-dalej{position:absolute;left:50%;bottom:14px;width:26px;height:26px;margin-left:-13px}
.v3-dalej:after{content:"";position:absolute;inset:22%;border:solid var(--grafit);border-width:0 1px 1px 0;transform:rotate(45deg)}
.v3-dalej:focus-visible{outline:1px solid var(--grafit);outline-offset:3px}

/* Ekrany pod hero */
.v3-ekran{min-height:100svh;display:flex;align-items:center;scroll-snap-align:start;padding:90px 7%;border-top:1px solid var(--linia)}
.v3-ekran__wnetrze{width:100%;max-width:1100px;margin:0 auto}
.v3-eyebrow{margin:0 0 16px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--zloto)}
.v3-ekran h2{margin:0;font:400 clamp(36px,5.5vw,62px)/1.15 Georgia,serif}
.v3-wstep{max-width:600px;margin:22px 0 0;color:var(--wyc)}
.v3-kolumny{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border-top:1px solid var(--linia)}
.v3-kolumny article{padding:30px 32px 10px;border-left:1px solid var(--linia)}
.v3-kolumny article:first-child{border-left:0;padding-left:0}
.v3-nr{font-size:11px;letter-spacing:3px;color:var(--zloto)}
.v3-kolumny h3{margin:14px 0 14px;font:400 25px/1.3 Georgia,serif}
.v3-kolumny p{margin:0;color:var(--wyc);font-size:14.5px;line-height:1.7}
.v3-cta{margin:48px 0 0}
.v3-przycisk{display:inline-block;border:1px solid var(--zloto);padding:14px 22px;color:var(--biel);text-decoration:none;font:400 12px Arial,sans-serif;letter-spacing:1px}
.v3-przycisk:hover,.v3-przycisk:focus-visible{background:var(--zloto);color:var(--grafit)}
.v3-przycisk--pelny{background:var(--zloto);color:var(--grafit)}
.v3-przycisk--pelny:hover,.v3-przycisk--pelny:focus-visible{background:transparent;color:var(--zloto)}

.v3-ekran--jasny{background:var(--biel);color:var(--grafit);border-top:0}
.v3-ekran--jasny .v3-eyebrow{color:var(--zloto-ciemne)}
.v3-omnie{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.v3-omnie__foto{width:100%;height:auto;filter:grayscale(1)}
.v3-omnie blockquote{margin:30px 0 22px;padding-left:24px;border-left:2px solid var(--zloto)}
.v3-omnie blockquote p{margin:0;font:italic 400 clamp(20px,2.2vw,26px)/1.5 Georgia,serif}
.v3-omnie > div > p{color:#45464a;max-width:520px}
.v3-przycisk--ciemny{color:var(--grafit);border-color:var(--zloto-ciemne)}
.v3-przycisk--ciemny:hover,.v3-przycisk--ciemny:focus-visible{background:var(--grafit);color:var(--biel);border-color:var(--grafit)}

.v3-ekran--kontakt{text-align:center}
.v3-ekran--kontakt h2{font-size:clamp(34px,5vw,56px);line-height:1.3}
.v3-dane{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin:28px 0 0;color:var(--wyc)}
.v3-dane a{color:var(--biel);text-decoration:none;border-bottom:1px solid transparent}
.v3-dane a:hover,.v3-dane a:focus-visible{color:var(--zloto);border-bottom-color:var(--zloto)}

#gl-home footer.gl-stopka{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 6%;padding:20px 0;border-top:1px solid var(--linia);font-size:10px;letter-spacing:1px;color:var(--wyc)}

@media(max-width:760px){
  .v3-hero{grid-template-columns:1fr;min-height:0}
  #gl-home .v3-pas{padding:36px 20px 40px}
  .v3-hero__foto img{height:62vh;min-height:360px}
  .v3-dalej{display:none}
  .v3-ekran{min-height:0;padding:64px 20px}
  .v3-kolumny{grid-template-columns:1fr}
  .v3-kolumny article,.v3-kolumny article:first-child{border-left:0;border-bottom:1px solid var(--linia);padding:24px 0}
  .v3-omnie{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Ramka nagłówka na stronie głównej (marginesy jak w kontenerach podstron); wygląd nagłówka: css/naglowek.css. */
#gl-home .v3-naglowek{padding:0 6%;background:#242527}
#gl-home{--naglowek:121px}
#gl-home .v3-hero{min-height:calc(100svh - var(--naglowek))}
#gl-home .hero-css{height:calc(100vh - var(--naglowek))}