/* InFLOW routing scene (#asymmetry) restored 2026-10-18 from the pre-distill stylesheet stack, in original cascade order. Only rules for this scene. */
/* from scenes.css */
.scene-asym{--bronze-text: #6a5a37;}
.scene{position: relative;}
.scene-stage{padding: 110px var(--gutter) 64px; display: grid; gap: 4vh;}
.scene-head .display{font-size: clamp(1.9rem, 3.5vw, 3.4rem); max-width: 20ch;}
.scene-head{display: grid; gap: 22px; align-content: start;}
.scene-head .body{max-width: 46ch;}
.has-motion .scene-asym{height: 340vh;}
.has-motion .scene > .scene-stage{position: sticky; top: 0; height: 100svh; overflow: clip;}
.scene-beats{display: grid; gap: 14px; counter-reset: beat;}
.scene-beats li{position: relative; padding-left: 22px; max-width: 44ch; font-size: .98rem; line-height: 1.5; color: rgba(4, 0, 30, .74); transition: opacity var(--beat) var(--ease), color var(--beat) var(--ease);}
.scene-beats li b{display: block; font-family: var(--f-display); font-weight: 400; font-size: 1.22rem; color: var(--ink); margin-bottom: 2px;}
.scene-beats li::before{content: ""; position: absolute; left: 0; top: .62em; width: 9px; height: 9px; border-radius: 50%; border: 1px solid var(--bronze); transition: background var(--beat) var(--ease);}
.has-motion .scene-beats li{color: rgba(4, 0, 30, .6);}
.has-motion .scene-beats li b{color: rgba(4, 0, 30, .62);}
.has-motion .scene-beats li.is-on,.has-motion .scene-beats li.is-on b{color: var(--ink);}
.has-motion .scene-beats li.is-on{color: rgba(4, 0, 30, .8);}
.scene-beats li.is-on::before{background: var(--satin); border-color: var(--satin);}
.scene-asym .scene-stage{grid-template-columns: minmax(0, .82fr) minmax(0, 1.5fr); align-items: center; gap: 4vw;}
.asym-art{position: relative; height: min(68svh, 640px);}
.asym-art figcaption{position: absolute; left: 0; bottom: -28px;}
.gate{position: absolute; top: 0; bottom: 0; width: 1px; display: block;}
.gate:nth-child(1){left: 31%;}
.gate:nth-child(2){left: 42%;}
.gate:nth-child(3){left: 53%;}
.gate i{position: absolute; inset: 0; background: linear-gradient(to bottom, transparent, var(--satin) 12%, var(--satin) 88%, transparent); transform-origin: 50% 0; transform: scaleY(var(--g, 1));}
.gate b,.gate small{position: absolute; left: 8px; white-space: nowrap; opacity: var(--g, 1);}
.gate b{top: -2px; font-family: var(--f-display); font-weight: 400; font-size: 1rem; color: var(--ink);}
.gate small{top: 22px; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--bronze-text);}
.lane{position: absolute; left: 60%; right: 0; opacity: var(--g, 1);}
.lane[data-lane="0"]{top: 22%;}
.lane[data-lane="1"]{top: 54%;}
.lane[data-lane="2"]{top: 86%;}
.asym-lanes .lane{font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; color: var(--bronze-text); line-height: 1; padding-bottom: 8px; transform: translateY(-100%); border-bottom: 1px solid rgba(130, 113, 78, .35);}
.asym-lanes .lane.is-human{color: var(--ink); border-bottom-color: var(--satin);}
.asym-person{position: absolute; left: 90%; top: 54%; width: 120px; margin-left: -60px; margin-top: -70px; display: grid; justify-items: center; gap: 10px; opacity: var(--p, .45); transition: opacity var(--beat) var(--ease); z-index: 1;}
.asym-person span{font-family: var(--f-display); font-style: italic; font-size: 1rem; color: var(--ink);}
.asym-slips{display: flex; flex-wrap: wrap; gap: 8px; list-style: none;}
.asym-slips li{padding: 9px 13px; border-radius: 7px; background: rgba(255, 255, 255, .82); border: 1px solid rgba(130, 113, 78, .28); font-size: .82rem; color: rgba(4, 0, 30, .78); white-space: nowrap; box-shadow: 0 8px 18px -12px rgba(4, 0, 30, .35);}
.asym-slips.is-placed{position: absolute; inset: 0; display: block; z-index: 2;}
.asym-slips.is-placed li{position: absolute; left: 0; top: 0; will-change: transform; transition: background var(--half) var(--ease), border-color var(--half) var(--ease);}
.asym-slips li.to-human{background: #fffaf0; border-color: var(--satin); color: var(--ink);}
.asym-slips li.is-routed{padding-left: 22px;}
.asym-slips li.is-routed::before{content: ""; position: absolute; left: 9px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--satin);}
@media (max-width: 960px){
.scene-asym .scene-stage{grid-template-columns: 1fr; align-content: start; gap: 3vh; padding-top: 88px;}
.scene-head .display{font-size: clamp(1.6rem, 6.4vw, 2.4rem);}
.has-motion .scene-asym .scene-beats li:not(.is-on){display: none;}
.asym-art{height: 46svh;}
.gate b{font-size: .82rem;}
.gate small{display: none;}
.gate:nth-child(1){left: 6%;}
.gate:nth-child(2){left: 24%;}
.gate:nth-child(3){left: 42%;}
.gate b{writing-mode: vertical-rl; transform: rotate(180deg); top: 4px; left: 6px; letter-spacing: .04em;}
.lane{left: 54%;}
.asym-lanes .lane{white-space: normal; max-width: 44vw; line-height: 1.3;}
.asym-person{left: 88%;}
.asym-person .ring{width: 44px; height: 60px;}
}
.is-static .scene > .scene-stage{position: relative; height: auto; overflow: visible;}
@media (prefers-reduced-motion: reduce){
.scene *,.scene *::before{transition: none !important;}
}
.has-motion .scene .scene-stage{padding-top: clamp(76px, 11vh, 110px); padding-bottom: clamp(40px, 7vh, 64px);}
.scene-head .display{font-size: clamp(1.6rem, min(3.4vw, 5.4vh), 3.4rem);}
.scene-head{gap: clamp(12px, 2.2vh, 22px);}
@media (min-width: 961px) and (max-height: 860px){
.scene-beats li{font-size: .9rem;}
}
@media (min-width: 961px) and (max-height: 700px){
.has-motion .scene-beats li:not(.is-on){display: none;}
}
.asym-art{perspective:1100px}
.asym-slips li{backface-visibility:hidden;transform-style:preserve-3d}
.is-static .asym-slips li{transform:none}
.asym-checks{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;z-index:4;background:transparent;padding-bottom:14px;border-bottom:1px solid #82714e55}
.asym-checks dt{font:400 21px Instrument Serif,serif;color:var(--ink);margin-bottom:7px}
.asym-checks dd{font:400 13px/1.4 Jost,sans-serif;color:#6a5a37}
.gate b,.gate small{display:none}
.gate{top:80px}
.asym-lanes .lane{white-space:normal;line-height:1.35;text-transform:none;letter-spacing:0;padding-bottom:10px;left:59%;max-width:41%}
.asym-lanes .lane b{display:block;font:500 17px/1.2 Jost,sans-serif;color:var(--ink);margin-bottom:6px}
.asym-lanes .lane small{display:block;font:400 13px/1.4 Jost,sans-serif;color:#6a5a37}
.lane[data-lane="0"]{top:28%}
.lane[data-lane="1"]{top:56%}
.lane[data-lane="2"]{top:84%}
.asym-person{left:94%;top:56%;width:80px;margin-left:-40px;margin-top:8px}
.asym-person .ring{width:38px;height:52px}
.asym-person span{font-size:13px;line-height:1.2;text-align:center}
.asym-slips li[data-route-example]{width:min(210px,41%);white-space:normal}
.slip-title{display:block}
.slip-reason{display:none;font-size:12px;line-height:1.35;margin-top:5px;color:#4c412c}
.is-routed .slip-reason{display:block}
@media(max-width:960px){
.asym-art{height:54svh;min-height:400px}
.asym-checks{gap:9px;padding-bottom:10px}
.asym-checks dt{font-size:17px}
.asym-checks dd{font-size:11px}
.asym-lanes .lane{left:54%;max-width:46%}
.asym-lanes .lane b{font-size:14px}
.asym-lanes .lane small{font-size:11px;line-height:1.3}
.asym-slips li[data-route-example]{width:46%;padding:8px 10px}
.slip-title{font-size:12px}
.slip-reason{font-size:11px}
.asym-person{display:none}
}
.is-static .asym-art{height:auto;min-height:0;padding-top:95px}
.is-static .asym-gates,.is-static .asym-lanes,.is-static .asym-person{display:none}
.is-static .asym-slips li[data-route-example]{width:auto}
.is-static .slip-reason{display:block}
.is-static .asym-art figcaption{position:static;margin-top:24px}
.asym-checks>div{border-bottom:2px solid transparent;padding-bottom:7px}
.asym-checks>div.is-resolved{border-bottom-color:var(--satin)}
.asym-checks>div.is-resolved dt{color:#6a5a37}
.has-motion .asym-checks{opacity:var(--g,0)}
@keyframes loop-copy-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
.gate:nth-child(1){left:16.666%}
.gate:nth-child(2){left:50%}
.gate:nth-child(3){left:83.333%}
.asym-checks>div.is-processing{background:rgba(227,199,122,.12);border-bottom-color:var(--champagne)}
.has-motion .asym-slips li:not(.is-routed) .slip-reason{display:none}
.has-motion .asym-slips li:not(.is-routed){max-width:30%;white-space:normal}
@keyframes tile-expand{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
/* from refinement.css */
.asym-checks dd{color:var(--bronze-text)}
.asym-lanes .lane small{color:var(--bronze-text);line-height:1.4}
@media(max-width:960px){
.asym-art{min-width:0}
.asym-checks dt{font-size:16px}
.asym-checks dd{font-size:12px}
}
.is-static .asym-slips{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.is-static .asym-slips li{position:relative;left:auto;top:auto;transform:none!important;white-space:normal;width:auto;max-width:100%;min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){
.is-static .asym-slips{grid-template-columns:repeat(2,minmax(0,1fr))}
.is-static .asym-slips li[data-route-example]{grid-column:1/-1}
}
/* from polish.css */
@media (max-width: 600px){
.has-motion .asym-slips li:not(.is-routed){max-width: 27%; font-size: 12px; padding: 6px 8px; line-height: 1.25;}
}
@media (max-width: 600px){
.has-motion .scene-asym .asym-art{height: 62svh;}
.has-motion .asym-slips li.is-routed:not([data-route-example]){opacity: 0 !important;}
}
.lane[data-lane="0"] b::before{content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 1.5px var(--ink); vertical-align: 1px;}
.has-motion .scene-asym .beat-body{display: block; opacity: 0; transition: opacity var(--beat) var(--ease);}
.has-motion .scene-asym .scene-beats li.is-on .beat-body{opacity: 1;}
@media (prefers-reduced-motion: reduce){
.has-motion .scene-asym .beat-body{transition: none;}
}
/* from visual.css */
.has-motion .scene-asym .asym-art.is-routing .asym-lanes .lane{transform: none; max-width: none; padding-bottom: 8px; transition: opacity var(--beat) var(--ease);}
.has-motion .scene-asym .asym-art.is-routing .asym-lanes .lane b{transition: color var(--beat) var(--ease);}
.has-motion .scene-asym .asym-art.is-routing .asym-lanes .lane:not(.is-arrived) b{color: rgba(4, 0, 30, .62);}
.has-motion .scene-asym .lane[data-lane="0"].is-arrived b::before{box-shadow: 0 0 0 1.5px var(--ink), 0 0 0 6px rgba(200, 255, 124, .5);}
.has-motion .scene-asym .gate{bottom: 0;}
.has-motion .scene-asym .gate i{transition: background var(--half) var(--ease);}
.has-motion .scene-asym .gate.is-processing i{background: var(--champagne); box-shadow: 0 0 0 1px rgba(227, 199, 122, .35);}
.has-motion .scene-asym .asym-checks > div{transition: background var(--half) var(--ease), border-color var(--half) var(--ease);}
.has-motion .asym-slips li[data-route-example]{width: min(186px, 30vw); max-width: none; white-space: normal; transition: box-shadow var(--half) var(--ease), border-color var(--half) var(--ease);}
.has-motion .asym-slips li.is-active{border-color: var(--satin); box-shadow: 0 16px 34px -16px rgba(4, 0, 30, .5); background: #fff;}
.has-motion .asym-slips li.is-permitted{box-shadow: 0 0 0 2px var(--signal), 0 0 0 3px rgba(4, 0, 30, .55), 0 16px 34px -16px rgba(4, 0, 30, .5);}
.slip-stamps{margin: 7px 0 0; padding: 0; display: grid; gap: 3px; font-size: 11.5px; line-height: 1.3; color: #4c412c;}
.slip-stamps span{position: relative; padding-left: 13px;}
.slip-stamps span::before{content: ""; position: absolute; left: 0; top: .42em; width: 6px; height: 6px; border-radius: 50%; background: var(--satin);}
[data-route-example="carry"] .slip-stamps span:nth-child(n+2)::before{background: var(--signal); box-shadow: 0 0 0 1px var(--ink);}
[data-route-example="human"] .slip-stamps span:nth-child(n+2)::before{background: #fff; box-shadow: 0 0 0 1.5px var(--champagne);}
[data-route-example="hold"] .slip-stamps span::before{background: #b9ae9c;}
.has-motion .asym-slips li:not(.is-active) .slip-stamps{display: none;}
.has-motion .slip-stamps span{display: none;}
.has-motion .asym-slips li[data-stage="1"] .slip-stamps span:nth-child(-n+1),.has-motion .asym-slips li[data-stage="2"] .slip-stamps span:nth-child(-n+2),.has-motion .asym-slips li[data-stage="3"] .slip-stamps span{display: block; animation: stamp-in var(--half) var(--ease) both;}
@keyframes stamp-in{ from { opacity: 0; transform: translateY(4px); } }
.has-motion .asym-slips li[data-stage="0"] .slip-stamps{display: none;}
.has-motion .asym-slips li.is-active .slip-reason{display: none;}
.has-motion .asym-slips li.is-landing .slip-stamps{display: none;}
.has-motion .asym-slips li.is-landing .slip-reason{display: block; animation: stamp-in var(--half) var(--ease) both;}
.is-static .slip-stamps{margin-bottom: 4px;}
@media (max-width: 600px){
.has-motion .scene-asym .asym-person{display: none;}
.has-motion .scene-asym .asym-art.is-routing .asym-lanes .lane{border-bottom: 1px solid rgba(130, 113, 78, .3);}
.has-motion .scene-asym .asym-art.is-routing .asym-lanes .lane b{font-size: 13px; margin-bottom: 3px;}
.has-motion .scene-asym .asym-art.is-routing .asym-lanes .lane small{font-size: 11px; line-height: 1.3;}
.has-motion .asym-slips li[data-route-example]{width: min(172px, 46vw); font-size: 12px; padding: 7px 9px;}
.has-motion .slip-stamps{font-size: 10.5px; margin-top: 4px;}
.has-motion .scene-asym .asym-art figcaption{display: none;}
}
@media (prefers-reduced-motion: reduce){
.has-motion .slip-stamps span,.has-motion .asym-slips li .slip-reason{animation: none;}
.has-motion .asym-slips li[data-route-example]{transition: none;}
}
@media (max-width: 600px) and (max-height: 740px){
.has-motion .scene-asym .display{font-size: 1.45rem;}
.has-motion .scene-asym .scene-beats li{font-size: .84rem; line-height: 1.4;}
.has-motion .scene-asym .scene-beats li b{font-size: 1rem;}
}
@keyframes decide-hold{ from { stroke-opacity: .55; } to { stroke-opacity: 1; } }
.scene-asym .scene-beats li.signal-arrived::before{background: var(--signal); border-color: var(--ink); box-shadow: 0 0 0 4px rgba(200, 255, 124, .35); transition: background var(--beat) var(--ease), box-shadow var(--beat) var(--ease);}
/* from signal.css */
.has-motion .asym-slips li.is-permitted:not(.is-active){background:var(--bone);border-color:var(--satin);box-shadow:none}
.has-motion .asym-slips li[data-route-example].is-active{background:var(--signal);border-color:var(--ink)}
.has-motion .asym-slips li[data-route-example="human"].is-active[data-current-check="1"],.has-motion .asym-slips li[data-route-example="human"].is-landing{background:var(--champagne)}
.slip-current{display:none}
.has-motion .asym-slips li.is-active .slip-current{display:block;font-size:10px;line-height:1.25;font-weight:500;letter-spacing:.02em;margin:0 0 5px;color:var(--ink)}
.has-motion .asym-slips li.is-active .slip-stamps{font-size:11px}
.has-motion .asym-slips li.is-permitted.is-routed:not(.is-active){background:var(--signal);color:var(--ink);border-color:var(--satin);box-shadow:0 6px 14px -10px rgba(4,0,30,.4)}
.has-motion .asym-slips li.is-permitted.is-routed .slip-current{display:block;font-size:10px;line-height:1.25;font-weight:500;color:var(--ink);margin-bottom:5px}
.has-motion .asym-slips li[data-route-example].is-active{background:#e6ffbf}
.has-motion .asym-slips li[data-route-example="human"].is-active[data-current-check="1"],.has-motion .asym-slips li[data-route-example="human"].is-landing{background:var(--champagne)}
.is-static .asym-slips li[data-route-example="carry"]{background:var(--signal);color:var(--ink);border-color:var(--satin)}
#asymmetry .asym-slips li[data-route-example].is-routed{background:var(--ink);color:var(--bone)}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-title{color:var(--signal);font-style:normal}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-reason{color:var(--bone)}
#asymmetry .asym-slips li[data-route-example="carry"].is-routed{border:2px solid var(--signal)}
#asymmetry .asym-slips li[data-route-example="carry"].is-routed .slip-current{background:var(--signal);color:var(--ink);padding:3px 9px;margin:-7px -9px 6px;border-radius:5px 5px 0 0}
#asymmetry .asym-slips li[data-route-example="human"].is-routed{border-color:var(--champagne)}
#asymmetry .asym-slips li[data-route-example="hold"].is-routed{border-color:var(--platinum)}
#asymmetry .asym-slips li[data-route-example].is-routed{padding:4px 8px}
#asymmetry .asym-slips li[data-route-example="carry"].is-routed .slip-current{padding:1px 8px;margin:-4px -8px 4px}
#asymmetry .asym-lanes .lane{transform:none;background:var(--signal);color:var(--ink);padding:10px;border:1px solid var(--ink);border-radius:6px;max-width:none;box-sizing:border-box}
#asymmetry .asym-lanes .lane b,#asymmetry .asym-lanes .lane small{color:var(--ink)}
#asymmetry .asym-slips li[data-route-example].is-routed{background:var(--signal);color:var(--ink);border:1px solid var(--ink);padding:6px 8px;box-shadow:none}
#asymmetry .asym-slips li[data-route-example].is-routed :is(.slip-title,.slip-reason,.slip-current){color:var(--ink);background:transparent;font-style:normal}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-current{display:block;font-size:10px;line-height:1.25;font-weight:600;padding:0;margin:0 0 5px}
#asymmetry .asym-slips li[data-route-example].is-routed::before{display:none}
#asymmetry .asym-slips li[data-route-example]{transform-origin:0 0}
.has-motion #asymmetry .asym-slips li[data-route-example]{width: min(190px,46%);max-width:46%}
.has-motion #asymmetry .asym-person{display:none}
@media(min-width:601px){
.has-motion #asymmetry .asym-slips li[data-route-example]{width:min(190px,30%);max-width:30%}
}
@media(max-width:600px){
#asymmetry .asym-lanes .lane{padding:7px}
#asymmetry .asym-lanes .lane b{font-size:12px}
#asymmetry .asym-lanes .lane small{font-size:10px}
}
.has-motion #asymmetry .asym-slips li[data-route-example] .slip-stamps span{display:none;animation:none}
.has-motion #asymmetry .asym-slips li[data-current-check="0"] .slip-stamps span:nth-child(1),.has-motion #asymmetry .asym-slips li[data-current-check="1"] .slip-stamps span:nth-child(2),.has-motion #asymmetry .asym-slips li[data-current-check="2"] .slip-stamps span:nth-child(3){display:block}
@media(min-width:601px){
.has-motion #asymmetry .asym-slips li[data-route-example]{width:34%;max-width:34%}
}
@media(max-width:600px){
.has-motion #asymmetry .asym-art{min-height:0}
#asymmetry .asym-slips li[data-route-example].is-routed{padding:5px 6px}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-current{font-size:9px;margin-bottom:3px}
#asymmetry .asym-slips li[data-route-example] .slip-reason{font-size:10px}
#asymmetry .asym-lanes .lane b{font-size:11px;margin-bottom:4px}
#asymmetry .asym-lanes .lane small{font-size:10px;line-height:1.25}
}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-stamps{display:none!important}
@media(max-width:600px){
#asymmetry .asym-slips li[data-route-example].is-routed .slip-current{line-height:1.1}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-reason{line-height:1.2;margin-top:3px}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-title{font-size:11px;line-height:1.2}
}
@media(min-width:601px) and (max-height:780px){
#asymmetry .asym-lanes .lane{padding:7px}
#asymmetry .asym-lanes .lane b{font-size:13px;margin-bottom:4px}
#asymmetry .asym-lanes .lane small{font-size:11px;line-height:1.25}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-current{font-size:9px;margin-bottom:3px}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-title{font-size:12px;line-height:1.2}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-reason{font-size:11px;line-height:1.2;margin-top:3px}
}
@media(max-width:600px){
#asymmetry .asym-slips li[data-route-example].is-landing{padding:5px 6px}
#asymmetry .asym-slips li[data-route-example].is-landing .slip-current{font-size:9px;line-height:1.1;margin:0 0 3px}
#asymmetry .asym-slips li[data-route-example].is-landing .slip-reason{font-size:10px;line-height:1.2;margin-top:3px}
#asymmetry .asym-slips li[data-route-example].is-landing .slip-title{font-size:11px;line-height:1.2}
}
@media(min-width:601px) and (max-height:780px){
#asymmetry .asym-lanes .lane{padding:6px}
#asymmetry .asym-slips li[data-route-example].is-routed{padding:4px 7px}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-current{margin-bottom:2px}
#asymmetry .asym-slips li[data-route-example].is-routed .slip-reason{margin-top:2px}
}
.has-motion #asymmetry .asym-art figcaption{top:calc(100% + 12px);bottom:auto}
.has-motion #asymmetry .asym-slips li.is-landing .slip-reason{font-size:11px;line-height:1.2;margin-top:3px}
.has-motion #asymmetry .asym-slips li.is-landing{padding:5px 7px}
.has-motion #asymmetry .asym-slips li.is-landing .slip-current{font-size:9px;line-height:1.1;margin-bottom:3px}
@media(max-width:600px){
.has-motion #asymmetry .asym-slips li.is-landing .slip-reason{font-size:10px}
}
/* from narrative.css */
.narrative-route{position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; overflow:visible;}
.narrative-route path{fill:none; stroke-linecap:round; stroke-linejoin:round;}
.narrative-route .route-bed{stroke:rgba(130,113,78,.2); stroke-width:9;}
.narrative-route .route-energy{stroke:var(--signal); stroke-width:5; filter:drop-shadow(0 3px 3px rgba(4,0,30,.22));}
.narrative-route[data-mode="human"] .route-energy{stroke:var(--champagne);}
.narrative-route[data-mode="held"] .route-energy{stroke:var(--satin); stroke-dasharray:3 6 !important;}
.has-motion .scene-asym .gate.is-processing i{background:var(--signal);}
.has-motion .scene-asym .gate:nth-child(2).is-processing i{background:var(--champagne);}
.has-motion .scene-asym .asym-checks .is-resolved{border-color:#82714e; background:rgba(200,255,124,.28);}
.has-motion .scene-asym .asym-checks > .is-processing{background:rgba(200,255,124,.48); border-color:#82714e;}
.has-motion .scene-asym .asym-checks > .is-processing:nth-child(2){background:rgba(227,199,122,.4);}
.has-motion .asym-slips li.is-active{background:var(--bone);}
.has-motion .asym-slips li.is-permitted{background:var(--signal); box-shadow:0 14px 28px -16px rgba(4,0,30,.5);}
.is-static .narrative-route{display:none;}
@media(max-width:600px){
.has-motion .scene-asym .scene-stage{padding-top:112px}
}
@media(min-width:601px) and (max-width:960px){
.has-motion .scene-asym .scene-stage{padding-top:148px}
}
/* from path.css */
.development-page .scene{scroll-margin-top:0}
.development-page .scene .scene-head{border:0;background:none;padding:0;display:grid;justify-content:initial}
.development-page .scene .scene-stage{padding-top:110px}
.development-page .scene-head .display{margin:0}
.development-page .scene-head p{max-width:62ch}
.development-page .scene :is(a,button):focus-visible{outline:2px solid var(--signal);outline-offset:4px}
/* from inflow-clarity.css */
.development-page .scene-notes{margin:24px var(--gutter) 56px;padding:18px 0;border-top:1px solid #82714e;max-width:920px;color:var(--bone);font:400 17px/1.6 Jost,sans-serif}
.development-page #asymmetry .scene-notes{color:var(--ink)}
.development-page .scene-notes summary{cursor:pointer;width:fit-content;padding:8px 0;font-weight:500}
.development-page .scene-notes summary:focus-visible{outline:2px solid #c8ff7c;outline-offset:5px}
.development-page .scene-notes .proof-reading{display:grid!important;position:static!important;opacity:1!important;visibility:visible!important;margin:24px 0 0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.has-motion .development-page .scene-head .beat-body{display:none}
.development-page .asym-checks dd,.development-page .gate b,.development-page .gate small,.development-page .lane small,.development-page .slip-reason,.development-page .slip-current{display:none!important}
.development-page .asym-checks dt{font-size:clamp(16px,1.5vw,22px)}
.development-page .asym-checks>div{min-height:40px}
.development-page .lane{min-height:56px!important;justify-content:center}
.development-page .asym-slips .work-fragment{width:62px!important;min-height:34px!important;height:34px!important;padding:0!important;background:#f5f4ef!important;border:1px solid #82714e!important;border-radius:4px!important}
.development-page .work-fragment:before,.development-page .work-fragment:after{content:"";position:absolute;left:12px;right:12px;top:11px;height:2px;background:#82714e;opacity:.65}
.development-page .work-fragment:after{top:19px;right:22px}
.development-page .slip-stamps{display:flex!important;gap:10px!important;min-height:20px}
.development-page .slip-stamps>span{font-size:0!important;padding:0!important;width:20px;height:20px;min-height:0;display:grid;place-items:center;border:0!important}
.development-page .slip-stamps svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.development-page .slip-stamps>span:before{display:none!important}
.development-page .asym-slips li[data-route-example]{min-height:64px!important}
.development-page .asym-art figcaption{font-size:14px;max-width:42ch}
@media(max-width:760px){
.development-page .scene-notes{margin:20px 20px 40px;font-size:16px}
.development-page .scene-notes .proof-reading{grid-template-columns:1fr 1fr}
.development-page .lane b{font-size:14px}
.development-page .asym-checks dt{font-size:15px}
.development-page .asym-art figcaption{font-size:12px}
}
.has-motion .development-page [data-beats] .beat-body{display:none!important}
/* Old-stack tokens and ink text, scoped to this ivory scene so the dark distilled page is untouched. */
#asymmetry{--signal:#c8ff7c;--royal:#02005E;--metal:linear-gradient(135deg,#efe6c8 0%,#E3C77A 38%,#c9b36a 72%,#E3C77A 100%);--gold:var(--signal);--muted:#bdb9cd;--ivory:#f5f4ef;--text-muted:#625d6d}
:where(#asymmetry) .ring { display: block; width: 62px; height: 84px; border-radius: 50%; border: 2px solid var(--satin); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), 0 18px 30px -18px rgba(130, 113, 78, .7); }
#asymmetry .display,#asymmetry .signal-word{color:var(--ink)}
#asymmetry figcaption{color:rgba(4,0,30,.6)}
#asymmetry .asym-qualifier{margin:18px 0 0;font:400 13px/1.4 Jost,sans-serif;letter-spacing:.02em;color:#625d6d}