:root{
  --las:#232a24;      /* głęboka zieleń, tło */
  --drewno:#2e2621;   /* ciemne drewno, sekcje */
  --len:#ede8df;      /* tekst */
  --kamien:#b8b5ae;   /* tekst pomocniczy */
  --bursztyn:#c98a2e; /* akcent, tylko detale */
  --linia:rgba(237,232,223,.16);
  --serif:'amandine',Georgia,serif;
  --sans:'futura-pt','Jost',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--las);color:var(--len);font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit}
a:focus-visible{outline:2px solid var(--bursztyn);outline-offset:3px}

/* nawigacja */
.nav{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:26px clamp(20px,5vw,64px);position:relative;z-index:2}
.logo{font-family:var(--serif);font-size:28px;font-weight:400;text-decoration:none;letter-spacing:.01em}
.nav ul{list-style:none;display:flex;gap:clamp(16px,3vw,36px);margin:0;padding:0;font-size:15px}
.nav a{text-decoration:none;color:var(--kamien)}
.nav a:hover,.nav a[aria-current]{color:var(--len)}

/* hero: tekst + wysokie zdjęcie */
.hero{display:grid;grid-template-columns:1fr minmax(0,44%);min-height:calc(100vh - 90px)}
.hero-text{display:flex;flex-direction:column;justify-content:flex-end;padding:0 clamp(20px,5vw,64px) clamp(40px,8vh,96px)}
.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(52px,9vw,128px);line-height:.95;margin:0 0 28px;letter-spacing:-.01em}
.hero p{max-width:30ch;font-size:19px;margin:0 0 8px;color:var(--kamien)}
.hero .when{color:var(--len);font-size:17px;margin-top:20px}
.hero-img{min-height:420px}

/* sekcje */
section{padding:clamp(64px,10vw,128px) clamp(20px,5vw,64px)}
.ciemna{background:var(--drewno)}
h2{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5vw,60px);line-height:1.05;margin:0 0 32px}
h3{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.2;margin:0 0 10px}
.prose{max-width:62ch}
.prose p{margin:0 0 1.1em}
.muted{color:var(--kamien)}

