/*
 * REKORDER 2.0 — DOWNSTREAM RUNTIME AUTHORITY
 *
 * Ownership:
 *   Page / SectionTicker / primitives / About / What We Offer / Studios /
 *   Facilities / Community / FAQ / Footer.
 *
 * Header + Hero remain owned by app/globals.css and are intentionally absent.
 * Do not append correction/V* override stacks to this file.
 */

.rekorderPage > * {
  pointer-events: auto;
}

.rekorderSectionTicker {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0;
  overflow: hidden;
  padding-inline: 0;
  background: var(--cream);
  font-family: var(--font-mono), "IBM Plex Mono", monospace;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.rekorderSectionTicker-ink {
  color: var(--ink);
}

#about.rekorderSectionTicker-ink {
  z-index: 3;
  background: transparent;
}

#about.rekorderSectionTicker-ink::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: -100px;
  bottom: -100px;
  background: transparent;
  pointer-events: none;
}

.rekorderSectionTicker-cream {
  background: transparent;
  color: var(--cream);
}

.rekorderDualButton {
  position: relative;
  flex: none;
  width: 150px;
  height: 50px;
  display: inline-block;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}

.rekorderDualButtonShell {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border: 1px solid currentColor;
  border-radius: 10px;
  transition: inset 220ms ease,
    width 220ms ease,
    height 220ms ease;
}

.rekorderDualButtonPrimary,
.rekorderDualButtonSecondary {
  position: absolute;
  left: 50%;
  width: max-content;
  transform: translateX(-50%);
  white-space: nowrap;
  font-family: var(--font-mono), "IBM Plex Mono", monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  text-transform: uppercase;
  transition: top 220ms ease,
    bottom 220ms ease;
}

.rekorderDualButtonPrimary {
  bottom: 11px;
}

.rekorderDualButtonSecondary {
  top: -16px;
}

.rekorderDualButtonDot {
  position: absolute;
  top: 9px;
  left: 50%;
  width: 9px;
  height: 9px;
  transform: translateX(-50%);
  border-radius: 20px;
  background: currentColor;
  transition: top 220ms ease,
    bottom 220ms ease;
}

.rekorderDualButton:hover .rekorderDualButtonShell,
.rekorderDualButton:focus-visible .rekorderDualButtonShell {
  inset: 3px;
}

.rekorderDualButton:hover .rekorderDualButtonPrimary,
.rekorderDualButton:focus-visible .rekorderDualButtonPrimary {
  bottom: -15px;
}

.rekorderDualButton:hover .rekorderDualButtonSecondary,
.rekorderDualButton:focus-visible .rekorderDualButtonSecondary {
  top: 4px;
}

.rekorderDualButton:hover .rekorderDualButtonDot,
.rekorderDualButton:focus-visible .rekorderDualButtonDot {
  top: auto;
  bottom: 8px;
}

.rekorderDualButton-ink {
  color: var(--ink);
}

.rekorderDualButton-cream {
  color: var(--cream);
}

.rekorderEditorialSplit {
  position: relative;
  width: 100%;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: visible;
  background: var(--cream);
  color: var(--ink);
}

.rekorderEditorialSplitInner {
  position: relative;
  width: 100%;
  height: min-content;
  display: flex;
  flex: 1 0 0;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  overflow: visible;
  padding: 0 20px;
}

.rekorderEditorialLead {
  position: sticky;
  z-index: 1;
  top: 70px;
  width: 1px;
  height: min-content;
  display: flex;
  flex: 1 0 0;
  flex-flow: row;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  overflow: visible;
  padding: 0;
}

.rekorderEditorialGlyph {
  position: sticky;
  z-index: 1;
  top: 50px;
  width: 70%;
  height: min-content;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: 0;
  overflow: visible;
  color: #121212;
}

.rekorderEditorialGlyphSvg {
  position: relative;
  display: block;
  flex: none;
  width: 100%;
  height: auto;
}

.rekorderEditorialSplit-about .rekorderEditorialGlyphSvg {
  aspect-ratio: 1.1378;
}

.rekorderEditorialHeadlineColumn {
  position: relative;
  width: 1px;
  height: min-content;
  display: flex;
  flex: 1 0 0;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  overflow: visible;
  padding: 0;
}

.rekorderEditorialHeadline {
  position: sticky;
  z-index: 1;
  top: 50px;
  width: 100%;
  height: auto;
  flex: none;
  padding: 0 0 6px;
  white-space: pre-wrap;
  overflow: visible;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
}

.rekorderEditorialHeadline a,
.rekorderEditorialBody a {
  color: inherit;
  text-decoration: none;
}

.rekorderEditorialHeadline a:hover,
.rekorderEditorialBody a:hover {
  text-decoration: underline;
}

.rekorderEditorialHeadline em,
.rekorderEditorialBody em {
  font-family: "GT Alpina Light Italic", "GT Alpina Light",
    var(--font-display), Georgia, serif;
  font-style: italic;
}

.rekorderEditorialAside {
  position: relative;
  width: 20%;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  overflow: hidden;
  padding: 0;
}

.rekorderEditorialAsideInner {
  position: relative;
  width: 100%;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  overflow: hidden;
  padding: 0;
}

.rekorderEditorialScrollSpacer {
  position: relative;
  width: 100%;
  height: 80vh;
  flex: none;
  overflow: hidden;
}

.rekorderEditorialImage {
  position: relative;
  width: 100%;
  aspect-ratio: 0.710784;
  flex: none;
  overflow: hidden;
  will-change: filter;
}

