.article-page[data-project]{width:75%;max-width:none;padding-inline:0}.article-page[data-project]>.back-link{width:fit-content;margin-inline:auto;display:flex}.article-page[data-project] .page-intro{text-align:center;max-width:none;margin:12px auto 36px}.article-page[data-project] .page-intro h1{text-wrap:balance;max-width:100%;margin:24px auto;font-size:clamp(36px,4.5vw,76px)}.article-page[data-project] .page-intro>p{text-wrap:pretty;max-width:82ch;margin-inline:auto}.article-page[data-project] .page-intro>.project-role{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:7px 12px;margin-top:22px;font-size:12px;display:flex}.article-page[data-project] .project-role strong{color:var(--ink);font-weight:500}.project-cover-caption{text-align:center;color:var(--ink-soft);margin:-38px 0 42px;font-size:11px}.article-page[data-project] .article-actions{justify-content:center}.article-page[data-project] .action-status{text-align:center}.article-page[data-project] .article-cover{aspect-ratio:auto;object-fit:cover;object-fit:contain;background:#171c18;border-radius:18px;height:clamp(230px,25vw,480px);max-height:none;margin:36px 0 56px}.project-flow{border:1px solid var(--line);background:linear-gradient(150deg,#23314d40,#191b1630);border-radius:22px;min-width:0;margin:0 0 64px;padding:clamp(20px,3vw,48px)}.project-flow-heading{text-align:center;max-width:850px;margin:0 auto 30px}.project-flow-heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin:16px 0;font-size:clamp(28px,3vw,46px);font-weight:400;line-height:1.2}.project-flow-heading p{max-width:65ch;margin:auto;font-size:15px;line-height:1.7}.flow-tools{justify-content:space-between;align-items:center;gap:20px;margin:20px 0;display:flex}.flow-tools p{color:var(--ink-soft);font-size:12px}.flow-tools>div{flex:none;gap:8px;display:flex}.flow-tools button{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);background:0 0;border-radius:30px;padding:8px 15px;font-size:13px}.flow-tools button:hover:not(:disabled){background:#aebce922}.flow-tools button:disabled{opacity:.35;cursor:default}.flow-tools button[hidden]{display:none}.flow-tools>div{flex-wrap:wrap;justify-content:center}.flow-viewport{scrollbar-width:thin;scrollbar-color:#8e9cbc transparent;overscroll-behavior:contain;border-radius:12px;max-height:720px;padding:14px 0;overflow:auto}.flow-canvas{width:100%;min-width:0}.flow-canvas svg{margin:auto;display:block;overflow:visible}.flow-canvas .node{cursor:pointer;outline:none}.flow-canvas .node rect{rx:12px;ry:12px;transition:fill .2s,stroke .2s}.flow-connection{--flow-length:100;stroke-dasharray:var(--flow-length);stroke-dashoffset:0;transition:stroke .25s}.project-flow.has-flow-entered .flow-connection{animation:flow-draw .9s ease var(--flow-delay,0s) both}.project-flow.has-flow-entered .node :is(rect,text){animation:flow-node-reveal .55s ease var(--flow-delay,0s) both}.flow-connection.is-related{stroke:#dcc8a3!important;stroke-width:2px!important}.flow-packet{pointer-events:none;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:0;opacity:.2;animation:flow-travel 3.6s linear var(--packet-delay,0s) infinite;animation-play-state:paused}.flow-packet.is-related{opacity:.85}.project-flow[data-flow-visible=true][data-flow-paused=false] .flow-packet{animation-play-state:running}.project-flow[data-flow-paused=true] :is(.flow-connection,.node rect,.node text){animation-play-state:paused}@keyframes flow-draw{0%{stroke-dashoffset:var(--flow-length)}to{stroke-dashoffset:0}}@keyframes flow-travel{to{stroke-dashoffset:-100px}}@keyframes flow-node-reveal{0%{opacity:0}to{opacity:1}}.flow-canvas .node:hover rect,.flow-canvas .node:focus-visible rect{stroke:#f3eadb!important;stroke-width:3px!important}.flow-canvas .node.is-selected rect{fill:#3b4a72!important;stroke:#bccbfd!important;stroke-width:2.5px!important}.flow-canvas .node:focus-visible rect{stroke-dasharray:5 3}.flow-tools button:focus-visible,.flow-viewport:focus-visible,.flow-transcript summary:focus-visible{outline-offset:4px;outline:2px solid #bccbfd}.flow-detail{border-top:1px solid var(--line);align-items:center;gap:24px;min-height:130px;margin-top:25px;padding-top:25px;display:flex}.flow-detail-number{font-family:var(--font-display);color:#aebce9;flex:none;font-size:46px}.flow-detail h3{font-family:var(--font-display);margin:0 0 10px;font-size:24px;font-weight:400;line-height:1.3}.flow-detail p{max-width:85ch;font-size:15px;line-height:1.7}.flow-loading{text-align:center;padding:30px;font-size:14px}.flow-transcript{color:var(--ink-soft);border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:13px}.flow-transcript summary{cursor:pointer;width:fit-content;margin:auto;padding:8px}.flow-transcript ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 45px;margin:25px 0 0;padding-left:24px;display:grid}.flow-transcript strong{color:var(--ink)}.flow-transcript p{margin-top:8px;font-size:13px;line-height:1.7}.project-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0 0 60px;display:grid}.project-story-section{border:1px solid var(--line);background:linear-gradient(140deg,#eee5d405,#0000);border-radius:18px;min-width:0;padding:clamp(25px,3vw,48px)}.project-story-number{text-align:center;letter-spacing:.15em;color:#aebce9;margin-bottom:18px;font-size:11px;display:block}.project-story-section h2{font-family:var(--font-display);text-align:center;letter-spacing:-.035em;text-wrap:balance;margin:0 0 25px;font-size:clamp(26px,2.6vw,38px);font-weight:400;line-height:1.25}.project-story-section p{text-wrap:pretty;font-size:16px;line-height:1.85}.project-story-section p+p{margin-top:18px}.project-story-section:last-child:nth-child(odd){grid-column:1/-1}.project-story-section:last-child:nth-child(odd) p{max-width:85ch;margin-inline:auto}@media (width<=1000px){.article-page[data-project]{width:88%}.project-story{gap:18px}.project-story-section{padding:26px}}@media (width<=760px){.article-page[data-project]{width:auto;margin-inline:24px;padding-inline:0}.article-page[data-project] .page-intro h1{font-size:clamp(34px,7vw,48px)}.article-page[data-project] .page-intro>p{font-size:16px}.article-page[data-project] .article-cover{height:220px;margin-bottom:36px}.project-cover-caption{margin:-20px 0 28px}.project-flow{margin-bottom:36px;padding:20px 16px}.flow-tools{text-align:center;flex-direction:column;gap:12px}.flow-detail{align-items:flex-start;gap:15px;min-height:180px}.flow-detail-number{font-size:32px}.flow-detail h3{font-size:22px}.flow-detail p{font-size:14px}.flow-transcript ol,.project-story{grid-template-columns:1fr}.project-story-section{padding:26px 22px}}@media (prefers-reduced-motion:reduce){.flow-canvas .node rect{transition:none}.project-flow :is(.flow-connection,.flow-packet,.node rect,.node text){animation:none!important}.flow-connection{stroke-dasharray:none;stroke-dashoffset:0}.flow-packet{display:none}}