.systems-studio{--studio-rule:#b6a19a}.studio-intro,.force-study,.studio-close{margin:0 var(--gutter)}
.studio-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:50px 0 34px}.studio-intro h1{font:400 clamp(54px,7.3vw,110px)/1.04 var(--serif);letter-spacing:-.05em;margin:20px 0 0}.studio-intro>p{font:20px/1.4 var(--serif);margin:0 0 7px;max-width:310px}.studio-intro .opening-eyebrow{font-size:12px;letter-spacing:.17em}
.study-heading{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--studio-rule);padding:17px 0;font:12px/1.5 "DM Sans",sans-serif;letter-spacing:.1em}.study-heading a{text-decoration:none}.force-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:30px;border-bottom:1px solid var(--studio-rule)}
.force-tabs button{display:flex;align-items:center;gap:12px;padding:17px 4px 17px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--muted);font:clamp(20px,2.2vw,32px)/1.2 var(--serif);text-align:left;cursor:pointer}.force-tabs button>span{font:12px "DM Sans",sans-serif}.force-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.force-tabs button:hover{color:var(--accent)}
.force-experience{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:5vw;align-items:start}.force-visual,.force-story{min-width:0}.force-canvas .art-open img{aspect-ratio:3/2;max-height:470px;object-fit:cover}.force-canvas figcaption{font-size:12px;letter-spacing:0}.force-canvas{view-transition-name:force-art}
.story-top{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5;letter-spacing:.1em;color:var(--accent);margin:0 0 25px}.force-story h2{font-size:clamp(32px,3.55vw,54px);line-height:1.07;letter-spacing:-.04em;margin:0 0 24px}.force-story>p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:25px}.operator-question{border-top:1px solid var(--studio-rule);padding-top:18px;margin-bottom:18px}.operator-question>span,.stage-action>span{font-size:12px;letter-spacing:.11em}.operator-question>p{font:24px/1.25 var(--serif);margin:12px 0 0}.force-story .editorial-link{font-size:21px}.next-force{display:flex;align-items:center;gap:25px;margin-top:24px;padding:9px 0;background:none;border:0;color:var(--muted);font-size:14px;min-height:44px;cursor:pointer}.next-force:hover{color:var(--accent)}
.connection-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:22px 0 0;margin:16px 0 0;border-top:1px solid var(--studio-rule)}.connection-sequence li{position:relative;display:flex;flex-direction:column;gap:11px}.connection-sequence li:not(:last-child):after{content:'→';position:absolute;right:-16px;top:25px;color:var(--accent);font:24px var(--serif)}.connection-sequence span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.connection-sequence strong{font:400 23px/1.13 var(--serif)}
.network-study{margin-top:100px;padding:40px var(--gutter) 55px;background:var(--ink);color:var(--paper);--studio-rule:#9f817860}.network-study .study-heading{color:#d7c1b5}.network-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:end;margin:35px 0 40px}.network-intro h2{font:400 clamp(42px,5.6vw,84px)/1.02 var(--serif);letter-spacing:-.04em;margin:0}.network-intro>p{font:22px/1.4 var(--serif);color:#d9c4b8;margin:0 0 6px}
.network-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:7%;align-items:start}.network-visual{min-width:0}.pathway-map{position:relative;height:335px;margin-top:10px}.pathway-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pathway-lines path{fill:none;stroke:#a7867955;stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .6s,opacity .6s;stroke-linecap:round}.pathway-lines path.active{stroke:#dbc7ac;stroke-width:2.5}.pathway-lines .path-output{stroke-dasharray:6 10}.pathway-map[data-stage="0"] .channel-0{stroke-width:5}.pathway-map[data-stage="0"] .path-output{opacity:.45}.pathway-map[data-stage="2"] .path-output{stroke:#dda585}.pathway-map[data-stage="4"] .path-channel.active{stroke:#f0e1c6}
.map-node{position:absolute;transform:translate(-50%,-50%);font-size:14px;line-height:1.35;text-align:center;color:#b99e93;background:var(--ink);padding:8px 12px;min-width:95px;transition:color .4s,box-shadow .4s}.map-node.active{color:var(--paper)}.source{left:17%}.source-0{top:14%}.source-1{top:38%}.source-2{top:62%}.source-3{top:86%}.intake-node{left:55%;top:50%;color:var(--paper);border:1px solid #ae8c7f;border-radius:50%;min-width:88px;min-height:88px;display:grid;place-content:center}.care-node{left:87%;top:50%;color:var(--paper);font:26px/1.05 var(--serif);min-width:75px}.pathway-map[data-stage="2"] .intake-node{border-color:#f0d5b1;box-shadow:0 0 0 9px #bd826b26}.pathway-map[data-stage="4"] .care-node{color:#f3d6b1}
.map-legend{display:flex;gap:25px;margin:16px 0 25px;color:#d5bdb0;font-size:12px;line-height:1.4}.map-legend span{display:flex;align-items:center;gap:9px}.map-legend i{display:block;width:24px;height:2px;background:#dbc7ac}.map-legend span+span i{background:#a7867966}
.stage-slider{border-top:1px solid var(--studio-rule);padding-top:20px}.stage-slider label{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.09em}.stage-slider input{width:100%;height:44px;accent-color:#ddc4a7;cursor:ew-resize;margin:5px 0}.stage-slider>div{display:flex;justify-content:space-between;font:18px var(--serif);color:#d5bdb0}.stage-kicker{font-size:12px;letter-spacing:.12em;color:#dbc0b0}.stage-story{padding-top:25px}.stage-story h3{font:400 clamp(30px,3.35vw,48px)/1.12 var(--serif);letter-spacing:-.025em;margin:18px 0 22px}.stage-story>p,.stage-action p{font-size:16px;line-height:1.75;color:#dbc7bc}.stage-action{border-top:1px solid var(--studio-rule);padding-top:18px}.stage-action>span{color:#c4a69a}.stage-action p{margin:10px 0 24px}.reported-endpoints{display:grid;grid-template-columns:1fr 30px 1fr;gap:15px;align-items:center;margin-top:20px}.reported-endpoints>div{display:flex;flex-direction:column-reverse;gap:7px}.reported-endpoints strong{font:400 58px/1 var(--serif)}.reported-endpoints>span{font-size:27px}.reported-endpoints div>span{font-size:12px;line-height:1.5;max-width:150px;color:#d2b5a8}.stage-story .endpoint-note{font-size:12px;line-height:1.5;margin:16px 0 0;color:#c9afa3}
.stage-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;margin-top:45px}.stage-buttons button{padding:18px 0;background:none;color:#c2a298;border:0;border-top:1px solid var(--studio-rule);text-align:left;cursor:pointer;font:24px var(--serif);display:flex;align-items:center;gap:14px;min-height:60px}.stage-buttons button span{font:12px "DM Sans",sans-serif}.stage-buttons button[aria-pressed=true]{color:var(--paper);border-color:var(--paper)}.stage-buttons button:hover{color:var(--paper)}.network-footnote{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-top:35px}.network-footnote p{font-size:12px;line-height:1.8;max-width:600px;color:#c9afa3;margin:0}.network-footnote .editorial-link{font-size:21px;white-space:nowrap}.network-footnote .editorial-link:hover{color:#e9c5a8}
.studio-close{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:85px 0}.studio-closing-art img{aspect-ratio:3/2}.studio-close h2{font:400 clamp(36px,4vw,60px)/1.05 var(--serif);letter-spacing:-.035em;margin:22px 0}.studio-close>div>p:not(.opening-eyebrow){font-size:17px;line-height:1.7;color:var(--muted)}.studio-close .opening-eyebrow{font-size:12px;letter-spacing:.12em}.studio-close .editorial-link{font-size:23px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:no-preference){.pathway-map[data-stage="3"] .path-output,.pathway-map[data-stage="4"] .path-output{animation:care-flow 5s linear infinite}.pathway-map[data-stage="4"] .path-channel.active{stroke-dasharray:8 12;animation:care-flow 7s linear infinite}@keyframes care-flow{to{stroke-dashoffset:-80}}}
@media(max-width:1000px){.force-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px}.studio-intro{display:block}.studio-intro>p{max-width:none;margin-top:22px;font-size:22px}.studio-intro>p br{display:none}.force-tabs button{font-size:23px;gap:8px}.force-experience{gap:30px;grid-template-columns:1.1fr 1fr}.force-story h2{font-size:37px}.story-top{font-size:11px}.force-story>p{font-size:16px}.connection-sequence{gap:20px}.connection-sequence strong{font-size:20px}.connection-sequence span{font-size:10px}.network-layout{gap:35px}.stage-buttons{gap:16px}.stage-buttons button{font-size:20px;gap:8px}.reported-endpoints strong{font-size:48px}.network-footnote{display:block}.network-footnote .editorial-link{margin-top:20px}}
@media(max-width:760px){.studio-intro{padding:35px 0 25px}.studio-intro h1{font-size:14vw;margin-top:16px;max-width:600px}.studio-intro h1 em{display:block}.studio-intro .opening-eyebrow{font-size:11px;letter-spacing:.1em}.studio-intro>p{font-size:20px;margin-top:20px}.study-heading{font-size:11px;letter-spacing:.05em}.study-heading>span:last-child{display:none}.force-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-bottom:25px}.force-tabs button{font-size:23px;padding:15px 0;gap:8px}.force-tabs button span{font-size:11px}.force-experience{grid-template-columns:1fr;gap:30px}.force-canvas .art-open img{max-height:none;aspect-ratio:3/2}.force-canvas .art-invitation{display:none}.connection-sequence{gap:20px;margin-top:16px;padding-top:18px}.connection-sequence strong{font-size:20px}.connection-sequence li:not(:last-child):after{font-size:20px;right:-14px}.connection-sequence span{font-size:12px;letter-spacing:.03em}.force-story{padding-top:8px;border-top:1px solid var(--studio-rule)}.story-top{margin:18px 0;font-size:12px}.force-story h2{font-size:38px;max-width:520px}.operator-question p{font-size:26px}.force-story>p{font-size:17px;line-height:1.65}.next-force{margin-top:18px}.network-study{margin-top:55px;padding-top:25px;padding-bottom:35px}.network-study .study-heading{flex-wrap:wrap;gap:8px}.network-intro{grid-template-columns:1fr;gap:22px;margin:25px 0}.network-intro h2{font-size:11.5vw}.network-intro p{font-size:20px}.network-intro p br{display:none}.network-layout{grid-template-columns:1fr;gap:25px}.pathway-map{height:310px;margin-top:0}.map-node{font-size:14px;min-width:75px;padding:5px 6px}.intake-node{min-width:66px;min-height:66px}.care-node{font-size:24px;min-width:54px}.map-legend{gap:18px;font-size:11px}.map-legend i{width:18px}.stage-story{padding-top:5px}.stage-story h3{font-size:36px;margin:15px 0 20px}.stage-story>p,.stage-action p{font-size:17px;line-height:1.65}.reported-endpoints{max-width:430px}.reported-endpoints strong{font-size:60px}.stage-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin-top:30px}.stage-buttons button{font-size:25px;min-height:65px}.stage-buttons button:last-child{grid-column:1/-1}.network-footnote{margin-top:20px}.studio-close{grid-template-columns:1fr;gap:35px;padding:50px 0}.studio-close h2{font-size:43px}.studio-close .editorial-link{font-size:22px}}
@media(max-width:360px){.force-tabs button{font-size:20px;gap:6px}.force-tabs button span{font-size:10px}.connection-sequence strong{font-size:18px}.map-node{font-size:14px}.intake-node{min-width:58px;min-height:58px}.care-node{font-size:22px}}