.roadster-page .story-title-block { position:relative; width:max-content; max-width:100%; }
.roadster-page .word-baseline { display:inline-block; width:0; height:0; padding:0; margin:0; border:0; vertical-align:baseline; }
.roadster-page .story-1 [data-launch] .word-car>.type-gas { inset:0; width:100%; height:100%; transform:none; transform-origin:0 0; }
.roadster-page .story-1 [data-launch] .word-car>.type-gas .type-jet { top:var(--word-ink-bottom); width:.62em; height:1.55em; transform-origin:50% 0; transform:translateX(-50%) rotate(18deg) scale(var(--jet-width,1),var(--jet-length,1)); }
.roadster-page .story-1 [data-launch] .word-car>.type-gas .type-jet:first-child { left:20%; right:auto; }
.roadster-page .story-1 [data-launch] .word-car>.type-gas .type-jet:last-child { left:79%; right:auto; }
.roadster-page .story-stage[data-intro-play="true"] .scene-a { pointer-events:auto; cursor:pointer; }
.roadster-page .scroll-cue { border:0; background:none; padding:8px 0; color:inherit; font:inherit; letter-spacing:inherit; cursor:pointer; }
.roadster-page .scroll-cue:hover { color:var(--signal); }
.roadster-page .scroll-cue:disabled { cursor:default; }
@media(min-width:521px) and (max-width:760px) {
  .roadster-page .story-1 .scene-a { padding-top:0; }
  .roadster-page .story-1 .scene-a .night-title { font-size:min(14.1vw,9.5svh); }
}
@media(min-width:400px) and (max-width:760px) and (max-height:650px) {
  .roadster-page .story-1 .scene-a { padding-top:0; top:105px; }
  .roadster-page .story-1 .scene-a .night-title { font-size:min(14.1vw,8.5svh); }
}
.roadster-page .collection-note { margin-top:64px; padding:34px 0 28px; border-top:1px solid var(--rule); scroll-margin-top:90px; }
.roadster-page .collection-note h2 { font:650 clamp(27px,3vw,46px)/1.05 var(--sans); letter-spacing:-.035em; margin:0; }
.roadster-page .collection-note p { margin:0; font:400 17px/1.6 var(--sans); max-width:640px; }
.roadster-page .collection-note .note-date { margin-top:24px; font:400 11px/1.5 var(--mono); color:var(--ink-3); }
.roadster-page .note-compact { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.roadster-page .note-compact h2 { max-width:480px; }
.roadster-page .collection-note .note-small { font-size:14px; color:var(--ink-2); margin-top:16px; }
.roadster-page .site-footer { padding:24px max(32px,calc((100vw - 1580px)/2 + 24px)); font:400 11px/1.6 var(--mono); }
@media(max-width:760px) {
  .roadster-page .collection-note { margin-top:32px; padding-top:26px; }
  .roadster-page .note-compact { grid-template-columns:1fr; gap:22px; }
  .roadster-page .collection-note p { font-size:16px; }
  .roadster-page .site-footer { padding:24px 20px; gap:14px; }
}
.roadster-page {
  font-family: var(--sans);
  background: var(--paper);
  color: var(--ink);
  line-height: 1.5;
}
.roadster-page .experience-page {
  margin: 0;
}
.roadster-page .story-stage {
  height: 100svh;
  min-height: 0;
}
.roadster-page .flight-canvas canvas {
  opacity: 0;
  transition: opacity 180ms linear;
}
.roadster-page .flight-painted .flight-canvas canvas {
  opacity: 1;
}
.roadster-page .tile {
  scroll-margin-top: calc(var(--catalog-toolbar, 200px) + 16px);
}
.roadster-page .catalog-nav {
  z-index: 9;
}
.roadster-page .handoff-layer {
  z-index: 8;
}
@media (max-height: 600px) and (min-width: 761px) {
  .roadster-page .scene {
    inset: 85px 35px 65px;
  }
  .roadster-page .story-footer {
    bottom: 18px;
  }
  .roadster-page .story-1 .scene-a .night-title {
    font-size: min(10.7vw, 17svh, 190px);
  }
}
.roadster-page .story-nav .language-switch {
  margin-left: auto;
  position: relative;
  font: 400 10px/1.4 var(--mono);
  color: #c0c8ca;
}
.roadster-page .story-nav .skip-story {
  margin-left: 24px;
}
.roadster-page .story-nav .language-switch summary {
  padding: 8px;
  color: inherit;
  min-height: 32px;
}
.roadster-page .language-hint {
  z-index: 15;
}
.roadster-page a.tile-image {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.roadster-page .tile h3 a {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: none;
}
.roadster-page .tile-bottom {
  flex-wrap: wrap;
}
.roadster-page .journal-deck {
  margin-top: 0;
}
.roadster-page .issue-line .language-switch {
  font: 400 9px/1.4 var(--mono);
  color: #b7c4c8;
}
.roadster-page .issue-line .language-switch summary {
  padding: 4px;
  min-height: 24px;
  white-space: nowrap;
}
.roadster-page .journal {
  padding-top: 0;
}
.roadster-page .journal-title:not(.handoff-brand) {
  display: block;
}
.roadster-page .journal-title > .journal-brand-ink {
  display: inline-block;
}
.roadster-page .board-head {
  margin: 0;
}
.roadster-page .origin-foot a {
  font: 400 11px/1.5 var(--mono);
  border-bottom: 1px solid;
  padding-bottom: 4px;
}
.roadster-page .tile-metrics b {
  white-space: nowrap;
}
.roadster-page .handoff-layer {
  pointer-events: none;
}
.roadster-page .scene-poster,
.roadster-page .fallback-frames,
.roadster-page .fallback-frames picture {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.roadster-page .scene-poster img,
.roadster-page .fallback-frames img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.roadster-page .flight-painted .scene-poster,
.roadster-page .flight-fallback .scene-poster {
  visibility: hidden;
}
.roadster-page .flight-fallback .flight-canvas {
  opacity: 1;
}
.roadster-page .fallback-frames picture {
  opacity: 0;
}
.roadster-page .story[data-lang="en"] .day-action > span:first-child {
  font-size: 0.72em;
}
.roadster-page .story[data-lang="en"] .day-action > span:last-child {
  font-size: 0.72em;
}
/* Full text remains readable when JavaScript is unavailable or fails to load. */
html:not(.js) .roadster-page .story,
.roadster-page .story[data-static="true"] {
  height: auto;
}
html:not(.js) .roadster-page .story-stage,
.roadster-page .story[data-static="true"] .story-stage {
  position: relative;
  height: auto;
  overflow: hidden;
}
html:not(.js) .roadster-page .story-track,
html:not(.js) .roadster-page .story-content,
.roadster-page .story[data-static="true"] .story-track,
.roadster-page .story[data-static="true"] .story-content {
  position: relative;
  inset: auto;
}
html:not(.js) .roadster-page .scene-poster,
.roadster-page .story[data-static="true"] .scene-poster {
  height: 100svh;
  bottom: auto;
  overflow: hidden;
}
html:not(.js) .roadster-page .scene,
.roadster-page .story[data-static="true"] .scene {
  position: relative;
  inset: auto;
  opacity: 1;
  transform: none;
  min-height: 75svh;
  padding: 100px 5vw;
}
html:not(.js) .roadster-page .scene-aside,
.roadster-page .story[data-static="true"] .scene-aside {
  position: static;
  max-width: 100%;
  margin-top: 32px;
  text-align: left;
}
html:not(.js) .roadster-page .scene-now,
.roadster-page .story[data-static="true"] .scene-now {
  display: none;
}
html:not(.js) .roadster-page .flight-canvas,
html:not(.js) .roadster-page .story-footer,
html:not(.js) .roadster-page .day-counter,
.roadster-page .story[data-static="true"] .day-counter {
  display: none;
}
.roadster-page .story-summary {
  display: none;
}
html:not(.js) .roadster-page .story-summary,
.roadster-page .story[data-static="true"] .story-summary {
  display: block;
  font-size: clamp(40px, 8vw, 100px);
  line-height: 1.05;
  color: #f1f3f1;
}
@media (max-width: 760px) {
  .roadster-page .story-nav .skip-story {
    margin-left: 12px;
  }
  .roadster-page .story-nav .language-switch {
    font-size: 9px;
  }
  .roadster-page .story-nav .language-switch summary {
    padding: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .roadster-page .scene-poster {
    height: 100svh;
    bottom: auto;
    overflow: hidden;
    visibility: visible;
  }
  .roadster-page .flight-canvas {
    display: none;
  }
  .roadster-page .story-1 .night-title > span {
    transform: none !important;
    opacity: 1 !important;
  }
  .roadster-page .scene-now {
    display: none;
  }
  .roadster-page .story-1 .scene-b {
    min-height: 75svh;
  }
}

/* Publication controls: one line on desktop; layout experiments live in the
   comparison page, and secondary filters remain available in one small menu. */
.roadster-page .catalog-area { overflow-anchor: none; }
.roadster-page .catalog-area .catalog-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-block: 8px;
  background: var(--paper);
  backdrop-filter: none;
}
.roadster-page .catalog-nav-inner { flex: 1; min-width: 0; gap: 24px; padding: 0; }
.roadster-page .filter-tabs { min-width: 0; gap: 20px; overflow-x: auto; scrollbar-width: none; }
.roadster-page .filter-tabs > button { font-size: 15px; min-height: 44px; padding-block: 10px; }
.roadster-page .filter-tabs::-webkit-scrollbar { display: none; }
.roadster-page .catalog-search { flex: 0 1 210px; width: 210px; min-width: 140px; min-height: 40px; }
.roadster-page .catalog-tools { flex: 0 0 auto; flex-direction: row; justify-content: flex-end; gap: 12px; padding: 0; }
.roadster-page .catalog-tools .sort-control select { min-height: 44px; max-width: 160px; font: 500 13px/1.4 var(--sans); }
.roadster-page .catalog-more { position: relative; }
.roadster-page .catalog-more > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px; cursor: pointer; list-style: none; font: 500 13px/1.4 var(--sans); }
.roadster-page .catalog-more > summary::-webkit-details-marker { display: none; }
.roadster-page .catalog-more[open] > summary { background: #e2e7df; }
.roadster-page .catalog-more-count { display: grid; place-items: center; min-width: 19px; height: 19px; border-radius: 50%; background: var(--ink); color: var(--paper); font: 500 11px/1 var(--sans); }
.roadster-page .catalog-more-panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; display: grid; gap: 16px; width: 260px; padding: 18px; background: var(--paper); border: 1px solid var(--rule); box-shadow: 0 12px 28px #12171918; }
.roadster-page .catalog-more-panel .saved-filter { display: flex; gap: 9px; justify-content: space-between; min-height: 44px; padding: 8px 0; font: 500 14px/1.4 var(--sans); }
.roadster-page .catalog-more-panel .saved-filter > span { display: inline; font: inherit; }
.roadster-page .catalog-more-panel .native-control { display: grid; gap: 8px; font: 500 13px/1.4 var(--sans); }
.roadster-page .catalog-more-panel .native-control select { width: 100%; max-width: none; min-height: 44px; padding: 8px 10px; border: 1px solid var(--rule); font: 400 14px/1.4 var(--sans); }
@media(max-width:1100px) {
  .roadster-page .catalog-area .catalog-nav { gap: 16px; }
  .roadster-page .catalog-nav-inner { gap: 16px; }
  .roadster-page .catalog-search { flex-basis: 170px; width: 170px; }
  .roadster-page .filter-tabs { gap: 18px; }
}
@media(max-width:760px) {
  .roadster-page .catalog-area .catalog-nav { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 12px; padding-block: 6px; }
  .roadster-page .catalog-nav-inner { display: contents; }
  .roadster-page .filter-tabs { grid-column: 1 / -1; width: 100%; margin: 0; padding: 0; gap: 20px; }
  .roadster-page .filter-tabs > button { font-size: 14px; }
  .roadster-page .catalog-search { grid-row: auto; width: 100%; min-width: 0; padding-block: 5px; }
  .roadster-page .catalog-tools { align-items: center; gap: 4px; }
  .roadster-page .catalog-tools .sort-control select { max-width: 122px; font-size: 12px; }
  .roadster-page .catalog-more > summary { padding-inline: 8px; font-size: 12px; }
}