/* Layout 01 only: fixed app presentations and a page-two comparison studio. */
[data-fit-canvas]>.mock-canvas,[data-fit-canvas]>.motion-canvas {
  position:absolute; inset:0 auto auto 0; max-width:none; transform-origin:top left;
}
.mock-desktop { display:grid; grid-template-columns:220px 1fr; overflow:clip; background:#121212; color:#dedad3; font:16px/1.4 'Roboto',sans-serif; }
.mock-sidebar { display:flex; flex-direction:column; min-height:0; border-right:1px solid #45423e; background:#1d1c1b; padding:28px 22px 24px; }
.mock-brand { width:170px; height:auto; margin:0 auto 34px; }
.mock-nav { display:grid; gap:10px; }
.mock-nav>div { min-height:54px; display:flex; align-items:center; gap:12px; padding:0 13px; border-left:3px solid transparent; font-weight:600; color:#aaa69f; }
.mock-nav .active { color:#c98f89; border-color:#c98f89; }
.mock-nav svg { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; }
.mock-profile { display:flex; align-items:center; gap:12px; padding-top:22px; margin-top:auto; border-top:1px solid #45423e; font-size:16px; font-weight:600; }
.mock-profile svg { width:40px; height:40px; flex:none; }
.mock-setup { padding:28px 38px 24px; display:flex; flex-direction:column; min-height:0; gap:14px; overflow:clip; }
.mock-heading { padding:0 0 20px; border-bottom:1px solid #45423e; margin-bottom:4px; font-size:29px; line-height:1.3; font-weight:700; }
.mock-section { padding:20px 22px; border:1px solid #45423e; border-radius:10px; background:#1d1c1b; }
.mock-section h3 { font-size:18px; line-height:1.25; font-weight:700; margin:0 0 18px; }
.mock-field-label { display:block; color:#aaa69f; font-size:15px; font-weight:600; margin-bottom:8px; }
.mock-field-label:not(:first-child) { margin-top:18px; }
.mock-source-row { display:flex; align-items:center; gap:12px; padding:13px 14px; border:1px solid #45423e; border-radius:8px; min-height:48px; }
.mock-source-row .mock-check { width:20px; height:20px; border-radius:4px; background:#c98f89; color:#171310; font-size:18px; line-height:20px; text-align:center; }
.mock-source-row strong { font-size:15px; font-weight:700; }
.mock-source-row small { color:#aaa69f; font-size:13px; }
.mock-source-row .mock-count { margin-left:auto; color:#aaa69f; font-size:14px; }
.mock-source-row .mock-show { font-weight:700; font-size:14px; }
.mock-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.mock-input { border:1px solid #45423e; border-radius:8px; padding:10px 12px; min-height:42px; font-size:15px; }
.mock-input.placeholder { color:#84807a; }
.mock-segments { display:grid; grid-template-columns:1fr 1fr; }
.mock-segments span { text-align:center; padding:11px 12px; border:1px solid #45423e; font-size:15px; font-weight:600; }
.mock-segments span:first-child { border-radius:8px 0 0 8px; }
.mock-segments span:last-child { margin-left:-1px; border-radius:0 8px 8px 0; }
.mock-segments .chosen { border-color:#c98f89; box-shadow:inset 0 0 0 1px #c98f89; background:#2a2220; }
.mock-footer { display:flex; align-items:center; gap:12px; padding-top:17px; margin-top:auto; border-top:1px solid #45423e; }
.mock-footer>div { margin-right:auto; display:grid; gap:2px; font-size:15px; }
.mock-footer small { font-size:13px; color:#aaa69f; }
.mock-start,.mock-reset { border:1px solid #45423e; border-radius:8px; padding:12px 16px; font-size:15px; font-weight:600; }
.mock-start { border-color:#c98f89; background:#c98f89; color:#171310; }
.desk-first .phone-device.phone-tutor {
  border-color:#d6d8db #b1b5ba #a6abb1 #e8eaed;
  background:#151618;
  box-shadow:0 0 0 1px #a3a8ae,inset 0 0 0 1px #f1f2f3,0 3px 8px #24150e24;
}
.phone-tutor .phone-content { overflow:clip; padding-bottom:0; }
.sample-explanation-heading { min-height:32px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; }
.sample-explanation-heading .sample-explanation-toggle { display:inline-flex; flex:none; align-items:center; gap:3px; font-size:9px; font-weight:700; color:var(--red); }
.sample-explanation-toggle svg { width:11px; height:11px; flex:none; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; transform:rotate(180deg); }

/* Every direction shares a page boundary and the review controls, never the hero. */
.chapter-studio { --chapter-background:#eee5d8; background:var(--chapter-background); padding:48px 0 20px; display:flex; flex-direction:column; }
.chapter-shell { display:flex; flex:1; flex-direction:column; }
.chapter-panels { flex:1; display:flex; align-items:center; }
.chapter-panel { width:100%; }
.chapter-panel:focus { outline:none; }
.chapter-top { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.chapter-heading { font-size:clamp(38px,4.1vw,59px); line-height:1.02; letter-spacing:-1.7px; font-weight:600; }
.chapter-heading em { font-style:normal; color:var(--red); }
.chapter-lead { color:var(--muted); font-size:18px; line-height:1.5; max-width:400px; margin-top:22px; }
.chapter-note { color:var(--muted); font-size:13px; margin-top:16px; }
.source-credit { color:var(--muted); font-size:13px; line-height:1.5; max-width:380px; margin-top:22px; }
.versions-label { font-size:12px; color:var(--muted); margin:28px 0 14px; }
.chapter-versions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.chapter-version { border-top:1px solid var(--line); padding-top:14px; }
.chapter-version h3 { display:flex; align-items:baseline; gap:11px; font-size:20px; font-weight:600; line-height:1.2; margin-bottom:7px; }
.chapter-version h3 span { font-size:12px; color:var(--red); }
.chapter-version p { color:var(--muted); font-size:15px; line-height:1.45; max-width:310px; }
.chapter-invitation { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--line); padding:22px 0; margin-top:30px; }
.chapter-invitation strong { display:block; font-size:24px; font-weight:600; letter-spacing:-.4px; }
.chapter-invitation p { color:var(--muted); font-size:14px; margin-top:5px; }
.chapter-review { display:flex; align-items:center; gap:20px; padding:17px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--chapter-background); }
.chapter-review-label { flex:none; color:var(--ink); font-size:12px; font-weight:600; }
.chapter-tabs { display:flex; flex-wrap:wrap; gap:4px; }
.chapter-tabs button { min-height:38px; padding:8px 12px; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--muted); font-size:13px; white-space:nowrap; }
.chapter-tabs button:hover { color:var(--ink); background:#d9d0c54d; }
.chapter-tabs button[aria-selected=true] { color:var(--red); border-color:var(--red); background:#fffdf866; }
.chapter-replay { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:7px; min-height:38px; padding:8px 4px; margin-left:auto; border:0; color:var(--muted); background:transparent; font-size:13px; }
.chapter-replay:hover { color:var(--red); }
.chapter-replay:disabled { visibility:hidden; }
.chapter-footer { display:flex; justify-content:space-between; gap:16px; color:var(--muted); font-size:12px; padding-top:16px; }
.chapter-footer a { text-decoration:none; }
.chapter-footer a:hover { text-decoration:underline; text-underline-offset:3px; }

/* Publisher artwork is framed to show one front cover; source files are untouched. */
.source-cover { position:relative; display:block; width:78px; aspect-ratio:147/184; overflow:clip; background:#173c40; border-radius:1px 3px 3px 1px; box-shadow:2px 3px 6px #17131026; }
.source-cover img { position:absolute; top:0; left:0; max-width:none; height:auto; }
.source-cover.rosen10 img { width:136.055%; transform:translate(-1%, -1.58%); }
.source-cover.rosen9 { aspect-ratio:136/182; }
.source-cover.rosen9 img { width:147.06%; transform:translate(-3.5%, -2.77%); }
.source-cover.tintinalli { aspect-ratio:313/400; }
.source-cover.tintinalli img { width:100%; }
.source-icon { width:78px; height:99px; display:grid; place-items:center; color:var(--red); }
.source-icon svg { width:70px; height:92px; }
.motion-visual { width:100%; }
.motion-canvas { overflow:clip; }
.source-items { position:absolute; inset:0; }
.source-token { position:absolute; left:50%; top:50%; width:94px; margin-left:-47px; margin-top:-61px; display:grid; justify-items:center; gap:9px; transform:translate(var(--x),var(--y)) rotate(var(--r)); }
.source-token>span:last-child { font-size:12px; color:var(--muted); white-space:nowrap; }
.source-token:nth-child(1) { --x:-213px; --y:-85px; --r:-10deg; --delay:0ms; }
.source-token:nth-child(2) { --x:-100px; --y:-93px; --r:5deg; --delay:130ms; }
.source-token:nth-child(3) { --x:190px; --y:-72px; --r:10deg; --delay:260ms; }
.source-token:nth-child(4) { --x:-171px; --y:90px; --r:-5deg; --delay:390ms; }
.source-token:nth-child(5) { --x:128px; --y:97px; --r:7deg; --delay:520ms; }
.assembly-target { position:absolute; left:50%; top:50%; width:270px; min-height:130px; padding:30px 25px; display:grid; justify-items:center; align-content:center; gap:15px; transform:translate(-50%,-50%) scale(.85); border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--card); opacity:0; box-shadow:0 9px 28px #1713100b; }
.assembly-target img { width:213px; height:auto; }
.assembly-target span { font-size:14px; color:var(--muted); }
.assembly-halo { position:absolute; top:50%; left:50%; width:280px; height:280px; border:1px solid var(--line); border-radius:50%; transform:translate(-50%,-50%); opacity:.5; }
.is-playing .gather-motion .source-token { animation:gather-source 3.8s cubic-bezier(.25,.6,.2,1) var(--delay) both; }
.is-playing .gather-motion .assembly-target { animation:bank-arrives .8s 2.8s ease-out both; }
.is-playing .gather-motion .assembly-halo { animation:halo-gathers 3.8s ease-in-out both; }
@keyframes gather-source {
  0%,30% { opacity:1; transform:translate(var(--x),var(--y)) rotate(var(--r)); }
  65% { opacity:1; transform:translate(calc(var(--x) * .35),calc(var(--y) * .35)) rotate(0) scale(.78); }
  85%,100% { opacity:0; transform:translate(0,0) rotate(0) scale(.22); }
}
@keyframes bank-arrives { from { opacity:0; transform:translate(-50%,-50%) scale(.85); } to { opacity:1; transform:translate(-50%,-50%) scale(1); } }
@keyframes halo-gathers { 0%,30% { opacity:.5; transform:translate(-50%,-50%) scale(1); } 80%,100% { opacity:0; transform:translate(-50%,-50%) scale(.4); } }

/* Index: the books settle into a readable catalog, then the bank is stamped in. */
.index-top { grid-template-columns:1fr 1fr; gap:110px; }
.index-catalog { display:grid; grid-template-columns:1fr 1fr; gap:0 26px; border-top:1px solid var(--line); }
.catalog-row { display:flex; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid var(--line); min-height:88px; }
.catalog-row .source-cover { width:40px; flex:none; }
.catalog-row .source-icon { width:40px; height:51px; flex:none; }
.catalog-row .source-icon svg { width:35px; height:48px; }
.catalog-row:nth-child(1) { --i:0; }
.catalog-row:nth-child(2) { --i:1; }
.catalog-row:nth-child(3) { --i:2; }
.catalog-row:nth-child(4) { --i:3; }
.catalog-row:nth-child(5) { --i:4; }
.catalog-row strong { display:block; font-size:16px; font-weight:600; }
.catalog-row small { display:block; color:var(--muted); font-size:12px; margin-top:3px; }
.catalog-row:last-child { grid-column:1 / -1; }
.catalog-row:last-child strong { font-size:14px; }
.index-stamp { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:19px 0 0; }
.index-stamp img { width:180px; }
.index-stamp span { font-size:12px; color:var(--muted); }
.is-playing .catalog-row { animation:index-align 1.25s cubic-bezier(.2,.75,.25,1) calc(var(--i) * 170ms) both; }
.is-playing .index-stamp { animation:index-stamp .6s 1.8s ease-out both; }
@keyframes index-align { from { opacity:0; transform:translate(-30px,12px) rotate(-4deg); } 65% { opacity:1; } to { opacity:1; transform:none; } }
@keyframes index-stamp { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:none; } }

/* Focus: the source material travels through the chosen subject into one bank. */
.chapter-studio[data-active="focus"] { --ink:#f8f3e9; --muted:#aaa69f; --line:#45423e; --red:#c98f89; --card:#24211e; --chapter-background:#1d1b19; color:var(--ink); }
.chapter-studio[data-active="focus"] .cta { color:#171310; }
.chapter-studio[data-active="focus"] .cta:hover { background:#deb0a7; border-color:#deb0a7; }
.chapter-studio[data-active="focus"] .chapter-tabs button[aria-selected=true] { background:#c98f8910; }
.focus-heading-row { display:flex; justify-content:space-between; gap:45px; align-items:end; margin-bottom:15px; }
.focus-heading-row .chapter-lead { max-width:355px; margin:0; }
.chapter-studio[data-active="focus"] .versions-label { margin-top:16px; }
.focus-motion .source-token { left:58px; top:119px; --x:0px; --y:0px; --r:-8deg; width:82px; margin-left:0; margin-top:-50px; }
.focus-motion .source-token:nth-child(2) { left:155px; --r:4deg; }
.focus-motion .source-token:nth-child(3) { left:252px; --r:-3deg; }
.focus-motion .source-token:nth-child(4) { left:349px; --r:4deg; }
.focus-motion .source-token:nth-child(5) { left:442px; --r:8deg; }
.focus-motion .source-cover { width:68px; }
.focus-motion .source-icon { width:68px; height:87px; }
.focus-motion .source-icon svg { width:62px; height:84px; }
.focus-track { position:absolute; left:560px; top:115px; width:112px; border-top:1px solid #60524a; }
.focus-track::after { content:'→'; position:absolute; right:-4px; top:-17px; color:var(--pink); font-size:24px; }
.focus-destination { position:absolute; left:715px; top:8px; width:260px; border:1px solid #5d4c43; border-radius:7px; background:#24211e; padding:22px 26px; }
.focus-destination img { width:200px; height:auto; }
.focus-destination>span { display:block; padding-top:18px; margin-top:21px; border-top:1px solid #45423e; color:#aaa69f; font-size:14px; }
.focus-destination strong { display:block; margin-top:6px; color:#f8f3e9; font-size:22px; font-weight:600; }
.focus-destination small { display:block; color:#aaa69f; font-size:12px; margin-top:4px; }
.focus-source-label { position:absolute; left:56px; bottom:7px; font-size:14px; color:#aaa69f; }
.focus-thread { position:absolute; left:94px; top:116px; width:0; height:1px; background:#c98f89; }
.is-playing .focus-motion .source-token { animation:focus-sources 3.8s cubic-bezier(.2,.6,.3,1) var(--delay) both; }
.is-playing .focus-thread { animation:focus-thread 3.8s ease-in-out both; }
.is-playing .focus-destination { animation:focus-result .8s 2.8s ease-out both; }
@keyframes focus-sources { 0%,32% { opacity:1; transform:rotate(var(--r)); } 58% { opacity:1; transform:translateX(60px) rotate(0); } 78% { opacity:0; transform:translateX(350px) scale(.3); } 100% { opacity:.5; transform:scale(.82); } }
@keyframes focus-thread { 0%,34% { width:0; opacity:0; } 72% { width:615px; opacity:1; } 100% { width:615px; opacity:0; } }
@keyframes focus-result { from { border-color:#c98f89; transform:translateY(8px); box-shadow:0 0 0 6px #c98f8919; } to { transform:none; border-color:#5d4c43; box-shadow:0 0 0 0 #c98f8900; } }

/* Prior directions are retained inside the same second-section canvas. */
.previous-intro { display:flex; align-items:end; justify-content:space-between; gap:60px; margin-bottom:38px; }
.previous-intro .chapter-lead { max-width:330px; margin:0; }
.versions-large { gap:42px; }
.versions-large .chapter-version { padding-top:23px; }
.versions-large .chapter-version h3 { display:block; font-size:26px; margin-bottom:13px; }
.versions-large .chapter-version h3 span { display:block; margin-bottom:30px; font-size:14px; }
.versions-large .chapter-version p { font-size:18px; }
.previous-benefits { display:flex; flex-wrap:wrap; gap:22px 60px; margin-top:36px; font-size:16px; color:var(--muted); }
.previous-benefits strong { color:var(--ink); font-weight:600; }
.study-flow { display:grid; grid-template-columns:1fr .8fr; gap:110px; }
.study-flow ol { display:grid; gap:20px; list-style:none; margin:0; padding:0; }
.study-flow li { display:flex; gap:22px; padding-top:18px; border-top:1px solid var(--line); }
.study-flow li>span { font-size:13px; color:var(--red); padding-top:5px; }
.study-flow h3 { font-size:23px; font-weight:600; margin-bottom:6px; }
.study-flow p { font-size:16px; line-height:1.45; color:var(--muted); max-width:370px; }
.versions-stacked { display:grid; gap:16px; }
.versions-stacked .versions-label { margin:0; }
.versions-stacked .chapter-versions { grid-template-columns:1fr; gap:18px; }
.original-top { grid-template-columns:1.1fr .9fr; gap:70px; }
.original-top .motion-visual { max-width:420px; margin-left:auto; }
.original-lists { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; margin-top:8px; }
.original-lists .chapter-versions { grid-template-columns:1fr; gap:13px; }
.original-lists .chapter-version { padding-top:10px; }
.original-lists .chapter-version p { max-width:unset; margin-left:27px; }
.original-features { display:grid; gap:17px; border-left:1px solid var(--line); padding-left:34px; padding-top:20px; }
.original-features h3 { font-size:19px; font-weight:600; margin-bottom:5px; }
.original-features p { color:var(--muted); font-size:15px; line-height:1.4; max-width:390px; }
.classic-motion .source-token { --r:0deg; }
.classic-motion .source-token:nth-child(1) { --x:-205px; --y:0px; }
.classic-motion .source-token:nth-child(2) { --x:-102px; --y:0px; }
.classic-motion .source-token:nth-child(3) { --x:0px; --y:0px; }
.classic-motion .source-token:nth-child(4) { --x:102px; --y:0px; }
.classic-motion .source-token:nth-child(5) { --x:205px; --y:0px; }
.is-playing .classic-motion .source-token { animation:classic-stack 3.6s cubic-bezier(.3,.7,.2,1) var(--delay) both; }
.is-playing .classic-motion .assembly-target { animation:bank-arrives .7s 2.8s ease-out both; }
@keyframes classic-stack { 0%,32% { opacity:1; transform:translate(var(--x),0); } 70% { opacity:1; transform:translate(0,0) rotate(-6deg) scale(.85); } 95%,100% { opacity:0; transform:translate(0,10px) scale(.7); } }

@media(min-width:1051px) and (max-height:780px) {
  .chapter-studio { padding-top:30px; }
  .chapter-top { gap:45px; }
  .chapter-heading { font-size:48px; }
  .chapter-top .motion-visual { max-width:510px; margin-inline:auto; }
  .chapter-invitation { margin-top:22px; padding-block:16px; }
  .versions-label { margin-top:18px; }
  .chapter-review { padding-block:12px; }
}
@media(max-width:1100px) {
  .chapter-top,.index-top,.original-top { gap:38px; }
  .chapter-heading { font-size:46px; }
  .chapter-review { flex-wrap:wrap; gap:8px 14px; }
  .chapter-review-label { flex-basis:100%; }
  .study-flow { gap:50px; }
}
@media(max-width:720px) {
  .chapter-studio { padding:34px 0 20px; }
  .chapter-top,.index-top,.original-top { display:flex; flex-direction:column; gap:18px; align-items:stretch; }
  .chapter-heading { font-size:38px; letter-spacing:-1.1px; line-height:1.05; }
  .chapter-lead { font-size:16px; line-height:1.45; margin-top:14px; max-width:none; }
  .chapter-note { font-size:12px; margin-top:11px; }
  .source-credit { font-size:12px; margin-top:15px; }
  .chapter-versions { gap:18px; grid-template-columns:1fr; }
  .chapter-version { padding-top:12px; }
  .chapter-version h3 { font-size:19px; }
  .chapter-version p { margin-left:25px; max-width:none; font-size:14px; }
  .versions-label { font-size:11px; margin:22px 0 12px; }
  .chapter-invitation { margin-top:26px; padding:23px 0; flex-direction:column; align-items:flex-start; gap:18px; }
  .chapter-invitation strong { font-size:23px; }
  .chapter-invitation .cta { width:100%; justify-content:space-between; }
  .chapter-review { gap:9px; }
  .chapter-review-label { flex-basis:auto; margin-right:auto; }
  .chapter-tabs { order:3; width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  .chapter-tabs button { padding:9px 5px; font-size:12px; min-height:41px; }
  .chapter-replay { margin-left:0; font-size:12px; }
  .chapter-footer { font-size:11px; }
  .index-catalog { margin-top:9px; gap:0 17px; }
  .catalog-row { gap:10px; min-height:79px; padding:13px 0; }
  .catalog-row strong { font-size:14px; }
  .catalog-row small { font-size:11px; }
  .catalog-row .source-cover { width:34px; }
  .catalog-row .source-icon { width:34px; height:46px; }
  .index-stamp img { width:166px; }
  .index-stamp span { font-size:11px; }
  .focus-heading-row,.previous-intro { display:block; margin-bottom:24px; }
  .focus-heading-row .chapter-lead,.previous-intro .chapter-lead { margin-top:15px; }
  .focus-visual { aspect-ratio:600 / 310!important; }
  .focus-visual .motion-canvas { transform:none!important; width:100%!important; height:100%!important; }
  .focus-motion .source-token { left:0; top:20px; width:18%; margin-top:0; gap:5px; transform:rotate(var(--r)); }
  .focus-motion .source-token:nth-child(2) { left:20%; }
  .focus-motion .source-token:nth-child(3) { left:40%; }
  .focus-motion .source-token:nth-child(4) { left:60%; }
  .focus-motion .source-token:nth-child(5) { left:80%; }
  .focus-motion .source-cover { width:36px; }
  .focus-motion .source-icon { width:36px; height:46px; }
  .focus-motion .source-icon svg { width:32px; height:43px; }
  .focus-motion .source-token>span:last-child { font-size:8px; }
  .focus-track,.focus-thread,.focus-source-label { display:none; }
  .focus-destination { left:50%; top:auto; bottom:0; width:230px; transform:translateX(-50%); padding:13px 18px; }
  .focus-destination img { width:157px; margin-inline:auto; }
  .focus-destination>span { display:none; }
  .focus-destination strong { font-size:15px; text-align:center; margin-top:10px; }
  .focus-destination small { font-size:10px; text-align:center; }
  .is-playing .focus-motion .source-token { animation-name:focus-sources-mobile; }
  .is-playing .focus-destination { animation-name:focus-result-mobile; }
  .versions-large .chapter-version { padding-top:15px; }
  .versions-large .chapter-version h3 { display:flex; font-size:23px; margin-bottom:7px; }
  .versions-large .chapter-version h3 span { margin:0; font-size:12px; }
  .versions-large .chapter-version p { font-size:16px; }
  .previous-benefits { gap:17px; margin-top:25px; font-size:15px; }
  .study-flow { grid-template-columns:1fr; gap:32px; }
  .study-flow li { gap:16px; }
  .study-flow h3 { font-size:21px; }
  .study-flow p { font-size:15px; }
  .original-top .motion-visual { max-width:none; margin:0; }
  .original-lists { grid-template-columns:1fr; gap:26px; }
  .original-features { border-left:0; border-top:1px solid var(--line); padding:22px 0 0; gap:16px; }
}
@keyframes focus-sources-mobile { 0%,32% { opacity:1; transform:rotate(var(--r)); } 70% { opacity:0; transform:translateY(70px) scale(.3); } 100% { opacity:.5; transform:scale(.85); } }
@keyframes focus-result-mobile { from { opacity:.3; box-shadow:0 0 0 6px #c98f8919; } to { opacity:1; box-shadow:0 0 0 0 #c98f8900; } }
@media(prefers-reduced-motion:reduce) {
  .chapter-studio *, .chapter-studio *::before, .chapter-studio *::after { animation:none!important; transition:none!important; }
  .gather-motion .source-token,.classic-motion .source-token { top:68px; transform:translate(var(--x),0) scale(.76); opacity:1; }
  .gather-motion .source-token:nth-child(1) { --x:-205px; }
  .gather-motion .source-token:nth-child(2) { --x:-102px; }
  .gather-motion .source-token:nth-child(3) { --x:0px; }
  .gather-motion .source-token:nth-child(4) { --x:102px; }
  .gather-motion .source-token:nth-child(5) { --x:205px; }
  .assembly-target { top:235px; opacity:1; transform:translate(-50%,-50%); min-height:110px; padding:20px; }
  .assembly-halo { display:none; }
  .focus-motion .source-token { opacity:1; }
  .catalog-row,.index-stamp { opacity:1; transform:none; }
  .chapter-replay { display:none; }
}