/* Expanded Spectrum interiors. All rules are scoped to these panels. */
#spectrum .sp-expanded{padding-bottom:38px;min-width:0}
#spectrum .sp-expanded>.service-body-inner{max-width:none;min-width:0;width:100%}
#spectrum .sp-orientation{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8%;padding:16px 0 30px}
#spectrum .sp-kicker{font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#spectrum .sp-definition .service-line{font-size:clamp(26px,3.3vw,42px);line-height:1.04;letter-spacing:-.04em;font-weight:500;margin:18px 0}
#spectrum .sp-copy{font-size:15px;line-height:1.6;max-width:560px;margin:0;color:#ddd}
#spectrum .sp-approach ol{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:13px}
#spectrum .sp-approach li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;padding-top:12px;border-top:1px solid var(--line)}
#spectrum .sp-approach li span{font-size:12px;letter-spacing:.045em;text-transform:uppercase;color:#fff}
#spectrum .sp-approach p{font-size:13px;line-height:1.45;color:#ccc;margin:0}
#spectrum .sp-rail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 16px}
#spectrum .sp-controls{display:flex;gap:8px;align-items:center}#spectrum .sp-controls[hidden]{display:none}
#spectrum .sp-position{font-size:11px;letter-spacing:.13em;margin-right:12px;color:#aaa;font-variant-numeric:tabular-nums}
#spectrum .sp-controls button{font:inherit;font-size:20px;appearance:none;cursor:pointer;background:transparent;color:#fff;border:1px solid var(--line);width:44px;height:44px;padding:0;transition:border-color .2s,opacity .2s;touch-action:manipulation}
#spectrum .sp-controls button:hover{border-color:var(--violet)}#spectrum .sp-controls button:disabled{opacity:.25;cursor:default}
#spectrum .sp-controls button:focus-visible,#spectrum .sp-rail:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
#spectrum .sp-rail{display:flex;gap:25px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#555 transparent;padding-bottom:12px;scroll-padding-inline:0;max-width:100%}
#spectrum .sp-artifact{margin:0;flex:0 0 72%;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
#spectrum .sp-artifact:last-child{margin-right:28%}
#spectrum .sp-visual{aspect-ratio:16/9;background:#030303;position:relative;overflow:hidden;border-block:1px solid var(--line)}
#spectrum .sp-visual>img{display:block;width:100%;height:100%;object-fit:contain}
#spectrum .sp-artifact figcaption{display:flex;gap:20px;padding:17px 0 8px}
#spectrum .sp-artifact-number{font-size:11px;letter-spacing:.12em;color:var(--violet);padding-top:4px}
#spectrum .sp-artifact h4{font-size:22px;line-height:1.12;letter-spacing:-.025em;font-weight:500;margin:0}
#spectrum .sp-artifact p{font-size:13px;line-height:1.5;color:#bbb;margin:8px 0 0;max-width:480px}
#spectrum .sp-practice{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
#spectrum .sp-practice>p{font-size:13px;line-height:1.5;color:#bbb;max-width:470px;margin:0}
#spectrum .sp-practice .service-link{margin:0;flex-shrink:0;font-size:11px;color:#fff;padding:12px 0;border-bottom:1px solid var(--violet)}
#spectrum .sp-link-context{display:none}
/* Typography, existing artwork and functional diagrams as teaching specimens. */
#spectrum .sp-question,#spectrum .sp-type,#spectrum .sp-path,#spectrum .sp-flow,#spectrum .sp-world{height:100%;position:relative;padding:5%;box-sizing:border-box}
#spectrum .sp-question small{font-size:10px;letter-spacing:.15em;color:#aaa}#spectrum .sp-question strong{font-size:clamp(40px,7vw,95px);line-height:.86;letter-spacing:-.055em;font-weight:500;display:block;margin-top:15px}#spectrum .sp-question strong span{color:var(--violet)}
#spectrum .sp-question img{position:absolute;right:9%;top:8%;height:84%;width:30%;object-fit:contain;opacity:.75}
#spectrum .sp-type{display:flex;flex-direction:column;justify-content:center;gap:3%;padding-left:7%}#spectrum .sp-type>span{font-size:clamp(25px,5vw,70px);line-height:1;letter-spacing:-.055em}#spectrum .sp-type>span:nth-child(2){font-family:Georgia,serif;font-style:italic;color:var(--violet)}#spectrum .sp-type>span:nth-child(3){font-size:clamp(12px,2.1vw,28px);letter-spacing:.08em}#spectrum .sp-type img{position:absolute;right:8%;height:80%;top:10%;width:32%;object-fit:contain}
#spectrum .sp-path{display:flex;align-items:center;justify-content:space-around;gap:7%}#spectrum .sp-path>img{width:25%;height:90%;object-fit:contain}#spectrum .sp-path>div{display:grid;text-align:center;gap:10px;font-size:clamp(12px,2vw,26px);letter-spacing:.07em}#spectrum .sp-path i{font-style:normal;font-size:18px;color:var(--violet)}#spectrum .sp-result{border-bottom:1px solid var(--violet);padding-bottom:12px}
#spectrum .sp-flow>div{display:flex;gap:12px;font-size:clamp(9px,1.1vw,14px);letter-spacing:.04em}#spectrum .sp-flow i{color:var(--violet);font-style:normal}#spectrum .sp-flow strong{font-weight:500;font-size:clamp(24px,3.7vw,50px);line-height:1.04;letter-spacing:-.045em;display:block;margin-top:7%}#spectrum .sp-flow img{position:absolute;right:6%;bottom:6%;width:23%;height:65%;object-fit:contain}
#spectrum .sp-world{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%}#spectrum .sp-world img{width:100%;height:100%;min-height:0;object-fit:contain;grid-row:span 2}#spectrum .sp-world>div{display:grid;gap:7%;font-size:clamp(9px,1.6vw,20px);line-height:1.5;letter-spacing:.06em}#spectrum .sp-world strong{font-size:clamp(14px,2.9vw,38px);font-weight:500;letter-spacing:-.04em;color:var(--violet)}
@media(min-width:1400px){#spectrum .sp-artifact{flex-basis:65%}#spectrum .sp-artifact:last-child{margin-right:35%}}
@media(max-width:900px){#spectrum .sp-orientation{gap:5%}#spectrum .sp-approach li{grid-template-columns:1fr;gap:5px}#spectrum .sp-practice{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:600px){
 #spectrum .sp-expanded{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:28px}#spectrum .sp-expanded>span{display:none}
 #spectrum .sp-orientation{grid-template-columns:1fr;gap:24px;padding-top:12px;padding-bottom:23px}
 #spectrum .sp-definition .service-line{font-size:30px;max-width:360px;margin:12px 0}#spectrum .sp-copy{font-size:14px;line-height:1.5}
 #spectrum .sp-approach ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}#spectrum .sp-approach li{display:block;padding-top:10px}#spectrum .sp-approach li span{font-size:10px;letter-spacing:0}#spectrum .sp-approach p{font-size:12px;line-height:1.4;margin-top:7px}
 #spectrum .sp-kicker{font-size:10px}#spectrum .sp-rail-heading{gap:8px;margin-top:0}#spectrum .sp-position{margin-right:2px;font-size:10px}#spectrum .sp-controls{gap:5px}
 #spectrum .sp-artifact{flex-basis:91%}#spectrum .sp-artifact:last-child{margin-right:9%}#spectrum .sp-rail{gap:16px}
 #spectrum .sp-artifact figcaption{gap:12px;padding-top:13px}#spectrum .sp-artifact h4{font-size:19px}#spectrum .sp-artifact p{font-size:12px;margin-top:7px}
 #spectrum .sp-practice{margin-top:18px;padding-top:18px}#spectrum .sp-practice>p{font-size:12px}
 #spectrum .sp-question strong{font-size:15vw}#spectrum .sp-type>span{font-size:11vw}#spectrum .sp-type>span:nth-child(3){font-size:4vw}
 #spectrum .sp-path>div{gap:5px;font-size:3.6vw}#spectrum .sp-path i{font-size:13px}#spectrum .sp-result{padding-bottom:6px}
 #spectrum .sp-flow strong{font-size:7vw}#spectrum .sp-flow>div{gap:7px;font-size:9px}#spectrum .sp-world>div{font-size:3vw}#spectrum .sp-world strong{font-size:5vw}
}
@media(prefers-reduced-motion:reduce){#spectrum .sp-rail{scroll-behavior:auto}#spectrum .sp-controls button{transition:none}}
/* Each interior uses the same grammar with a distinct composition. */
#spectrum .sp-action{appearance:none;min-height:44px;padding:10px 16px;background:#080808;color:#fff;border:1px solid var(--violet);font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;touch-action:manipulation}
#spectrum .sp-action:focus-visible,#spectrum .sp-route:focus-visible{outline:2px solid #fff;outline-offset:4px}
#spectrum .sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* CONCEPT: an open field narrows into a direction. */
#spectrum .sp-concept-panel .sp-approach li:nth-child(2){margin-left:10px}
#spectrum .sp-concept-panel .sp-approach li:nth-child(3){margin-left:20px}
#spectrum .sp-concept-panel .sp-visual{border-block-style:dashed}
#spectrum .sp-concept-panel .sp-artifact:nth-child(2){padding-top:20px}
#spectrum .sp-concept-panel .sp-artifact:nth-child(3) .sp-visual>img{opacity:.8;filter:grayscale(1);object-position:35% center}
#spectrum .sp-study{position:relative;height:100%;padding:5%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:9px}
#spectrum .sp-study>img{position:absolute;width:23%;height:58%;right:9%;top:12%;object-fit:contain;opacity:.23;filter:blur(2px);transition:opacity .5s,filter .5s}
#spectrum .sp-fragments{position:absolute;inset:7% 5% 36%;font-size:clamp(12px,1.7vw,22px);letter-spacing:.03em}
#spectrum .sp-fragments span{position:absolute;transition:opacity .4s,transform .4s;color:#bbb}
#spectrum .sp-fragments span:nth-child(1){top:0;left:0;font-size:1.7em;color:white}
#spectrum .sp-fragments span:nth-child(2){top:38%;left:10%}
#spectrum .sp-fragments span:nth-child(3){top:75%;left:4%;color:var(--violet)}
#spectrum .sp-fragments span:nth-child(4){top:14%;left:43%;font-size:.65em}
#spectrum .sp-study-result{font-size:12px;color:#aaa;line-height:1.4}
#spectrum .sp-study[data-study="clear"] .sp-fragments span:not(:nth-child(3)){opacity:.14}
#spectrum .sp-study[data-study="clear"] .sp-fragments span:nth-child(3){transform:translateY(-45%);color:white}
#spectrum .sp-study[data-study="clear"]>img{opacity:.9;filter:blur(0)}
/* IDENTITY: one precisely aligned specimen sheet; no exploratory carousel. */
#spectrum .sp-specimens{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px}
#spectrum .sp-specimens .sp-artifact{margin:0;min-width:0}
#spectrum .sp-specimens .sp-visual{aspect-ratio:4/5;border:1px solid var(--line)}
#spectrum .sp-specimens .sp-artifact h4{font-size:20px}
#spectrum .sp-specimens .sp-artifact figcaption{gap:10px}
#spectrum .sp-specimens .sp-type{padding:10%;justify-content:flex-end;padding-bottom:16%}
#spectrum .sp-specimens .sp-type>span{font-size:clamp(24px,3vw,45px)}
#spectrum .sp-specimens .sp-type>span:nth-child(2){font-family:inherit;font-style:normal;letter-spacing:.11em;color:var(--violet);font-size:clamp(20px,2.4vw,36px)}
#spectrum .sp-specimens .sp-type>span:nth-child(3){font-size:clamp(10px,1.1vw,16px)}
#spectrum .sp-specimens .sp-type img{top:7%;right:12%;width:30%;height:35%}
/* EXPERIENCE: a small encounter changes in place. Cause and result stay together. */
#spectrum .sp-encounter>img{opacity:.32;transition:opacity .4s,transform .5s}
#spectrum .sp-encounter-layer{position:absolute;inset:0;padding:5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;background:linear-gradient(90deg,rgba(0,0,0,.86),transparent)}
#spectrum .sp-encounter-layer strong{font-size:clamp(25px,4.5vw,62px);line-height:.98;letter-spacing:-.05em;font-weight:500;max-width:80%}
#spectrum .sp-artifact .sp-encounter-layer p{font-size:14px;line-height:1.4;margin:0;max-width:70%;color:#ddd}
#spectrum .sp-encounter[data-encounter="1"]>img{opacity:.55;transform:scale(1.025)}
#spectrum .sp-encounter[data-encounter="2"]>img{opacity:.72;transform:scale(1)}
#spectrum .sp-encounter[data-encounter="2"] .sp-action{background:var(--violet);color:#fff}
/* OBJECTS: larger surfaces, a heavier base, and room around the physical form. */
#spectrum .sp-objects-panel .sp-artifact{flex-basis:54%}
#spectrum .sp-objects-panel .sp-artifact:last-child{margin-right:46%}
#spectrum .sp-objects-panel .sp-visual{aspect-ratio:1.12;background:linear-gradient(#030303,#101014);border-top:0;border-bottom:3px solid #36323f}
#spectrum .sp-objects-panel .sp-visual>img{height:94%;margin-top:2%;filter:drop-shadow(0 14px 9px #000)}
#spectrum .sp-objects-panel figcaption{padding-top:20px}
#spectrum .sp-objects-panel .sp-artifact-number{display:none}
/* SYSTEMS: three persistent relationships; selecting one traces its result. */
#spectrum .sp-orchestration{display:grid;grid-template-columns:80px minmax(0,1fr);gap:22px 35px;padding:28px 0;border-block:1px solid var(--line)}
#spectrum .sp-system-mark{width:100%;height:170px;object-fit:contain;align-self:center}
#spectrum .sp-routes{display:grid;gap:8px;min-width:0}
#spectrum .sp-route{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:10px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);color:#aaa;padding:20px 10px;min-height:58px;cursor:pointer;font:inherit;font-size:clamp(12px,1.3vw,17px);letter-spacing:.03em;text-align:center;transition:color .25s,background .25s}
#spectrum .sp-route i{font-style:normal;color:#555;transition:color .25s}
#spectrum .sp-route[aria-pressed="true"]{color:white;background:linear-gradient(90deg,rgba(130,76,255,.04),rgba(130,76,255,.13));border-bottom-color:var(--violet)}
#spectrum .sp-route[aria-pressed="true"] i{color:var(--violet)}
#spectrum .sp-route-result{grid-column:2;display:flex;gap:22px;align-items:baseline;min-height:44px}
#spectrum .sp-route-result p{font-size:14px;line-height:1.5;color:#ddd;margin:0}
#spectrum .sp-route-result .sp-kicker{flex-shrink:0}
/* WORLD: earlier material is now simultaneously present in one environment. */
#spectrum .sp-worlds-panel .sp-orientation{grid-template-columns:1.4fr .6fr}
#spectrum .sp-ecosystem{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;gap:0;background:radial-gradient(ellipse at 50% 55%,#21182f 0%,#050505 60%,#000 85%);padding:12px 0 24px;isolation:isolate}
#spectrum .sp-ecosystem>div:not(.sp-world-resolution){position:relative;min-width:0}
#spectrum .sp-ecosystem img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:screen}
#spectrum .sp-ecosystem span:not(.sp-kicker){display:block;font-size:10px;line-height:1.5;letter-spacing:.1em;color:#aaa;margin:0 8px}
#spectrum .sp-world-origin{grid-column:1/5;grid-row:1;align-self:start;opacity:.7;transform:rotate(-3deg)}
#spectrum .sp-world-core{grid-column:4/10;grid-row:1/3;align-self:center;z-index:2}
#spectrum .sp-world-entry{grid-column:9/13;grid-row:1;align-self:start}
#spectrum .sp-world-connection{grid-column:1/5;grid-row:2;align-self:end;margin-top:-5%}
#spectrum .sp-world-resolution{grid-column:9/13;grid-row:2;align-self:end;z-index:3;padding:18px 0 0 8px}
#spectrum .sp-world-resolution strong{display:block;font-weight:500;font-size:clamp(24px,3.6vw,52px);line-height:.95;letter-spacing:-.05em;margin-top:12px}
@media(max-width:900px){
 #spectrum .sp-specimens{gap:12px}#spectrum .sp-specimens .sp-artifact figcaption{display:block}#spectrum .sp-specimens .sp-artifact-number{display:block;margin-bottom:7px}
 #spectrum .sp-worlds-panel .sp-orientation{grid-template-columns:1fr 1fr}
 #spectrum .sp-route-result{display:block}#spectrum .sp-route-result p{margin-top:6px}
}
@media(max-width:600px){
 #spectrum .sp-concept-panel .sp-approach li{margin-left:0!important}
 #spectrum .sp-study{gap:5px;padding:5%}#spectrum .sp-fragments{font-size:12px;inset:7% 5% 44%}#spectrum .sp-fragments span:nth-child(4){left:45%;font-size:8px}#spectrum .sp-study-result{font-size:11px}#spectrum .sp-study .sp-action{font-size:10px;padding:8px 10px}
 #spectrum .sp-specimens{grid-template-columns:1fr 1fr;gap:16px 12px}#spectrum .sp-specimens .sp-artifact:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:center}
 #spectrum .sp-specimens .sp-artifact:last-child .sp-visual{aspect-ratio:1.1}#spectrum .sp-specimens .sp-artifact h4{font-size:18px}#spectrum .sp-specimens .sp-type>span{font-size:7vw}#spectrum .sp-specimens .sp-type>span:nth-child(2){font-size:5.5vw}#spectrum .sp-specimens .sp-type>span:nth-child(3){font-size:10px}
 #spectrum .sp-encounter{aspect-ratio:1.35}#spectrum .sp-encounter-layer{gap:9px;padding:6%}#spectrum .sp-encounter-layer strong{font-size:30px}#spectrum .sp-artifact .sp-encounter-layer p{font-size:12px;max-width:88%}#spectrum .sp-encounter-layer .sp-kicker{font-size:10px}
 #spectrum .sp-objects-panel .sp-artifact{flex-basis:86%}#spectrum .sp-objects-panel .sp-artifact:last-child{margin-right:14%}#spectrum .sp-objects-panel .sp-visual{aspect-ratio:1.12}
 #spectrum .sp-orchestration{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0}#spectrum .sp-system-mark{width:32px;height:42px;justify-self:center}#spectrum .sp-route{grid-template-columns:1fr 14px 1fr 14px 1fr;gap:2px;font-size:10px;padding:16px 3px;min-height:55px}#spectrum .sp-route-result{grid-column:1;min-height:68px}#spectrum .sp-route-result p{font-size:13px}
 #spectrum .sp-worlds-panel .sp-orientation{grid-template-columns:1fr}
 #spectrum .sp-ecosystem{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:12px 0;padding:6px 0 18px}
 #spectrum .sp-world-origin{grid-column:1;grid-row:1;transform:none}#spectrum .sp-world-entry{grid-column:2;grid-row:1}
 #spectrum .sp-world-core{grid-column:1/-1;grid-row:2;margin-top:-20px}#spectrum .sp-world-core img{aspect-ratio:2.2}
 #spectrum .sp-world-connection{grid-column:1;grid-row:3;margin-top:0}#spectrum .sp-world-resolution{grid-column:2;grid-row:3;align-self:center;padding:0 8px}#spectrum .sp-world-resolution strong{font-size:24px}#spectrum .sp-ecosystem span:not(.sp-kicker){font-size:8px}
}
@media(prefers-reduced-motion:reduce){#spectrum .sp-study *,#spectrum .sp-encounter *,#spectrum .sp-route,#spectrum .sp-route i{transition:none!important;transform:none!important}}
/* Concept: the same thought evolves inside one persistent field. */
#spectrum .sp-concept-evolution{padding-top:4px}
#spectrum .sp-thought-stage{position:relative;isolation:isolate;aspect-ratio:2.45;min-height:270px;overflow:hidden;background:#040404;border-block:1px solid var(--line)}
#spectrum .sp-thought-mark{position:absolute;width:28%;height:77%;left:11%;top:11%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
#spectrum .sp-shard{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .65s;opacity:.6}
#spectrum .sp-shard-a{clip-path:inset(0 0 66% 0);transform:translate(-18%,-8%) rotate(-12deg)}
#spectrum .sp-shard-b{clip-path:inset(34% 0 33% 0);transform:translate(28%,6%) rotate(8deg)}
#spectrum .sp-shard-c{clip-path:inset(67% 0 0 0);transform:translate(-12%,14%) rotate(-7deg)}
#spectrum .sp-thought-words{position:absolute;left:49%;top:23%;width:47%;font-size:clamp(26px,4.3vw,64px);font-weight:500;line-height:.98;letter-spacing:-.045em}
#spectrum .sp-thought-words span{display:block;width:max-content;max-width:100%;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .6s,color .6s;opacity:.55}
#spectrum .sp-thought-words span:nth-child(1){transform:translate(-16%,-18%) rotate(-5deg)}
#spectrum .sp-thought-words span:nth-child(2){transform:translate(64%,22%) rotate(9deg)}
#spectrum .sp-thought-words span:nth-child(3){transform:translate(-38%,46%) rotate(-8deg);color:var(--violet)}
#spectrum .sp-thought-note{position:absolute;font-size:12px;color:#9a929f;letter-spacing:.04em;transition:opacity .5s,transform .6s}
#spectrum .sp-note-a{left:5%;top:8%;transform:rotate(-5deg)}
#spectrum .sp-note-b{left:40%;bottom:9%;transform:rotate(3deg)}
#spectrum .sp-note-c{right:5%;top:8%;opacity:0}
#spectrum .sp-thought-rule{position:absolute;left:49%;right:7%;bottom:16%;height:1px;background:var(--violet);transform-origin:left;transform:scaleX(.08) rotate(-8deg);opacity:.3;transition:transform .7s,opacity .6s}
#spectrum [data-concept-state="exploration"] .sp-shard-a{transform:translate(5%,4%) rotate(3deg)}
#spectrum [data-concept-state="exploration"] .sp-shard-b{transform:translate(-8%,0) rotate(-3deg)}
#spectrum [data-concept-state="exploration"] .sp-shard-c{transform:translate(8%,-5%) rotate(2deg)}
#spectrum [data-concept-state="exploration"] .sp-shard{opacity:.8}
#spectrum [data-concept-state="exploration"] .sp-thought-words span:nth-child(1){transform:translate(3%,0) rotate(0)}
#spectrum [data-concept-state="exploration"] .sp-thought-words span:nth-child(2){transform:translate(22%,0) rotate(-3deg)}
#spectrum [data-concept-state="exploration"] .sp-thought-words span:nth-child(3){transform:translate(6%,9%) rotate(2deg)}
#spectrum [data-concept-state="exploration"] .sp-thought-words span{opacity:.8}
#spectrum [data-concept-state="exploration"] .sp-thought-rule{transform:scaleX(.65);opacity:.5}
#spectrum [data-concept-state="exploration"] .sp-note-a{opacity:.35}
#spectrum [data-concept-state="direction"] .sp-shard{transform:none;opacity:1}
#spectrum [data-concept-state="direction"] .sp-thought-words span{transform:none;opacity:1}
#spectrum [data-concept-state="direction"] .sp-thought-rule{transform:scaleX(1);opacity:1}
#spectrum [data-concept-state="direction"] .sp-note-a,#spectrum [data-concept-state="direction"] .sp-note-b{opacity:0}
#spectrum [data-concept-state="direction"] .sp-note-c{opacity:1}
#spectrum .sp-thought-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:16px}
#spectrum .sp-thought-controls[hidden]{display:none}
#spectrum .sp-thought-controls button{appearance:none;background:transparent;border:0;border-bottom:1px solid var(--line);min-height:48px;padding:12px 5px;font:inherit;font-size:12px;letter-spacing:.08em;color:#aaa;cursor:pointer;touch-action:manipulation}
#spectrum .sp-thought-controls button[aria-pressed="true"]{border-bottom-color:var(--violet);color:white}
#spectrum .sp-thought-controls button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
#spectrum .sp-thought-caption{font-size:14px;line-height:1.5;color:#bbb;margin:16px 0 0;min-height:3em;max-width:620px}
@media(max-width:600px){
 #spectrum .sp-thought-stage{aspect-ratio:1.35;min-height:230px}
 #spectrum .sp-thought-mark{left:8%;width:29%;top:14%;height:70%}
 #spectrum .sp-thought-words{left:48%;top:29%;font-size:clamp(24px,6.6vw,39px)}
 #spectrum .sp-thought-note{font-size:10px}#spectrum .sp-note-b{left:31%;bottom:7%}#spectrum .sp-note-c{right:5%;top:8%}
 #spectrum .sp-thought-controls button{font-size:10px;letter-spacing:.025em;padding-inline:2px}
 #spectrum .sp-thought-caption{font-size:13px}
}
@media(prefers-reduced-motion:reduce){#spectrum .sp-concept-evolution *{transition:none!important}}
/* Identity: a constant mark propagates through an additive, aligned system. */
#spectrum .sp-identity-switches{display:flex;align-items:center;gap:12px;margin:0 0 18px}
#spectrum .sp-identity-switches[hidden]{display:none}
#spectrum .sp-identity-switches button{appearance:none;background:transparent;border:0;border-bottom:1px solid var(--line);min-height:44px;padding:9px 13px;color:#aaa;font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;touch-action:manipulation}
#spectrum .sp-identity-switches>span{color:var(--violet);font-size:14px}
#spectrum .sp-identity-switches button[aria-pressed="true"]{color:white;border-bottom-color:var(--violet)}
#spectrum .sp-identity-switches button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
#spectrum .sp-recognition-stage{position:relative;display:grid;grid-template-columns:30% 70%;grid-template-rows:42% 58%;height:clamp(360px,39vw,520px);isolation:isolate;background:#030303;border-block:1px solid var(--line);overflow:hidden}
#spectrum .sp-recognition-core{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;border-right:1px solid var(--line);z-index:2;gap:14px}
#spectrum .sp-recognition-core img{width:80%;height:60%;object-fit:contain}
#spectrum .sp-recognition-core>span{font-size:clamp(11px,1.3vw,17px);letter-spacing:.08em;white-space:nowrap}
#spectrum .sp-recognition-core small{font-size:10px;letter-spacing:.13em;color:#aaa}
#spectrum .sp-recognition-language{grid-column:2;grid-row:1;position:relative;padding:4% 6%;opacity:0;visibility:hidden;transition:opacity .5s;z-index:2}
#spectrum .sp-recognition-word{font-size:clamp(42px,7vw,90px);line-height:.85;letter-spacing:-.06em;font-weight:500}
#spectrum .sp-recognition-register{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;border-top:1px solid var(--violet);padding-top:8px;margin-top:12px}
#spectrum .sp-recognition-repeat{display:flex;align-items:center;gap:14px;margin-top:10px;height:38px}
#spectrum .sp-recognition-repeat img{width:22px;height:34px;object-fit:contain}
#spectrum .sp-recognition-repeat img:nth-child(2){opacity:.65}#spectrum .sp-recognition-repeat img:nth-child(3){opacity:.35}
#spectrum .sp-recognition-repeat>span{font-size:9px;line-height:1.6;letter-spacing:.08em;color:#aaa;margin-left:auto}
#spectrum .sp-recognition-presence{grid-column:2;grid-row:2;position:relative;opacity:0;visibility:hidden;transition:opacity .65s;min-height:0;padding:0 4% 24px;z-index:1}
#spectrum .sp-recognition-presence>img{display:block;width:100%;height:100%;object-fit:contain}
#spectrum .sp-recognition-presence>span{position:absolute;bottom:10px;left:6%;font-size:10px;color:#aaa;letter-spacing:.09em}
#spectrum .sp-recognition-guides{position:absolute;left:34%;right:4%;top:9%;bottom:9%;z-index:0;opacity:.24;transition:opacity .5s;pointer-events:none}
#spectrum .sp-recognition-guides i{display:block;border-top:1px solid var(--line);height:33%;width:100%}
#spectrum [data-identity-state="language"] .sp-recognition-language,#spectrum [data-identity-state="presence"] .sp-recognition-language,#spectrum [data-identity-state="presence"] .sp-recognition-presence{opacity:1;visibility:visible}
#spectrum [data-identity-state="language"] .sp-recognition-guides{opacity:1}
#spectrum [data-identity-state="presence"] .sp-recognition-guides{opacity:0}
#spectrum .sp-recognition-caption{font-size:14px;line-height:1.5;color:#bbb;min-height:3em;margin:16px 0 0;max-width:650px}
@media(max-width:600px){
 #spectrum .sp-identity-switches{gap:7px;justify-content:space-between;margin-bottom:12px}#spectrum .sp-identity-switches button{font-size:10px;letter-spacing:.04em;padding-inline:5px}
 #spectrum .sp-recognition-stage{height:330px;grid-template-columns:30% 70%;grid-template-rows:46% 54%}
 #spectrum .sp-recognition-core{padding:6%;gap:12px}#spectrum .sp-recognition-core img{width:95%;height:48%}#spectrum .sp-recognition-core>span{font-size:8px;letter-spacing:.01em}#spectrum .sp-recognition-core small{font-size:7px;letter-spacing:.03em}
 #spectrum .sp-recognition-language{padding:18px 8% 8px}#spectrum .sp-recognition-word{font-size:46px}#spectrum .sp-recognition-register{display:grid;gap:4px;font-size:8px;margin-top:10px;padding-top:7px}
 #spectrum .sp-recognition-repeat{height:25px;gap:9px;margin-top:8px}#spectrum .sp-recognition-repeat img{width:15px;height:24px}#spectrum .sp-recognition-repeat>span{font-size:6px;letter-spacing:0}
 #spectrum .sp-recognition-presence{padding:0 2% 24px}#spectrum .sp-recognition-presence>span{font-size:7px;letter-spacing:.025em;left:5%}
 #spectrum .sp-recognition-caption{font-size:13px}
}
@media(prefers-reduced-motion:reduce){#spectrum .sp-identity-propagation *{transition:none!important}}
/* Experience: enter and act inside a persistent Soli encounter. */
#spectrum .sp-journey-surface{background:#040404;border:1px solid var(--line);position:relative;isolation:isolate;overflow:hidden}
#spectrum .sp-journey-mast{display:flex;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.13em;color:#aaa}
#spectrum .sp-journey-mast>span:first-child{color:white}
#spectrum .sp-journey-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0 24px;border-bottom:1px solid var(--line);position:relative}
#spectrum .sp-journey-path:after{content:"";position:absolute;bottom:-1px;left:0;width:33.333%;height:2px;background:var(--violet);transition:width .45s cubic-bezier(.22,1,.36,1)}
#spectrum .sp-journey-path li{font-size:10px;letter-spacing:.1em;color:#777;padding:15px 0}
#spectrum .sp-journey-path li[aria-current="step"]{color:#fff}
#spectrum [data-journey="move"] .sp-journey-path:after{width:66.666%}
#spectrum [data-journey="act"] .sp-journey-path:after,#spectrum [data-journey="complete"] .sp-journey-path:after{width:100%}
#spectrum .sp-journey-environment{display:grid;grid-template-columns:35% minmax(0,1fr);align-items:center;gap:5%;padding:30px 6%;min-height:330px;box-sizing:border-box;background:linear-gradient(110deg,transparent 35%,rgba(131,76,255,.025));transition:background .4s}
#spectrum .sp-journey-anchor{position:relative;height:240px;display:flex;align-items:center;justify-content:center}
#spectrum .sp-journey-anchor img{display:block;width:80%;height:90%;object-fit:contain;opacity:.55;transition:opacity .4s}
#spectrum .sp-journey-signal{position:absolute;left:100%;top:50%;width:0;height:1px;background:var(--violet);transition:width .4s}
#spectrum [data-journey="move"] .sp-journey-signal,#spectrum [data-journey="act"] .sp-journey-signal,#spectrum [data-journey="complete"] .sp-journey-signal{width:16%}
#spectrum [data-journey="move"] .sp-journey-anchor img,#spectrum [data-journey="act"] .sp-journey-anchor img,#spectrum [data-journey="complete"] .sp-journey-anchor img{opacity:1}
#spectrum .sp-journey-content{min-width:0;position:relative}
#spectrum .sp-journey-cue{display:block;color:var(--violet);font-size:10px;letter-spacing:.12em;line-height:1.5;margin-bottom:13px}
#spectrum .sp-journey-content h4{font-size:clamp(32px,4.4vw,62px);letter-spacing:-.045em;line-height:.96;font-weight:500;margin:0;min-height:1.92em;outline-offset:6px}
#spectrum .sp-journey-content p{font-size:14px;line-height:1.5;color:#bbb;margin:18px 0;min-height:3em}
#spectrum .sp-journey-action{appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font:inherit;font-size:12px;letter-spacing:.08em;min-height:48px;padding:12px 16px;color:white;background:transparent;border:1px solid var(--violet);cursor:pointer;touch-action:manipulation}
#spectrum .sp-journey-action[hidden],#spectrum [data-journey-back][hidden]{display:none}
#spectrum .sp-journey-action:focus-visible,#spectrum [data-journey-back]:focus-visible{outline:2px solid white;outline-offset:4px}
#spectrum .sp-journey-action>span{color:var(--violet);font-size:18px;line-height:1}
#spectrum .sp-journey-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px;margin:0 24px;border-top:1px solid var(--line);color:#999;font-size:10px;letter-spacing:.07em}
#spectrum [data-journey-back]{appearance:none;background:transparent;border:0;min-height:44px;padding:8px 0 8px 18px;color:#bbb;font:inherit;font-size:10px;letter-spacing:.08em;cursor:pointer}
#spectrum [data-journey="complete"] .sp-journey-environment{background:linear-gradient(110deg,transparent,rgba(131,76,255,.12))}
#spectrum [data-journey="complete"] .sp-journey-content h4{color:var(--violet)}
#spectrum .sp-journey-caption{font-size:14px;line-height:1.5;color:#bbb;margin:16px 0 0;min-height:3em;max-width:620px}
@media(max-width:600px){
 #spectrum .sp-journey-mast{padding:14px;font-size:8px;letter-spacing:.07em;gap:10px}
 #spectrum .sp-journey-path{margin-inline:14px}#spectrum .sp-journey-path li{font-size:9px;letter-spacing:.025em;padding-block:13px}
 #spectrum .sp-journey-environment{grid-template-columns:24% minmax(0,1fr);gap:6%;padding:22px 5%;min-height:290px}
 #spectrum .sp-journey-anchor{height:180px}#spectrum .sp-journey-anchor img{width:100%;height:90%}
 #spectrum .sp-journey-content h4{font-size:clamp(26px,7.6vw,39px)}#spectrum .sp-journey-cue{font-size:8px;letter-spacing:.06em;margin-bottom:10px}
 #spectrum .sp-journey-content p{font-size:12px;margin:14px 0;min-height:4.5em}
 #spectrum .sp-journey-action{font-size:10px;gap:12px;padding:10px 12px;max-width:100%;letter-spacing:.03em}
 #spectrum .sp-journey-foot{margin-inline:14px;font-size:8px;letter-spacing:.015em;min-height:45px}#spectrum .sp-journey-caption{font-size:13px}
}
@media(prefers-reduced-motion:reduce){#spectrum .sp-encounter-journey *{transition:none!important}}
