/* style.css */
.linden-hill-regular {
  font-family: "Linden Hill", serif;
  font-weight: 400;
  font-style: normal;
}

.linden-hill-regular-italic {
  font-family: "Linden Hill", serif;
  font-weight: 400;
  font-style: italic;
}

:root{
  --navy:#222847;
  --gold:#d6b294;
  --muted:#6b7280;
  --bg:#ffffff;
  --container:1200px;
  --radius:12px;
  --transition:0.28s;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;-webkit-font-smoothing:antialiased;}


/* layout */
.container{max-width:var(--container);margin:0 auto;}

.container2 {
  width: 100%;
  max-width: 100%;
  padding-right: 0;     /* prawa strona ma dochodzić do krawędzi */
  margin: 0;
}

/* NAV - solid sticky */
/*.main-nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;justify-content:center;align-items:center;height:64px;background:#0f2334}
.main-nav ul{text-transform:uppercase;list-style:none;display:flex;gap:28px;padding:0;margin:0;font-weight:600}
.main-nav a{color:#d6b294;text-decoration:none;padding:8px 10px;border-radius:8px;transition:var(--transition)}
.main-nav a:hover{background:rgba(255,255,255,0.04)}  */
ul {
  padding-left: 0;
  margin-left: 0;
}

.nav-menu {
  background-color: #222847;
  height: 100vh;
  text-transform: uppercase;
  background-color: rgba(34, 40, 71, 0.95);
  padding-left: 0;
}

li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #d6b294;
  display: block;
}
ul a:hover{
  background-color: #d6b294;
  color: #222847;
  transition: color 0.9s ease;
  transition: background-color 0.9s ease;
  border-radius: 5px;
}
.site-header {
  background-color:#222847;
}
.main-nav {
  width: 100%;
  background-color:#222847;
  position:fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12vw;
  top: 0;
  left: 0;
  width: 100%;
  height: 12vh;  
  z-index: 1000;
}

.nav-menu {
  display: flex;
  align-items: center;
  position: fixed;
  left: 100%;
  top: 9%;
  gap: 0;
  flex-direction: column;
  width: 100%;
  text-align: center;
  transition: 0.3s;
  z-index: 10;
}
.nav-link {
  color: #d6b294;
  transition: 0,7s ease;
  padding-bottom:5vh;
  padding-top: 5vh;
  font-size: 5vh;
}
.hamburger{
  align-items: right;
  display: block;
  cursor: pointer;
}
.bar{
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #d6b294;
}
.hamburger.active .bar:nth-child(2){
  opacity: 0;
}
.hamburger.active .bar:nth-child(1){
  transform: translateY(8px) rotate(45deg);
}
.hamburger.active .bar:nth-child(3){
  transform: translateY(-8px) rotate(-45deg);
}
.nav-menu.active {
  left: 0;
}
.logo{
  max-width: 45vh;
  height: auto;
}

/* Sections */
.section{color: #222847;}
.section2{padding: 0; color: #222847}
.section.alt{background:#f6f7f9}
.section2.alt{padding: 0; background:#f6f7f9}
h2{font-size:1.8rem;color:var(--navy);margin-top:3rem;font-weight:700; text-align: center;}
.lead{color:var(--muted);margin-bottom:15px}
.list{margin-bottom:20px}
i{
  width: 60px;    /* stała szerokość */
  height: 55px;
  font-size: 30px;
  }
.center {
  text-align: center;
}
.left {
  padding-top: 60px;
  text-align: left;
}

/* Cards/Grid */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.2rem}
.card{background:#fff;padding:1.6rem;border-radius:var(--radius);box-shadow:0 8px 30px rgba(16,24,40,0.06);transition:transform var(--transition), box-shadow var(--transition)}
.card h3{margin-top:0;font-size:1.05rem;color:var(--navy)}
.card p{color:var(--muted);font-size:0.95rem}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,24,40,0.08)}
.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;}
.cards3{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}

/* Two-col & Team */
.two-col{display:flex;gap:2rem}
.team{display:flex;gap:1.2rem;padding: 30px 0 30px 0;}
.photobackground {
  min-height: 450px;
  width: 100%;
  height: 100%;
  background-size: cover;    
  background-repeat: no-repeat;
  background-position: center;
}
.team-member{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 8px 30px rgba(16,24,40,0.04);text-align:center;width:160px}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 0.6rem}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem}
.contact-form label{display:block;margin-bottom:0.8rem;font-size:0.95rem}
.contact-form input,.contact-form textarea{width:100%;padding:0.8rem;border:1px solid #e9edf1;border-radius:8px}
.btn-cta-outline{display:inline-block;padding:0.78rem 1rem;border-radius:10px;border:2px solid var(--navy);background:transparent;color:var(--navy);font-weight:700}


/* Footer */
.site-footer{background:#d6b294;transparent;padding:1.6rem 0;border-top:1px solid #f0f2f5}
.site-footer p{margin:0;color:var(--muted)}

/* Responsive - Balanced */
@media (max-width:1100px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .two-col{flex-direction:column}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .cards{grid-template-columns:1fr}
  .hero{height:76vh}
  .hero-tag{font-size:1.05rem}
  .container{padding:2rem}
  .team{justify-content:center}
  .logo{max-width: 25vh}
  .nav-menu{top:7vh}
}
@media (max-width:1460px){
  .photobackground {
    display: none;
  }
  .cards3{display:block;gap:1.4rem;align-items: center;}
}

/* Scroll reveal (simple) */
.reveal{opacity:0;transform:translateY(12px);transition:opacity 0.6s ease, transform 0.6s ease}
.reveal.visible{opacity:1;transform:none}

/* Utility */
.center{text-align:center}
.small{font-size:0.9rem;color:var(--muted)}

/* SLIDER */
.hero-slider{position:relative;height:100vh;min-height:520px;overflow:hidden;display:block;margin-top: 11vh;
  height: calc(100vh - 70px);}
.slider-track{position:relative;height:100%;width:100%}
.slide {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity .3s ease;
  filter:none;
  transform: scale(1.20) translateX(0);
  transform-origin: center center;
}
.slide.active {
  opacity:1;
  z-index:1;
  animation: panZoom 12s linear forwards; 
}
@keyframes panZoom {
  0% {
    transform: scale(1.15) translateX(0%);
  }
  100% {
    transform: scale(1.15) translateX(-5%);
  }
}
.slider-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(15,35,52,0.55), rgba(15,35,52,0.65));backdrop-filter: none;pointer-events:none;z-index:3}

