/* Shared interior-page geometry, measured from the 1920px Figma canvas. */
.interior-page { color: #fff; background: var(--color-ink); }
.interior-banner { height: calc(800 * var(--design-unit)); overflow: hidden; }
.interior-banner--placeholder { background: var(--banner-placeholder, #ddd); }
.interior-banner img { width: 100%; height: 100%; object-fit: cover; user-select: none; -webkit-user-drag: none; }
.interior-content { position: relative; margin-top: calc(-140 * var(--design-unit)); background: var(--page-background) top center / 100% 100% no-repeat; }
.interior-intro { padding-top: calc(240 * var(--design-unit)); text-align: center; }
.interior-intro__title { max-width: calc(846 * var(--design-unit)); margin: calc(38 * var(--design-unit)) auto 0; }
.interior-intro__copy { margin: calc(20 * var(--design-unit)) auto 0; }
.interior-intro__copy p + p { margin-top: calc(12 * var(--design-unit)); }
.interior-intro__copy a { text-decoration: underline; text-underline-offset: .15em; }
.interior-intro__copy a:hover { color: #fff; }
.interior-section-title { max-width: calc(846 * var(--design-unit)); }

@media (max-width: 768px) {
  .interior-banner { height: 3.2rem; }
  .interior-content { margin-top: -.35rem; background-color: var(--color-ink); background-size: auto 100%; clip-path: polygon(0 0,48% 0,58% .24rem,100% .24rem,100% 100%,0 100%); }
  .interior-intro { padding-top: .8rem; }
  .interior-intro__title { max-width: 100%; margin-top: .3rem; font-size: .42rem; }
  .interior-intro__copy { max-width: 100%; margin-top: .24rem; }
  .interior-intro__copy p + p { margin-top: .12rem; }
  .interior-section-title { max-width: 100%; font-size: .42rem; }
}