/* WATCHPOINT V1.2: source marks, fitted receivers, convergence and connected account routes. */
.wp-header{--header-paper:var(--wp-paper);--header-ink:var(--wp-ink);background:var(--header-paper);color:var(--header-ink);transition:background .32s,color .32s,border-color .32s}
.wp-brand{flex-direction:row;align-items:center;gap:13px;width:259px}
.wp-brand-symbol{position:relative;display:block;flex:0 0 37px;height:37px}
.wp-brand-text{display:flex;flex-direction:column;gap:8px;width:209px}
.wp-brand-wordmark{display:block;position:relative;width:100%;height:23px}
.wp-brand-caption{font:6.5px Arial,sans-serif;letter-spacing:.18em;opacity:.6;white-space:nowrap}
.wp-brand .brand-version{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .3s}
.brand-paper{opacity:0}
.wp-header .wp-brand>span{font:inherit;letter-spacing:normal;padding:0;opacity:1}
.wp-brand-symbol{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.wp-brand:is(:hover,:focus-visible) .wp-brand-symbol{transform:rotate(12deg)}
html[data-wp-theme=dark] .wp-header{--header-paper:#0b1220;--header-ink:#f5faf7;border-color:#f5faf728}
html[data-wp-theme=blue] .wp-header{--header-paper:#2d7bff;--header-ink:#f5faf7;border-color:#f5faf740}
html[data-wp-theme=dark] .brand-paper,html[data-wp-theme=blue] .brand-paper{opacity:1}
html[data-wp-theme=dark] .brand-ink,html[data-wp-theme=blue] .brand-ink{opacity:0}
html[data-wp-theme=blue] .header-progress{background:var(--wp-paper)}
.hero-wordmark-art{display:block;width:min(100%,1480px);height:auto;max-height:140px}
.hero-wordmark{padding-bottom:29px}
.hero-art .orbit-grid:before,.december-art .orbit-grid:before{transform:rotate(-45deg);opacity:.06}
.orbit-grid i{opacity:.08}.orbit-grid i:nth-child(2){border-style:solid;opacity:.05}
.static-orbit{width:86%;height:86%;aspect-ratio:auto;left:7%;border:0;box-shadow:none;transform:translateY(-50%);background:none}
.static-orbit:before,.static-orbit:after{display:none}
.static-symbol{display:block;width:100%;height:100%}
.december-art .static-orbit{background:radial-gradient(circle,#0b122025,transparent 69%)}
.community-art{--station-turn:-45deg;--station-strength:.7;--receiver-height:clamp(240px,27vw,480px);height:var(--receiver-height)}
.receiver-frame{position:relative;width:min(100%,var(--receiver-height));aspect-ratio:1;display:grid;place-items:center}
.emblem-disc{width:68%;box-shadow:0 10px 30px #0002;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
/* Frame each source's actual artwork, rather than scaling its padded export canvas. */
.community-emblem{display:block;width:100%;height:100%;aspect-ratio:1}
.emblem-fries{background:#2a2a2a}
.port-ring{width:92%;border-color:#87b4ff32}
.port-ring:before{inset:9%;border-style:solid;border-color:#87b4ff28}
.port-ring:after{display:none}
.station-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,transparent 245deg,#2d7bff08 283deg,#2d7bff38 315deg,transparent 316deg);transform:rotate(var(--station-turn));opacity:var(--station-strength)}
.station-axis{position:absolute;left:0;top:50%;width:100%;height:1px;background:linear-gradient(90deg,#2d7bff90,transparent 22%,transparent 78%,#2d7bff90);transform:rotate(-45deg)}
.station-node{position:absolute;width:7px;height:7px;top:14%;right:14%;border-radius:50%;background:#2d7bff;box-shadow:0 0 16px #2d7bff80;opacity:var(--station-strength)}
html[data-wp-webgl=true] .station-sweep{opacity:.16}
.community-index>span:first-child{font-size:18px;font-family:Arial,sans-serif;font-weight:400}
.community-name{padding-bottom:22px}
.community-network{position:relative;height:190px;margin-top:18px;--network-progress:1;--lock-progress:1;--lock-echo:0}
.community-network .network-routes{display:block;width:100%;height:100%;overflow:visible}
.community-network path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.network-base path{stroke:#87b4ff24}
.network-flow path,.mobile-route-flow{stroke:#70aaff;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--path-progress,var(--network-progress)));opacity:.85}
.network-packets circle,.mobile-packet{fill:#dbeaff;opacity:0}
.network-mobile{display:none}
.network-junction{position:absolute;width:52px;height:52px;left:50%;top:77.5%;transform:translate(-50%,-50%);display:grid;place-items:center}
.junction-ring,.junction-echo{position:absolute;inset:0;border:1px solid #87b4ff;border-radius:50%;opacity:calc(.18 + var(--lock-progress)*.65);transform:scale(calc(.7 + var(--lock-progress)*.3))}
.junction-echo{opacity:var(--lock-echo);transform:scale(calc(1 + var(--lock-progress)*1.15))}
.network-junction>span{width:8px;height:8px;background:#b8d5ff;border-radius:50%;box-shadow:0 0 calc(var(--lock-echo)*30px) #87b4ff;opacity:calc(.25 + var(--lock-progress)*.75)}
.community-network>.network-caption{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font:9px Arial,sans-serif;letter-spacing:.12em;color:#8ca8cd;white-space:nowrap}
.network-caption b{font-weight:400;color:#c8ddff}
.community-foot{margin-top:54px}
.signal-type{font-size:36px}
.follow-accounts{position:relative;margin-top:24px;--broadcast-progress:1;--channel-0:0;--channel-1:0;--channel-2:0}
.follow-grid{position:relative;z-index:6}
.account-channel{min-width:0;display:flex;flex-direction:column;--channel-active:var(--channel-0)}
.account-channel[data-channel="1"]{--channel-active:var(--channel-1)}
.account-channel[data-channel="2"]{--channel-active:var(--channel-2)}
.account-channel .account-link{flex:1}
.follow-signal{height:145px;flex:none}
.follow-signal:before{width:58px;height:58px;border:1px solid #2d7bff70;background:var(--wp-paper);transform:translate(-50%,-50%) scale(calc(1 + var(--channel-active)*.12));box-shadow:0 0 0 calc(var(--channel-active)*5px) #2d7bff10;transition:transform .3s,box-shadow .3s}
html[data-wp-webgl=true] .follow-signal:before{opacity:1}
.follow-signal:after{content:'';position:absolute;width:5px;height:5px;background:var(--wp-blue);border-radius:50%;top:calc(50% - 2px);left:calc(50% + 27px);transform:scale(calc(1 + var(--channel-active)*.6));transition:transform .3s}
.follow-signal>span{font:13px Arial,sans-serif;padding:7px;color:var(--wp-blue)}
.signal-connector{position:absolute;left:50%;top:50%;bottom:0;width:1px;background:#2d7bff40;z-index:-1}
.follow-circuit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}
.follow-circuit path{fill:none;vector-effect:non-scaling-stroke;stroke-width:1;stroke-linejoin:round}
.circuit-base path{stroke:#2d7bff26}
.circuit-flow path{stroke:#2d7bff80;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--broadcast-progress))}
.circuit-active path{stroke:#2d7bff;stroke-width:2;opacity:var(--channel-0);transition:opacity .25s}
.circuit-active [data-route="1"]{opacity:var(--channel-1)}
.circuit-active [data-route="2"]{opacity:var(--channel-2)}
.circuit-origin{fill:#2d7bff}
html:not([data-wp-ready]) .follow-circuit{display:none}
.follow-accounts:has([data-channel="0"] .account-link:focus-visible){--channel-0:1}
.follow-accounts:has([data-channel="1"] .account-link:focus-visible){--channel-1:1}
.follow-accounts:has([data-channel="2"] .account-link:focus-visible){--channel-2:1}
.account-link:before{transform:scaleX(0);transform-origin:left}
.account-link:is(:hover,:focus-visible):before{transform:scaleX(1)}
.hero-description,.section-intro p{font-size:clamp(14px,1.05vw,17px);line-height:1.9}
.section-intro p>span{opacity:.72}
.date-note,.december-foot>p{font-size:14px;line-height:1.9}
.date-note{opacity:1}
.account-bottom{font-size:12px;line-height:1.7}
.follow-note{font-size:12px;opacity:.72}
.chapter-nav{background:#0b1220ef;color:var(--wp-paper);border-color:#f5faf724;box-shadow:0 8px 30px #0001}
.chapter-nav>a{color:inherit}
html:not([data-wp-ready]) .chapter-nav{display:none}
html[data-wp-theme=blue] .chapter-nav{background:#1650aaec;border-color:#f5faf73c}
html[data-wp-theme=blue] .chapter-nav>a[aria-current]{background:var(--wp-paper);color:var(--wp-blue)}
@media(hover:hover){
 .community:hover .emblem-disc{transform:scale(1.015)}.community:hover .station-node{box-shadow:0 0 23px #2d7bff;opacity:1}
 .follow-accounts:has([data-channel="0"] .account-link:hover){--channel-0:1}
 .follow-accounts:has([data-channel="1"] .account-link:hover){--channel-1:1}
 .follow-accounts:has([data-channel="2"] .account-link:hover){--channel-2:1}
}
@media(min-width:761px) and (max-height:780px){.hero-wordmark-art{max-height:94px}.hero-wordmark{padding-bottom:22px}}
@media(min-width:761px) and (max-width:1100px){.community-art{--receiver-height:25vw}.account-bottom{font-size:11px}}
@media(max-width:760px){
 .wp-brand{gap:9px;width:180px}.wp-brand-symbol{flex-basis:28px;height:28px}.wp-brand-text{width:143px;gap:5px}.wp-brand-wordmark{height:16px}.wp-brand-caption{font-size:4.6px;letter-spacing:.13em}
 .hero-wordmark-art{max-height:none}.hero-wordmark{padding-bottom:24px}
 .hero-description,.section-intro p,.date-note,.december-foot>p{font-size:14px}
 .hero-description br{display:block}.hero-description{line-height:1.8}
 .community-grid{position:relative;padding-left:22px;--community-progress:1;gap:30px}
 .community-grid:before,.community-grid:after{content:'';position:absolute;left:0;top:25px;width:1px;height:calc(100% - 25px);background:#87b4ff28}
 .community-grid:after{background:#70aaff;transform-origin:top;transform:scaleY(var(--community-progress))}
 .community-index:before{content:'';position:absolute;left:-25px;top:22px;width:7px;height:7px;border:1px solid #87b4ff;background:var(--wp-ink);border-radius:50%;z-index:1}
 .community-art{--receiver-height:clamp(260px,73vw,400px)}
 .emblem-disc{width:68%}.port-ring{width:92%}
 .community-name h3{font-size:33px}.community-name{padding-top:0;padding-bottom:22px}
 .community-network{height:100px;margin-top:0}.community-network>.network-caption{font-size:7.5px;bottom:-24px;letter-spacing:.05em}.community-foot{margin-top:52px}
 .network-base,.network-flow,.network-packets{display:none}.network-mobile{display:block}.mobile-route-base{stroke:#87b4ff28}
 .network-junction{width:36px;height:36px}
 .follow-accounts{margin-top:30px}.follow-grid{gap:18px}.account-channel{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px}
 .follow-signal{height:auto}.follow-signal:before{width:28px;height:28px}.follow-signal:after{width:4px;height:4px;left:calc(50% + 12px)}.follow-signal>span{font-size:10px;padding:0}
 .signal-connector{left:50%;right:-14px;top:50%;bottom:auto;height:1px;width:auto}
 .account-channel .account-link{padding:20px 17px}.account-link h3{font-size:32px}.account-top{font-size:9px;gap:8px}.account-bottom{font-size:11px;gap:10px}.follow-note{font-size:11px;margin-left:46px}
 .december-foot{align-items:flex-start;flex-direction:column;gap:12px}.december-foot .arrow-link{max-width:none;font-size:12px;gap:24px}
 .communities,.december{padding-bottom:78px}
}
@media(max-width:380px){.wp-brand{width:160px;gap:8px}.wp-brand-symbol{flex-basis:25px;height:25px}.wp-brand-text{width:127px}.wp-brand-wordmark{height:14px}.wp-brand-caption{font-size:4px;letter-spacing:.12em}}
html[data-event-motion=reduced] .wp-brand-symbol,html[data-event-motion=reduced] .emblem-disc{transform:none!important}
html[data-event-motion=reduced] .network-packets,html[data-event-motion=reduced] .mobile-packet{display:none}
