/* Match the shared case-study template: 160px sidebar, 800px reading column. */
.page-borderpass.borderpass-layout {
  background: var(--color-background, #fff);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: clip;
}
.page-borderpass .borderpass-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 16px;
}
.page-borderpass .borderpass-header-slot,
.page-borderpass .borderpass-footer-slot { width: 100%; }
.page-borderpass .borderpass-container-layout {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 800px;
}
.page-borderpass .borderpass-layout-slot-overview-product-tension-key-experience {
  position: sticky;
  top: 0;
  z-index: 1;
  flex: none;
  width: 160px;
}
.page-borderpass .borderpass-layout-slot {
  position: fixed;
  left: 16px;
  bottom: 36px;
  z-index: 2;
}
.page-borderpass .borderpass-content {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding-top: 240px;
}
.page-borderpass .borderpass-content-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 800px;
}
.page-borderpass .borderpass-overview-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding-bottom: 48px;
  scroll-margin-top: 300px;
}
.page-borderpass .borderpass-overview-heading-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page-borderpass .borderpass-overview-heading-group h1 { width: 80%; }
.page-borderpass .borderpass-copy { width: 100%; }
.page-borderpass .borderpass-details {
  display: flex;
  gap: 16px;
  width: 100%;
  padding-bottom: 48px;
}
.page-borderpass .borderpass-detail {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.page-borderpass .borderpass-detail > p:last-child { opacity: .6; }
.page-borderpass .borderpass-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 48px;
}
.page-borderpass .borderpass-visual-content,
.page-borderpass .borderpass-content-small-section {
  position: relative;
  width: 100%;
  background: #f9f9f9;
  border: .5px solid var(--color-keyline, #0000001a);
}
.page-borderpass .borderpass-content-small-layout-slot,
.page-borderpass .borderpass-gallery { width: 100%; }
.page-borderpass .borderpass-gallery-slide { aspect-ratio: 1.5; position: relative; }
.page-borderpass .borderpass-gallery-slide-portrait { aspect-ratio: 0.666667; position: relative; }
.page-borderpass .borderpass-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding-bottom: 80px;
  scroll-margin-top: 240px;
}
.page-borderpass .borderpass-section-heading-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.page-borderpass .borderpass-demo {
  position: relative;
  width: 100%;
  margin-top: 30px;
  border: .5px solid var(--color-keyline, #0000001a);
  background: #f9f9f9;
  overflow: hidden;
}
.page-borderpass .borderpass-demo video { position: relative; height: auto; }
.page-borderpass .borderpass-list { padding-left: 24px; margin: 0; width: 100%; }
.page-borderpass .borderpass-actors { width: 100%; border-collapse: collapse; }
.page-borderpass .borderpass-actors th,
.page-borderpass .borderpass-actors td { padding: 8px 16px 8px 0; text-align: left; border-bottom: 1px solid var(--color-keyline, #0000001a); font: inherit; vertical-align: top; }
.page-borderpass #reflection { padding-bottom: 200px; }
.page-borderpass .borderpass-layout-slot-more-work { width: 100%; max-width: 800px; }
@media (max-width: 1199.98px) {
  .page-borderpass .borderpass-content { padding-top: 120px; }
  .page-borderpass .borderpass-overview-heading-group { gap: 4px; }
  .page-borderpass .borderpass-overview-heading-group h1 { width: 100%; }
  .page-borderpass .borderpass-details { flex-direction: column; }
  .page-borderpass .borderpass-section { padding-bottom: 48px; scroll-margin-top: 60px; }
  .page-borderpass .borderpass-overview-section { scroll-margin-top: 500px; }
}
@media (min-width: 1440px) {
  .page-borderpass .borderpass-header-slot { position: sticky; top: 8px; z-index: 1; }
  .page-borderpass .borderpass-container-layout { max-width: unset; }
  .page-borderpass .borderpass-gallery { width: 1300px; }
  .page-borderpass .borderpass-visual-content { width: min-content; }
}
.page-borderpass .borderpass-copy { position: relative; }
.page-borderpass .borderpass-overview-heading-group > .rich-text,
.page-borderpass .borderpass-section-heading-group > .rich-text,
.page-borderpass .borderpass-detail > .rich-text { margin: 0; }