/* Whole semantic annotations use the same story input, never nested scrolling. */
.copy[data-page] > [data-story-panels] {
  --story-columns: var(--reading-columns);
  position: absolute;
  inset: auto var(--reading-right) var(--reading-bottom) var(--reading-left);
  width: var(--reading-width);
  height: var(--reading-height);
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  display: grid;
  grid-template-columns: repeat(var(--story-columns), minmax(0, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  align-items: start;
  gap: 18px 24px;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
  color: var(--paper);
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -.015em;
  opacity: var(--story-panel-opacity, 1);
  transform: none;
  pointer-events: auto;
}
.copy[data-page] > [data-story-panels]::-webkit-scrollbar { display: none; }
.copy[data-page][aria-hidden="true"] > [data-story-panels] { pointer-events: none; }
.copy[data-page] .story-unit[hidden] { display: none !important; }
.copy[data-page] .story-unit {
  position: relative;
  align-self: start;
  min-width: 0;
  margin: 0;
  padding: 14px 16px;
  border: 0;
  background: rgb(9 11 11 / .46);
  color: var(--paper);
  overflow: visible;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.copy[data-page] .story-unit::before,
.copy[data-page] .story-unit::after { content: none; }
.copy[data-page] .story-unit p { margin: 0; }
.copy[data-page] .story-unit p + p { margin-top: 12px; }
.copy[data-page] .story-unit-title { font-size: 1.25em; font-weight: 560; line-height: 1.5; letter-spacing: -.035em; }
.copy[data-page] .story-unit--manifesto { font-size: 1.15em; font-weight: 560; line-height: 1.65; }
.copy[data-page] .story-unit--subtitle { font-size: 21px; font-weight: 560; line-height: 1.5; letter-spacing: -.035em; }
.copy[data-page] .story-unit--graphic { padding: 0; border: 0; background: none; }
.scene-infographic--research .infographic-caption { width: fit-content; padding-inline: 6px; background: rgb(9 11 11 / .6); }
.copy[data-page] .story-unit--signature { padding: 12px 16px; }
.copy[data-page] .story-unit--signature .founder-signature { margin: 0; }
.copy[data-page] .story-unit--brand { display: grid; grid-template-columns: 1fr; grid-template-rows: 58px auto; gap: 12px; padding: 18px 20px; background: rgb(9 11 11 / .62); color: var(--paper); }
.copy[data-page] .story-unit--brand img { background: var(--paper); padding: 5px; box-sizing: border-box; width: auto; max-width: 100%; height: 54px; object-fit: contain; object-position: left center; margin: 0; }
.copy[data-page] .story-unit--brand h3 { color: var(--gold); font-size: 14px; line-height: 1.4; margin: 0 0 8px; }
.copy[data-page] .story-unit--brand p { color: var(--paper); font-size: 13px; line-height: 1.75; }
.copy[data-page] .identity-palette { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 12px 0 0; padding: 0; font-size: 9px; }
.copy[data-page] .product-track { min-height: 0; }
.copy[data-page] .product-track + .product-track { margin: 0; padding: 14px 16px; }
.copy[data-page] .product-track .track-eyebrow { margin-bottom: 10px; font-size: 9px; }
.copy[data-page] .product-track h3 { margin-bottom: 12px; font-size: 20px; line-height: 1.35; }
.copy[data-page] .new-scene-detail { margin-top: 12px; font-size: 12px; }
.copy[data-page] > .story-panel-navigation { position: absolute; left: var(--gutter); right: calc(var(--gutter) + 76px); bottom: 62px; display: flex; align-items: center; justify-content: flex-start; gap: 18px; height: 38px; border: 0; color: var(--gold); font-size: 10px; line-height: 1.4; letter-spacing: .025em; background: none; }
.story-panel-position { display: flex; align-items: center; min-width: 0; }
.copy[data-page] > .story-panel-navigation[hidden] { display: none !important; }
.story-panel-buttons { display: flex; align-items: center; gap: 0; }
.story-panel-buttons button { display: grid; place-items: center; width: 44px; min-width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--gold); cursor: pointer; }
.story-panel-buttons button::after { content: ""; width: 14px; height: 2px; background: currentColor; opacity: .3; }
.story-panel-buttons button[aria-current="step"]::after { height: 3px; opacity: 1; }
.story-panel-buttons button:disabled { cursor: default; }
@media (min-width: 761px) and (max-height: 850px) { .copy[data-page] > [data-story-panels] { font-size: 13px; line-height: 1.75; } .copy[data-page] .story-unit--subtitle { font-size: 19px; } }
@media (max-width: 760px) {
  .copy[data-page] > [data-story-panels] { gap: 12px; font-size: 13px; line-height: 1.75; }
  .copy[data-page] .story-unit { padding: 12px 14px; }
  .copy[data-page] .story-unit--subtitle { font-size: 17px; }
  .copy[data-page] .story-unit--brand { grid-template-rows: 44px auto; gap: 10px; padding: 14px 16px; }
  .copy[data-page] .story-unit--brand img { height: 42px; }
  .copy[data-page] .story-unit--brand h3 { font-size: 14px; margin-bottom: 8px; }
  .copy[data-page] .story-unit--brand p { font-size: 12px; line-height: 1.7; }
  .copy[data-page] .product-track + .product-track { padding: 12px 14px; }
  .copy[data-page] .product-track h3 { font-size: 19px; margin-bottom: 10px; }
  .copy[data-page] .product-track .track-eyebrow { margin-bottom: 8px; }
  .copy[data-page] .new-scene-detail { margin-top: 8px; font-size: 12px; }
  .copy[data-page] > .story-panel-navigation { left: 24px; right: 24px; bottom: 104px; height: 36px; gap: 12px; font-size: 9px; }
  .story-panel-buttons { margin-left: auto; }
}
@media (max-width: 760px) and (max-height: 700px) { .copy[data-page] > .story-panel-navigation { bottom: 66px; } .copy[data-page] .story-unit { padding: 10px 12px; } .copy[data-page] .story-unit--brand { gap: 8px; padding: 12px 14px; } }
@media (min-width: 761px) and (max-height: 480px) { .copy[data-page] > [data-story-panels] { font-size: 12px; line-height: 1.65; } .copy[data-page] .story-unit { padding: 10px 12px; } .copy[data-page] .story-unit--subtitle { font-size: 16px; } .copy[data-page] .product-track h3 { font-size: 18px; margin-bottom: 8px; } .copy[data-page] .story-unit--brand { grid-template-rows: 36px auto; gap: 8px; padding: 12px 14px; } .copy[data-page] .story-unit--brand img { height: 34px; } .copy[data-page] .story-unit--brand p { font-size: 12px; line-height: 1.6; } .copy[data-page] > .story-panel-navigation { bottom: 16px; height: 36px; } }
@media (prefers-reduced-motion: reduce) { .story-unit, .story-panel-navigation { animation: none !important; transition: none !important; } }