.inspiracje-page {
  overflow: hidden;
  background: var(--color-paper);
}

.inspiracje-page .container {
  width: min(100% - 4rem, var(--container-width));
}

.inspiracje-page img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  filter: saturate(0.94);
}

.inspiracje-hero {
  padding-block: var(--space-9) var(--space-8);
}

.inspiracje-hero__grid,
.inspiracje-widok__grid,
.inspiracje-smak__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(390px, 5fr) minmax(500px, 7fr);
  align-items: center;
  gap: var(--space-5);
}

.inspiracje-hero__grid > *,
.inspiracje-widok__grid > *,
.inspiracje-smak__grid > * {
  min-width: 0;
}

.inspiracje-hero__panel {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  background: var(--color-paper);
  padding: var(--space-7);
}

.inspiracje-hero__panel > * {
  margin: 0;
}

.inspiracje-hero__panel h1 {
  max-width: 18ch;
  font-size: clamp(3.2rem, 5.2vw, 4rem);
}

.inspiracje-hero__panel .lead {
  max-width: 54ch;
}

.inspiracje-hero__cta {
  min-height: 2.75rem;
  justify-content: flex-start;
}

.inspiracje-hero__media {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  margin: 0;
}

.inspiracje-hero__media img {
  aspect-ratio: 3 / 2;
}

.inspiracje-rytualy__intro,
.inspiracje-momenty__intro,
.inspiracje-style__intro,
.inspiracje-czytaj__intro,
.inspiracje-wieczor__intro {
  min-width: 0;
}

.inspiracje-rytualy__intro {
  width: 41.667%;
  max-width: 58ch;
  margin-bottom: var(--space-7);
}

.inspiracje-rytualy__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-5);
}

.inspiracje-rytualy__item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5);
  border-top: 1px solid var(--color-line);
}

.inspiracje-rytualy__item > * {
  margin: 0;
}

.inspiracje-rytualy__item h3,
.inspiracje-moment h3,
.inspiracje-style__profile h3,
.inspiracje-wieczor__item h3,
.inspiracje-read h3,
.inspiracje-question h3 {
  font-size: var(--text-h4);
}

.inspiracje-rytualy__item p:not(.inspiracje-number):not(.inspiracje-rytualy__quote) {
  max-width: 42ch;
}

.inspiracje-rytualy__item--mist {
  background: var(--color-mist);
}

.inspiracje-rytualy__item--line {
  border-left: 3px solid var(--color-sea-glass);
}

.inspiracje-number {
  color: var(--color-aqua-deep);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: 0.12em;
}

.inspiracje-rytualy__quote {
  color: var(--color-ocean-800);
  font-family: var(--font-heading);
  font-size: 1.45rem;
  font-weight: 500;
  line-height: 1.15;
}

.inspiracje-momenty__intro {
  width: 50%;
  max-width: 52ch;
  margin-bottom: var(--space-7);
}

.inspiracje-momenty__grid,
.inspiracje-style__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.inspiracje-moment,
.inspiracje-style__profile,
.inspiracje-read {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
  border: var(--border-default);
}

.inspiracje-moment > *,
.inspiracje-style__profile > *,
.inspiracje-read > * {
  margin: 0;
}

.inspiracje-moment p {
  max-width: 37ch;
}

.inspiracje-moment--paper,
.inspiracje-style__profile--paper,
.inspiracje-read--paper {
  background: var(--color-paper);
}

.inspiracje-moment--paper {
  border-top: 3px solid var(--color-aqua-deep);
}

.inspiracje-moment--sand,
.inspiracje-style__profile--sand {
  background: var(--color-sand);
}

.inspiracje-moment--mist,
.inspiracje-style__profile--mist,
.inspiracje-read--mist {
  background: var(--color-mist);
}

.inspiracje-moment--numbered {
  position: relative;
  overflow: hidden;
}

.inspiracje-moment--numbered::before {
  position: absolute;
  top: -0.22em;
  right: 0.1em;
  color: color-mix(in srgb, var(--color-sea-glass) 32%, transparent);
  content: "04";
  font-family: var(--font-heading);
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
}

.inspiracje-moment--numbered > * {
  position: relative;
}

.inspiracje-widok__grid {
  grid-template-columns: minmax(0, 8fr) minmax(300px, 4fr);
  align-items: start;
}

.inspiracje-widok__media,
.inspiracje-smak__media {
  width: 100%;
  margin: 0;
}

.inspiracje-widok__media img {
  aspect-ratio: 3 / 2;
}

.inspiracje-widok__copy {
  min-width: 0;
}

.inspiracje-widok__copy > p:not(.eyebrow) {
  max-width: 44ch;
}

.inspiracje-widok__copy blockquote {
  max-width: 20ch;
}

.inspiracje-style__intro {
  width: 50%;
  max-width: 58ch;
  margin-bottom: var(--space-7);
}

.inspiracje-style__intro .lead {
  max-width: 58ch;
}

.inspiracje-style__profile p:not(.eyebrow) {
  max-width: 36ch;
}

