/* ===== Historia i Filozofia – page-owned styles ===== */

#historia-filozofia-main {
  width: 100%;
  overflow-x: hidden;
}

/* ===== Hero ===== */
.hero-historia {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  background-color: var(--color-espresso);
}

.hero-historia__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-historia__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 65%;
}

.hero-historia__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(28, 20, 16, 0.55) 0%,
    rgba(28, 20, 16, 0.75) 55%,
    rgba(28, 20, 16, 0.92) 100%
  ),
  rgba(180, 85, 45, 0.08);
}

.hero-historia__content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-bottom: var(--space-4xl);
}

.hero-historia__text {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.hero-historia__eyebrow {
  margin: 0;
}

.hero-historia__title {
  font-size: var(--text-display);
  line-height: var(--leading-display);
  color: var(--color-parchment);
  margin: 0;
}

.hero-historia__lead {
  font-size: var(--text-body-lg);
  line-height: var(--leading-body-lg);
  color: var(--color-parchment);
  margin: 0;
}

.hero-historia__facts {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  color: var(--color-parchment);
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
}

.hero-historia__facts li {
  position: relative;
  padding-inline-start: var(--space-lg);
}

.hero-historia__facts li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-antique-copper);
}

.hero-historia__contact {
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
  color: var(--color-smoke);
  margin: 0;
}

.hero-historia__contact a {
  color: var(--color-antique-copper);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ===== Początki ===== */
.poczatki {
  background-color: var(--color-linen);
  color: var(--color-ink);
  padding-block: var(--space-5xl) var(--space-5xl);
}

.poczatki__container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: start;
}

.poczatki__text {
  max-width: 680px;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.poczatki__eyebrow {
  margin: 0;
}

.poczatki__title {
  color: var(--color-ink);
  margin: 0;
}

.poczatki__lead {
  font-size: var(--text-body-lg);
  line-height: var(--leading-body-lg);
  color: var(--color-ink);
  margin: 0;
}

.poczatki__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  color: var(--color-ink);
}

.poczatki__list li {
  position: relative;
  padding-inline-start: var(--space-lg);
}

.poczatki__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-antique-copper);
}

.poczatki__subtitle {
  color: var(--color-ink);
  margin: 0;
}

.poczatki__paragraph {
  color: var(--color-ink);
  margin: 0;
}

.poczatki__address {
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
  color: var(--color-smoke);
  margin: 0;
}

.poczatki__quote {
  border-inline-start: 2px solid var(--color-antique-copper);
  padding-inline-start: var(--space-lg);
  margin: 0;
  color: var(--color-ink);
}

.poczatki__quote p {
  margin: 0;
  color: var(--color-ink);
}

.poczatki__figure {
  margin: 0;
  width: 100%;
}

.poczatki__image {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: var(--radius-none);
  transition: transform var(--transition-image);
}

.poczatki__figure:hover .poczatki__image {
  transform: scale(1.02);
}

.poczatki__figure figcaption {
  margin-block-start: var(--space-sm);
  color: var(--color-smoke);
}

/* ===== Filozofia kulinarna ===== */
.filozofia-kulinarna {
  background-color: var(--color-espresso);
  color: var(--color-parchment);
  padding-block: var(--space-5xl) var(--space-5xl);
}

.filozofia-kulinarna__eyebrow {
  margin: 0 0 var(--space-md);
}

.filozofia-kulinarna__title {
  margin: 0 0 var(--space-2xl);
}

.filozofia-kulinarna__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-lg);
}

.filozofia-kulinarna__card {
  background-color: var(--color-charcoal);
  border: var(--border-card);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  min-width: 0;
  transition: transform var(--transition-transform), border-color var(--transition-border);
}

.filozofia-kulinarna__card:hover {
  transform: translateY(-4px);
  border-color: rgba(169, 113, 66, 0.5);
}

.filozofia-kulinarna__card-title {
  margin: 0;
  color: var(--color-parchment);
}

.filozofia-kulinarna__card-text {
  margin: 0;
  color: var(--color-parchment);
}

.filozofia-kulinarna__card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  color: var(--color-smoke);
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
}

.filozofia-kulinarna__card-list li {
  position: relative;
  padding-inline-start: var(--space-md);
}

.filozofia-kulinarna__card-list li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: var(--color-antique-copper);
}

/* ===== Szef kuchni ===== */
.szef-kuchni {
  background-color: var(--color-espresso);
  color: var(--color-parchment);
  padding-block: var(--space-5xl) var(--space-5xl);
}

.szef-kuchni__container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: start;
}

.szef-kuchni__figure {
  margin: 0;
  width: 100%;
}

.szef-kuchni__image {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--radius-none);
}

.szef-kuchni__figure figcaption {
  margin-block-start: var(--space-sm);
  color: var(--color-smoke);
}

.szef-kuchni__text {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.szef-kuchni__eyebrow {
  margin: 0;
}

.szef-kuchni__title {
  margin: 0;
}

.szef-kuchni__quote {
  border-inline-start: 2px solid var(--color-antique-copper);
  padding-inline-start: var(--space-lg);
  margin: 0;
  font-style: italic;
  color: var(--color-parchment);
}

.szef-kuchni__quote p {
  margin: 0;
}

.szef-kuchni__subtitle {
  margin: 0;
}

.szef-kuchni__paragraph {
  margin: 0;
}

.szef-kuchni__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  color: var(--color-parchment);
}

.szef-kuchni__list li {
  position: relative;
  padding-inline-start: var(--space-lg);
}

.szef-kuchni__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-antique-copper);
}

