@font-face {
  font-family: 'World Pixel';
  src: url('/assets/jersey10.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'World Reading';
  src: url('/assets/atkinson-next.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --paper: #30252f;
  --card: #384030;
  --ink: #f2e9d6;
  --muted: #d6d2c1;
  --line: #20201c;
  --pink: #c38d97;
  --gold: #dc9851;
  --green: #b8c6a2;
  --forest: #adbd97;
  --pixel: 'World Pixel', monospace;
  --body: 'World Reading', sans-serif;
  --font-default: var(--pixel);
  --font-reading: var(--body);
  --font-annotation: var(--body);
  color-scheme: dark;
}
html { scroll-padding-top: 24px; }
body.folded-world-site {
  position: relative;
  isolation: isolate;
  color: var(--ink);
  background: #30252f url('/assets/studio-card-grain.png') repeat;
  font: 17px/1.55 var(--body);
}
.folded-world-site * { box-sizing: border-box; }
.folded-world-site :is(button, input, textarea, select) { font-family: var(--body); }
.folded-world-site :is(h1, h2, h3, summary, .button, .text-button) { font-family: var(--pixel); }
.folded-world-site :is(h1, h2, h3) { letter-spacing: .01em; line-height: 1.08; }
.folded-world-site h1 { font-size: clamp(36px, 4.6vw, 65px); }
.folded-world-site h2 { font-size: clamp(30px, 3.2vw, 46px); }
.folded-world-site h3 { font-size: clamp(25px, 2.3vw, 34px); }
.folded-world-site p { font-size: 17px; line-height: 1.55; }
.folded-world-site em { color: #a94f19; font-style: normal; }
.folded-world-site .wrap { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.folded-world-site .page-middle-plane,
.folded-world-site main,
.folded-world-site .site-footer { position: relative; z-index: 5; }
.folded-world-site .page-depth-plane {
  position: absolute; inset: 0; overflow: hidden; pointer-events: none;
  background: none; transform: none;
}
.folded-world-site .page-depth-plane > * { display: none; }
.folded-world-site .page-depth-plane[data-scene-layer="2"] {
  top: 50px; bottom: auto; height: min(930px, calc(100svh - 10px));
  background: url('/assets/fw-stage.png') center bottom / cover no-repeat;
  mask-image: linear-gradient(black 90%, transparent);
}
.folded-world-site :is(.header-frond, .header-rope, .studio-cutaway, .hero-spark,
  .scene-left-pine, .scene-right-pine, #creative-background, .stage-assembly) { display: none; }
.folded-world-site .header-stage,
.folded-world-site .header-hanging { position: relative; background: none; }
.folded-world-site .site-header {
  height: 98px; gap: 24px; border: 0; padding: 6px 0;
  display: flex; align-items: center; justify-content: space-between;
}
.folded-world-site .site-header .brand { min-width: 0; width: 192px; }
.folded-world-site .brand img,
.folded-world-site .footer-brand img { display: block; width: 100%; height: auto; mix-blend-mode: normal; }
.folded-world-site .site-header nav { display: flex; align-items: center; gap: 27px; }
.folded-world-site .site-header nav > a {
  font: 24px/1 var(--pixel); color: #f2e9d6; text-decoration: none; padding: 10px 7px;
}
.folded-world-site .site-header nav > a::after { display: none; }
.folded-world-site .site-header nav > a[aria-current="page"],
.folded-world-site .site-header nav > a:hover {
  color: #251f1a;
  background: url('/assets/ink-card-button-v3.png') center / 100% 100% no-repeat;
}
.folded-world-site .studio-nav-toggle { display: none; }
.folded-world-site :is(.button, .text-button, .world-filters button,
  .dot-choices button, .setup-choice-options button, .command-actions button) {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 11px 20px 14px; gap: 8px;
  border: 0; border-radius: 0; box-shadow: none;
  color: #211d17; background: url('/assets/ink-card-button-v3.png') center / 100% 100% no-repeat;
  font: 23px/1.1 var(--pixel); text-decoration: none; text-align: center;
  transform-origin: 50% 70%;
  transition: translate 140ms steps(3, end), rotate 140ms steps(3, end), filter 140ms;
}
.folded-world-site :is(.button, .text-button, .world-filters button,
  .dot-choices button, .setup-choice-options button, .command-actions button)::before,
.folded-world-site :is(.button, .text-button)::after { display: none; }
.folded-world-site .button svg { width: 17px; height: 17px; }
.folded-world-site :is(button, a, summary, input, textarea):focus-visible {
  outline: 3px solid #c78998; outline-offset: 4px;
}
@media (hover: hover) {
  .folded-world-site :is(.button, .text-button, .world-filters button,
    .dot-choices button, .setup-choice-options button):hover {
    translate: 0 -2px; rotate: -1deg; filter: brightness(1.08) drop-shadow(2px 3px #151714);
  }
}
.folded-world-site :is(.button, .text-button, .world-filters button,
  .dot-choices button, .setup-choice-options button):active {
  translate: 0 2px; rotate: 1deg; filter: brightness(.96);
}
.folded-world-site :is(.world-filters, .dot-choices, .setup-choice-options) button[aria-pressed="true"] {
  background: linear-gradient(#b9c5a4ef, #acb999ef), url('/assets/kraft-control-texture.png') center / cover;
  color: #1e281d; border: 2px solid #272b20; border-radius: 5px 3px 5px 2px;
  box-shadow: 0 3px #1d2219;
}
.folded-world-site .setup-choice-options button[aria-pressed]::after { display: none; }
.folded-world-site :is(.front-card, .guide-panel, .purpose-grid article,
  .art-path-grid article, .quick-start, .transfer-teaser, .live-build-story, .closing-cta,
  .guide-start, .transfer-guides details, .sprint-demo, .version-guide,
  .agent-card, .command-drawer, .compact-command-drawer, .faq-list details) {
  position: relative; border: 0; box-shadow: none;
  background: url('/assets/olive-panel-ink-v4.png') center / 100% 100% no-repeat;
  padding: 32px; color: #f2ecdc;
}
.folded-world-site :is(.fw-white-card, .page-intro, .section-heading,
  .fw-setup-sheet, dialog, .live-build-note, .reading-page, .drawing-paper) {
  --ink: #24231e; --muted: #554c40;
  color: #24231e;
  background: url('/assets/fw-ivory-sheet.png') center / 100% 100% no-repeat;
  border: 0; box-shadow: none; position: relative;
}
.folded-world-site .eyebrow {
  font: 18px/1.3 var(--pixel); letter-spacing: .045em;
  color: #d4b586; margin-bottom: 13px;
}
.folded-world-site :is(.page-intro, .section-heading, dialog, .fw-setup-sheet) .eyebrow { color: #81461c; }
.folded-world-site :is(.alpha-pill, .tiny-tag, .purpose-tab) {
  font: 18px/1.25 var(--pixel); color: #2b251c;
  background: #d3ad77 url('/assets/kraft-control-texture.png') center / cover;
  border: 1px solid #29291e; border-radius: 3px; padding: 5px 11px;
}
.folded-world-site .landing-intro {
  display: flex; flex-direction: column; align-items: center;
  width: 100%; margin: 12px auto 0; padding: 0 0 48px;
}
.folded-world-site .landing-intro .home-hero {
  width: min(1020px, 100%); max-width: none; margin: 0 0 12px;
  padding: 24px 36px 28px;
  background: url('/assets/fw-ivory-sheet.png') center / 100% 100% no-repeat;
  color: #28241d; display: grid;
  grid-template-columns: 1.2fr 1fr auto; align-items: center; gap: 0 24px;
  text-align: left;
}
.folded-world-site .landing-intro .home-hero h1 {
  grid-row: 1 / 3; margin: 0; font: 38px/1.02 var(--pixel); letter-spacing: .01em;
}
.folded-world-site .landing-intro .hero-lead {
  max-width: none; margin: 0; font: 650 16px/1.3 var(--body); color: #2b281f;
}
.folded-world-site .landing-intro .hero-sub {
  max-width: none; margin: 5px 0 0; font: 15px/1.35 var(--body); color: #403a30;
}
.folded-world-site .landing-intro .hero-actions {
  grid-column: 3; grid-row: 1 / 3; gap: 9px; margin: 0; display: flex; flex-wrap: wrap;
  max-width: 270px;
}
.folded-world-site .landing-intro .hero-actions .button { font-size: 21px; padding-inline: 15px; }
.folded-world-site .landing-intro .world-feature {
  container-type: inline-size;
  width: min(820px, calc((100svh - 270px) * 1.2));
  max-width: 100%; min-width: 0; margin: 0;
  position: relative; border: 0; background: none; box-shadow: none;
}
.folded-world-site .world-canvas { position: relative; width: 100%; aspect-ratio: 1374 / 1145; background: none; overflow: visible; }
.folded-world-site .tv-back-layer { position: absolute; inset: 2% 1% 1%; background: #454631; border-radius: 7%; z-index: 0; }
.folded-world-site .tv-shell-layer {
  position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: url('/assets/cardboard-tv-hardware-base.png') center / 100% 100% no-repeat;
}
.folded-world-site .tv-screen {
  position: absolute; left: 6.8%; right: 6.7%; top: 12.3%; bottom: 29.5%;
  z-index: 1; overflow: hidden; border-radius: 8% / 12%; background: #141d1b;
}
.folded-world-site .world-canvas iframe { border: 0; display: block; background: #141d1b; }
.folded-world-site .tv-world-controls { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.folded-world-site .tv-world-controls > * { pointer-events: auto; }
.folded-world-site .tv-world-controls button {
  position: absolute; min-height: 0; padding: 0; border: 0;
  background: url('/assets/cardboard-tv-blank-disc.png') center / contain no-repeat;
  box-shadow: none; color: transparent; font-size: 0;
}
.folded-world-site .tv-world-controls :is(#tv-pause, #tv-sound) {
  left: 76%; width: 6.8%; aspect-ratio: 1; height: auto;
}
.folded-world-site #tv-pause { top: 80%; }
.folded-world-site #tv-sound { top: 89%; }
.folded-world-site .tv-world-controls :is(#tv-pause, #tv-sound)::before {
  content: ''; position: absolute; inset: 16%; border-radius: 50%;
  background: #b84e37bb; mix-blend-mode: multiply; pointer-events: none;
}
.folded-world-site .tv-world-controls #tv-pause[aria-pressed="true"]::before { background: #92b57abb; }
.folded-world-site .tv-world-controls #tv-sound::before { background: #887f5844; }
.folded-world-site .tv-world-controls #tv-sound[aria-pressed="false"]::before { background: #a8ba8eaa; }
.folded-world-site .tv-world-controls :is(#tv-pause, #tv-sound)::after {
  content: ''; position: absolute; inset: 25%; pointer-events: none;
  background: url('/assets/tv-pause-ink.svg') center / contain no-repeat;
}
.folded-world-site .tv-world-controls #tv-pause[aria-pressed="true"]::after { background-image: url('/assets/tv-play-ink.svg'); }
.folded-world-site .tv-world-controls #tv-sound::after { background-image: url('/assets/tv-speaker-off-ink.svg'); }
.folded-world-site .tv-world-controls #tv-sound[aria-pressed="false"]::after { background-image: url('/assets/tv-speaker-on-ink.svg'); }
.folded-world-site .tv-world-controls #world-max {
  left: 10%; top: 91%; width: 8%; height: 5.4%; border-radius: 4px;
  background: #708e78 url('/assets/kraft-control-texture.png') center / cover;
  border: 2px solid #2a2c20; font-size: 0; overflow: hidden;
}
.folded-world-site #world-max::after {
  content: '⛶'; position: absolute; inset: 0; display: grid; place-items: center;
  color: #f3eddb; font: 600 clamp(15px, 4cqw, 30px)/1 sans-serif; background: none;
}
.folded-world-site .tv-volume-rotary {
  position: absolute; left: 85%; top: 82%; width: 12%; aspect-ratio: 1; height: auto;
  touch-action: none; cursor: grab; border: 0; outline-offset: 5px;
}
.folded-world-site .tv-volume-rotary.is-turning { cursor: grabbing; }
.folded-world-site .tv-volume-face {
  position: absolute; inset: 0; display: block;
  background: url('/assets/cardboard-volume-radial-min.png') center / contain no-repeat;
  rotate: var(--volume-angle, 0deg); transform-origin: center;
}
.folded-world-site .tv-volume-arc {
  position: absolute; inset: -8%;
  background: url('/assets/tv-volume-guide-ink.svg') center / 100% 100% no-repeat;
}
.folded-world-site :is(.tv-volume-min, .tv-volume-max) {
  position: absolute; top: 99%; font: 650 clamp(7px, 1.25cqw, 10px)/1 var(--body);
  color: #292218; pointer-events: none;
}
.folded-world-site .tv-volume-min { left: -1%; }
.folded-world-site .tv-volume-max { right: -1%; }
.folded-world-site .tv-volume-readout {
  position: absolute; top: -25%; left: -15%; right: -15%; text-align: center;
  color: #282218; font: 600 clamp(7px, 1.4cqw, 12px)/1 var(--body);
}
.folded-world-site .live-status-strip {
  position: absolute; left: 26%; top: 80.6%; width: 47%; height: 16%;
  padding: 3px 6px; display: grid; grid-template-columns: 1fr 1fr; align-content: center;
  gap: 4px 12px; color: #f1eddc; background: none; z-index: 4;
  font: clamp(8px, 1.4cqw, 12px)/1.2 var(--body);
}
.folded-world-site .world-progress-group { min-width: 0; display: grid; gap: 4px; }
.folded-world-site .world-progress-heading { display: flex; justify-content: space-between; gap: 8px; }
.folded-world-site .world-progress-heading span { font: 21px/1 var(--pixel); }
.folded-world-site .world-progress-heading strong { font-weight: 650; }
.folded-world-site .world-meter { height: 4px; width: 100%; background: #1d241a; }
.folded-world-site .world-meter i { height: 100%; display: block; background: #bccaa8; }
.folded-world-site .completion-count { justify-self: end; white-space: nowrap; }
.folded-world-site .world-secondary-info { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3px 10px; grid-column: 1 / -1; }
.folded-world-site .live-feed-note { grid-column: 1 / -1; font: inherit; margin: 0; text-align: center; }
.folded-world-site .live-feed-note:empty { display: none; }
.folded-world-site .fullscreen-exit { display: none; }
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) {
  position: fixed; inset: 0; z-index: 9999; width: 100vw; max-width: none; height: 100dvh;
  margin: 0; padding: 0; background: #000; border: 0;
}
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) .world-canvas { width: 100%; height: 100%; aspect-ratio: auto; }
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) :is(.tv-back-layer, .tv-shell-layer, .live-status-strip) { display: none; }
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) .tv-screen { inset: 0; border-radius: 0; background: #000; }
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) .tv-world-controls {
  inset: 12px auto auto 12px; width: auto; height: auto;
  display: flex; align-items: center; gap: 10px;
}
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) .tv-world-controls button {
  position: relative; inset: auto; width: 46px; height: 46px; aspect-ratio: 1;
}
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) .tv-volume-rotary {
  position: relative; inset: auto; width: 62px; height: 62px; margin: 14px 12px 0;
}
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) :is(.tv-volume-min, .tv-volume-max, .tv-volume-readout) { color: #f2ecdf; }
.folded-world-site :is(.world-feature:fullscreen, .world-feature.fullscreen-fallback) .fullscreen-exit:not([hidden]) {
  display: block; position: absolute; right: 14px; top: 16px; z-index: 8;
  color: #faf5e8; background: #26362de6; border: 1px solid #afc0a2; padding: 10px 15px; border-radius: 4px;
}
.folded-world-site main > .wrap > .front-section { margin: 76px auto 0; }
.folded-world-site .section-space { margin-top: 66px; }
.folded-world-site .section-heading {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
  gap: 16px 24px; padding: 26px 36px 32px; margin: 0 0 25px;
}
.folded-world-site .section-heading h2 { margin: 0; font: 42px/1.05 var(--pixel); }
.folded-world-site .section-heading .eyebrow { display: none; }
.folded-world-site .purpose-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 0; border: 0;
}
.folded-world-site .purpose-grid article { display: flex; flex-direction: column; align-items: start; min-height: 260px; padding: 32px; }
.folded-world-site .purpose-grid article + article { border: 0; }
.folded-world-site .purpose-grid h3 { margin: 20px 0 12px; }
.folded-world-site .purpose-grid p { max-width: 43ch; color: #e2e2d1; }
.folded-world-site .purpose-card-action { margin-top: auto; padding-top: 16px; }
.folded-world-site .art-path-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.folded-world-site .art-path-grid article { padding: 34px; overflow: visible; }
.folded-world-site .art-path-grid article :is(h3, p) { position: relative; }
.folded-world-site .art-path-grid h3 { margin-top: 22px; }
.folded-world-site .art-path-grid .tiny-tag { color: #272418; background: #cda66d; }
.folded-world-site .idea-symbol,
.folded-world-site .art-symbol { position: static; width: 46px; float: right; margin: 0 0 12px 15px; font-size: 38px; color: #cfb083; }
.folded-world-site .fw-edge-creature {
  position: absolute; width: 110px; height: 92px; object-fit: contain; right: 25px; top: -68px;
  transform-origin: bottom; pointer-events: none;
}
.folded-world-site .vision-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.folded-world-site .vision-card {
  display: flex; flex-direction: column; min-width: 0; padding: 20px 23px 27px;
  background: url('/assets/fw-ivory-sheet.png') center / 100% 100% no-repeat; color: #25231d;
}
.folded-world-site .vision-thumb {
  aspect-ratio: 1.8; height: auto; border: 2px solid #28291f; border-radius: 5px;
  width: 100%; overflow: hidden; padding: 0; background: #363e34;
}
.folded-world-site .vision-thumb .reference-window { height: 100%; width: 100%; }
.folded-world-site .vision-chip {
  left: 9px; right: auto; top: 9px; padding: 4px 9px; max-width: calc(100% - 18px);
  font: 17px/1.2 var(--pixel); color: #ece6d7; background: #28372de8;
  border: 0; border-radius: 3px;
}
.folded-world-site .vision-chip i { display: none; }
.folded-world-site .vision-card-copy { display: flex; flex: 1; flex-direction: column; align-items: start; padding: 17px 0 0; }
.folded-world-site .vision-card-copy h3 { margin: 0 0 9px; font-size: 30px; }
.folded-world-site .vision-card-copy p { color: #554d40; font-size: 16px; margin-bottom: 17px; }
.folded-world-site .vision-card-copy .text-button { margin-top: auto; color: #221f19; font-size: 22px; }
.folded-world-site .world-filters { gap: 12px; border: 0; padding: 0; margin-bottom: 28px; }
.folded-world-site .page-intro { margin: 24px 0 38px; padding: 32px 42px 40px; }
.folded-world-site .page-intro h1 { margin-bottom: 15px; max-width: 22ch; }
.folded-world-site .page-intro p { max-width: 82ch; }
.folded-world-site .page-intro > p:not(.hero-lead):not(.eyebrow) { font-size: 15px; }
.folded-world-site .page-intro .button { margin-top: 15px; }
.folded-world-site .page-intro::before,
.folded-world-site .page-intro::after { display: none; }
.folded-world-site .agent-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.folded-world-site .agent-card { min-width: 0; padding: 22px; display: flex; flex-direction: column; }
.folded-world-site .fw-agent-art {
  height: 260px; width: 100%; padding: 0; display: grid; place-items: center;
  background: none; border: 0; overflow: visible;
}
.folded-world-site .fw-agent-art img { width: 100%; height: 100%; object-fit: contain; }
.folded-world-site .agent-card-copy { display: flex; flex: 1; flex-direction: column; padding: 18px 7px 5px; min-width: 0; }
.folded-world-site .agent-card-copy h2 { font-size: 34px; margin: 0 0 15px; }
.folded-world-site .agent-card-copy > .button { margin-top: auto; }
.folded-world-site .agent-card-copy .eyebrow { display: none; }
.folded-world-site .prompt-details { margin-top: 12px; min-width: 0; }
.folded-world-site .prompt-details summary { font: 20px/1.3 var(--pixel); padding: 9px 13px; color: #eee6d4; }
.folded-world-site .prompt-details textarea { min-height: 210px; margin-top: 12px; }
.folded-world-site .small-copy { font-size: 15px; line-height: 1.5; color: var(--muted); }
.folded-world-site .fw-unified-guide { display: block; padding: 0; background: none; border: 0; }
.folded-world-site .fw-setup-sheet {
  padding: 25px 28px 32px; border: 0; margin: 0; max-width: 1020px; margin-inline: auto;
}
.folded-world-site .fw-setup-heading { padding: 8px 24px 21px; }
.folded-world-site .fw-setup-heading h2 { font: 43px/1.1 var(--pixel); margin: 0 0 7px; }
.folded-world-site .fw-setup-heading p { margin: 0; color: #554e41; }
.folded-world-site .fw-setup-row {
  position: relative; padding: 24px 20px 25px 91px;
  margin: 0; border: 0; border-top: 2px solid #766d584d;
}
.folded-world-site .fw-setup-row::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 68px;
  background: #4d553b url('/assets/kraft-control-texture.png') center / cover;
  background-blend-mode: multiply; opacity: .95;
}
.folded-world-site .fw-step-number {
  position: absolute; z-index: 1; left: 10px; top: 29px; width: 47px; height: 52px;
  display: grid; place-items: center; color: #24221a;
  font: 34px/1 var(--pixel);
  background: url('/assets/ink-card-button-v3.png') center / 100% 100% no-repeat;
}
.folded-world-site .fw-setup-row h3 { font: 32px/1.1 var(--pixel); margin: 0 0 6px; }
.folded-world-site .fw-setup-row p { color: #514a3f; margin-bottom: 14px; font-size: 16px; }
.folded-world-site .setup-choice-options { display: flex; gap: 10px; flex-wrap: wrap; }
.folded-world-site .setup-choice-options button { flex: 1 1 155px; min-height: 46px; }
.folded-world-site .setup-choice-options .wide { flex-basis: 100%; }
.folded-world-site .setup-choice-options button { font-size: 22px; }
.folded-world-site .setup-detail {
  padding: 17px 0 0; margin: 0; border: 0; color: #38362c; background: none;
}
.folded-world-site .setup-detail label { display: grid; gap: 7px; }
.folded-world-site .setup-detail p { margin: 10px 0 0; font-size: 15px; }
.folded-world-site .dot-setup { margin-top: 19px; padding: 0; border: 0; }
.folded-world-site .dot-setup label { display: flex; align-items: start; gap: 10px; }
.folded-world-site .dot-setup small { display: block; font-size: 14px; color: #5d5344; }
.folded-world-site input[type="checkbox"] {
  appearance: none; width: 21px; height: 21px; flex: 0 0 21px; margin: 2px 0 0;
  border: 2px solid currentColor; border-radius: 2px 3px 1px 2px; background: #c8d1b5;
  position: relative; cursor: pointer; color: #253224;
}
.folded-world-site input[type="checkbox"]:checked::after {
  content: ''; position: absolute; left: 5px; top: 0; width: 7px; height: 13px;
  border: solid #223024; border-width: 0 3px 3px 0; transform: rotate(38deg);
}
.folded-world-site .fw-command-strip {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0;
  background: none; border: 0; margin: 15px 0 0;
}
.folded-world-site .fw-command-strip input {
  width: min(100%, 390px); min-width: 0; flex: 1 1 210px; padding: 12px;
  color: #f3ecda; background: #48533b; border: 1px solid #303829; border-radius: 4px;
  font: 16px/1.4 monospace;
}
.folded-world-site .copy-status { min-height: 0; font-size: 14px; margin: 8px 0 0; }
.folded-world-site .copy-status:empty { display: none; }
.folded-world-site .fw-command-strip .copy-status { flex-basis: 100%; }
.folded-world-site .fw-prompt-pocket {
  margin: 20px 12px 0; padding: 23px;
  background: url('/assets/olive-panel-ink-v4.png') center / 100% 100% no-repeat;
  color: #eee7d7; border: 0;
}
.folded-world-site .fw-prompt-pocket h3 { font: 30px/1.1 var(--pixel); margin-bottom: 10px; }
.folded-world-site .fw-prompt-pocket > p { color: #e0dece; font-size: 15px; }
.folded-world-site .prompt-box { background: none; border: 0; box-shadow: none; min-width: 0; padding: 0; }
.folded-world-site :is(textarea, input[type="text"], input[type="file"], input[type="url"]) {
  max-width: 100%; font: 16px/1.5 var(--body);
}
.folded-world-site textarea {
  display: block; width: 100%; min-width: 0; min-height: 132px; resize: vertical;
  color: #29261e; background: #eee2c9 url('/assets/kraft-control-texture.png') center / cover;
  border: 2px solid #4c4b3a; border-radius: 5px; padding: 15px;
}
.folded-world-site .fw-prompt-pocket textarea { min-height: 175px; }
.folded-world-site .fw-prompt-pocket .button { margin-top: 14px; }
.folded-world-site .guide-panel { padding: 35px; margin-top: 58px; }
.folded-world-site .guide-section-heading { margin-bottom: 22px; }
.folded-world-site .goal-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.folded-world-site .goal-copy p { color: #e2e3d1; }
.folded-world-site .goal-flow { padding-left: 22px; }
.folded-world-site .goal-flow span { display: block; color: #dedfcd; }
.folded-world-site .goal-flow li { margin-bottom: 17px; }
.folded-world-site .sprint-demo { padding: 26px; background: #526047 url('/assets/kraft-control-texture.png') center / cover; background-blend-mode: multiply; }
.folded-world-site .sprint-demo-heading { display: flex; justify-content: space-between; gap: 12px; }
.folded-world-site #sprint-value { font: 35px/1 var(--pixel); color: #d7e1c3; }
.folded-world-site .sprint-demo label { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid #c0c5a159; font-size: 17px; }
.folded-world-site .sprint-demo label small { margin-left: auto; }
.folded-world-site .sprint-meter { height: 7px; background: #252f23; margin: 17px 0; }
.folded-world-site .sprint-meter span { height: 100%; display: block; background: #c1d1ad; }
.folded-world-site .goal-extension { margin-top: 28px; padding: 20px; background: #28382a80; }
.folded-world-site .goal-extension textarea { min-height: 110px; }
.folded-world-site .goal-extension .button { margin-top: 12px; }
.folded-world-site .quick-start,
.folded-world-site .dot-section,
.folded-world-site .reading-section,
.folded-world-site .live-build-story { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; }
.folded-world-site .quick-start ol { padding-left: 25px; }
.folded-world-site .quick-start li { padding: 0 0 19px 10px; }
.folded-world-site .quick-start li::before { display: none; }
.folded-world-site .quick-start li span { display: block; color: #dedec9; }
.folded-world-site .reading-page { padding: 30px; min-width: 0; }
.folded-world-site .reading-page p { color: #2b261c; }
.folded-world-site .book-preview { width: 100%; min-width: 0; }
.folded-world-site .dot-stage { min-height: 300px; border: 2px solid #2d3124; background-color: #384634; }
.folded-world-site .dot-copy { padding: 28px; }
.folded-world-site .live-build-note { padding: 28px; }
.folded-world-site .live-build-note p { color: #514b3c; }
.folded-world-site .transfer-teaser,
.folded-world-site .closing-cta { padding: 36px; }
.folded-world-site .how-row { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; }
.folded-world-site .transfer-guides { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.folded-world-site .transfer-guides details { align-self: start; padding: 14px 20px 18px; }
.folded-world-site details > summary { cursor: pointer; padding: 13px; font-size: 25px; color: inherit; }
.folded-world-site details[open] > summary { margin-bottom: 14px; }
.folded-world-site .compact-command-drawer { padding: 22px; }
.folded-world-site .command-list { display: block; }
.folded-world-site .command-row { display: grid; grid-template-columns: 1fr 1.3fr auto; align-items: center; gap: 18px; padding: 19px 0; border-bottom: 1px solid #b7bc9b66; }
.folded-world-site .command-row code { color: #d7e5bd; overflow-wrap: anywhere; }
.folded-world-site code { font-size: 14px; }
.folded-world-site .command-row p { margin: 0; font-size: 15px; }
.folded-world-site .command-actions { display: flex; gap: 5px; flex-wrap: wrap; }
.folded-world-site .command-actions button { font-size: 19px; min-height: 38px; padding: 7px 12px 10px; }
.folded-world-site .faq-list details { padding: 10px 20px; margin-bottom: 16px; }
.folded-world-site .faq-list details > summary { list-style: none; }
.folded-world-site .faq-list details > summary::after { content: '+'; float: right; font: 30px/1 var(--pixel); }
.folded-world-site .faq-list details[open] > summary::after { content: '−'; }
.folded-world-site .faq-list details > p { padding: 0 14px 10px; }
.folded-world-site .site-footer {
  margin-top: 80px; padding: 180px 0 28px; border: 0;
  background: url('/assets/fw-footer-world.png') center top / 100% auto no-repeat;
}
.folded-world-site .footer-brand { display: inline-block; width: 160px; }
.folded-world-site .footer-end { display: flex; justify-content: space-between; gap: 20px; font-size: 13px; border-top: 1px solid #cbbf9d55; padding-top: 20px; margin-top: 25px; }
.folded-world-site dialog {
  max-width: min(950px, calc(100% - 36px)); max-height: calc(100dvh - 40px);
  padding: 36px; overflow: auto;
}
.folded-world-site dialog::backdrop { background: #16121de3; backdrop-filter: none; }
.folded-world-site .dialog-close { position: sticky; float: right; top: 0; z-index: 2; background: #3f513c; color: #f9f2df; border: 2px solid #22291e; width: 38px; height: 38px; border-radius: 4px; font: 27px/1 var(--pixel); }
.folded-world-site dialog :is(h2, h3) { color: #27251e; }
.folded-world-site dialog p { color: #4e493a; }
.folded-world-site dialog .fw-setup-sheet { background: none; padding: 0; }
.folded-world-site dialog .fw-prompt-pocket :is(h3, p) { color: #f0ead8; }
.folded-world-site .concept-picture { height: 270px; }
.folded-world-site .toast { color: #1e251d; background: #c0cfb0; border: 2px solid #263326; }
@media (min-width: 1500px) {
  .folded-world-site .landing-intro .world-feature { width: min(940px, calc((100svh - 275px) * 1.2)); }
}
@media (max-width: 1050px) {
  .folded-world-site .landing-intro .home-hero { grid-template-columns: 1.2fr 1fr; padding-inline: 28px; }
  .folded-world-site .landing-intro .hero-actions { grid-column: 2; grid-row: 2 / 4; margin-top: 10px; }
  .folded-world-site .landing-intro .hero-sub { grid-column: 1; margin-top: 10px; }
  .folded-world-site .landing-intro .world-feature { width: min(780px, calc((100svh - 320px) * 1.2)); }
  .folded-world-site .agent-grid { gap: 16px; }
  .folded-world-site .fw-agent-art { height: 215px; }
}
@media (max-width: 760px) {
  .folded-world-site .wrap { width: calc(100% - 32px); }
  .folded-world-site .site-header { height: auto; min-height: 80px; display: grid; grid-template-columns: 1fr auto; gap: 12px; }
  .folded-world-site .site-header .brand { width: 155px; min-width: 0; }
  .folded-world-site .studio-nav-toggle { display: block; padding: 9px 16px; font: 22px/1 var(--pixel); background: #cf9d5d; border: 2px solid #28261e; border-radius: 3px; color: #24231b; }
  .folded-world-site .site-header nav { grid-column: 1 / -1; width: 100%; flex-wrap: wrap; gap: 9px 16px; padding-bottom: 12px; }
  .folded-world-site .site-header nav > a { min-height: 44px; font-size: 23px; }
  .folded-world-site .landing-intro { padding-bottom: 45px; }
  .folded-world-site .landing-intro .home-hero { display: block; padding: 22px 27px 27px; text-align: left; }
  .folded-world-site .landing-intro .home-hero h1 { font-size: 36px; margin-bottom: 13px; }
  .folded-world-site .landing-intro .hero-lead { font-size: 16px; }
  .folded-world-site .landing-intro .hero-sub { font-size: 15px; margin-top: 6px; }
  .folded-world-site .landing-intro .hero-actions { max-width: none; justify-content: start; margin-top: 15px; gap: 8px; }
  .folded-world-site .landing-intro .hero-actions .button { min-height: 44px; font-size: 21px; padding-inline: 14px; }
  .folded-world-site .landing-intro .world-feature { width: min(100%, 610px); margin-top: 4px; margin-bottom: 20px; }
  .folded-world-site .world-progress-heading span { font-size: 14px; }
  .folded-world-site .live-status-strip { display: block; inset: 0; width: 100%; height: 100%; padding: 0; }
  .folded-world-site .world-progress-group { position: absolute; left: 26.5%; top: 81%; width: 22%; font-size: 8px; gap: 2px; }
  .folded-world-site .world-progress-group + .world-progress-group { left: 50.5%; }
  .folded-world-site .world-secondary-info { position: absolute; top: 102%; left: 2%; width: 96%; font: 12px/1.3 var(--body); justify-content: center; gap: 3px 13px; }
  .folded-world-site .live-feed-note { position: absolute; top: 109%; left: 2%; width: 96%; font: 11px/1.3 var(--body); }
  .folded-world-site :is(.purpose-grid, .art-path-grid, .agent-grid, .quick-start,
    .goal-layout, .dot-section, .reading-section, .live-build-story, .how-row,
    .transfer-guides) { grid-template-columns: 1fr; }
  .folded-world-site .vision-gallery { gap: 16px; }
  .folded-world-site .vision-card { padding: 16px 17px 20px; }
  .folded-world-site .vision-card-copy h3 { font-size: 26px; }
  .folded-world-site .vision-card-copy p { font-size: 15px; }
  .folded-world-site .vision-card-copy .text-button { font-size: 20px; }
  .folded-world-site .section-heading { padding: 24px 27px 29px; }
  .folded-world-site .section-heading h2 { font-size: 34px; }
  .folded-world-site main > .wrap > .front-section { margin-top: 56px; }
  .folded-world-site .page-intro { padding: 28px; margin-top: 16px; }
  .folded-world-site .page-intro h1 { font-size: 42px; }
  .folded-world-site .fw-agent-art { height: 280px; }
  .folded-world-site .fw-setup-sheet { padding: 20px 15px 24px; }
  .folded-world-site .fw-setup-heading { padding-inline: 10px; }
  .folded-world-site .fw-setup-heading h2 { font-size: 37px; }
  .folded-world-site .fw-setup-row { padding: 22px 5px 23px 60px; }
  .folded-world-site .fw-setup-row::before { width: 47px; }
  .folded-world-site .fw-step-number { width: 34px; height: 42px; left: 6px; top: 25px; font-size: 28px; }
  .folded-world-site .fw-setup-row h3 { font-size: 29px; }
  .folded-world-site .setup-choice-options button { flex-basis: 150px; font-size: 22px; }
  .folded-world-site .fw-prompt-pocket { margin-inline: 0; padding: 23px 17px; }
  .folded-world-site .guide-panel { padding: 28px 24px; }
  .folded-world-site .command-row { grid-template-columns: 1fr; gap: 9px; }
  .folded-world-site .command-actions { justify-content: start; }
  .folded-world-site .site-footer { padding-top: 130px; margin-top: 50px; }
  .folded-world-site .footer-end { flex-direction: column; }
  .folded-world-site dialog { max-width: calc(100% - 20px); padding: 26px 18px; }
}
@media (max-width: 530px) {
  .folded-world-site .vision-gallery { grid-template-columns: 1fr; }
  .folded-world-site .landing-intro .home-hero h1 { font-size: 34px; }
  .folded-world-site .landing-intro .hero-actions .button { font-size: 20px; padding-inline: 12px; }
  .folded-world-site .hero-actions { gap: 7px; }
  .folded-world-site .purpose-grid article { padding: 29px; }
  .folded-world-site .fw-edge-creature { width: 86px; height: 70px; top: -52px; right: 10px; }
}
@media (prefers-reduced-motion: no-preference) {
  .folded-world-site .site-header { animation: fw-header-arrive 650ms cubic-bezier(.2,.8,.3,1) both; }
  .folded-world-site .landing-intro .home-hero { animation: fw-paper-arrive 550ms steps(5, end) 100ms both; }
  .folded-world-site .fw-edge-creature { animation: fw-creature-look 9s steps(4, end) infinite; }
}
@keyframes fw-header-arrive { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes fw-paper-arrive { from { translate: -24px 0; opacity: 0; } to { translate: 0; opacity: 1; } }
@keyframes fw-creature-look { 0%, 85%, 100% { rotate: 0deg; } 90% { rotate: 3deg; } 95% { rotate: -2deg; } }
@media (prefers-reduced-motion: reduce) {
  .folded-world-site *, .folded-world-site *::before, .folded-world-site *::after {
    animation: none !important; transition-duration: 0s !important; scroll-behavior: auto !important;
  }
}


/* Measured mockup fit: material edges, legible content faces, quiet chapter headers. */
.folded-world-site .landing-intro { gap: 6px; margin-top: 2px; padding-bottom: 26px; }
.folded-world-site .site-header { height: 86px; }
.folded-world-site .site-header .brand { width: 174px; }
.folded-world-site .site-header nav { gap: 21px; }
.folded-world-site .site-header nav a { font-size: 23px; }
.folded-world-site .landing-intro .home-hero,
.folded-world-site :is(.fw-white-card, .page-intro, .fw-setup-sheet, dialog, .live-build-note, .reading-page) {
  border: 24px solid transparent;
  border-image: url('/assets/fw-ivory-sheet.png') 120 150 140 140 fill stretch;
  background: none;
}
.folded-world-site .landing-intro .home-hero {
  width: min(1050px, 100%); margin: 0;
  padding: 13px 18px 16px; gap: 0 22px;
  grid-template-columns: 1.18fr 1fr auto;
}
.folded-world-site .landing-intro .home-hero h1 { margin: 0; padding: 0; font-size: 37px; }
.folded-world-site .landing-intro .hero-actions { max-width: 282px; flex-wrap: nowrap; }
.folded-world-site .landing-intro .hero-actions .button { font-size: 21px; padding-inline: 12px; }
.folded-world-site .landing-intro .world-feature {
  width: min(920px, calc((100svh - 254px) * 1.2)); margin: 0;
}
.folded-world-site .world-feature.world-feature-unframed figcaption.live-status-strip {
  display: grid; grid-template-columns: 1fr 1fr; align-content: center;
  position: absolute; left: 26%; top: 80.6%; width: 47%; height: 16%;
  padding: 4px 7px; gap: 3px 12px;
  color: #f2eddd; font: clamp(8px, 1.4cqw, 12px)/1.25 var(--body);
}
.folded-world-site .world-progress-heading span { font-size: clamp(14px, 2.6cqw, 20px); }
.folded-world-site .world-secondary-info { font-size: .86em; }
.folded-world-site .world-status-row .live-feed-note { font: .86em/1.25 var(--body); margin: 0; color: #d0d5bd; }
.folded-world-site .tv-loading {
  position: absolute; inset: 0; z-index: 3; overflow: hidden;
  display: grid; place-items: center; background: #202824; color: #f2eddc;
}
.folded-world-site .tv-loading[hidden] { display: none; }
.folded-world-site .tv-loading canvas { position: absolute; inset: 0; width: 100%; height: 100%; image-rendering: pixelated; }
.folded-world-site .tv-loading span {
  position: relative; padding: 12px 18px; border: 2px solid #ece6cf80;
  background: #18251de8; font: 23px/1 var(--pixel);
}
.folded-world-site .tv-loading [role="progressbar"] {
  position: absolute; bottom: 28%; width: 54%; height: 5px; background: #18251d;
}
.folded-world-site .tv-loading [role="progressbar"] i { display:block; width: var(--load); height:100%; background: #f0d7a5; }
.folded-world-site .section-heading {
  border: 0; border-image: none; background: none;
  padding: 0 0 19px; margin-bottom: 24px; color: #f3ebd9;
  border-bottom: 2px solid #c8a88366; border-radius: 0;
}
.folded-world-site .section-heading h2 { max-width: 24ch; font-size: 42px; }
.folded-world-site .section-heading .eyebrow {
  display: block; color: #ddb98c; font-size: 17px; letter-spacing: .05em;
}
.folded-world-site .section-heading .text-button { flex-shrink: 0; }
.folded-world-site #your-art .section-heading {
  padding: 12px 20px 18px; border: 22px solid transparent;
  border-image: url('/assets/fw-ivory-sheet.png') 120 150 140 140 fill stretch;
  color: #24241c; text-align: center; justify-content: center;
}
.folded-world-site #your-art .section-heading h2 { font-size: 47px; }
.folded-world-site #your-art .section-heading .eyebrow { display: none; }
.folded-world-site :is(.purpose-tab, .art-path-grid .tiny-tag) { font-size: 17px; border: 0; background: none; color: #e0b57e; padding: 0; }
.folded-world-site :is(.purpose-grid article, .art-path-grid article, .front-card, .guide-panel, .quick-start, .agent-card, .closing-cta) {
  border: 15px solid transparent; border-image: url('/assets/olive-panel-ink-v4.png') 55 fill stretch;
  background: none; padding: 20px 22px 24px;
}
.folded-world-site .vision-card { padding: 4px 5px 10px; min-width: 0; border-width: 22px; }
.folded-world-site .vision-card .vision-card-copy { padding: 16px 3px 0; }
.folded-world-site .vision-card-copy :is(h3,p) { max-width: 100%; overflow-wrap: break-word; }
.folded-world-site .page-intro { padding: 22px 26px 27px; margin-top: 25px; }
.folded-world-site .page-intro .hero-lead { color: #3b372d; }
.folded-world-site .page-intro .hero-sub { color: #51483e; }
.folded-world-site .fw-guide-container { background: none; border: 0; border-image: none; padding: 0; }
.folded-world-site .fw-guide-container > :is(.studio-cutaway, .jump-links) { display: none; }
.folded-world-site .fw-setup-sheet { padding: 5px 10px 14px; width: 100%; }
.folded-world-site .fw-setup-heading { padding-inline: 14px; }
.folded-world-site .team-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 36px; }
.folded-world-site .team-options { list-style: none; padding: 0; }
.folded-world-site .team-options li { padding: 13px 0; border-top: 1px solid #b4b89655; }
.folded-world-site .team-options strong, .folded-world-site .team-options span { display: block; }
.folded-world-site .team-options strong { font: 25px/1.1 var(--pixel); margin-bottom: 7px; }
.folded-world-site .team-options span { font-size: 16px; color: #d8d9c5; }
.folded-world-site .team-preview { min-width: 0; }
.folded-world-site .team-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.folded-world-site .team-preview figure { margin: 0; }
.folded-world-site .team-portrait { height: 160px; padding: 0; background: none; }
.folded-world-site .team-portrait img { width: 100%; height: 100%; object-fit: contain; }
.folded-world-site .team-preview figcaption { text-align: center; font: 22px/1.2 var(--pixel); }
.folded-world-site .transfer-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 18px; }
.folded-world-site :is(.transfer-grid, .faq-list) details {
  padding: 0; border: 0; background: none; border-image: none; box-shadow: none;
}
.folded-world-site :is(.transfer-grid, .faq-list) summary {
  padding: 16px 22px; margin: 0; border: 2px solid #1d241d;
  color: #f0ebda; background: #424e39 url('/assets/kraft-control-texture.png') center / cover;
  background-blend-mode: multiply; border-radius: 5px 3px 4px 2px; list-style: none;
  font-size: 25px; display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.folded-world-site :is(.transfer-grid, .faq-list) summary::after { content: '+'; float: none; flex: 0 0 auto; font: 31px/1 var(--pixel); }
.folded-world-site :is(.transfer-grid, .faq-list) details[open] summary { border-radius: 5px 3px 0 0; }
.folded-world-site :is(.transfer-grid, .faq-list) details[open] summary::after { content: '−'; }
.folded-world-site .transfer-grid .disclosure-body,
.folded-world-site .faq-list details > p {
  background: #313c2c url('/assets/kraft-control-texture.png') center / cover;
  background-blend-mode: multiply; margin: 0; padding: 20px 24px; border: 2px solid #1d241d;
  border-top: 0; border-radius: 0 0 5px 3px;
}
.folded-world-site .transfer-grid .disclosure-body p { margin: 18px 0 0; font-size: 15px; color: #d7d5c3; }
.folded-world-site .disclosure-body ol { padding-left: 20px; }
.folded-world-site .disclosure-body li { margin-bottom: 12px; font-size: 16px; }
.folded-world-site .import-status { display: flex; align-items: start; gap: 15px; padding: 18px; margin-bottom: 24px; background: #43383e; border: 1px solid #9c7e7766; }
.folded-world-site .import-status p { font-size: 15px; margin: 0; color: #e0d5c9; }
.folded-world-site .command-drawer > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; background: none; }
.folded-world-site .command-summary-label small { display: block; font: 15px/1.5 var(--body); color: #d0d5bd; }
.folded-world-site .compact-command-row { position: relative; display: grid; grid-template-columns: 1fr 1.3fr auto; gap: 18px; align-items: center; padding: 20px 0; border-bottom: 1px solid #aab39355; }
.folded-world-site .command-name { min-width: 0; }
.folded-world-site .command-name span { display: block; color: #d5d7c5; margin-top: 5px; font-size: 14px; }
.folded-world-site .command-name code { color: #d8e5be; overflow-wrap: anywhere; }
.folded-world-site .command-description p { font-size: 15px; margin: 0; }
.folded-world-site .command-copy-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.folded-world-site .command-copy-actions button {
  border: 0; background: url('/assets/ink-card-button-v3.png') center / 100% 100%;
  color: #24211b; font: 21px/1 var(--pixel); padding: 11px 15px 13px; min-height: 40px;
}
.folded-world-site .command-copy-status { grid-column: 1 / -1; font-size: 14px; }
.folded-world-site .command-copy-status:empty { display: none; }
.folded-world-site .command-toggle-label { padding: 8px 12px; background: #d4a66d; border: 2px solid #25291c; color: #27241b; font-size: 20px; }
.folded-world-site .goal-section .goal-layout { gap: 28px; }
.folded-world-site .goal-section .sprint-demo { align-self: start; }
.folded-world-site .world-feature-unframed:fullscreen .world-overlay-controls,
.folded-world-site .world-feature-unframed.fullscreen-fallback .world-overlay-controls { display: flex !important; }
.folded-world-site .fw-asleep *, .folded-world-site.fw-asleep * { animation-play-state: paused !important; }
@media (min-width: 1051px) {
  .folded-world-site .landing-intro .home-hero { min-height: 142px; }
}
@media (max-width: 1050px) and (min-width: 761px) {
  .folded-world-site .landing-intro .home-hero { grid-template-columns: 1fr 1fr; }
  .folded-world-site .landing-intro .hero-actions { grid-column: 2; grid-row: 2 / 4; margin-top: 10px; }
  .folded-world-site .landing-intro .world-feature { width: min(800px, calc((100svh - 330px) * 1.2)); }
}
@media (max-width: 760px) {
  .folded-world-site .site-header { height: auto; min-height: 76px; }
  .folded-world-site .landing-intro .home-hero { display: block; padding: 6px 8px 14px; border-width: 20px; }
  .folded-world-site .landing-intro .home-hero h1 { font-size: 35px; }
  .folded-world-site .landing-intro .hero-actions { flex-wrap: wrap; max-width: none; margin-top: 15px; }
  .folded-world-site .landing-intro .world-feature { width: min(100%, 650px); }
  .folded-world-site .world-feature.world-feature-unframed figcaption.live-status-strip { display: block; inset: 0; width: 100%; height: 100%; padding: 0; }
  .folded-world-site .world-status-row .live-feed-note { position: absolute; top: 112%; left: 2%; width: 96%; font-size: 11px; }
  .folded-world-site .landing-intro .world-feature { margin-bottom: 55px; }
  .folded-world-site :is(.section-heading, #your-art .section-heading) { padding: 0 0 16px; }
  .folded-world-site #your-art .section-heading { padding: 7px 8px 14px; border-width: 18px; }
  .folded-world-site :is(.section-heading h2, #your-art .section-heading h2) { font-size: 36px; }
  .folded-world-site .page-intro { padding: 14px 10px 20px; border-width: 20px; }
  .folded-world-site .fw-setup-sheet { border-width: 18px; padding: 0 0 8px; }
  .folded-world-site .fw-setup-heading { padding: 9px 6px 18px; }
  .folded-world-site .fw-setup-row { padding: 21px 0 22px 54px; }
  .folded-world-site .fw-setup-row::before { width: 43px; }
  .folded-world-site .fw-step-number { left: 4px; width: 33px; }
  .folded-world-site :is(.team-layout, .transfer-grid) { grid-template-columns: 1fr; gap: 24px; }
  .folded-world-site .team-portrait { height: 140px; }
  .folded-world-site .compact-command-row { grid-template-columns: 1fr; gap: 12px; }
  .folded-world-site .compact-command-drawer { padding: 15px; }
  .folded-world-site .command-drawer > summary { padding: 8px 0 18px; flex-wrap: wrap; }
  .folded-world-site .import-status { flex-direction: column; gap: 9px; }
  .folded-world-site .fw-edge-creature { display: none; }
}

/* Distinct chapter scenery. Art stays behind opaque reading surfaces. */
.folded-world-site .site-header { position: relative; z-index: 20; }
.folded-world-site .page-depth-plane[data-scene-layer="2"] { z-index: 0; top: 0; height: 100svh; mask-image: linear-gradient(black 84%, transparent); }
.folded-world-site .landing-intro .world-feature { width: min(920px, calc((100svh - 300px) * 1.2)); }
.folded-world-site .landing-intro .hero-actions { max-width: none; }
.folded-world-site .landing-intro .hero-actions .button { flex: 0 0 auto; white-space: nowrap; }
.folded-world-site .agent-grid .agent-card .fw-agent-art { background: none; }
.folded-world-site main .wrap > :is(.fw-chapter, .front-section, .page-intro, .guide-panel) { isolation: isolate; }
.folded-world-site .fw-scenery {
  position: absolute; z-index: -1; left: calc(50% - 50vw);
  top: -80px; width: 100vw; height: calc(100% + 140px);
  pointer-events: none; overflow: clip;
  background: var(--chapter-art) center top / 100% auto no-repeat;
  mask-image: linear-gradient(transparent, black 90px, black calc(100% - 110px), transparent);
}
.folded-world-site[data-fw-page="worlds"] .page-depth-plane[data-scene-layer="2"] {
  background-image: url('/assets/fw-gallery-scene-v2.png'); height: min(1300px, 130vh);
}
.folded-world-site[data-fw-page="agents"] .page-depth-plane[data-scene-layer="2"] {
  background-image: url('/assets/fw-agents-scene-v2.png'); height: min(1400px, 145vh);
}
.folded-world-site[data-fw-page="guide"] .page-depth-plane[data-scene-layer="2"] {
  background-image: url('/assets/fw-setup-scene-v2.png'); height: min(1400px, 145vh);
}
.folded-world-site :is(.team-callout, .empty-gallery) {
  border: 15px solid transparent; border-image: url('/assets/olive-panel-ink-v4.png') 55 fill stretch;
  padding: 22px 25px; background: none;
}
.folded-world-site .transfer-banner { border: 16px solid transparent; border-image: url('/assets/olive-panel-ink-v4.png') 55 fill stretch; padding: 20px 24px; background: none; }
.folded-world-site .guide-jumps {
  display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; border: 0; padding: 0;
}
.folded-world-site .guide-jumps a {
  padding: 10px 16px 13px; background: url('/assets/ink-card-button-v3.png') center / 100% 100%;
  color: #25231c; font: 21px/1.1 var(--pixel); text-decoration: none; min-height: 44px;
}
.folded-world-site .fw-setup-row { padding-top: 19px; padding-bottom: 20px; }
.folded-world-site .fw-setup-row .fw-step-hint { margin-bottom: 10px; }
.folded-world-site .fw-setup-sheet .dot-setup { background: none; border: 0; padding: 14px 0 0; margin-top: 8px; }
.folded-world-site .fw-setup-row .setup-choice-options { gap: 8px; }
.folded-world-site .fw-setup-heading h2 { font-size: 43px; }
.folded-world-site .goal-copy .prompt-box textarea { min-height: 130px; }
.folded-world-site .goal-extension { padding: 20px 0 0; border: 0; background: none; }
.folded-world-site .version-guide { margin-top: 60px; padding: 30px; }
.folded-world-site .reading-section { padding: 25px; align-items: stretch; }
.folded-world-site .reading-section .reading-page { border-width: 18px; padding: 12px; }
.folded-world-site .reading-section .book-demo { min-width: 0; width: 100%; }
.folded-world-site .live-build-story .live-build-note { border-width: 20px; padding: 12px; }
.folded-world-site .live-build-story .live-build-note .small-copy { color: #484338; }
.folded-world-site .fw-portrait { position: relative; width: 100%; height: 100%; }
.folded-world-site .fw-portrait img { position: absolute; inset: 0; }
.folded-world-site .fw-eyelid {
  position: absolute; background: #a09378; border: 2px solid #25231f;
  border-radius: 50%; pointer-events: none;
  transform: scaleY(0); transform-origin: center; visibility: hidden;
}
.folded-world-site .fw-portrait[data-character="director"] .fw-eyelid { top: 24%; left: 47%; width: 19%; height: 14%; rotate: 5deg; }
.folded-world-site .fw-portrait[data-character="director"] .fw-eyelid + .fw-eyelid { top: 25%; left: 30%; width: 15%; }
.folded-world-site .fw-portrait[data-character="support"] .fw-eyelid { top: 32%; left: 37%; width: 22%; height: 15%; rotate: -12deg; }
.folded-world-site .fw-portrait[data-character="support"] .fw-eyelid + .fw-eyelid { top: 40%; left: 61%; width: 15%; height: 11%; }
.folded-world-site .fw-portrait[data-character="world"] .fw-eyelid { top: 46%; left: 32%; width: 19%; height: 10%; }
.folded-world-site .fw-portrait[data-character="world"] .fw-eyelid + .fw-eyelid { top: 46%; left: 54%; width: 19%; }
@media (prefers-reduced-motion: no-preference) {
  .folded-world-site .fw-eyelid { visibility: visible; animation: fw-blink 8s steps(2, end) var(--blink-delay, 0s) infinite; }
}
@keyframes fw-blink { 0%, 92%, 97%, 100% { transform: scaleY(0); } 94%, 95% { transform: scaleY(.9); } }
@media (min-width: 1051px) {
  .folded-world-site .purpose-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }
  .folded-world-site .purpose-grid article { min-height: 330px; padding: 16px; border-width: 12px; }
  .folded-world-site .purpose-grid h3 { font-size: 31px; }
  .folded-world-site .purpose-grid p { font-size: 16px; }
  .folded-world-site .purpose-card-action .button { padding-inline: 12px; font-size: 21px; }
}
@media (max-width: 760px) {
  .folded-world-site .landing-intro .world-feature { width: min(100%, 650px); }
  .folded-world-site .fw-scenery { background-size: auto 700px; background-position: center top; opacity: .65; }
  .folded-world-site .team-layout { grid-template-columns: 1fr; }
  .folded-world-site .team-preview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .folded-world-site .team-preview figcaption { font-size: 20px; }
  .folded-world-site .guide-panel { padding: 16px 10px 22px; }
  .folded-world-site .guide-jumps a { font-size: 20px; padding-inline: 11px; }
  .folded-world-site .fw-setup-heading h2 { font-size: 36px; }
}

/* Local containment takes precedence over legacy sibling and disclosure rules. */
.folded-world-site main .wrap > .front-section { position: relative; isolation: isolate; }
.folded-world-site .landing-intro .home-hero { z-index: 1; }
.folded-world-site .purpose-grid article.front-card + article.front-card {
  border: 12px solid transparent; border-image: url('/assets/olive-panel-ink-v4.png') 55 fill stretch;
}
.folded-world-site section.guide-start.fw-unified-guide {
  padding: 0; background: none; border: 0; border-image: none;
}
.folded-world-site .landing-intro .home-hero,
.folded-world-site :is(.fw-white-card, .page-intro, .fw-setup-sheet, dialog, .live-build-note, .reading-page),
.folded-world-site #your-art .section-heading {
  border-image-slice: 220 240 220 240 fill;
}
.folded-world-site .section-heading h2 { max-width: 34ch; }
.folded-world-site #your-art .section-heading h2 { max-width: none; }
.folded-world-site .book-demo { background: none; border: 0; box-shadow: none; }
.folded-world-site .book-demo .reading-page { color: #28251f; }
.folded-world-site .book-demo .reading-page .eyebrow { color: #81481f; }
.folded-world-site .book-controls button {
  background: url('/assets/ink-card-button-v3.png') center / 100% 100%;
  color: #25231c; border: 0; font: 24px/1 var(--pixel); min-height: 40px; min-width: 44px;
}
.folded-world-site .book-controls span { color: #3f372a; }
.folded-world-site .sprint-demo label { border: 2px solid #20281c; margin-top: 11px; padding: 13px 12px; background: #4c5742; border-radius: 3px; }
.folded-world-site .sprint-demo label:has(:checked) { background: #bbc8aa; color: #202a1d; }
.folded-world-site .sprint-demo label small { font: 18px/1 var(--pixel); }
.folded-world-site .sprint-demo #sprint-description { font-size: 15px; margin-top: 18px; }
.folded-world-site .goal-section .sprint-demo { background: #4b5542 url('/assets/kraft-control-texture.png') center / cover; background-blend-mode: multiply; border: 2px solid #222a1f; border-radius: 5px; }
.folded-world-site .fw-agent-art { display: flex; align-items: center; justify-content: center; }
.folded-world-site .fw-portrait { width: auto; height: 100%; aspect-ratio: 1; max-width: 100%; }
.folded-world-site .fw-portrait[data-character="director"] .fw-eyelid { top: 14%; left: 48%; width: 22%; height: 15%; rotate: -18deg; background: #574747; }
.folded-world-site .fw-portrait[data-character="director"] .fw-eyelid + .fw-eyelid { top: 22%; left: 32%; width: 15%; height: 8%; rotate: -13deg; }
.folded-world-site .quick-start ol { list-style: none; padding: 0; counter-reset: world-step; }
.folded-world-site .quick-start li { position: relative; padding: 6px 0 21px 57px; counter-increment: world-step; min-height: 70px; }
.folded-world-site .quick-start li::before {
  content: counter(world-step); display: grid; place-items: center;
  position: absolute; left: 0; top: 2px; width: 40px; height: 45px;
  background: url('/assets/ink-card-button-v3.png') center / 100% 100%;
  color: #24231a; font: 28px/1 var(--pixel);
}
@media (max-width: 760px) {
  .folded-world-site .purpose-grid article.front-card + article.front-card { border-width: 15px; }
  .folded-world-site .landing-intro .home-hero h1 { font-size: 33px; }
  .folded-world-site .fw-scenery { opacity: 1; background-size: auto 700px; }
}
/* Wider native cabinet face: new material artwork, not stretched old hardware. */
.folded-world-site .world-canvas { aspect-ratio: 3 / 2; }
.folded-world-site .tv-shell-layer { background-image: url('/assets/fw-tv-wide-v2.png'); }
.folded-world-site .tv-screen { left: 5.5%; right: 5.5%; top: 13.1%; bottom: 28.5%; border-radius: 7% / 13%; }
.folded-world-site .landing-intro .world-feature { width: min(1000px, calc((100svh - 300px) * 1.5)); }
.folded-world-site .tv-world-controls :is(#tv-pause, #tv-sound) { left: 77%; width: 5.8%; }
.folded-world-site #tv-pause { top: 81%; }
.folded-world-site #tv-sound { top: 89.7%; }
.folded-world-site .tv-volume-rotary { left: 85%; top: 83%; width: 10.8%; }
.folded-world-site .tv-world-controls #world-max { left: 10%; top: 92.4%; width: 7%; height: 5.2%; }
.folded-world-site .world-feature.world-feature-unframed figcaption.live-status-strip {
  left: 27%; top: 80.6%; width: 44.5%; height: 15.2%; font-size: clamp(8px, 1.35cqw, 13px);
}
.folded-world-site .world-progress-heading span { font-size: clamp(14px, 2.6cqw, 21px); }
@media (max-width: 760px) {
  .folded-world-site .landing-intro .world-feature { width: min(100%, 700px); }
  .folded-world-site .world-feature.world-feature-unframed figcaption.live-status-strip { inset: 0; width: 100%; height: 100%; font-size: 9px; }
  .folded-world-site .world-progress-group { left: 27.5%; top: 82.5%; width: 21%; }
  .folded-world-site .world-progress-group + .world-progress-group { left: 50.5%; }
}

/* Keep volume legends and controls on the material face. */
.folded-world-site .tv-volume-rotary { left: 86%; top: 83%; width: 9.2%; }
.folded-world-site .tv-world-controls #world-max { background-blend-mode: multiply; }
.folded-world-site :is(.world-feature:fullscreen,.world-feature.fullscreen-fallback) .tv-volume-rotary { left: auto; top: auto; width: 62px; }

@media (max-width: 760px) {
  .folded-world-site .tv-volume-rotary { top: 81.5%; }
}