.inspiracje-style__profile .content-list {
  width: 100%;
  max-width: 36ch;
  margin: 0;
}

.inspiracje-smak {
  padding-block: var(--space-9);
}

.inspiracje-smak__grid {
  grid-template-columns: minmax(500px, 7fr) minmax(0, 5fr);
  align-items: start;
}

.inspiracje-smak__copy {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.inspiracje-smak__copy > p:not(.eyebrow) {
  max-width: 53ch;
}

.inspiracje-smak__opening {
  color: var(--color-ocean-800);
  font-family: var(--font-heading);
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 1.1;
}

.inspiracje-smak__media {
  grid-column: 2;
  grid-row: 1;
}

.inspiracje-smak__media img {
  aspect-ratio: 3 / 4;
}

.inspiracje-smak__note {
  display: flex;
  max-width: 53ch;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-5);
  background: var(--color-mist);
  padding: var(--space-5);
}

.inspiracje-smak__note > * {
  margin: 0;
}

.inspiracje-smak__note .content-list {
  gap: var(--space-3);
}

.inspiracje-wieczor {
  padding-block: var(--space-9);
}

.inspiracje-wieczor__intro {
  width: 50%;
  max-width: 56ch;
  margin-bottom: var(--space-7);
}

.inspiracje-wieczor__intro .lead {
  max-width: 56ch;
}

.inspiracje-wieczor__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.inspiracje-wieczor__item {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border-left: 1px solid var(--color-sea-glass);
  padding-left: var(--space-5);
}

.inspiracje-wieczor__item > * {
  margin: 0;
}

.inspiracje-wieczor__item p:not(.eyebrow) {
  max-width: 36ch;
}

.inspiracje-wieczor__item--casino {
  border-left-color: var(--color-gold-muted);
}

.inspiracje-wieczor__item--casino a,
.inspiracje-read--ocean a {
  color: var(--color-sea-glass);
}

.inspiracje-pytania__column {
  width: 66.667%;
  min-width: 0;
  margin-left: 16.667%;
}

.inspiracje-pytania__column > .lead {
  max-width: 55ch;
  margin-bottom: var(--space-7);
}

.inspiracje-question {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  border-top: var(--border-default);
  padding: var(--space-6) 0;
}

.inspiracje-question > * {
  margin: 0;
}

.inspiracje-question p:not(.inspiracje-number) {
  max-width: 56ch;
}

.inspiracje-question ul {
  display: grid;
  width: 100%;
  max-width: 56ch;
  gap: var(--space-3);
  margin: 0;
}

.inspiracje-question--paper,
.inspiracje-question--mist {
  margin-top: var(--space-3);
  border-top: 0;
  padding: var(--space-5);
}

.inspiracje-question--paper {
  background: var(--color-paper);
  border: var(--border-default);
}

.inspiracje-question--mist {
  background: var(--color-mist);
}

.inspiracje-czytaj__intro {
  width: 50%;
  max-width: 52ch;
  margin-bottom: var(--space-7);
}

.inspiracje-czytaj__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--space-5);
}

.inspiracje-read {
  min-height: 100%;
}

.inspiracje-read p:not(.eyebrow) {
  max-width: 36ch;
}

.inspiracje-read--ocean {
  border-color: var(--color-ocean-950);
  background: var(--color-ocean-950);
  color: var(--color-paper);
}

.inspiracje-read--ocean h3 {
  color: var(--color-paper);
}

.inspiracje-final {
  padding-top: var(--space-8);
  padding-bottom: var(--space-9);
}

.inspiracje-final__content {
  display: flex;
  width: 58.333%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-left: 16.667%;
  border-top: 1px solid var(--color-gold-muted);
  padding-top: var(--space-6);
}

.inspiracje-final__content > * {
  margin: 0;
}

.inspiracje-final__content p:not(.eyebrow) {
  max-width: 52ch;
}