/* ===== Wieczór w klimacie kasyna ===== */
.wieczor-kasyna {
  background-color: var(--color-deep-felt);
  color: var(--color-parchment);
  padding-block: var(--space-5xl) var(--space-5xl);
  border-top: var(--border-hairline);
  border-bottom: var(--border-hairline);
}

.wieczor-kasyna__container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.wieczor-kasyna__text {
  max-width: 680px;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.wieczor-kasyna__eyebrow {
  margin: 0;
}

.wieczor-kasyna__title {
  margin: 0;
}

.wieczor-kasyna__paragraph {
  margin: 0;
}

.wieczor-kasyna__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  color: var(--color-parchment);
}

.wieczor-kasyna__list li {
  position: relative;
  padding-inline-start: var(--space-lg);
}

.wieczor-kasyna__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-muted-olive);
}

.wieczor-kasyna__subtitle {
  margin: 0;
}

/* ===== Kulisy ===== */
.kulisy {
  background-color: var(--color-espresso);
  color: var(--color-parchment);
  padding-block: var(--space-5xl) var(--space-5xl);
}

.kulisy__eyebrow {
  margin: 0 0 var(--space-md);
}

.kulisy__title {
  margin: 0 0 var(--space-lg);
}

.kulisy__lead {
  max-width: 680px;
  margin: 0 0 var(--space-md);
}

.kulisy__list {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  color: var(--color-parchment);
}

.kulisy__list li {
  position: relative;
  padding-inline-start: var(--space-lg);
}

.kulisy__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-antique-copper);
}

.kulisy__gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}

.kulisy__figure {
  margin: 0;
  width: 100%;
}

.kulisy__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-none);
  transition: transform var(--transition-image);
}

.kulisy__figure:hover .kulisy__image {
  transform: scale(1.02);
}

.kulisy__figure--large .kulisy__image {
  aspect-ratio: 4 / 3;
}

.kulisy__small-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-lg);
}

.kulisy__figure--small .kulisy__image {
  aspect-ratio: 1 / 1;
}

.kulisy__figure figcaption {
  margin-block-start: var(--space-sm);
  color: var(--color-smoke);
}

/* ===== Wartości ===== */
.wartosci {
  background-color: var(--color-linen);
  color: var(--color-ink);
  padding-block: var(--space-5xl) var(--space-5xl);
}

.wartosci__eyebrow {
  margin: 0 0 var(--space-md);
}

.wartosci__title {
  color: var(--color-ink);
  margin: 0 0 var(--space-2xl);
}

.wartosci__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-xl) var(--space-2xl);
}

.wartosci__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding-inline-start: var(--space-lg);
  border-inline-start: 2px solid var(--color-antique-copper);
}

.wartosci__item-title {
  color: var(--color-ink);
  margin: 0;
}

.wartosci__item-text {
  color: var(--color-ink);
  margin: 0;
}

/* ===== Zaproszenie ===== */
.zaproszenie {
  background-color: var(--color-espresso);
  color: var(--color-parchment);
  padding-block: var(--space-5xl) var(--space-5xl);
  border-top: var(--border-hairline);
}

.zaproszenie__container {
  max-width: 600px;
  margin-inline: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-lg);
}

.zaproszenie__eyebrow {
  margin: 0;
}

.zaproszenie__title {
  margin: 0;
}

.zaproszenie__text {
  margin: 0;
}

.zaproszenie__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  color: var(--color-parchment);
  font-size: var(--text-body-sm);
  line-height: var(--leading-body-sm);
}

.zaproszenie__list li {
  position: relative;
  padding-inline-start: var(--space-lg);
}

.zaproszenie__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-antique-copper);
}

.zaproszenie__list a {
  color: var(--color-antique-copper);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.zaproszenie__cta {
  min-width: 220px;
}

/* ===== Responsive ===== */
@media (min-width: 768px) {
  .poczatki__container {
    grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
    gap: var(--space-3xl);
  }

  .szef-kuchni__container {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--space-3xl);
  }

  .kulisy__gallery {
    grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);
    gap: var(--space-lg);
  }

  .kulisy__small-group {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-lg);
  }
}

@media (max-width: 1023px) {
  .filozofia-kulinarna__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filozofia-kulinarna__card:last-child {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .hero-historia {
    min-height: auto;
    display: block;
  }

  .hero-historia__media {
    position: relative;
    height: 60vh;
    min-height: 320px;
  }

  .hero-historia__content {
    padding-block: var(--space-2xl) var(--space-3xl);
  }

  .hero-historia__text {
    text-align: left;
    margin-inline: 0;
  }

  .hero-historia__title {
    font-size: var(--text-h1);
    line-height: var(--leading-h1);
  }

  .poczatki__container,
  .szef-kuchni__container {
    grid-template-columns: minmax(0, 1fr);
  }

  .filozofia-kulinarna__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .filozofia-kulinarna__card:last-child {
    grid-column: auto;
  }

  .kulisy__gallery {
    grid-template-columns: minmax(0, 1fr);
  }

  .kulisy__small-group {
    grid-template-columns: minmax(0, 1fr);
  }

  .wartosci__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-historia__text,
  .poczatki__text,
  .filozofia-kulinarna__card,
  .szef-kuchni__text,
  .wieczor-kasyna__text,
  .kulisy__figure,
  .wartosci__item,
  .zaproszenie__container {
    transform: none !important;
    opacity: 1 !important;
  }

  .poczatki__image,
  .kulisy__image {
    transition: none;
  }

  .filozofia-kulinarna__card:hover {
    transform: none;
  }

  .poczatki__figure:hover .poczatki__image,
  .kulisy__figure:hover .kulisy__image {
    transform: none;
  }
}