.rekorderEditorialImage img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.rekorderEditorialBody {
  position: relative;
  width: 100%;
  height: auto;
  flex: none;
  white-space: pre-wrap;
  overflow: visible;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.rekorderOffer {
  position: relative;
  width: 100%;
  flex: none;
  overflow: visible;
  background: var(--cream);
  color: var(--ink);
}

.rekorderOfferDesktop {
  position: relative;
  width: 100%;
  display: block;
}

.rekorderOfferSticky {
  --rekorder-offer-transition: 1040ms linear(0 0%, .01 9.5%, .094 17.6%, .34 25.4%, .62 33%, .78 42%, .858 50%, .917 58%, .95 66%, .978 75%, .993 83%, .999 91%, 1 100%);
  position: sticky;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100vh;
  min-height: 0;
  overflow: hidden;
  background: var(--cream);
}

.rekorderOfferCopy {
  position: absolute;
  z-index: 2;
  top: 54%;
  left: 20px;
  width: min-content;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
  transform: translateY(-50%);
}

.rekorderOfferHeading {
  display: flex;
  width: min-content;
  height: min-content;
  flex: none;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
}

.rekorderOfferNumber {
  flex: none;
  white-space: pre;
  font-family: var(--font-mono), "IBM Plex Mono", monospace;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.rekorderOfferHeading h2 {
  margin: 0;
  white-space: nowrap;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
}

.rekorderOfferHeading em {
  font-family: "GT Alpina Light Italic", "GT Alpina Light",
    var(--font-display), Georgia, serif;
  font-style: italic;
}

.rekorderOfferCopy > p {
  width: auto;
  height: auto;
  align-self: stretch;
  flex: none;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.rekorderOfferMedia {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 65%;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
  overflow: visible;
}

.rekorderOfferColumn {
  position: relative;
  height: 100%;
  display: flex;
  flex: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  touch-action: manipulation;
  overflow: visible;
  transition: width var(--rekorder-offer-transition);
}

.rekorderOfferColumn:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: -4px;
}

.rekorderOfferColumn-1 {
  width: 25%;
  align-items: flex-end;
  justify-content: center;
}

.rekorderOfferColumn-2 {
  width: 60%;
  align-items: flex-start;
  justify-content: center;
}

.rekorderOfferColumn-3 {
  flex: 1 0 0;
  width: 1px;
  align-items: flex-end;
  justify-content: center;
}

.rekorderOfferClip {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: height var(--rekorder-offer-transition);
}

.rekorderOfferColumn-1 .rekorderOfferClip {
  height: 20%;
  background-image: url("https://framerusercontent.com/images/ldzlyLasV8VBwJy3ToOaOzeUmRU.jpg?width=2048&height=1365");
}

.rekorderOfferColumn-2 .rekorderOfferClip {
  height: 80%;
  background-image: url("https://framerusercontent.com/images/rhCl2qmPVfxUFgjmVBHO30UZPQ.jpg?width=3024&height=4032");
}

.rekorderOfferColumn-3 .rekorderOfferClip {
  height: 20%;
  background-image: url("https://framerusercontent.com/images/u2KWKqWRJHaGk8fmu3uy1iq1M.jpg?width=1092&height=1365");
}

.rekorderOfferImage {
  position: absolute;
  display: block;
  max-width: none;
  object-fit: cover;
  object-position: center;
  user-select: none;
  pointer-events: none;
  transition: left var(--rekorder-offer-transition),
    top var(--rekorder-offer-transition),
    bottom var(--rekorder-offer-transition),
    height var(--rekorder-offer-transition);
}

.rekorderOfferImage-1 {
  top: -27px;
  bottom: -26px;
  left: 37%;
  width: auto;
  height: calc(100% + 53px);
  aspect-ratio: 1.47015;
  transform: translateX(-50%);
}

.rekorderOfferImage-2 {
  top: 0;
  bottom: 0;
  left: 50%;
  width: auto;
  height: 100%;
  aspect-ratio: .815217;
  transform: translateX(-50%);
}

.rekorderOfferImage-3 {
  top: 0;
  bottom: -6px;
  left: 50%;
  width: auto;
  height: calc(100% + 6px);
  aspect-ratio: 1.05263;
  transform: translateX(-50%);
}

.rekorderOfferSticky[data-active="1"] .rekorderOfferColumn-1 {
  width: 49%;
}

.rekorderOfferSticky[data-active="1"] .rekorderOfferColumn-2 {
  width: 30%;
}

.rekorderOfferSticky[data-active="1"] .rekorderOfferColumn-1 .rekorderOfferClip,
.rekorderOfferSticky[data-active="1"] .rekorderOfferColumn-3 .rekorderOfferClip {
  height: 60%;
}

.rekorderOfferSticky[data-active="1"] .rekorderOfferColumn-2 .rekorderOfferClip {
  height: 40%;
}

.rekorderOfferSticky[data-active="1"] .rekorderOfferImage-1 {
  top: 1px;
  bottom: 0;
  left: 46%;
  height: calc(100% - 1px);
}

.rekorderOfferSticky[data-active="1"] .rekorderOfferImage-3 {
  left: 50%;
}

.rekorderOfferSticky[data-active="2"] .rekorderOfferColumn-1,
.rekorderOfferSticky[data-active="2"] .rekorderOfferColumn-2 {
  width: 20%;
}

.rekorderOfferSticky[data-active="2"] .rekorderOfferColumn-3 {
  flex: 1 0 0;
}

.rekorderOfferSticky[data-active="2"] .rekorderOfferColumn-1 .rekorderOfferClip,
.rekorderOfferSticky[data-active="2"] .rekorderOfferColumn-3 .rekorderOfferClip {
  height: 60%;
}

.rekorderOfferSticky[data-active="2"] .rekorderOfferColumn-2 .rekorderOfferClip {
  height: 40%;
}

.rekorderOfferSticky[data-active="2"] .rekorderOfferImage-1 {
  top: -13px;
  bottom: -6px;
  left: 57%;
  height: calc(100% + 19px);
}

.rekorderOfferSticky[data-active="2"] .rekorderOfferImage-2 {
  top: -8px;
  bottom: -13px;
  left: 51%;
  height: calc(100% + 21px);
}

.rekorderOfferSticky[data-active="2"] .rekorderOfferImage-3 {
  top: -35px;
  bottom: -77px;
  left: 54%;
  height: calc(100% + 112px);
}

.rekorderOfferTriggers {
  position: relative;
  z-index: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-top: 10px;
}

.rekorderOfferTrigger {
  position: relative;
  width: 100%;
  height: 50vh;
  overflow: hidden;
}

.rekorderOfferMobile {
  display: none;
}

.rekorderFacilitiesAside em {
  font-family: "GT Alpina Light Italic", "GT Alpina Light",
    var(--font-display), Georgia, serif;
  font-style: italic;
}

.rekorderFacilitiesAside p {
  margin: 0;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.rekorderFaq {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  background: var(--cream);
  color: var(--ink);
}

.rekorderFaqLabel {
  flex: none;
  width: min(600px, 42%);
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
}

.rekorderFaqLabel p {
  width: 100%;
  margin: 0;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.02em;
}

.rekorderFaqList {
  flex: none;
  width: 50%;
  padding: 20px;
}

.rekorderFaqItem {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(15, 15, 15, 0.28);
}

.rekorderFaqItem:last-child {
  border-bottom: 1px solid rgba(15, 15, 15, 0.28);
}

.rekorderFaqQuestion {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.rekorderFaqIcon {
  position: relative;
  flex: none;
  width: 40px;
  height: 40px;
}

.rekorderFaqIcon span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 220ms ease;
}

.rekorderFaqIcon span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}

.rekorderFaqItem.is-open .rekorderFaqIcon span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(0deg);
}

.rekorderFaqAnswerGrid {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms cubic-bezier(.16, 1, .3, 1);
}

.rekorderFaqItem.is-open .rekorderFaqAnswerGrid {
  grid-template-rows: 1fr;
}

.rekorderFaqAnswerClip {
  min-height: 0;
  overflow: hidden;
}

.rekorderFaqAnswerClip p {
  margin: 0;
  padding: 0 20px 10px 40px;
  font-family: var(--font-mono), "IBM Plex Mono", monospace;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.rekorderStudios {
  position: relative;
  width: 100%;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: visible;
  padding: 0;
  background: var(--cream);
  color: var(--ink);
}

.rekorderStudiosInner {
  position: relative;
  width: 1px;
  height: min-content;
  display: flex;
  flex: 1 0 0;
  flex-flow: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  overflow: visible;
  padding: 0 20px;
}

.rekorderStudiosSticky {
  position: sticky;
  z-index: 1;
  top: 20px;
  width: 1px;
  height: min-content;
  display: flex;
  flex: 1 0 0;
  flex-flow: row;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  overflow: visible;
  padding: 0;
}

.rekorderStudiosLead {
  position: sticky;
  z-index: 1;
  top: 50px;
  width: 1px;
  height: 570px;
  aspect-ratio: 1.56842;
  display: flex;
  flex: 1 0 0;
  flex-flow: row;
  align-items: flex-end;
  justify-content: center;
  align-content: flex-end;
  gap: 10px;
  overflow: visible;
  padding: 0;
}

.rekorderStudiosGlyphRegion {
  position: sticky;
  z-index: 1;
  top: 50px;
  width: 70%;
  height: 570px;
  aspect-ratio: 1.1193;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: visible;
  padding: 0;
}

.rekorderStudiosGlyph {
  position: relative;
  width: 100%;
  height: 570px;
  aspect-ratio: 1.25088;
  flex: none;
}

.rekorderStudiosGlyph .rekorderEditorialGlyphSvg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}

.rekorderStudiosHeadlineColumn {
  position: relative;
  width: 1px;
  height: min-content;
  display: flex;
  flex: 1 0 0;
  flex-flow: row;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  overflow: visible;
  padding: 0;
}

.rekorderStudiosHeadlineColumn p {
  position: relative;
  width: 1px;
  height: auto;
  flex: 1 0 0;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
}

.rekorderStudiosAside {
  position: relative;
  width: 22%;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  padding: 0;
}

.rekorderStudiosAsideInner {
  position: relative;
  width: 100%;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  overflow: hidden;
  padding: 0;
}

.rekorderStudiosDesktopSpacer {
  position: relative;
  width: 100%;
  height: 80vh;
  flex: none;
  overflow: hidden;
}

.rekorderStudiosImage {
  position: relative;
  width: 100%;
  height: 360px;
  aspect-ratio: 0.710784;
  flex: none;
  overflow: hidden;
  will-change: filter;
}

.rekorderStudiosImage img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.rekorderStudiosBody {
  position: relative;
  width: 100%;
  height: auto;
  flex: none;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.rekorderStudiosCtaContainer {
  position: relative;
  width: 100%;
  height: 50px;
  flex: none;
  overflow: visible;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.000833333, 0, 0, 0, 1);
}

.rekorderStudiosCtaContainer .rekorderDualButton {
  width: 100%;
  height: 100%;
}

.rekorderFacilities {
  min-height: calc(100vh + 50px);
  flex-direction: column;
  padding-top: 50px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  background: var(--ink);
  color: var(--cream);
  height: min-content;
  flex: none;
  flex-flow: column;
  justify-content: flex-start;
  padding: 50px 0 0;
}

.rekorderFacilities .rekorderSectionTicker {
  position: relative;
  z-index: 2;
  flex: none;
  width: 100%;
  height: auto;
}

.rekorderFacilitiesBackdrop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  max-width: none;
  user-select: none;
  pointer-events: none;
  opacity: 1;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

.rekorderFacilitiesStage {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  display: flex;
  flex: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  padding: 300px 40px 300px 20px;
}

.rekorderFacilitiesContent {
  z-index: 1;
  position: relative;
  width: 1px;
  display: flex;
  align-items: flex-start;
  gap: 50px;
  padding: 0;
  height: min-content;
  flex: 1 0 0;
  flex-flow: row;
  justify-content: flex-start;
  overflow: visible;
}

.rekorderFacilitiesHeadline {
  position: relative;
  width: 1px;
  height: min-content;
  display: flex;
  flex: 1 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: visible;
}

.rekorderFacilitiesHeadline p,
.rekorderFacilitiesAside > p {
  margin: 0;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  color: var(--cream);
  font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
}

.rekorderFacilitiesHeadline p {
  width: 100%;
}

.rekorderFacilitiesHeadline em,
.rekorderFacilitiesAside em {
  font-family: "GT Alpina Light Italic", "GT Alpina Light",
    var(--font-display), Georgia, serif;
  font-style: italic;
}

.rekorderFacilitiesAside {
  flex-direction: column;
  flex: none;
  width: 48%;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  height: min-content;
  flex-flow: column;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0;
}

.rekorderFacilitiesAside > p {
  width: 100%;
}

.rekorderFacilitiesAside a {
  color: inherit;
  text-decoration: none;
}

.rekorderFacilitiesAside a:hover {
  text-decoration: underline;
}

.rekorderFacilitiesActions {
  display: flex;
  gap: 10px;
  position: relative;
  width: 380px;
  height: 50px;
  flex: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.rekorderFacilitiesButton {
  width: 185px;
  height: 50px;
}

.rekorderCommunityRuntime {
  position: relative;
  width: 100%;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  overflow: visible;
  border-radius: 0 0 10px 10px;
  background: var(--cream);
  color: var(--ink);
}

.rekorderCommunityRuntimeSticky {
  position: sticky;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100vh;
  flex: none;
}

.rekorderCommunityRuntimeStage {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  background: var(--cream);
}

.rekorderCommunityRuntimePortrait img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
  user-select: none;
  pointer-events: none;
}

.rekorderCommunityRuntimePortrait-1 {
  width: 85px;
  height: 88px;
  top: 263px;
  right: -11px;
}

.rekorderCommunityRuntimePortrait-2 {
  width: 236px;
  height: 224px;
  top: 35px;
  left: 250px;
}

.rekorderCommunityRuntimePortrait-3 {
  width: 212px;
  height: 224px;
  top: 84px;
  right: 139px;
}

.rekorderCommunityRuntimePortrait-4 {
  width: 342px;
  height: 326px;
  bottom: 10px;
  left: -91px;
}

.rekorderCommunityRuntimePortrait-5 {
  width: 423px;
  height: 409px;
  bottom: -18px;
  right: -98px;
}

.rekorderCommunityRuntimePortrait-6 {
  width: 291px;
  height: 288px;
  top: 109px;
  left: -98px;
}

.rekorderCommunityRuntimePortrait-7 {
  width: 199px;
  height: 198px;
  bottom: 84px;
  right: 409px;
}

.rekorderCommunityRuntimeStatement {
  position: relative;
  z-index: 2;
  width: max-content;
  height: auto;
  flex: none;
  margin: 0;
  white-space: pre;
  text-align: left;
  color: var(--ink);
  font-family: "GT Alpina Light",var(--font-display),Georgia,serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -.02em;
}

.rekorderCommunityRuntimeStatement em {
  font-family: "GT Alpina Light Italic","GT Alpina Light",var(--font-display),Georgia,serif;
  font-style: italic;
}

.rekorderCommunityRuntimeUnionWindow {
  position: relative;
  z-index: 2;
  width: 720px;
  height: 141px;
  flex: none;
  overflow: hidden;
}

.rekorderCommunityRuntimeUnion img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  user-select: none;
  pointer-events: none;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-1 {
  top: 283px;
  right: 9px;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-2 {
  top: 17px;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-3 {
  top: 94px;
  right: 189px;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-4 {
  left: -92px;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-5 {
  bottom: -8px;
  right: -88px;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-6 {
  top: 119px;
  left: -88px;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-7 {
  bottom: 116px;
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimeUnion {
  top: -135px;
  bottom: -153px;
  height: auto;
  transform: none;
}

.rekorderCommunityRuntimeTriggers {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.rekorderCommunityRuntimeTrigger {
  width: 100%;
  height: 50vh;
  flex: none;
  background: var(--cream);
}

.rekorderPage {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 100px;
  pointer-events: none;
  overflow: visible;
  position: relative;
  z-index: 2;
  border-radius: 0 0 10px 10px;
  background: var(--cream);
  --rekorder-footer-page-scale: 1;
  transform: perspective(1200px)
    scale(var(--rekorder-footer-page-scale));
  transform-origin: 50% 50%;
  will-change: transform;
}

.rekorderFooterRuntime {
  position: fixed;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  gap: 50px;
  overflow: hidden;
  padding: 0;
  background: var(--ink);
  color: var(--cream);
}

.rekorderFooterRuntimeInner {
  position: relative;
  width: 100%;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  overflow: hidden;
  padding: 0;
}

.rekorderFooterRuntimeContactGrid {
  position: relative;
  width: 100%;
  height: 40px;
  display: flex;
  flex: none;
  flex-flow: row;
  align-items: center;
  justify-content: space-evenly;
  overflow: hidden;
  padding: 0;
}

.rekorderFooterRuntimeContactBlock {
  position: relative;
  width: 180px;
  height: min-content;
  display: flex;
  flex: none;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  overflow: visible;
}

.rekorderFooterRuntimeContactThird {
  position: relative;
  width: min-content;
  height: 40px;
  display: flex;
  flex: none;
  flex-flow: row;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
}

.rekorderFooterRuntimeContactBlockThird {
  width: min-content;
}

.rekorderFooterRuntimeContactHeading,
.rekorderFooterRuntimeContactValue {
  margin: 0;
  color: var(--cream);
  white-space: pre;
  text-decoration: none;
  font-family: var(--font-mono), "IBM Plex Mono", monospace;
  letter-spacing: -0.02em;
}

.rekorderFooterRuntimeContactHeading {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

.rekorderFooterRuntimeContactValue {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
}

.rekorderFooterRuntimeContactValue:hover {
  text-decoration: underline;
}

.rekorderFooterRuntimeStatement {
  position: relative;
  width: 1062px;
  height: 248px;
  flex: none;
  overflow: visible;
}

.rekorderFooterRuntimeStatement img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  user-select: none;
  pointer-events: none;
}

.rekorderFooterRuntimeActionRow {
  position: relative;
  width: 100%;
  height: 50px;
  display: flex;
  flex: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
}

.rekorderFooterRuntimeActionRow .rekorderDualButton {
  width: 150px;
  height: 50px;
}

.rekorderFooterRuntimeBottom {
  position: relative;
  width: 100%;
  height: 60px;
  display: flex;
  flex: none;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  padding: 10px;
}

.rekorderFooterRuntimeBottomBar {
  position: relative;
  width: 1px;
  height: 33px;
  display: flex;
  flex: 1 0 0;
  border-radius: 10px;
  background: var(--ink);
}

.rekorderFooterRuntimeReveal {
  position: relative;
  z-index: -1;
  width: 100%;
  height: 20vh;
  flex: none;
  margin-top: 80px;
  overflow: hidden;
  pointer-events: none;
}

.rekorderFacilitiesBackdrop {
  position: absolute;
  z-index: 0;
  top: 163px;
  left: 66px;
  right: 66px;
  aspect-ratio: 1.05847;
  overflow: visible;
  width: auto;
  height: auto;
  will-change: transform;
}

.rekorderCommunityRuntimePortrait {
  position: absolute;
  z-index: 1;
  flex: none;
  margin: 0;
  opacity: 1;
  transform: none;
  transform-origin: 50% 50%;
  will-change: transform,opacity,inset;
  transition: top 500ms cubic-bezier(0, 0, 0, 1),
    right 500ms cubic-bezier(0, 0, 0, 1),
    bottom 500ms cubic-bezier(0, 0, 0, 1),
    left 500ms cubic-bezier(0, 0, 0, 1),
    opacity 500ms cubic-bezier(0, 0, 0, 1),
    transform 500ms cubic-bezier(0, 0, 0, 1);
}

.rekorderCommunityRuntimeUnion {
  position: absolute;
  width: 644px;
  height: 415px;
  left: calc(48.75% - 322px);
  top: auto;
  right: auto;
  bottom: -288px;
  transform: none;
  transform-origin: 50% 50%;
  transition: top 500ms cubic-bezier(0, 0, 0, 1),
    height 500ms cubic-bezier(0, 0, 0, 1),
    transform 500ms cubic-bezier(0, 0, 0, 1);
}


@media (min-width: 810px) {
  .rekorderPage {
    padding-bottom: 120px;
  }

  .rekorderFaq {
    min-height: 350px;
  }

  .rekorderCommunityRuntimeUnion {
    top: 14px;
    bottom: auto;
    height: 415px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"]
      .rekorderCommunityRuntimeUnion {
    top: -135px;
    bottom: auto;
    height: 429px;
    transform: none;
  }

}


@media (min-width: 810px) and (max-width: 1199px) {
  .rekorderOfferHeading h2 {
    font-size: 30px;
  }

  .rekorderOfferNumber {
    font-size: 9px;
    line-height: 1.2;
  }

  .rekorderOfferCopy > p {
    font-size: 15px;
  }

  .rekorderSectionTicker {
    font-size: 9px;
  }

  .rekorderEditorialHeadline,
    .rekorderFacilitiesAside p,
    .rekorderFaqLabel p {
    font-size: 30px;
  }

  .rekorderEditorialBody,
    .rekorderOfferCopy p,
    .rekorderFaqQuestion {
    font-size: 15px;
  }

  .rekorderEditorialAside {
    width: 20%;
  }

  .rekorderOfferSticky {
    height: 90vh;
  }

  .rekorderFaqLabel {
    width: 50%;
  }

  .rekorderEditorialSplit-about .rekorderEditorialGlyphSvg {
    aspect-ratio: 1.0425;
  }

  .rekorderEditorialSplit-about .rekorderEditorialImage {
    height: auto;
    aspect-ratio: 0.710784;
  }

  .rekorderEditorialSplit-about .rekorderEditorialHeadline {
    font-size: 30px;
  }

  .rekorderEditorialSplit-about .rekorderEditorialBody {
    font-size: 15px;
  }

  .rekorderStudiosLead {
    height: auto;
  }

  .rekorderStudiosGlyphRegion {
    height: auto;
    aspect-ratio: 1.08684;
  }

  .rekorderStudiosGlyph {
    height: auto;
    aspect-ratio: 1.08684;
  }

  .rekorderStudiosHeadlineColumn p {
    font-size: 30px;
  }

  .rekorderStudiosImage {
    height: auto;
    aspect-ratio: 0.710784;
  }

  .rekorderStudiosBody {
    font-size: 15px;
  }

  .rekorderFacilitiesBackdrop {
    aspect-ratio: 1.05847;
    height: auto;
  }

  .rekorderFacilitiesHeadline p,
    .rekorderFacilitiesAside > p {
    font-size: 30px;
  }

  .rekorderCommunityRuntimeStatement {
    font-size: 15px;
  }

}


@media (min-width: 1500px) {
  .rekorderEditorialImage {
    min-height: 411px;
  }

  .rekorderFacilitiesBackdrop {
    min-height: 1292px;
  }

  .rekorderStudiosLead {
    height: auto;
  }

  .rekorderStudiosGlyphRegion {
    height: auto;
  }

  .rekorderStudiosGlyph {
    height: auto;
  }

  .rekorderStudiosImage {
    height: auto;
  }

  .rekorderFooterRuntimeInner {
    width: 1500px;
  }

  .rekorderFooterRuntimeStatement {
    width: 1398px;
    height: 326px;
  }

}


@media (min-width: 1200px) and (max-width: 1499px) {
  .rekorderStudiosLead,
    .rekorderStudiosGlyphRegion,
    .rekorderStudiosGlyph {
    height: auto;
  }

  .rekorderStudiosImage {
    height: auto;
    aspect-ratio: 0.710784;
  }

  .rekorderStudios {
    min-height: 1360px;
  }

}

@media (max-width: 809px) {
  #about.rekorderSectionTicker-ink::before {
    top: -50px;
    bottom: -50px;
  }

  .rekorderOfferDesktop {
    display: none;
  }

  .rekorderOfferMobileHeading em {
    font-family: "GT Alpina Light Italic", "GT Alpina Light",
        var(--font-display), Georgia, serif;
    font-style: italic;
  }

  .rekorderOfferMobileCard > p {
    order: 2;
    width: 100%;
    margin: 0;
    font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }

  .rekorderSectionTicker {
    font-size: 9px;
    justify-content: space-around;
  }

  .rekorderSectionTicker > span:nth-child(3) {
    display: none;
  }

  .rekorderDualButton {
    width: 145px;
    height: 44px;
  }

  .rekorderDualButtonPrimary,
    .rekorderDualButtonSecondary {
    font-size: 11px;
  }

  .rekorderEditorialSplitInner {
    flex-direction: column;
    gap: 0;
    padding: 0 10px;
  }

  .rekorderEditorialLead {
    position: relative;
    top: auto;
    width: 100%;
    flex: none;
    flex-direction: column;
    gap: 30px;
  }

.rekorderEditorialGlyph {
    position: sticky;
    top: 30px;
    width: 30%;
    overflow: visible;
  }

  .rekorderEditorialHeadline {
    position: relative;
    top: auto;
    width: 100%;
    font-size: 21px;
  }

  .rekorderEditorialAside {
    width: 70%;
    align-self: flex-end;
    padding-left: 10px;
    gap: 10px;
  }

  .rekorderEditorialImage {
    min-height: 350px;
  }

  .rekorderEditorialBody {
    font-size: 15px;
  }

  .rekorderOffer {
    overflow: auto;
    overscroll-behavior-x: contain;
    min-height: 0;
  }

  .rekorderOfferSticky,
    .rekorderOfferTriggers {
    display: none;
  }

  .rekorderOfferMobile {
    width: max-content;
    min-width: max-content;
    display: flex;
    flex-flow: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 20px;
  }

  .rekorderOfferMobileCard {
    position: relative;
    width: 300px;
    flex: none;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
  }

  .rekorderOfferMobileHeading {
    order: 1;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .rekorderOfferMobileHeading > span {
    flex: none;
    white-space: pre;
    font-weight: 400;
    letter-spacing: -0.02em;
    font-family: var(--font-mono), "IBM Plex Mono", monospace;
    font-size: 9px;
    line-height: 1.2;
  }

  .rekorderOfferMobileHeading h2 {
    flex: 1 0 0;
    width: 1px;
    font-weight: 400;
    margin: 0;
    font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
    font-size: 21px;
    line-height: 1;
    letter-spacing: -0.02em;
  }

  .rekorderOfferMobileCard img {
    order: 0;
    display: block;
    width: 300px;
    height: 400px;
    flex: none;
    object-fit: cover;
    object-position: center;
  }

  .rekorderOfferMobileCard > p {
    order: 2;
    width: 100%;
    margin: 0;
    font-family: "GT Alpina Light", var(--font-display), Georgia, serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }

  .rekorderFacilities {
    padding-top: 50px;
  }

  .rekorderFacilitiesAside p {
    font-size: 21px;
  }

  .rekorderFaq {
    flex-direction: column;
    align-items: flex-end;
  }

  .rekorderFaqLabel {
    width: 100%;
    height: min-content;
    align-self: auto;
    justify-content: flex-start;
    padding: 20px 20px 0;
  }

  .rekorderFaqLabel p {
    font-size: 21px;
  }

  .rekorderFaqList {
    width: 100%;
    padding: 40px 20px 38px;
  }

  .rekorderFaqItem {
    margin-bottom: 4px;
  }

  .rekorderFaqItem:last-child {
    margin-bottom: 0;
  }

  .rekorderFaqQuestion {
    font-size: 15px;
  }

  .rekorderFaqAnswerClip p {
    font-size: 9px;
  }

  .rekorderStudiosInner {
    flex-direction: column;
    gap: 0;
    padding: 0 10px;
  }

  .rekorderStudiosSticky {
    position: relative;
    top: auto;
    width: 100%;
    flex: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }

  .rekorderStudiosHeadlineColumn p {
    width: 100%;
    flex: none;
    font-size: 21px;
  }

  .rekorderStudiosAside {
    order: 2;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
  overflow: visible;
  }

  .rekorderStudiosAsideInner {
    width: 70%;
    gap: 20px;
    padding: 0 0 0 10px;
  }

  .rekorderStudiosDesktopSpacer {
    display: none;
  }

  .rekorderFacilitiesBackdrop {
    height: auto;
    min-height: 0;
    aspect-ratio: 1.05847;
    top: 191px;
    left: 0;
    right: 0;
  }

  .rekorderFacilitiesStage {
    padding: 300px 40px 150px 20px;
  }

  .rekorderFacilitiesHeadline {
    width: 100%;
    flex: none;
  }

  .rekorderFacilitiesAside {
    width: 80%;
    gap: 20px;
  }

  .rekorderFacilitiesActions {
    flex-direction: column;
    width: 145px;
    height: 98px;
  }

  .rekorderFacilitiesButton {
    width: 145px;
    height: 44px;
  }

  .rekorderCommunityRuntimeStatement {
    font-size: 15px;
  }

  .rekorderCommunityRuntimePortrait-1 {
    width: 85px;
    height: 88px;
    top: auto;
    right: -11px;
    bottom: 309px;
    left: auto;
  }

  .rekorderCommunityRuntimePortrait-2 {
    width: 156px;
    height: 148px;
    top: 27px;
    right: auto;
    bottom: auto;
    left: 34px;
  }

  .rekorderCommunityRuntimePortrait-3 {
    width: 124px;
    height: auto;
    aspect-ratio: 0.9482758621;
    top: 60px;
    right: -31px;
    bottom: auto;
    left: auto;
  }

  .rekorderCommunityRuntimePortrait-4 {
    width: 180px;
    height: auto;
    aspect-ratio: 1.0487106017;
    top: auto;
    right: auto;
    bottom: 90px;
    left: -52px;
  }

  .rekorderCommunityRuntimePortrait-5 {
    width: 181px;
    height: auto;
    aspect-ratio: 1.034562212;
    top: auto;
    right: -59px;
    bottom: 58px;
    left: auto;
  }

  .rekorderCommunityRuntimePortrait-6 {
    width: 132px;
    height: auto;
    aspect-ratio: 1.009771987;
    top: 223px;
    right: auto;
    bottom: auto;
    left: -20px;
  }

  .rekorderCommunityRuntimePortrait-7 {
    width: 199px;
    height: auto;
    aspect-ratio: 1.0042372881;
    top: auto;
    right: 409px;
    bottom: 84px;
    left: auto;
  }

  .rekorderCommunityRuntimeUnionWindow {
    width: 100vw;
    height: 74px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait {
    opacity: 1;
    transform: none;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-1 {
    top: auto;
    right: -11px;
    bottom: 309px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-2 {
    top: 27px;
    left: 34px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-3 {
    top: 60px;
    right: -31px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-4 {
    bottom: 90px;
    left: -52px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-5 {
    bottom: 58px;
    right: -59px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-6 {
    top: 223px;
    left: -20px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait-7 {
    bottom: 84px;
    right: 409px;
  }

  .rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimeUnion {
    top: -67px;
    bottom: -76px;
    height: auto;
    transform: none;
  }

  .rekorderPage {
    gap: 50px;
    transform: none;
    will-change: auto;
  }

  .rekorderFooterRuntime {
    gap: 11px;
  }

  .rekorderFooterRuntimeInner {
    width: 100%;
    gap: 30px;
    padding: 10px;
  }

  .rekorderFooterRuntimeContactGrid {
    align-items: flex-start;
  }

  .rekorderFooterRuntimeContactBlock {
    width: 1px;
    flex: 1 0 0;
  }

  .rekorderFooterRuntimeContactThird {
    width: 1px;
    flex: 1 0 0;
    justify-content: flex-start;
  }

  .rekorderFooterRuntimeContactHeading {
    font-size: 9px;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }

  .rekorderFooterRuntimeContactValue {
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  .rekorderFooterRuntimeStatement {
    width: 360px;
    height: 84px;
  }

  .rekorderFooterRuntimeBottomBar {
    height: 28px;
  }

  .rekorderFooterRuntimeReveal {
    height: 30vh;
    margin-top: 140px;
  }

  .rekorderEditorialSplit-about .rekorderEditorialSplitInner {
    flex-direction: column;
    gap: 20px;
    padding: 0 10px;
  }

  .rekorderEditorialSplit-about .rekorderEditorialGlyphSvg {
    width: 122px;
    aspect-ratio: 1 / 1;
    height: 122px;
    max-width: none;
  }

  .rekorderEditorialSplit-about .rekorderEditorialHeadline {
    position: relative;
    top: auto;
    padding-bottom: 6px;
    width: 100%;
    font-size: 21px;
    height: auto;
    min-height: 0;
    padding: 0 0 6px;
    line-height: 1;
    white-space: normal;
  }

  .rekorderEditorialSplit-about .rekorderEditorialAside {
    order: 2;
    width: 100%;
    align-items: flex-end;
    gap: 0;
    overflow: hidden;
    height: auto;
    padding: 0;
  }

  .rekorderEditorialSplit-about .rekorderEditorialAsideInner {
    justify-content: flex-start;
    width: 70%;
    align-items: flex-start;
    gap: 10px;
    padding: 0 0 0 10px;
    height: auto;
    overflow: hidden;
  }

  .rekorderEditorialSplit-about .rekorderEditorialImage {
    width: 100%;
    height: auto;
    aspect-ratio: .710784;
    min-height: 0;
  }

  .rekorderEditorialSplit-about .rekorderEditorialBody {
    font-size: 15px;
    width: 100%;
    height: auto;
    line-height: 1.1;
    white-space: normal;
  }

  .rekorderEditorialSplit-about .rekorderDualButton {
    width: 100%;
    height: 50px;
  }

  .rekorderStudiosImage {
    width: 100%;
    height: auto;
    aspect-ratio: .710784;
  }

  .rekorderStudiosBody {
    font-size: 15px;
    line-height: 1.1;
  }

  .rekorderStudiosAsideInner .rekorderDualButton {
    width: 100%;
    height: 50px;
  }

  .rekorderEditorialSplit-about .rekorderEditorialLead {
    position: sticky;
    top: 70px;
    order: 0;
    width: 100%;
    flex: none;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    height: min-content;
    min-height: 122px;
  }

  .rekorderEditorialSplit-about .rekorderEditorialGlyph {
    top: 30px;
    overflow: visible;
    flex: none;
    width: 30%;
    height: 122px;
    min-height: 122px;
  }

  .rekorderEditorialSplit-about .rekorderEditorialHeadlineColumn {
    flex-direction: column;
    gap: 30px;
    flex: 1 0 0;
    width: 1px;
    overflow: visible;
    height: min-content;
    min-height: 0;
    align-self: flex-end;
  }

  .rekorderEditorialSplit-about .rekorderEditorialHeadline,
    .rekorderEditorialSplit-about .rekorderEditorialBody {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .rekorderEditorialSplit-about .rekorderEditorialScrollSpacer {
    height: 80vh;
    display: none;
  }

  .rekorderStudiosLead {
    position: sticky;
    top: 50px;
    order: 0;
    width: 100%;
    aspect-ratio: auto;
    flex: none;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    height: min-content;
    min-height: 0;
    margin-bottom: 30px;
  }

  .rekorderStudiosGlyphRegion {
    top: 50px;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: auto;
    aspect-ratio: 1.1193 / 1;
    min-height: 0;
  }

  .rekorderStudiosGlyph {
    width: 113px;
    height: 92.390625px;
    max-width: none;
    aspect-ratio: 1.22297 / 1;
  }

  .rekorderStudiosHeadlineColumn {
    width: 1px;
    flex: 1 0 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
    overflow: hidden;
    height: min-content;
    min-height: 0;
    align-self: flex-start;
  }

  .rekorderStudiosHeadlineColumn p,
    .rekorderStudiosBody {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .rekorderFacilitiesContent {
    padding: 300px 40px 150px 20px;
    flex-direction: column;
    align-items: flex-end;
    gap: 50px;
    align-content: flex-end;
    min-height: 0;
    height: min-content;
  }

  .rekorderFacilitiesHeadline p,
    .rekorderFacilitiesAside > p {
    font-size: 21px;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .rekorderCommunityRuntimeTriggers {
    gap: 10px;
  }

  .rekorderCommunityRuntimeUnion {
    left: calc(48.718% - 169px);
    width: 338px;
    height: 218px;
    top: 8px;
    bottom: auto;
    transform: none;
  }

  .rekorderCommunityRuntimeStage[data-active="1"]
      .rekorderCommunityRuntimeUnion {
    top: -67px;
    bottom: auto;
    height: 217px;
    transform: none;
  }

}

.rekorderCommunityRuntimePortrait-1 {
  opacity: 0;
  transform: perspective(1200px) rotateX(90deg) rotateY(40deg);
}

.rekorderCommunityRuntimePortrait-2,
.rekorderCommunityRuntimePortrait-5,
.rekorderCommunityRuntimePortrait-6 {
  opacity: 0;
  transform: perspective(1200px) scale(0) rotateX(90deg) rotateY(40deg);
}

.rekorderCommunityRuntimePortrait-3 {
  opacity: 0;
  transform: perspective(1200px) scale(0) rotateX(-90deg) rotateY(50deg);
}

.rekorderCommunityRuntimePortrait-4 {
  opacity: 0;
  transform: perspective(1200px) scale(0) rotateX(-90deg) rotateY(60deg);
}

.rekorderCommunityRuntimePortrait-7 {
  opacity: 0;
  transform: perspective(1200px) scale(0) rotateY(90deg);
}

.rekorderCommunityRuntimeStage[data-active="1"] .rekorderCommunityRuntimePortrait {
  opacity: 1;
  transform: none;
}


@media (prefers-reduced-motion: reduce) {
  .rekorderOfferColumn,
  .rekorderOfferClip,
  .rekorderOfferImage,
  .rekorderCommunityRuntimePortrait,.rekorderCommunityRuntimeUnion {
    transition: none;
  }

  .rekorderPage {
    --rekorder-footer-page-scale: 1;
    transform: none;
  }

}

@media (min-width: 809.01px) and (max-width: 809.98px) {
  #studios.rekorderSectionTicker {
    font-size: 9px;
    justify-content: space-around;
  }

  #studios.rekorderSectionTicker > span:nth-child(3) {
    display: none;
  }

  #studios-section .rekorderDualButton {
    width: 145px;
    height: 44px;
  }

  #studios-section .rekorderDualButtonPrimary,
    #studios-section .rekorderDualButtonSecondary {
    font-size: 11px;
  }

  .rekorderStudiosInner {
    flex-direction: column;
    gap: 0;
    padding: 0 10px;
  }

  .rekorderStudiosSticky {
    position: relative;
    top: auto;
    width: 100%;
    flex: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }

  .rekorderStudiosHeadlineColumn p {
    width: 100%;
    flex: none;
    font-size: 21px;
  }

  .rekorderStudiosAside {
    order: 2;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
    overflow: visible;
  }

  .rekorderStudiosAsideInner {
    width: 70%;
    gap: 20px;
    padding: 0 0 0 10px;
  }

  .rekorderStudiosDesktopSpacer {
    display: none;
  }

  .rekorderStudiosImage {
    width: 100%;
    height: auto;
    aspect-ratio: .710784;
  }

  .rekorderStudiosBody {
    font-size: 15px;
    line-height: 1.1;
  }

  .rekorderStudiosAsideInner .rekorderDualButton {
    width: 100%;
    height: 50px;
  }

  .rekorderStudiosLead {
    position: sticky;
    top: 50px;
    order: 0;
    width: 100%;
    aspect-ratio: auto;
    flex: none;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    height: min-content;
    min-height: 0;
    margin-bottom: 30px;
  }

  .rekorderStudiosGlyphRegion {
    top: 50px;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: auto;
    aspect-ratio: 1.1193 / 1;
    min-height: 0;
  }

  .rekorderStudiosGlyph {
    width: 113px;
    height: 92.390625px;
    max-width: none;
    aspect-ratio: 1.22297 / 1;
  }

  .rekorderStudiosHeadlineColumn {
    width: 1px;
    flex: 1 0 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
    overflow: hidden;
    height: min-content;
    min-height: 0;
    align-self: flex-start;
  }

  .rekorderStudiosHeadlineColumn p,
    .rekorderStudiosBody {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
  }
}