.visitor-paths{grid-column:1/-1;grid-row:2;width:100%;margin:0 auto 45px;max-width:1100px}.visitor-paths h2{font-size:32px;letter-spacing:-.035em;margin-bottom:20px}.visitor-paths nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.visitor-paths a{display:block;border-top:2px solid #97bcf966;padding:18px 0;font-size:21px}.visitor-paths a:first-child{border-color:#ffa866}.visitor-paths small{display:block;font:14px/1.7 'DM Sans',sans-serif;color:#a7b6cc;margin-top:9px}.hero:has(.visitor-paths)>.hero-copy,.hero:has(.visitor-paths)>.hero-art{grid-row:3}.hero:has(.visitor-paths)>.anatomy-tools{grid-row:4}.hero:has(.visitor-paths)>.art-caption{grid-row:5}
.task-experience{border-top:1px solid #97bcf944;padding-top:24px;margin-top:24px;color:#edf1f7;scroll-margin-top:100px}.task-experience h3{font:500 25px/1.3 'Manrope',sans-serif;margin:12px 0}.task-experience p{font:15px/1.75 'DM Sans',sans-serif;max-width:65ch;margin:12px 0}.task-experience button,.how-lab button{background:#d8e3f4;color:#162136;border:0;border-radius:4px;padding:12px 16px;min-height:44px;margin:6px 8px 6px 0;font:500 14px 'DM Sans',sans-serif}.task-experience a,.how-lab a{color:#ffa866;text-decoration:underline;text-underline-offset:4px}.task-actions{display:flex;flex-wrap:wrap}.sample-paper{background:#e3eaf0;color:#172a43;padding:24px;margin:20px 0;border-radius:3px}.sample-paper h4{font:500 22px/1.3 'Manrope',sans-serif;margin:0 0 15px}.sample-paper p{color:#30465d}.sample-paper del{background:#a5363620}.sample-paper ins{background:#28794d20;text-decoration:none}.sample-status{font:12px/1.6 'DM Sans',sans-serif;color:#ffa866}.sample-tabs{display:flex;gap:10px;flex-wrap:wrap}.sample-tabs button[aria-pressed=true]{background:#ffa866}.how-lab{margin:28px 0;padding:20px;border:1px solid #8798ad66;border-radius:5px;font:15px/1.75 'DM Sans',sans-serif;max-width:760px}.how-lab summary{cursor:pointer;font-weight:500;color:inherit}.how-lab h4{font:500 18px/1.4 'Manrope',sans-serif;margin:24px 0 8px}.how-lab p{margin:10px 0!important;color:inherit!important;font-size:15px!important}.how-lab blockquote{margin:15px 0;padding:12px 18px;border-left:2px solid #c48e65;background:#8798ad15}.how-label{font-size:12px!important;opacity:.8}.how-lab a{color:inherit}.visitor-paths a:focus-visible,.task-experience :focus-visible,.how-lab :focus-visible{outline:3px solid #ffa866;outline-offset:4px}
@media(max-width:1000px){.hero:has(.visitor-paths)>.hero-art{grid-row:4}.hero:has(.visitor-paths)>.anatomy-tools{grid-row:5}.hero:has(.visitor-paths)>.art-caption{grid-row:6}}
@media(max-width:650px){.visitor-paths nav{grid-template-columns:1fr;gap:6px}.visitor-paths{margin-bottom:20px}.sample-paper{padding:18px}.how-lab{padding:16px}.task-experience{min-width:0}.sample-tabs{gap:2px}}
.handoff{position:relative;margin:25px 0 35px;padding:24px 0;border-bottom:1px solid #97bcf944;scroll-margin-top:100px}.handoff-stage{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:24px}.handoff img{width:170px;aspect-ratio:1.2;object-fit:cover;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);transform-origin:50% 70%;transition:transform 1.8s,opacity 1.8s}.handoff[data-speaker=ancron] img{transform:perspective(700px) rotateY(-16deg) translateX(-12px);opacity:.55}.handoff[data-speaker=historian] img{animation:historian-breathe 4s ease-in-out infinite}.handoff h3{font:500 26px/1.3 Manrope,sans-serif;margin:10px 0}.handoff p{font:16px/1.8 'DM Sans',sans-serif;max-width:70ch}.handoff #handoff-caption{color:#ffa866;min-height:5em}.handoff button{border:1px solid #97bcf955;background:transparent;color:#edf1f7;border-radius:24px;padding:12px 18px;min-height:44px;margin:8px 8px 0 0;cursor:pointer}.handoff button:first-child{background:#d8e3f4;color:#162136}.handoff :focus-visible{outline:3px solid #ffa866;outline-offset:4px}.guide-highlight{outline:2px solid #ffa866!important;outline-offset:6px;box-shadow:0 0 35px #ffa86622;scroll-margin-top:100px}.handoff small{color:#a7b6cc;font-size:12px}.path-preview{display:block;height:50px;position:relative;margin-bottom:15px;color:#97bcf9}.path-preview.wave{background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 7px,#97bcf955 8px 9px,transparent 10px 14px);mask-image:linear-gradient(90deg,transparent,#000 20% 80%,transparent)}.path-preview.rooms:before{content:'▥  ▤  ▥';font-size:37px;letter-spacing:14px}.path-preview.discovery:before{content:'Attempt  →  Discovery';font:16px/50px Georgia,serif}.visitor-paths a:hover .wave{animation:preview-wave 2s ease-in-out infinite}@keyframes preview-wave{50%{transform:scaleY(.65)}}@keyframes historian-breathe{50%{transform:translateY(-3px) rotate(-1deg)}}@media(max-width:600px){.handoff-stage{grid-template-columns:1fr;gap:0}.handoff img{width:140px;margin:auto}.handoff #handoff-caption{min-height:0}}@media(prefers-reduced-motion:reduce){.handoff img,.visitor-paths .wave{animation:none!important;transition:none!important}}
.guide-instruction{background:#21334b;padding:16px;border-left:2px solid #ffa866;margin:0 0 18px;color:#ffa866;font:14px/1.7 'DM Sans',sans-serif}.guide-instruction p{color:#ffa866!important;font-size:14px!important}.guide-instruction button{background:#d8e3f4;color:#162136;border:0;border-radius:4px;padding:12px 16px;min-height:44px;margin-top:12px;cursor:pointer}
/* A monitor-sized instrument: wave and navigation stay in view. */
.motion-exhibit{max-width:1480px;padding-left:32px;padding-right:32px}.demo-console{height:min(820px,88vh);min-height:610px;display:flex;flex-direction:column;position:relative}.demo-mast{height:145px;min-height:145px;padding:16px 22px;flex:none}.demo-mast canvas{top:24px;height:130px}.demo-workspace{flex:1;min-height:0;overflow:hidden;padding:0 14px 14px;gap:14px;grid-template-columns:190px minmax(0,1fr) 220px}.tour-left,.tour-right,.demo-conversation{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#425b78 transparent}.tour-left,.tour-right{padding:14px}.demo-conversation{padding:16px 14px 20px}.demo-composer{position:static;margin-top:22px}.demo-controls{padding:9px 18px;flex:none}.demo-controls button{padding:8px 14px;min-height:38px}.demo-conversation:has(.room-screen)>#demo-line,.demo-conversation:has(.room-screen)>#demo-detail,.demo-conversation:has(.room-screen)>.tour-instructions,.demo-conversation:has(.room-screen)>.tour-audio-controls,.demo-conversation:has(.room-screen)>.tour-caption,.demo-conversation:has(.room-screen)>.demo-speaker{display:none}.room-screen{animation:room-arrival .3s ease-out}.room-screen h3{font-size:27px;margin:6px 0 16px}.room-screen p{font-size:14px;line-height:1.7;color:#b5c5dd}.room-breadcrumb{color:#ffa866!important;font-size:12px!important;margin-bottom:12px}.room-surface{padding:20px;background:#142337;border:1px solid #ffffff18;border-radius:8px;margin:15px 0}.room-surface h4{margin:0 0 10px;font:500 18px Manrope,sans-serif}.room-screen button{background:transparent;border:1px solid #97bcf966;border-radius:5px;color:#e4edf8;padding:10px 14px;min-height:44px;cursor:pointer;margin:5px 6px 5px 0}.room-screen button:hover{border-color:#ffa866;background:#ffa86610}.room-screen button:focus-visible{outline:2px solid #ffa866;outline-offset:3px}.room-screen .room-primary{background:#dce8f6;color:#142337}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-row{border-bottom:1px solid #ffffff18;padding:14px 0}.room-row b{display:block;font-size:14px}.room-row small{color:#a7b6cc}.room-screen .sample-paper{margin:12px 0}.room-help{font-size:12px!important;color:#ffa866!important}.ancron-caption{padding:12px 16px;border-top:1px solid #ffffff20;color:#ffa866;font:14px/1.6 'DM Sans',sans-serif;flex:none;max-height:120px;overflow:auto}.ancron-caption:empty{display:none}.handoff video{display:block;width:170px;height:142px;object-fit:cover;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.handoff[hidden]{display:none!important}.instrument-tourbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.instrument-tourbar button{border:1px solid #97bcf955;color:#edf1f7;background:none;border-radius:20px;min-height:40px;padding:8px 15px;cursor:pointer}.instrument-tourbar small{margin-left:auto;color:#a7b6cc}.stage-enter{animation:room-arrival .6s ease-out}@keyframes room-arrival{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:701px){.demo-workspace{grid-template-columns:165px minmax(0,1fr) 180px}.tour-right{grid-column:auto}.tour-right #demo-ledger{display:block}.tour-dossier ul{display:block}.tour-left nav{display:block}}
@media(max-width:700px){.motion-exhibit{padding-left:14px;padding-right:14px}.demo-console{height:85svh;min-height:600px;max-height:850px}.demo-mast{height:120px;min-height:120px}.demo-mast canvas{height:110px;top:18px}.demo-workspace{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:0 8px 8px}.tour-left{display:block;order:0;padding:8px}.tour-left nav{display:block}.tour-left button{font-size:11px;padding:9px 4px}.tour-left h3{font-size:11px}.tour-left h3 small{display:none}.demo-conversation{order:0;padding:10px 5px;min-width:0}.tour-right{display:none}.demo-console.show-info .tour-right{display:block;position:absolute;top:120px;right:8px;bottom:70px;width:min(270px,80%);z-index:5;background:#142337}.room-screen h3{font-size:21px}.room-grid{grid-template-columns:1fr}.room-surface{padding:12px}.ancron-caption{font-size:12px;max-height:95px}.demo-controls{gap:5px;padding:8px}.demo-controls button{font-size:11px;padding:7px}.handoff video{width:140px;height:117px;margin:auto}.demo-fixture{display:none}.instrument-tourbar small{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.room-screen,.stage-enter{animation:none}}
/* The instrument now uses room navigation and its own tour controls. */
.motion-exhibit>.scene-tabs,.demo-console>.demo-controls{display:none}.demo-console .demo-composer{display:none}
/* The opening is an invitation: guide at left, route choices at right. */
@media(min-width:901px){
 .hero:has(.visitor-paths){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .hero:has(.visitor-paths)>.journey-guide{grid-column:1;grid-row:1;width:min(100%,440px);margin:0;justify-self:center}
 .hero:has(.visitor-paths)>.visitor-paths{grid-column:2;grid-row:1;margin:0;align-self:center}
 .hero .visitor-paths nav{grid-template-columns:1fr;gap:0}
 .hero .visitor-paths a{display:grid;grid-template-columns:76px 1fr;column-gap:18px;padding:14px 0;font-size:21px}
 .hero .visitor-paths .path-preview{grid-column:1;grid-row:1/span 2;margin:0;height:55px;align-self:center}
 .hero .visitor-paths small{grid-column:2;margin-top:5px;font-size:14px}
 .hero .path-preview.rooms:before{font-size:28px;letter-spacing:2px}
 .hero .path-preview.discovery:before{content:'? → ✓';font-size:21px}
}

/* The same three routes sit beside the narrator on both entry pages. */
.h-hero:has(.visitor-paths)>.h-intro{grid-column:1/-1;grid-row:2;margin-top:24px}
.h-hero:has(.visitor-paths)>.visitor-paths{grid-row:2;text-align:left}
.h-hero:has(.visitor-paths)>.h-intro{grid-row:3}
@media(min-width:901px){
 .h-hero:has(.visitor-paths){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:32px}
 .h-hero:has(.visitor-paths)>.journey-guide{grid-column:1;grid-row:1;width:min(100%,440px);margin:0;justify-self:center}
 .h-hero:has(.visitor-paths)>.visitor-paths{grid-column:2;grid-row:1;align-self:center;margin:0}
 .h-hero .visitor-paths nav{grid-template-columns:1fr;gap:0}
 .h-hero .visitor-paths a{display:grid;grid-template-columns:76px 1fr;column-gap:18px;padding:14px 0;font-size:21px}
 .h-hero .visitor-paths .path-preview{grid-column:1;grid-row:1/span 2;margin:0;height:55px;align-self:center}
 .h-hero .visitor-paths small{grid-column:2;margin-top:5px;font-size:14px}
 .h-hero .path-preview.rooms:before{font-size:28px;letter-spacing:2px}
 .h-hero .path-preview.discovery:before{content:'? → ✓';font-size:21px}
 .h-hero:has(.visitor-paths)>.h-intro{grid-row:2}
 .handoff{display:grid;grid-template-columns:170px 1fr;gap:0 24px;align-items:center}
 .handoff-stage{display:contents}
 .handoff-stage>video{grid-column:1;grid-row:1/span 2}
 .handoff-stage>div{grid-column:2;grid-row:1}
 .handoff>div:not(.handoff-stage){grid-column:2;grid-row:2}
 .handoff>small{grid-column:2}
}
.visitor-paths .path-preview.rooms:before{white-space:nowrap;font-size:23px;letter-spacing:1px}

.mobile-ancron-welcome{display:block;margin:12px 0;min-height:44px;padding:10px 18px;border:1px solid #97bcf966;border-radius:22px;background:#142337;color:#edf1f7}.mobile-ancron-welcome[hidden]{display:none}.mobile-ancron-welcome:disabled{opacity:.5}
@media(max-width:1000px),(pointer:coarse){.handoff>div:not(.handoff-stage){min-height:108px}.handoff #handoff-next[hidden],.handoff #handoff-stop[hidden]{display:inline-block!important;visibility:hidden;pointer-events:none}}

/* One stable set of demonstration controls. */
.handoff .handoff-legacy-controls{display:none!important}.mobile-ancron-welcome:not([hidden]){display:block!important;position:fixed;z-index:45;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 36px));margin:0;background:#f4ac70;color:#142234;border-color:#f4ac70;box-shadow:0 8px 24px #0006}.handoff-recovery-note{position:fixed;z-index:44;bottom:calc(66px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 36px));padding:12px 16px;border:1px solid #526982;border-radius:12px;background:#142337;font-size:14px;color:#edf1f7;margin:0}.layer-demo-page .motion-exhibit>.handoff-recovery-note:not([hidden]){display:block}
.instrument-tourbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 18px;align-items:stretch}
.instrument-tourbar button{min-height:48px;border-radius:12px;padding:12px 8px;font:500 14px/1.3 'DM Sans',sans-serif;background:#15263a;transition:background .15s,border-color .15s}
.instrument-tourbar button:first-child{background:#f4ac70;color:#102031;border-color:#f4ac70}
.instrument-tourbar button:hover:not(:disabled){border-color:#f4ac70;background:#25415a}.instrument-tourbar button:first-child:hover{background:#ffc58e}
.instrument-tourbar button:focus-visible{outline:2px solid #ffc58e;outline-offset:3px}.instrument-tourbar button:disabled{opacity:.45}
.instrument-tourbar small{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;color:#a7b6cc}
@media(max-width:700px){.instrument-tourbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.instrument-tourbar button{min-height:48px;font-size:14px}}