:is(.about-page, .experience-page, .work-page),
:is(.about-page, .experience-page, .work-page) .site-shell,
:is(.about-page, .experience-page, .work-page) main,
:is(.about-page, .experience-page, .work-page) main > .section,
:is(.about-page, .experience-page, .work-page) .page-continuation {
  background: #efefed;
}
:is(.about-page, .experience-page, .work-page) .site-header {
  background: transparent;
  backdrop-filter: none;
}
:is(.about-page, .experience-page, .work-page) main {
  color: #000;
}
:is(.experience-page, .work-page) .center-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 44px;
}
:is(.experience-page, .work-page) .center-heading > .eyebrow {
  display: inline-block;
  max-width: none;
  margin: 0 0 24px;
  padding: 5px 14px;
  background: #fff;
  color: #191919;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: 0.02em;
}
:is(.experience-page, .work-page) h1 {
  color: #000;
  font-size: clamp(36px, 4.2vw, 62px);
  font-weight: 600 !important;
  line-height: 1.06;
  margin: 0 0 24px;
}
:is(.experience-page, .work-page) .center-heading > p:not(.eyebrow) {
  max-width: 57ch;
  margin: 0 auto 20px;
  color: #777;
  font-size: 14px;
  line-height: 1.7;
}
:is(.experience-page, .work-page) .works-section {
  max-width: 1280px;
  margin-inline: auto;
  padding: 60px 5% 80px;
}
.work-page .exploration-grid {
  gap: 24px;
}
.work-page .exploration-grid > .art-card {
  background: #fff;
  border: 6px solid #fafaf9;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 5px 7px #18191b12;
  rotate: 0deg;
}
.work-page .exploration-grid > .art-card img {
  border-radius: 17px;
}
.work-page .exploration-grid .art-card__caption {
  background: #fff;
  color: #191919;
  padding: 16px;
}
.experience-page .experience-card {
  background: #fff;
  border: 5px solid #fafaf9;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 5px 7px #18191b12;
}
.experience-page .experience-card h3 {
  font-size: 26px;
  color: #000;
  line-height: 1.15;
  margin-block: 20px 16px;
}
.experience-page .experience-card p {
  color: #777;
  line-height: 1.7;
}
:is(.about-page, .experience-page, .work-page) .page-continuation {
  translate: none !important;
  padding-bottom: 44px;
}
@media (max-width: 599px) {
  :is(.work-page, .experience-page) .works-section {
    padding: 32px 6% 56px;
  }
  :is(.experience-page, .work-page) h1 {
    font-size: clamp(32px, 8vw, 44px);
  }
  .work-page .exploration-grid {
    gap: 14px;
  }
  .work-page .exploration-grid > .art-card {
    border-width: 4px;
    border-radius: 18px;
  }
  .work-page .exploration-grid .art-card__caption {
    padding: 10px;
  }
  .experience-page .experience-card {
    padding: 26px;
  }
}