.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}
.featured-section{background:#f6f3ec;border-block:1px solid var(--line)}.relay{margin-top:50px}.relay-window{overflow:hidden;border:1px solid #9baaa1;border-radius:4px;background:var(--paper)}.relay-track{display:flex;transition:transform .8s cubic-bezier(.22,.75,.2,1)}.relay-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:45px}.relay-copy{align-self:center}.relay-meta{font:12px/1.6 "DM Mono",monospace;color:#455a50;margin-bottom:20px}.relay-copy h3{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-.05em}.relay-tagline{font-size:22px;line-height:1.35;margin:20px 0}.relay-description{font-size:16px;line-height:1.7;color:var(--soft);margin-bottom:26px}.relay-art{min-height:340px;position:relative;padding:24px;border:1px solid #9baaa1;display:flex;flex-direction:column;justify-content:space-between;background:#e5f2eb;overflow:hidden}.relay-art.blue{background:#e5eef7}.relay-art.orange{background:#faf0e4}.relay-art-label{font:12px/1.5 "DM Mono",monospace}.relay-art p{font:13px/1.7 "DM Mono",monospace;max-width:250px}.relay-art-note{font:22px "Permanent Marker",cursive;align-self:flex-end;color:#286454}.relay-orbit{position:relative;width:180px;height:180px;margin:15px auto;border:1px solid #53816f;border-radius:50%;display:grid;place-items:center;animation:relay-orbit 18s linear infinite}.relay-orbit span{font:80px "Permanent Marker",cursive;animation:relay-counter 18s linear infinite}.relay-orbit i{position:absolute;width:16px;height:16px;background:#53816f;border:3px solid var(--paper);border-radius:50%;top:0;left:50%;transform:translate(-50%,-50%)}.relay-orbit i:nth-child(3){top:75%;left:93%;background:#6e99bc}.relay-orbit i:nth-child(4){top:75%;left:7%;background:#b47741}.relay-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.relay-controls button{font-family:"DM Mono",monospace;background:transparent;cursor:pointer}.relay-controls p{flex:1;text-align:center;font:12px/1.6 "DM Mono",monospace;color:#455a50}.relay:focus-visible{outline:2px solid #286454;outline-offset:6px}.relay[data-auto-paused="true"] .relay-orbit,.relay[data-auto-paused="true"] .relay-orbit span{animation-play-state:paused}
.connection-story{background:rgba(251,251,248,.94);border-top:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin:60px 0}.flow-map{margin:0;position:sticky;top:110px;padding:30px;border:1px solid #9baaa1;box-shadow:7px 8px 0 var(--mint);background:#fffef9}.flow-heading{display:flex;justify-content:space-between;gap:20px;font:11px/1.6 "DM Mono",monospace;margin-bottom:25px;color:#455a50}.flow-heading span:last-child{font-family:"Permanent Marker",cursive;font-size:18px;color:var(--ink)}.flow-nodes{display:grid;gap:18px}.flow-node{position:relative;display:grid;grid-template-columns:28px 1fr;gap:7px 12px;padding:14px;border:1px solid var(--line);background:var(--paper);transition:background .5s,border-color .5s,box-shadow .5s}.flow-node:not(:last-child)::after{content:"↓";position:absolute;bottom:-22px;left:25px;font-size:19px;color:#53816f}.flow-node span{font:12px/1.6 "DM Mono",monospace;color:#455a50}.flow-node strong{font-size:17px;font-weight:500;line-height:1.5}.flow-node small{grid-column:2;font-size:12px;line-height:1.5;color:#455a50}.flow-node[aria-current="true"]{background:#e5f2eb;border-color:#53816f;box-shadow:inset 3px 0 #53816f}.flow-select{display:flex;gap:10px;margin-top:24px}.flow-select button{width:44px;height:44px;font:13px "DM Mono",monospace;border:1px solid #9baaa1;background:transparent;cursor:pointer;border-radius:50%;color:var(--ink)}.flow-select button[aria-pressed="true"]{background:var(--mint);border-color:#53816f}.flow-map figcaption{font:12px/1.6 "DM Mono",monospace;margin-top:14px;color:#455a50}.story-step{min-height:340px;padding:70px 0;border-bottom:1px solid var(--line)}.story-step h3{font-size:32px;line-height:1.15;letter-spacing:-.045em;margin:20px 0}.story-step>p:last-child{font-size:17px;line-height:1.75;color:var(--soft)}
.system-card>.comet-glass{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.6}.system-card .nodes{z-index:1;pointer-events:none}.system-card .system-title,.system-card .k-one,.system-card .note{z-index:2}.system-card::before{z-index:3}
@keyframes relay-orbit{to{transform:rotate(360deg)}}@keyframes relay-counter{to{transform:rotate(-360deg)}}
@media(max-width:760px){.relay-slide{grid-template-columns:1fr;padding:24px;gap:25px}.relay-copy h3{font-size:32px}.relay-tagline{font-size:20px}.relay-art{min-height:230px}.relay-orbit{width:125px;height:125px;margin:8px auto}.relay-orbit span{font-size:56px}.relay-art p{font-size:12px}.relay-art-note{font-size:18px}.relay-controls{gap:10px}.relay-controls p{order:3;flex:1 0 100%;text-align:left}.relay-controls button{padding:12px;font-size:12px}.relay-controls #relay-play{flex-basis:100%}.story-grid{grid-template-columns:1fr;gap:30px}.flow-map{position:relative;top:auto;padding:22px;box-shadow:5px 6px 0 var(--mint)}.flow-nodes{grid-template-columns:1fr 1fr;gap:12px}.flow-node{grid-template-columns:1fr;padding:12px;gap:6px}.flow-node strong{font-size:15px}.flow-node small{grid-column:1;font-size:12px}.flow-node::after{display:none}.flow-heading{font-size:11px;gap:12px}.story-step{min-height:0;padding:38px 0}.story-step h3{font-size:28px}.story-step>p:last-child{font-size:16px}.featured-section h2,.connection-story h2{font-size:42px}.relay-window{touch-action:pan-y}.relay-slide a{width:fit-content}}
@media(prefers-reduced-motion:reduce){.relay-track{transform:none!important;display:grid}.relay-slide{border-bottom:1px solid var(--line)}.relay-controls{display:none}.relay-orbit,.relay-orbit span{animation:none}.flow-map{position:relative;top:auto}.flow-node{transition:none}}
.relay-slide[aria-hidden="true"] .relay-orbit,.relay-slide[aria-hidden="true"] .relay-orbit span{animation-play-state:paused}
@media(max-width:1100px){nav{height:auto;min-height:78px;flex-wrap:wrap;gap:12px;padding-block:16px}.nav-links{flex-wrap:wrap;gap:8px 20px}}