/* OM6 story: retain the site's grid, typefaces, ink and indigo. */
.om6-story{scroll-margin-top:0}
.om6-story .track{height:560vh}
.om6-story .stage{height:100svh;min-height:620px}
.om6-story .stage-inner{max-width:1320px}
.om6-story .stage-inner::before{opacity:.6}
.om6-story .stage-inner::after{display:none}
.om6-story .scene-no{top:96px;color:var(--muted);font-size:10px}
.story-skip{position:absolute;left:clamp(20px,4vw,56px);top:96px;font:10px 'Space Mono',monospace;color:var(--muted);z-index:11}
.om6-story .copy{width:36%;top:48%;transition:none}
.om6-story .copy:not(.on){visibility:hidden}
.om6-story h2{font-size:var(--h);line-height:1.03}
.om6-story .copy p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:39ch;margin-top:20px}
.om6-story .story-specs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0;font:10px 'Space Mono',monospace;color:var(--muted)}
.story-specs span+span{border-left:1px solid var(--line);padding-left:10px}
.story-forward{display:inline-flex;align-items:center;gap:24px;border:0;border-bottom:1px solid var(--line);background:none;padding:12px 0;margin-top:20px;color:var(--indigo);font:500 13px 'Hanken Grotesk',sans-serif;cursor:pointer;text-align:left}
.story-forward span{font-size:20px;transition:transform .2s}
.story-forward:hover span{transform:translateX(5px)}
.story-visual{position:absolute;left:43%;right:clamp(20px,4vw,56px);top:125px;bottom:115px;perspective:1000px}
.story-elbow{position:absolute;left:50%;top:46%;width:100%;transform:translate(-50%,-50%) rotate(-7deg);will-change:transform,opacity;z-index:3;pointer-events:none;filter:drop-shadow(0 28px 22px rgba(25,34,42,.13))}
.story-elbow img{display:block;width:100%;height:auto}
.story-object-label{position:absolute;top:calc(100% + 28px);left:50%;transform:translateX(-50%);white-space:nowrap;font:10px 'Space Mono',monospace;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.story-open{position:absolute;width:95%;top:53%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}
.story-open>img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 20px #20283416)}
.story-open.active,.story-tests.active,.story-bench.active{visibility:visible;pointer-events:auto}
/* a card on each part instead of a bare numbered dot */
.story-callout{position:absolute;left:var(--x);top:var(--y);z-index:4;
  display:block;text-align:left;padding:9px 12px 10px;min-width:120px;max-width:180px;
  border:1px solid var(--line);border-radius:8px;background:#ffffffee;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 14px 30px -14px #20283452;cursor:pointer;
  transition:border-color .25s,box-shadow .25s,background .25s}
.story-callout:hover{border-color:#4834d466}
.story-callout[aria-pressed=true]{border-color:var(--indigo);background:#fff;
  box-shadow:0 16px 34px -14px #4834d455}
.story-callout__no{display:block;font:9px 'Space Mono',monospace;letter-spacing:.16em;
  color:var(--indigo);padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.story-callout b{display:block;font:600 17px/1.05 'Barlow Condensed',sans-serif;color:var(--ink);letter-spacing:.01em}
/* a leader from the card's edge to the part it names, sized by script */
.story-callout__lead{position:absolute;left:var(--lx,50%);top:var(--ly,50%);width:var(--len,0px);height:1px;
  background:var(--indigo);opacity:.6;transform-origin:0 50%;transform:rotate(var(--rot,0deg));
  pointer-events:none;transition:opacity .25s}
.story-callout__lead::after{content:'';position:absolute;right:-4.5px;top:-4px;width:9px;height:9px;
  border-radius:50%;background:var(--indigo);box-shadow:0 0 0 4px #4834d426}
.story-callout[aria-pressed=true] .story-callout__lead{opacity:1}
.story-callout[aria-pressed=true] .story-callout__lead::after{box-shadow:0 0 0 7px #4834d436}
/* the body card rides at the top left, beside the elbow */
.story-callout--body{left:47%;top:3%;z-index:5;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s}
.om6-story[data-chapter="1"] .story-callout--body{opacity:1;visibility:visible;pointer-events:auto}
.story-part-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}
.story-part-tabs button{padding:9px 10px;min-height:38px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font:12px 'Hanken Grotesk',sans-serif;cursor:pointer}
.story-part-tabs button[aria-pressed=true]{background:var(--indigo-soft);color:var(--indigo);border-color:#4834d44d}
.story-part-detail{border-left:2px solid var(--indigo);padding:0 0 0 16px;margin-top:20px;min-height:120px}
.story-part-detail>span{font:9px 'Space Mono',monospace;color:var(--indigo)}
.story-part-detail h3{font:600 26px/1.1 'Barlow Condensed',sans-serif;margin:6px 0 0;color:var(--ink)}
.om6-story .copy .story-part-detail p{font-size:14px;margin-top:8px;line-height:1.5}
.story-tests{position:absolute;top:57%;left:0;right:0;transform:translateY(-50%);opacity:0;visibility:hidden;pointer-events:none}
.story-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.story-test-grid button{min-height:68px;border:1px solid #ffffff28;background:#ffffff06;color:#fff;border-radius:5px;padding:12px;text-align:left;font:500 19px/1.05 'Barlow Condensed',sans-serif;cursor:pointer;transition:background .2s,border .2s}
.story-test-grid button span{display:block;font:9px 'Space Mono',monospace;color:#bcb1ff;margin-bottom:8px}
.story-test-grid button[aria-pressed=true]{border-color:#b2a6ff;background:#4834d447}
.story-test-grid button:hover{background:#ffffff12}
.story-test-detail{color:#dddde6;font:14px/1.5 'Hanken Grotesk',sans-serif;min-height:65px;padding:16px 0 0;margin-top:14px;border-top:1px solid #ffffff24}
.story-bench{position:absolute;left:50%;top:50%;width:min(100%,680px);max-height:100%;margin:0;
  transform:translate(-50%,-50%);opacity:0;visibility:hidden;pointer-events:none;
  border-radius:12px;background:#0c1114;border:1px solid #ffffff2e;
  box-shadow:0 34px 74px -34px rgba(0,0,0,.7)}
.story-bench__feed{position:relative;width:100%;aspect-ratio:956/860;border-radius:11px;overflow:hidden}
.story-bench__feed video{display:block;width:100%;height:100%;object-fit:cover;background:#0c1114}
.story-bench figcaption{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:8px;
  margin:0;padding:5px 11px;border-radius:999px;background:#080a0c8c;backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);font:9px 'Space Mono',monospace;letter-spacing:.09em;
  text-transform:uppercase;color:#e9eaee}
/* the bench gauge, as a second camera inset on the footage card */
/* the instrument sits in the corner of the shot, no panel behind it */
.story-gauge{position:absolute;right:2.5%;bottom:3%;width:42%;max-width:290px;z-index:3;
  background:transparent;border:0}
.story-gauge video{display:block;width:100%;aspect-ratio:1;height:auto;object-fit:cover;
  clip-path:circle(49% at 50% 50%);
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.7))}
.story-gauge__label{display:block;margin-top:6px;text-align:center;
  font:9px 'Space Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#e9eaeecc;
  text-shadow:0 1px 6px rgba(0,0,0,.9)}
@media(max-width:900px){
  .story-callout{min-width:96px;max-width:132px;padding:6px 8px 7px}
  .story-callout__no{font-size:7.5px;padding-bottom:4px;margin-bottom:4px}
  .story-callout b{font-size:13px}
  .story-callout--body{left:44%;top:1%}
  .story-gauge__label{font-size:7px;padding:4px 7px;letter-spacing:.06em}
}
.story-rec{display:block;width:6px;height:6px;background:#ff4757;box-shadow:0 0 8px #ff4757;border-radius:50%}
.om6-story .copy .story-caption{font:10px 'Space Mono',monospace;letter-spacing:.06em;color:var(--muted);margin-top:18px}
.story-result{display:flex;gap:36px;margin-top:24px;border-top:1px solid #ffffff35;padding-top:20px}
.story-result b{display:block;font:600 clamp(32px,4vw,50px)/1 'Barlow Condensed',sans-serif;color:white}
.story-result small{font:10px 'Space Mono',monospace;margin-left:4px}
.story-result div>span{display:block;margin-top:9px;font:9px/1.5 'Space Mono',monospace;text-transform:uppercase;color:#c8c8d4}
.story-visual-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font:10px/1.5 'Space Mono',monospace;color:var(--muted);letter-spacing:.03em}
.story-navigation{position:absolute;bottom:28px;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);display:flex;align-items:center;gap:28px;z-index:15}
.story-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;gap:16px}
.story-chapters button{position:relative;border:0;border-top:1px solid var(--line);padding:14px 0 8px;min-height:53px;background:none;text-align:left;color:var(--muted);cursor:pointer;display:flex;gap:10px;align-items:baseline}
.story-chapters button::before{content:'';position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--indigo);transition:width .3s ease}
.story-chapters button[aria-current=step]::before{width:100%}
.story-chapters button[aria-current=step]{color:var(--indigo)}
.story-chapters span{font:10px 'Space Mono',monospace}
.story-chapters b{font:500 13px 'Hanken Grotesk',sans-serif}
.story-arrows{display:flex;gap:8px}
.story-arrows button{border:1px solid var(--line);width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:transparent;font-size:20px;color:var(--ink);cursor:pointer}
.story-arrows button:disabled{opacity:.3;cursor:default}
.story-arrows button:not(:disabled):hover{border-color:var(--indigo);color:var(--indigo)}
.om6-story .dark .story-forward{color:#c5baff;border-color:#ffffff40}
.om6-story .dark :is(.story-skip,.story-visual-note,.story-object-label){color:#b9bdc4}
.om6-story .dark .story-chapters button{color:#c3c5d0;border-color:#ffffff28}
.om6-story .dark .story-chapters button[aria-current=step]{color:#c5baff}
.om6-story .dark .story-chapters button::before{background:#b1a2ff}
.om6-story .dark .story-arrows button{color:#fff;border-color:#ffffff38}
.om6-story button:focus-visible,.om6-story a:focus-visible{outline:2px solid #a69aff;outline-offset:4px}
@media(max-width:900px){
 .om6-story .stage{min-height:680px}
 .om6-story .copy{left:24px;right:24px;width:auto;top:115px;bottom:auto;transform:none}
 .om6-story h2{font-size:clamp(28px,6.7vw,36px);max-width:580px;margin-top:14px}
 .om6-story .eyebrow{font-size:9px}
 .om6-story .copy p:not(.eyebrow){font-size:14px;line-height:1.5;margin-top:12px;max-width:54ch}
 .om6-story .scene-no{top:82px;right:24px;font-size:9px}
 .story-skip{left:24px;top:82px;font-size:9px}
 .story-visual{left:24px;right:24px;top:47%;bottom:100px}
 .story-navigation{left:24px;right:24px;bottom:16px;gap:12px}
 .story-chapters{gap:8px}
 .story-chapters button{display:block;padding:10px 0 4px;min-height:48px}
 .story-chapters b{display:block;font-size:10px;line-height:1.2;margin-top:5px}
 .story-chapters span{font-size:9px}
 .story-arrows{gap:5px}.story-arrows button{width:32px;height:38px;border-radius:5px;font-size:17px}
 .story-object-label{font-size:8px;top:calc(100% + 20px)}
 .story-forward{margin-top:9px;font-size:12px;padding:8px 0}
 .om6-story .story-specs{margin:16px 0 2px;font-size:9px}
 .story-part-tabs{margin-top:12px;gap:5px}.story-part-tabs button{padding:7px 8px;font-size:11px;min-height:32px}
 .story-part-detail{margin-top:12px;padding-left:12px;min-height:88px}.story-part-detail h3{font-size:21px;margin-top:3px}
 .om6-story .copy .story-part-detail p{font-size:12px;margin-top:5px;line-height:1.4}
 .story-open{width:100%;top:55%}
 .story-tests{top:56%}.story-test-grid{gap:5px}.story-test-grid button{font-size:16px;min-height:49px;padding:8px}.story-test-grid button span{margin-bottom:4px;font-size:8px}
 .story-test-detail{font-size:12px;margin-top:9px;padding-top:9px;min-height:58px}
 .story-visual-note{font-size:8px;bottom:-5px}
 .story-bench{top:48%;width:100%}.story-bench figcaption{font-size:8px;left:9px;top:9px;padding:4px 9px}
 .story-result{margin-top:16px;padding-top:14px;gap:28px}.story-result b{font-size:34px}.story-result div>span{font-size:8px}
 .om6-story[data-chapter="1"] .story-visual{top:53%}
 .om6-story[data-chapter="2"] .story-visual{top:43%}
 .om6-story[data-chapter="4"] .story-bench{top:56%;width:86%}
}
@media(max-width:420px){.story-navigation{gap:8px}.story-chapters{gap:6px}.story-chapters b{font-size:9px}.story-arrows button{width:27px}.om6-story .copy{left:20px;right:20px}.story-part-tabs button{font-size:10px}}
/* No script: show a readable article with the original visual assets. */
.om6-story:not(.story-ready) .track{height:auto}
.om6-story:not(.story-ready) .stage{position:static;height:auto;padding:70px 0;overflow:visible}
.om6-story:not(.story-ready) .stage-inner{height:auto}
.om6-story:not(.story-ready) .copy{position:static;visibility:visible;opacity:1;transform:none;width:auto;margin-bottom:32px;pointer-events:auto}
.om6-story:not(.story-ready) .story-visual{position:relative;inset:auto;height:450px}
.om6-story:not(.story-ready) :is(.story-navigation,.scene-no,.story-skip,.story-part-tabs,.story-part-detail,[data-story-go],[data-bench-play]){display:none}
@media(prefers-reduced-motion:reduce){.om6-story .track{height:calc(100svh + 1px)}.story-chapters button::before,.story-forward span{transition:none}}

@media(max-width:900px){.om6-story[data-chapter="4"] .story-visual{top:55%}}
.om6-story:not(.story-ready) .story-result b{color:var(--ink)}
.om6-story:not(.story-ready) .story-result div>span{color:var(--muted)}
.om6-story:not(.story-ready) .story-result{border-color:var(--line)}
.om6-story:not(.story-ready) .story-bench{position:relative;inset:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;width:min(100%,530px);margin:300px auto 0}
.om6-story:not(.story-ready) .story-visual{height:760px}
.om6-story:not(.story-ready) .story-elbow{top:140px}
.om6-story:not(.story-ready) .story-bench figcaption{color:var(--muted)}