/* content */
.slider-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;color:var(--gold);max-width:1100px;padding:1rem}
.slider-title{font-size:clamp(1.4rem,4vw,3rem);margin:0 0 1rem;font-weight:700;line-height:1.05;color:var(--gold);font-family:inherit}
.slider-cta{display:inline-block;padding:.85rem 1.6rem;border-radius:30px;background:transparent;border:2px solid rgba(214,178,148,0.14);color:var(--gold);text-decoration:none;font-weight:700}
.slider-cta:hover {
  background-color: #d6b294;
  color: #222847 ;

}
/* arrows */
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:7;border:0;background:rgba(10,18,28,0.45);color:var(--gold);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:26px}
.slider-prev{left:18px}
.slider-next{right:18px}
.slider-arrow:hover{background:rgba(10,18,28,0.6)}

/* dots */
.slider-dots{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:10px;z-index:8}
.slider-dots button{width:12px;height:12px;border-radius:50%;border:2px solid rgba(214,178,148,0.5);background:transparent;cursor:pointer;padding:0}
.slider-dots button.active{background:var(--gold);border-color:var(--gold)}

/* responsiveness */
@media (max-width:900px){
  .slider-title{font-size:clamp(1.1rem,6vw,1.7rem);padding:0 1rem}
  .slider-arrow{width:40px;height:40px;font-size:22px}
}
@media (max-width:520px){
  .hero-slider{min-height:60vh}
  .slider-prev{left:8px}
  .slider-next{right:8px}
  .slider-cta{padding:.6rem 1rem;font-size:.95rem}
}

.wspolpraca-photo {
  background-image: url("assets/wspolpraca.jpg");
}
.onas-photo {
  background-image: url("assets/wspolpraca.jpg");
}

.cards3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
}

/* WSPÓŁPRACA */
#wspolpraca .cards3 {
  padding-right: 0;
}

/* O NAS */
#o-nas .cards3 {
  padding-left: 0;
}

.wspolpraca-text .left {
  padding: 80px 50px;
  max-width: 600px;
}

#o-nas .left {
  padding: 80px 50px;
}

@media (max-width:1460px){
  .photobackground {
    display: none;
  }
}

/* Ogólne ustawienie układu szachownicy */
.chess {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
}

/* Tekst */
.chess-text-left {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify;
  padding: 0 10vw;
}

.chess-text-right {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 80px;
  text-align: justify;
  padding: 0 10vw;
}

/* Zdjęcie pełnej szerokości */
.chess-photo {
  position: relative;
  min-height: 500px;
  background-size: cover;
  background-position: center;
}

.chess-photo.right {
  background-size: cover;
  background-position: center;
  margin: 0;
}

.chess-photo.left {
  background-size: cover;
  background-position: center;
  margin: 0;
}

@media (max-width: 1024px) {
  .chess-photo { display: none; }
  .chess { grid-template-columns: 1fr; }
}

.team2.photobackground{
  width: 50vw;
  min-height: 600px;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  margin-left: auto;
}

.full-width-section {
  padding-top: 100px;
  padding-bottom: 50px;
}