.perception-experiment{color:#f5edf9;max-width:960px;margin:0 auto;padding:25px 0 60px}.perception-experiment h1{font-family:var(--font-cormorant,Georgia),Georgia,serif;margin:18px 0;font-size:clamp(2.5rem,6vw,4.7rem);font-weight:400;line-height:1.06}.perception-experiment h1 em{color:#e5c58f}.perception-lead{color:#d6cce0;max-width:640px;font-size:1.08rem;line-height:1.8}.perception-panel{background:#17131fe8;border:1px solid #c7a77866;border-radius:20px;margin-top:26px;padding:clamp(16px,3vw,30px);box-shadow:0 20px 70px #0004}.perception-experiment button,.perception-experiment .perception-link{color:#f6edf8;cursor:pointer;font:inherit;background:#292235;border:1px solid #bba47588;border-radius:999px;min-height:44px;padding:11px 20px}.perception-experiment button:hover{background:#3e304d}.perception-experiment button:disabled{opacity:.45;cursor:default}.perception-experiment button:focus-visible{outline-offset:4px;outline:3px solid #f6ce88}.perception-experiment input:focus-visible{outline-offset:4px;outline:3px solid #f6ce88}.detail-hotspot:focus-visible{outline-offset:4px;outline:3px solid #f6ce88}.perception-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.perception-primary{color:#211a2c!important;background:#e7cf9b!important}.perception-kicker{letter-spacing:.18em;text-transform:uppercase;color:#dbc699;font-size:.72rem}.perception-status{color:#e8cf9e;min-height:1.6em}.perception-note{color:#c5b7cf;font-size:.85rem;line-height:1.7}.perception-reading{max-width:720px;line-height:1.8}.perception-reading a{color:#e7cf9b;text-decoration:underline}.detail-scene{isolation:isolate;aspect-ratio:3/2;background:#242133;border-radius:12px;position:relative;overflow:hidden}.detail-scene svg{width:100%;height:100%;display:block}.detail-scene .detail-hotspot{background:0 0;border:0;border-radius:3px;min-height:0;padding:0;position:absolute}.detail-scene .detail-hotspot:hover{background:#e9cf9a12}.detail-hotspot:focus-visible{outline-offset:-3px!important;background:#e9cf9a22!important}.detail-paused{color:#f3e7cf;z-index:2;text-align:center;background:#242133;place-content:center;padding:20px;display:grid;position:absolute;inset:0}.perception-results{gap:14px;padding:4px 4px 14px;display:flex;overflow-x:auto}.perception-result{border:1px solid #c7a77844;border-radius:12px;flex:0 0 220px;padding:16px}.perception-result strong{margin:8px 0;display:block}.hering-board{background:#f5f0e8;border-radius:12px;max-width:560px;margin:0 auto;overflow:hidden}.hering-board svg{width:100%;height:auto;display:block}.perception-slider{gap:10px;margin:24px 0;display:grid}.perception-slider input{accent-color:#e7cf9b;width:100%;min-height:30px}.perception-experiment details{margin-top:24px}.perception-experiment summary{cursor:pointer;color:#e5c58f;min-height:44px;padding-top:10px}@media (prefers-reduced-motion:reduce){.perception-experiment *{scroll-behavior:auto}}@media (max-width:480px){.perception-panel{padding:14px}.perception-controls button{padding:10px 14px;font-size:.9rem}}.perception-experiment h2{margin:14px 0;font-family:Georgia,serif;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.3}.perception-experiment h3{margin:20px 0 8px;font-family:Georgia,serif;font-size:1.35rem}.perception-panel p{margin:10px 0}.detail-pair{overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:18px;padding:5px 5px 16px;display:flex;overflow-x:auto}.detail-pair figure{scroll-snap-align:start;flex:1 0 310px;min-width:0;margin:0}.detail-pair figcaption{letter-spacing:.16em;color:#e8ce9f;margin:0 0 10px;font-size:.72rem}.detail-pair:focus-visible{outline-offset:2px;outline:2px solid #e8ce9f}.detail-discoveries{padding-left:22px;line-height:1.9}.detail-hotspot[aria-pressed=true]{background:#e8ce9f12!important}.line-progress{justify-content:center;gap:12px;margin:0 0 20px;display:flex}.line-progress span{color:#ac9bb7;border:1px solid #b7a17e55;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.75rem;display:grid}.line-progress .is-current{color:#e7cf9b;border-color:#e7cf9b}.line-progress .is-complete{color:#211a2c;background:#e7cf9b}.line-trial{max-width:560px;margin:0 auto;position:relative}.line-intermission{text-align:center;color:#e8ce9f;background:#242133;border-radius:12px;place-content:center;display:grid;position:absolute;inset:0}.line-review-tabs{gap:8px;margin-top:16px;padding:8px 0 20px;display:flex;overflow-x:auto}.line-review-tabs button{flex:none}.line-review-tabs button[aria-pressed=true]{background:#4b3b50;border-color:#e7cf9b}.line-choices{justify-content:center}.line-context-reveal{animation:1.4s ease-in-out 1.1s forwards line-context-fade}@keyframes line-context-fade{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.line-context-reveal{opacity:0;animation:none}}.two-ways-art{background:#201a25;border-radius:10px;max-width:620px;margin:20px auto;overflow:hidden}.two-ways-art img{width:100%;height:auto;display:block}.two-ways-clue{background:#c6a5730b;border-left:2px solid #dec18e;padding:18px;line-height:1.8}.two-ways-readings{color:#e8ce9f;font-family:Georgia,serif;font-size:clamp(1.3rem,4vw,1.9rem)}.two-ways-readings span{margin:0 12px}.line-journey{max-width:840px}.line-journey h1{outline:none;max-width:760px;font-size:clamp(2.2rem,5.7vw,3.8rem)}.line-journey .perception-lead{margin-bottom:0}.line-journey .hering-board{max-width:480px}.line-journey .perception-panel{margin-top:22px}.line-question-panel{animation:.3s ease-out line-screen-enter}.line-journey button[aria-pressed=true]{background:#574353;border-color:#e7cf9b}.line-journey .line-text-button{color:#e7cf9b;text-align:left;background:0 0;border:0;border-radius:4px;padding:9px 0;font-size:.88rem}.line-question-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.line-question-footer .perception-note{max-width:340px}.line-journey .line-review-tabs{justify-content:center;margin-top:8px;padding-bottom:12px}.line-review-tabs button{min-width:54px}.line-review-caption{color:#d8c9dd;flex-wrap:wrap;justify-content:space-between;gap:8px;max-width:480px;margin:0 auto 16px;font-size:.8rem;line-height:1.6;display:flex}.line-review-caption>span:first-child{letter-spacing:.07em;color:#e7cf9b;font-size:.68rem}.line-reveal-comparison>.perception-note{text-align:center}.line-comparison-controls{justify-content:center}.line-chapter-navigation{border-top:1px solid #cfb08233;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:22px;display:flex}.line-reveal-panel .line-chapter-navigation{justify-content:flex-end}.line-reveal-paused .line-context-reveal{animation-play-state:paused}.line-science-copy{font-size:1.04rem}.line-science-copy p+p{margin-top:18px}.line-science-comparison{margin-top:24px}.line-science-comparison .hering-board{max-width:380px}.line-science-comparison>.perception-controls{justify-content:center}.line-exercise-prompt{text-align:center;color:#e9cfa0;font-family:Georgia,serif;font-size:1.25rem}.line-source{font-size:.8rem;line-height:1.8}.line-source a{color:#e5c58f;text-underline-offset:3px;text-decoration:underline}.line-read-more .perception-reading{color:#d1c3d9}.line-study-method{background:#dfc69a08;border:1px solid #c7a77844;border-radius:12px;margin:28px 0;padding:22px 16px}.line-study-method figcaption{color:#e7cf9b;font-family:Georgia,serif;font-size:1.2rem}.line-study-method ol{counter-reset:study;gap:12px;padding:10px 0 12px;list-style:none;display:flex;overflow-x:auto}.line-study-method li{counter-increment:study;flex:1 0 145px;font-size:.93rem;line-height:1.6}.line-study-method li:before{content:"0" counter(study);color:#e7cf9b;margin-bottom:10px;display:block}.line-study-method>p{color:#bba9c6;font-size:.8rem}.line-observation-choices{gap:10px;padding:6px 4px 14px;display:flex;overflow-x:auto}.line-observation-choices>button{flex:none;font-size:.9rem}.line-reflection{color:#e0d1e6;border-left:2px solid #d1b17d;margin:14px 0;padding:3px 0 3px 18px;line-height:1.8}.line-takeaway{color:#ebcf9e;font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.55;margin:28px 0!important}@keyframes line-screen-enter{0%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:reduce){.line-question-panel{animation:none}}@media (max-width:480px){.line-journey{padding-top:12px}.line-journey h1{font-size:2.15rem}.line-journey .perception-lead{font-size:1rem;line-height:1.6}.line-journey .line-choices{gap:7px}.line-journey .line-choices button{flex:1;padding:10px 7px}.line-journey .line-chapter-navigation button{font-size:.87rem}.line-review-caption{font-size:.75rem}.line-observation-choices>button{font-size:.88rem}}.line-screen-reader{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.line-study-method ol:focus-visible{outline-offset:4px;outline:2px solid #e7cf9b}