@media (max-width: 1179px) {
  .inspiracje-hero__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .inspiracje-hero__media {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .inspiracje-hero__panel {
    grid-column: 1 / span 6;
    grid-row: 2;
    padding: var(--space-6) 0 0;
  }
}

@media (max-width: 1119px) {
  .inspiracje-smak__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .inspiracje-smak__media {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .inspiracje-smak__copy {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-top: var(--space-5);
  }

  .inspiracje-smak__media img {
    aspect-ratio: 3 / 2;
  }
}

@media (max-width: 1099px) {
  .inspiracje-widok__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .inspiracje-widok__media {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .inspiracje-widok__copy {
    grid-column: 1 / span 6;
    grid-row: 2;
    padding-top: var(--space-4);
  }

  .inspiracje-style__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inspiracje-wieczor__grid,
  .inspiracje-czytaj__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .inspiracje-wieczor__item:nth-child(1),
  .inspiracje-wieczor__item:nth-child(2),
  .inspiracje-read:nth-child(1),
  .inspiracje-read:nth-child(2) {
    grid-column: span 4;
  }

  .inspiracje-wieczor__item:nth-child(3),
  .inspiracje-read:nth-child(3) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1023px) {
  .inspiracje-page .container {
    width: min(100% - 2.5rem, var(--container-width));
  }

  .inspiracje-hero {
    padding-block: var(--space-8) var(--space-7);
  }

  .inspiracje-rytualy__intro,
  .inspiracje-momenty__intro,
  .inspiracje-style__intro,
  .inspiracje-czytaj__intro,
  .inspiracje-wieczor__intro {
    width: 75%;
  }

  .inspiracje-rytualy__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .inspiracje-rytualy__item:nth-child(1),
  .inspiracje-rytualy__item:nth-child(2) {
    grid-column: span 4;
  }

  .inspiracje-rytualy__item:nth-child(3) {
    grid-column: 1 / -1;
  }

  .inspiracje-momenty__grid,
  .inspiracje-style__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inspiracje-pytania__column {
    width: 100%;
    margin-left: 0;
  }

  .inspiracje-final__content {
    width: 87.5%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .inspiracje-page .container {
    width: min(100% - 2rem, var(--container-width));
  }

  .inspiracje-hero {
    padding-block: var(--space-6);
  }

  .inspiracje-hero__grid,
  .inspiracje-widok__grid,
  .inspiracje-smak__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .inspiracje-hero__media,
  .inspiracje-hero__panel,
  .inspiracje-widok__media,
  .inspiracje-widok__copy,
  .inspiracje-smak__media,
  .inspiracje-smak__copy {
    grid-column: 1;
  }

  .inspiracje-hero__media,
  .inspiracje-widok__media,
  .inspiracje-smak__media {
    grid-row: 1;
  }

  .inspiracje-hero__panel,
  .inspiracje-widok__copy,
  .inspiracje-smak__copy {
    grid-row: 2;
  }

  .inspiracje-hero__media img {
    aspect-ratio: 4 / 3;
  }

  .inspiracje-hero__panel {
    gap: var(--space-4);
    padding: 0;
  }

  .inspiracje-hero__panel h1 {
    max-width: 15ch;
    font-size: clamp(2.6rem, 11vw, 3rem);
    line-height: 1.05;
  }

  .inspiracje-hero__panel .lead {
    max-width: none;
    font-size: 1.0625rem;
    line-height: 1.59;
  }

  .inspiracje-rytualy__intro,
  .inspiracje-momenty__intro,
  .inspiracje-style__intro,
  .inspiracje-czytaj__intro,
  .inspiracje-wieczor__intro {
    width: 100%;
    margin-bottom: var(--space-6);
  }

  .inspiracje-rytualy__grid,
  .inspiracje-momenty__grid,
  .inspiracje-style__grid,
  .inspiracje-wieczor__grid,
  .inspiracje-czytaj__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .inspiracje-rytualy__item:nth-child(n),
  .inspiracje-wieczor__item:nth-child(n),
  .inspiracje-read:nth-child(n) {
    grid-column: 1;
  }

  .inspiracje-rytualy__item {
    padding: var(--space-5);
  }

  .inspiracje-moment,
  .inspiracje-style__profile,
  .inspiracje-read {
    gap: var(--space-4);
    padding: var(--space-5);
  }

  .inspiracje-moment p,
  .inspiracje-style__profile p:not(.eyebrow),
  .inspiracje-read p:not(.eyebrow),
  .inspiracje-widok__copy > p:not(.eyebrow),
  .inspiracje-smak__copy > p:not(.eyebrow),
  .inspiracje-question p:not(.inspiracje-number),
  .inspiracje-final__content p:not(.eyebrow) {
    max-width: none;
  }

  .inspiracje-widok__media img {
    aspect-ratio: 3 / 2;
  }

  .inspiracje-widok__copy blockquote {
    max-width: none;
    margin-bottom: 0;
    padding-left: var(--space-4);
  }

  .inspiracje-smak {
    padding-block: var(--space-7);
  }

  .inspiracje-smak__media img {
    aspect-ratio: 4 / 5;
  }

  .inspiracje-smak__copy {
    padding-top: 0;
  }

  .inspiracje-smak__note {
    max-width: none;
    padding: var(--space-4);
  }

  .inspiracje-wieczor {
    padding-block: var(--space-7);
  }

  .inspiracje-wieczor__item {
    gap: var(--space-4);
    border-top: 1px solid var(--color-sea-glass);
    border-left: 0;
    padding: var(--space-5) 0;
  }

  .inspiracje-wieczor__item--casino {
    border-top-color: var(--color-gold-muted);
  }

  .inspiracje-wieczor__item p:not(.eyebrow) {
    max-width: none;
  }

  .inspiracje-wieczor__item a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
  }

  .inspiracje-question {
    gap: var(--space-4);
    padding: var(--space-5) 0;
  }

  .inspiracje-question--paper,
  .inspiracje-question--mist {
    padding: var(--space-5);
  }

  .inspiracje-final__content {
    width: 100%;
    gap: var(--space-4);
    margin-left: 0;
  }

  .inspiracje-final__content .button {
    width: min(100%, 22.5rem);
  }
}
