:root{--accent:#9c7253;--background:#f8f5ef;--surface:#fffdf9;--text:#24211e;--muted:#6c655d;--border:#ded6cb;--dark:#28231f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Arial,sans-serif;line-height:1.7}a{color:inherit}.topbar,.section,.footer{width:min(calc(100% - 40px),1200px);margin:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand,h1,h2,h3{font-family:Georgia,serif}.brand{font-size:1.65rem;font-weight:700;text-decoration:none}.topbar nav{display:flex;gap:24px;align-items:center}.topbar nav a{text-decoration:none;font-weight:600}.hero{width:min(calc(100% - 40px),1200px);margin:18px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;min-height:680px;background:var(--surface);border:1px solid var(--border);border-radius:34px;overflow:hidden;box-shadow:0 24px 70px rgba(60,48,37,.1)}.hero-copy{padding:clamp(48px,7vw,92px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1{font-size:clamp(4rem,7vw,7rem);line-height:1;margin:0}h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.08;margin:0 0 26px}.hero-text{font-family:Georgia,serif;font-size:clamp(1.35rem,2.2vw,1.9rem);color:var(--muted);max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:700;cursor:pointer}.primary{background:var(--accent);color:#fff}.secondary{background:transparent;border-color:var(--border)}.light{background:#fff;color:#222}.image-box{background:#e9e0d4;display:grid;place-items:center;color:#776c61;text-align:center;overflow:hidden}.image-box img{width:100%;height:100%;object-fit:cover}.hero-photo{min-height:680px}.statement{width:min(calc(100% - 40px),920px);margin:auto;padding:75px 0 10px;text-align:center;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.35rem)}.section{padding:115px 0}.offer{display:grid;grid-template-columns:1.1fr .9fr;gap:76px;align-items:center}.lead{font-size:1.2rem}.muted{color:var(--muted)}blockquote{margin:0;padding:50px;background:var(--surface);border:1px solid var(--border);border-radius:30px}blockquote p{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.5rem)}.music{background:var(--dark);color:#fff;padding-left:55px;padding-right:55px;border-radius:34px}.music-intro{color:#c7bfb6}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:42px 0}.video-card{background:#342f2a;border-radius:16px;overflow:hidden;text-decoration:none}.video-image{aspect-ratio:16/10}.video-card h3{padding:20px;margin:0}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:30px;padding:34px;display:flex;flex-direction:column;gap:18px}.contact-card>a{font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,2.2rem);text-decoration:none}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{padding:8px 13px;border:1px solid var(--border);border-radius:999px;text-decoration:none}.footer{padding:34px 0 45px;color:var(--muted)}@media(max-width:850px){.topbar nav a{display:none}.hero,.offer,.contact{grid-template-columns:1fr}.hero-copy{order:2}.videos{grid-template-columns:1fr}.music{border-radius:0;width:100%;padding-left:24px;padding-right:24px}}

/* DUŻY PRZYCISK — OFERTA KONCERTOWA */
.concert-offer-cta{
  width:min(calc(100% - 40px),1200px);
  margin:48px auto 10px;
}
.concert-offer-button{
  position:relative;
  display:flex;
  align-items:center;
  gap:22px;
  width:100%;
  padding:30px 38px;
  background:var(--accent);
  color:#fff;
  border-radius:24px;
  text-decoration:none;
  box-shadow:0 18px 48px rgba(60,48,37,.16);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.concert-offer-button:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 58px rgba(60,48,37,.22);
  filter:brightness(.97);
}
.concert-offer-button strong{
  font-family:Georgia,serif;
  font-size:clamp(2rem,5vw,4.2rem);
  line-height:1;
  letter-spacing:.015em;
}
.concert-offer-small{
  font-size:.72rem;
  letter-spacing:.18em;
  font-weight:700;
  opacity:.8;
  white-space:nowrap;
}
.concert-offer-arrow{
  margin-left:auto;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1;
}
.concert-offer-button.is-empty{
  cursor:pointer;
}

@media(max-width:700px){
  .concert-offer-button{
    padding:25px 24px;
    flex-wrap:wrap;
    gap:10px 18px;
  }
  .concert-offer-small{
    width:100%;
  }
  .concert-offer-arrow{
    margin-left:auto;
  }
}

/* Dłuższy opis w dotychczasowym kwadraciku oferty */
.quote {
  font-size: clamp(0.88rem, 1.15vw, 1.02rem);
  line-height: 1.48;
  text-align: left;
  overflow-wrap: break-word;
}
@media (max-width: 700px) {
  .quote {
    font-size: 0.88rem;
    line-height: 1.42;
  }
}

/* Korekta długiego bio: mniejsza, czytelna typografia; kwadrat tylko odrobinę większy */
.quote {
  font-size: clamp(0.68rem, 0.78vw, 0.78rem) !important;
  line-height: 1.38 !important;
  text-align: left !important;
  padding: 1.15rem !important;
  min-height: 0 !important;
  height: auto !important;
}
.offer-card .quote {
  max-width: none;
}
@media (min-width: 701px) {
  .quote {
    transform: scale(1.025);
    transform-origin: center;
  }
}
@media (max-width: 700px) {
  .quote {
    font-size: 0.72rem !important;
    line-height: 1.38 !important;
    padding: 1rem !important;
    transform: none;
  }
}

/* Bio: dokładnie rozmiar tekstu .muted („Koncerty dostępne są…”).
   Kwadrat pozostaje praktycznie w tym samym rozmiarze. */
.offer blockquote {
  padding: 52px !important;
}
.offer blockquote p[data-field="offerQuote"] {
  font-family: Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  text-align: left !important;
  margin: 1em 0 !important;
  transform: none !important;
}
@media (max-width:700px) {
  .offer blockquote {
    padding: 38px !important;
  }
  .offer blockquote p[data-field="offerQuote"] {
    font-size: 1rem !important;
    line-height: 1.7 !important;
  }
}