.feature{display:block;padding:32px}.feature-copy{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.6fr);gap:0 48px;align-items:start;margin-bottom:30px}.feature-copy .kicker{grid-column:1/-1;margin-bottom:18px}.feature-copy h2{grid-column:1;grid-row:2/5;max-width:360px}.feature-copy>p:not(.kicker){grid-column:2;margin:0;font-size:15px;line-height:1.8}.feature-copy .resource-links{grid-column:2;margin-top:17px}.feature-copy .meta{grid-column:2;margin-top:16px;font-size:10px}

.concept-player{color:#dce5d3;border-top:1px solid #52674d;padding-top:26px;min-width:0}
.concept-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.concept-kicker{font:10px/1.5 Consolas,"Noto Sans SC",monospace;letter-spacing:.12em;color:#a9bc9e;margin:0 0 7px!important}
.concept-heading h3{font-size:23px;letter-spacing:-.025em;color:#edf0e3;line-height:1.3}
.concept-toggle{width:40px;height:40px;border:1px solid #6a8060;border-radius:50%;display:grid;place-items:center;background:transparent;color:#e4ecd9;flex-shrink:0;transition:background 180ms,border-color 180ms}
.concept-toggle:hover{background:#334936;border-color:#b4c4a3}.concept-toggle:focus-visible{outline:2px solid #dceacb;outline-offset:4px}
.concept-pause{width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor;display:block}.concept-play{display:none;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
.is-paused .concept-pause{display:none}.is-paused .concept-play{display:block}
.opto-scene{width:100%;max-height:400px;height:auto;display:block;margin:10px auto 0;overflow:visible}
.scene-labels text{fill:#cbd9c1;font:16px "Segoe UI","Noto Sans SC",sans-serif;letter-spacing:.02em}
.concept-footer{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:20px;border-top:1px solid #43583f}
.concept-footer p{font-size:12px;line-height:1.8;color:#b8c7ac;margin:0!important;max-width:690px}
.concept-footer p a{color:#d5ddc8;text-decoration:underline;text-decoration-color:#788c6e;text-underline-offset:3px}
.concept-thesis{font-size:12px;color:#e4d4b4;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.work-entry>.concept-player{background:var(--dark);padding:28px;margin-top:30px;border:0}
.laser-feed{stroke-dasharray:65 350;animation:light-feed 5s linear infinite}
.light-fan,.hologram-ray{animation:light-pulse 5s ease-in-out infinite}
.objective-glow{animation:objective-pulse 5s ease-in-out infinite}
.neuron-halo,.neuron-core{animation:neuron-pulse 5s ease-in-out infinite;animation-delay:var(--cell-delay)}
.concept-player:not(.is-playing) .opto-scene *{animation-play-state:paused}
@keyframes light-feed{0%{stroke-dashoffset:415;opacity:.15}30%{opacity:1}65%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-100;opacity:.15}}
@keyframes light-pulse{0%,12%,100%{opacity:.08}35%,70%{opacity:1}87%{opacity:.25}}
@keyframes objective-pulse{0%,12%,100%{opacity:.35}35%,75%{opacity:1}}
@keyframes neuron-pulse{0%,24%,100%{opacity:.12}44%,72%{opacity:1}88%{opacity:.35}}
.reconstruction-gallery{margin-top:32px;padding:24px 0 30px;border-bottom:1px solid var(--line)}.decoding-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:21px}.decoding-heading h3{font-size:23px;letter-spacing:-.025em}.pair-guidance{font-size:12px;color:var(--muted);margin-top:9px}.decoder-modes{display:flex;gap:17px}.decoder-modes button{font-size:12px;color:var(--muted);background:none;border:0;border-bottom:1px solid transparent;padding:5px 0;white-space:nowrap}.decoder-modes button[aria-pressed=true]{color:var(--ink);border-color:var(--green)}.decoder-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.decoder-pair{min-width:0}.pair-images{display:grid;gap:7px;position:relative}.pair-images img{width:100%;height:auto;border:1px solid #c5cabd;aspect-ratio:229/116;object-fit:contain}.pair-divider{display:none}.decoder-pair figcaption{display:flex;justify-content:space-between;gap:6px;padding-top:9px;color:#5b6757;font:10px/1.6 Consolas,"Noto Sans SC",monospace}.pair-index{color:#52634a}.decoder-source{font-size:12px;line-height:1.75;margin-top:19px!important;color:var(--muted)}.decoder-source a{text-decoration:underline;text-underline-offset:3px}.decoder-range{display:flex;gap:20px;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}.decoder-range input{flex:1;min-width:80px;accent-color:var(--green);height:25px;cursor:ew-resize}.reconstruction-gallery[data-view=compare] .pair-images{display:block;aspect-ratio:229/116;overflow:hidden}.reconstruction-gallery[data-view=compare] .pair-images img{position:absolute;inset:0;width:100%;height:100%;border:0}.reconstruction-gallery[data-view=compare] .pair-original{z-index:1;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.reconstruction-gallery[data-view=compare] .pair-divider{display:block;position:absolute;left:var(--reveal);top:0;bottom:0;z-index:2;width:1px;background:#fff;pointer-events:none}

@media(min-width:1600px){.feature{padding:40px}}
@media(max-width:1050px){.feature{padding:28px}.feature-copy{grid-template-columns:1fr 1.35fr;gap:0 32px}.decoder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 14px}.decoder-pair figcaption{font-size:11px}.work-entry>.concept-player{padding:23px}.concept-footer{align-items:start}.concept-footer p{font-size:11px}}
@media(max-width:760px){.feature-copy{display:block;margin-bottom:25px}.feature-copy h2{max-width:none;margin-bottom:17px;font-size:32px}.feature-copy>p:not(.kicker){font-size:14px}.feature-copy .meta{font-size:10px}.concept-footer{display:block}.concept-thesis{display:inline-block;margin-top:16px}.concept-heading h3{font-size:22px}.reconstruction-gallery{padding-top:13px;margin-top:25px}.decoding-heading h3{font-size:22px}.work-entry>.concept-player{margin-inline:0}}
@media(max-width:650px){.opto-scene{margin-top:12px;max-height:none}.scene-labels text{font-size:26px}.concept-kicker{font-size:9px;letter-spacing:.08em}}
@media(max-width:480px){.feature{padding:24px 18px;margin-inline:-18px}.feature-copy .kicker{font-size:10px}.feature-copy h2{font-size:30px}.feature-copy .meta{display:block;margin-top:17px}.feature-copy .inline-link{font-size:12px}.concept-player{padding-top:22px}.concept-heading h3{font-size:21px}.concept-toggle{width:34px;height:34px}.concept-footer{padding-top:15px}.concept-footer p{font-size:11px;line-height:1.8}.concept-thesis{font-size:12px}.decoding-heading{display:block;margin-bottom:18px}.decoder-modes{margin-top:15px}.decoder-modes button{font-size:12px}.pair-guidance{font-size:11px}.decoder-grid{gap:21px 9px}.pair-images{gap:5px}.decoder-pair figcaption{font-size:9px;line-height:1.65}.decoder-source{font-size:11px}.decoder-range{gap:10px;flex-wrap:wrap;font-size:10px}.decoder-range input{min-width:100px}.work-entry>.concept-player{padding:23px 18px;margin-inline:-18px}}
@media(prefers-reduced-motion:reduce){.opto-scene *{animation:none!important}.laser-feed{stroke-dasharray:none;opacity:.7}.light-fan,.hologram-ray,.objective-glow,.neuron-halo,.neuron-core{opacity:.85}.concept-toggle{display:none}}
@media print{.concept-toggle,.decoder-modes,.decoder-range{display:none}.opto-scene *{animation:none!important}.decoder-grid{grid-template-columns:repeat(6,1fr)}.reconstruction-gallery[data-view=compare] .pair-images{display:grid;aspect-ratio:auto}.reconstruction-gallery[data-view=compare] .pair-images img{position:static;clip-path:none;height:auto}.pair-divider{display:none!important}}