.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start}
.split.odwr{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.split .foto{aspect-ratio:3/4}
.split .foto.sticky{position:sticky;top:32px}

/* program */
.dni{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.dzien h3{color:var(--bursztyn);font-size:24px;margin-bottom:14px}
.dzien ul{list-style:none;margin:0;padding:0}
.dzien li{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--linia);font-size:16px}
.dzien li b{font-weight:500}
.dzien .g{color:var(--kamien);font-variant-numeric:tabular-nums}

/* praktyki */
.praktyki{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.praktyka .foto{aspect-ratio:3/4;margin-bottom:20px}
.praktyka .kiedy{font-size:14px;color:var(--kamien);margin:0 0 6px}
.praktyka p{font-size:16px;margin:0 0 .8em}

/* poza matą */
.siatka{display:grid;grid-template-columns:repeat(2,1fr);gap:48px clamp(32px,6vw,96px)}
.siatka p{margin:0 0 .8em}

/* galeria */
.pas{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0}
.pas .foto{aspect-ratio:3/4}

.lista{list-style:none;padding:0;margin:0}
.lista li{padding:12px 0;border-top:1px solid var(--linia)}

.faq dt{font-family:var(--serif);font-size:23px;font-weight:500;margin-top:26px}
.faq dd{margin:6px 0 0;color:var(--kamien)}

.cta{display:inline-block;margin-top:12px;padding:15px 28px;border:1px solid var(--len);text-decoration:none;font-size:16px;letter-spacing:.02em;transition:background .2s,color .2s}
.cta:hover{background:var(--len);color:var(--las)}

/* start: kafle */
.kafle{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.kafel{text-decoration:none;display:block}
.kafel .foto{aspect-ratio:3/4;overflow:hidden;margin-bottom:16px}
.kafel img{transition:transform .6s ease}
.kafel:hover img{transform:scale(1.03)}
.kafel h3{margin-bottom:2px}
.kafel span{color:var(--kamien);font-size:15px}

footer{padding:40px clamp(20px,5vw,64px);border-top:1px solid var(--linia);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--kamien)}

@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-text{padding-top:24px;order:2}
  .hero-img{order:1;height:62vh;min-height:0}
  .split,.split.odwr{grid-template-columns:1fr}
  .split .foto.sticky{position:static}
  .dni{grid-template-columns:1fr}
  .praktyki{grid-template-columns:repeat(2,1fr)}
  .siatka{grid-template-columns:1fr}
  .pas{grid-template-columns:repeat(2,1fr)}
  .kafle{grid-template-columns:1fr}
}
@media (max-width:560px){
  body{font-size:16px}
  .nav{flex-direction:column;gap:10px}
  .praktyki{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Folwark */
.szeroki{aspect-ratio:21/9;overflow:hidden}
.pas3{grid-template-columns:repeat(3,1fr);margin-top:6px}
.pas3 .foto{aspect-ratio:3/2}
@media (max-width:900px){.szeroki{aspect-ratio:4/3}.pas3{grid-template-columns:1fr}}

/* kadrowanie zdjęć poziomych */
.praktyka img[src*="ola-pies"]{object-position:58% 50%}
.praktyka img[src*="ola-bok"]{object-position:60% 50%}
.szeroki.uczy img{object-position:30% 35%}
#pierwszy .pas{padding:0}

/* czcionki: Amandine tylko w dużych nagłówkach */
.logo img{display:block;height:auto;width:clamp(170px,18vw,230px)}
h1,h2{font-weight:400!important}
h3,.faq dt{font-family:var(--sans)!important;font-weight:500!important;font-size:19px!important;letter-spacing:.01em}
.dzien h3{font-family:var(--serif)!important;font-weight:400!important;font-size:30px!important}

/* Amandine nie ma polskich liter: tylko logo i nagłówki bez ą, ę, ś, ć itd. */
h1,h2,.dzien h3{font-family:var(--sans)!important}
h1{font-weight:300!important;letter-spacing:-.015em}
h2{font-weight:400!important;letter-spacing:-.01em}
.dzien h3{font-size:22px!important;font-weight:500!important}
h1.amd{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:0}

/* galeria pierwszego wyjazdu: 6 zdjęć, 3 w rzędzie */
.pas.galeria6{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.pas.galeria6{grid-template-columns:repeat(2,1fr)}}

/* paleta: brąz + len (zieleń usunięta, gryzła się ze zdjęciami) */
:root{--las:#2e2621;--drewno:#ede8df}
.ciemna{color:#2e2621}
.ciemna .muted,.ciemna .praktyka .kiedy,.ciemna .faq dd,.ciemna .dzien .g{color:#6e645b}
.ciemna .lista li,.ciemna .dzien li{border-top-color:rgba(46,38,33,.18)}
.ciemna .dzien h3{color:#a4502b}
.ciemna .cta{border-color:#2e2621}
.ciemna .cta:hover{background:#2e2621;color:#ede8df}
.ciemna a:focus-visible{outline-color:#a4502b}

/* Amandine wszędzie tam, gdzie oznaczone {A} */
h2.amd,h3.amd{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:0}
h3.amd{font-size:28px!important}
.kafle.kafle2{grid-template-columns:repeat(2,1fr);max-width:1000px}
.hero-text p+p{margin-top:12px}
@media (max-width:900px){.kafle.kafle2{grid-template-columns:1fr}}

/* paleta: ciemny brąz + prawie czerń, tekst tylko neutralny (bez żółci, bez lnu w tle) */
:root{--las:#2e2621;--drewno:#1c1a18;--bursztyn:#ede8df}
.ciemna{color:var(--len)}
.ciemna .muted,.ciemna .praktyka .kiedy,.ciemna .faq dd,.ciemna .dzien .g{color:var(--kamien)}
.ciemna .lista li,.ciemna .dzien li{border-top-color:var(--linia)}
.dzien h3,.ciemna .dzien h3{color:var(--len)!important}
.ciemna .cta{border-color:var(--len)}
.ciemna .cta:hover{background:var(--len);color:#1c1a18}
a:focus-visible,.ciemna a:focus-visible{outline-color:var(--len)}

/* dwie kolumny tekstu, opinie */
.dwie{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.opinie{margin-top:clamp(64px,8vw,104px);max-width:820px}
.opinie blockquote{margin:0 0 40px;padding:0 0 0 24px;border-left:1px solid var(--linia)}
.opinie blockquote p{margin:0 0 .8em;font-size:18px}
.opinie cite{font-style:normal;color:var(--kamien);font-size:15px}
@media (max-width:900px){.dwie{grid-template-columns:1fr}}