/* A quiet header opens into a full-screen typographic navigation. */
.site-header,.site-header.is-scrolled{position:sticky;top:0;z-index:40;transform:none;background:#000}
.header-inner{min-height:98px;flex-wrap:nowrap}
.menu-toggle{display:none}
.js .menu-toggle,.js .menu-close{display:flex;align-items:center;gap:20px;min-height:48px;padding:12px 19px;color:var(--white);background:none;border:1px solid #ffffff42;border-radius:28px;font:inherit;font-size:12px;cursor:pointer}
.menu-toggle:hover,.menu-close:hover{background:#ffffff12;border-color:var(--blue)}
.menu-mark{position:relative;width:24px;height:8px;border-block:1px solid currentColor;display:block}
.menu-overlay[hidden]{display:none!important}
.js .menu-overlay{position:fixed;inset:0;z-index:50;overflow:auto;background:#10151d;color:var(--white);overscroll-behavior:contain;animation:menu-in 360ms var(--motion-ease) both}
.menu-sheet{min-height:100%;display:flex;flex-direction:column;padding-block:25px 30px}
.menu-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.09em;color:var(--blue)}
.menu-close{display:none}
.menu-close>span{width:19px;height:19px;position:relative}
.menu-close>span::before,.menu-close>span::after{content:"";position:absolute;top:9px;left:0;width:20px;height:1px;background:currentColor;transform:rotate(45deg)}
.menu-close>span::after{transform:rotate(-45deg)}
.main-nav,.js .main-nav,.js .main-nav.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1;justify-content:center;padding:35px 0;width:100%}
.main-nav a,.js .main-nav.is-open a{display:block;width:fit-content;border:0;margin:0;padding:6px 0;min-height:0;font-size:clamp(30px,5.4vw,76px);font-weight:600;letter-spacing:-.055em;line-height:1.18}
.main-nav a::after{display:none}
.main-nav a:hover{color:var(--blue)}
.menu-bottom{display:flex;align-items:center;gap:40px;border-top:1px solid #ffffff30;padding-top:22px;font-size:12px;line-height:1.8}
.menu-bottom p{margin-right:auto;color:var(--blue)}
.menu-bottom a{padding-block:9px}
.menu-open{overflow:hidden}
@keyframes menu-in{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
html:not(.js) .header-inner{flex-wrap:wrap}
html:not(.js) .menu-overlay{width:100%}
html:not(.js) .menu-sheet{padding:0;min-height:0}
html:not(.js) .menu-heading,html:not(.js) .menu-bottom{display:none}
html:not(.js) .main-nav{flex-direction:row;flex-wrap:wrap;gap:15px;padding:10px 0 25px}
html:not(.js) .main-nav a{font-size:14px}

/* The motto stays readable; the moving poster names the work behind it. */
.company-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;padding-block:64px 58px;align-items:center}
.company-hero h1{font-size:clamp(55px,6.7vw,96px);text-transform:none;line-height:1.03;letter-spacing:-.065em}
.hero-introduction{max-width:440px;padding-top:30px;display:block}
.hero-introduction .hero-description{font-size:17px;margin:0;line-height:1.7;color:var(--ice)}
.hero-introduction .hero-actions{margin-top:17px}
.hero-introduction .hero-actions .text-link{font-size:11px;min-height:44px;border-bottom:1px solid #7d92b675;text-transform:none;letter-spacing:0;color:var(--white)}
.hero-motion{min-width:0;position:relative}
.kinetic-poster{height:475px;position:relative;overflow:hidden;isolation:isolate;color:var(--ice);background:#090e16;border:1px solid #7d92b61f;border-radius:3px}
.poster-orbit{position:absolute;inset:0 -90px;display:flex;flex-direction:column;justify-content:center;transform:rotate(-13deg);font-size:clamp(65px,8vw,116px);font-weight:700;line-height:1.04;letter-spacing:-.065em;opacity:.62}
.poster-orbit>span{display:block;white-space:nowrap;align-self:center;color:transparent;-webkit-text-stroke:1px #7d92b661}
.poster-orbit>span:nth-child(2){opacity:.3}
.connection-orbit{width:390px;height:390px;position:absolute;border:1px solid #7d92b640;border-radius:50%;left:50%;top:50%;margin:-195px 0 0 -195px;transform:rotate(-30deg)}
.connection-orbit::before,.connection-orbit::after{content:"";position:absolute;width:7px;height:7px;background:var(--blue);border-radius:50%;left:calc(50% - 3px);top:-4px;box-shadow:0 0 22px #7d92b6}
.connection-orbit::after{top:auto;bottom:-4px;width:5px;height:5px;background:var(--ice)}
.orbit-two{width:520px;height:520px;margin:-260px 0 0 -260px;opacity:.35}
.poster-band{position:absolute;inset:36% -3% auto;padding:21px 0 14px;background:var(--blue);color:var(--black);transform:rotate(-8deg);overflow:hidden;z-index:2;box-shadow:0 14px 40px #0005}
.poster-prefix{display:block;font-size:9px;font-weight:600;letter-spacing:.14em;line-height:1;text-align:center;margin-bottom:6px}
.poster-window{height:92px;overflow:hidden}
.poster-words{display:flex;flex-direction:column;will-change:transform}
.poster-words>span{height:92px;flex:0 0 92px;display:flex;align-items:center;justify-content:center;font-size:clamp(31px,4.25vw,61px);font-weight:700;letter-spacing:-.065em;white-space:nowrap}
.poster-progress{width:70px;height:2px;background:#0002;margin:7px auto 0;overflow:hidden}
.poster-progress i{display:block;height:100%;background:var(--black);transform:scaleX(.05);transform-origin:left}
.poster-bottom{position:absolute;left:26px;right:26px;bottom:25px;z-index:3;font-size:10px;line-height:1.7;letter-spacing:.015em;color:var(--blue)}
.poster-line{display:block;height:1px;background:#7d92b640;margin-top:15px}
.motion-toggle,.monitor-motion-toggle{display:none;min-height:36px;padding:7px 0;background:none;color:var(--blue);font:inherit;font-size:10px;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.motion-toggle{margin:8px 0 0 auto}
.js .motion-toggle{display:block}
.motion-toggle:hover,.monitor-motion-toggle:hover{color:var(--white)}
@keyframes brand-words{0%,23%{transform:translateY(0)}33%,56%{transform:translateY(-92px)}66%,89%{transform:translateY(-184px)}100%{transform:translateY(-276px)}}
@keyframes brand-drift{0%,100%{transform:translateX(-15px)}50%{transform:translateX(20px)}}
@keyframes brand-orbit{to{transform:rotate(330deg)}}
@keyframes brand-progress{0%{transform:scaleX(0)}78%,100%{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 .poster-words{animation:brand-words 12s cubic-bezier(.65,0,.25,1) infinite}
 .poster-orbit>span{animation:brand-drift 10s ease-in-out infinite}
 .poster-orbit>span:nth-child(2){animation-direction:reverse}
 .poster-orbit>span:nth-child(3){animation-delay:-3s}
 .connection-orbit{animation:brand-orbit 28s linear infinite}
 .orbit-two{animation-direction:reverse;animation-duration:36s}
 .poster-progress i{animation:brand-progress 4s ease-in-out infinite}
 .hero-motion:not(.loop-visible) *,.hero-motion.loop-paused *{animation-play-state:paused!important}
}
/* Section titles stand on their own, without numbered category kickers. */
.company::before,.reach::before,.projects::before,.contact::before{display:none}
.business-field{grid-template-columns:1fr}
.numbers{gap:26px;margin-bottom:20px}
.numbers dd{font-size:clamp(28px,3.12vw,45px);letter-spacing:-.065em}
.metric-period{font-size:11px;line-height:1.8;max-width:890px}
.reach-details{margin-top:36px;border-top:1px solid #0006}
.reach-details details{border-bottom:1px solid #0006}
.reach-details summary{position:relative;list-style:none;cursor:pointer;display:flex;align-items:center;gap:24px;padding:21px 38px 21px 0;font-size:17px;font-weight:600}
.reach-details summary::-webkit-details-marker{display:none}
.reach-details summary>span{font-size:11px;font-weight:400;margin-left:auto}
.reach-details summary::before,.reach-details summary::after{content:"";width:14px;height:1px;position:absolute;right:0;top:50%;background:currentColor}
.reach-details summary::after{transform:rotate(90deg);transition:transform 200ms}
.reach-details details[open] summary::after{transform:rotate(0)}
.detail-content{max-width:920px;padding:5px 0 25px}
.detail-content table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.65;font-variant-numeric:tabular-nums}
.detail-content caption{text-align:left;font-size:11px;padding:0 0 17px}
.detail-content th,.detail-content td{padding:13px 10px;border-bottom:1px solid #0003;text-align:right}
.detail-content th:first-child{text-align:left;padding-left:0;font-weight:400}
.detail-content th:last-child,.detail-content td:last-child{padding-right:0}
.detail-content thead th{font-size:11px;font-weight:600}
.detail-content tfoot th,.detail-content tfoot td{font-weight:700}
.detail-content p{font-size:11px;line-height:1.9;margin-top:20px;max-width:800px}
.channel-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:44px 0 30px}
.channel-numbers dd{font-size:clamp(29px,3.5vw,45px);font-weight:600;letter-spacing:-.06em;margin:0 0 10px}
.channel-numbers dt{font-size:12px;line-height:1.7}

/* An editorial monitor with distinct public, beta and development states. */
.project-monitor{background:var(--black);color:var(--white);padding:0 22px;border:1px solid var(--black)}
.monitor-top,.monitor-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;line-height:1.6;letter-spacing:.035em;padding:21px 4px}
.monitor-top{text-transform:uppercase}
.monitor-top>span:last-child,.monitor-footer{color:var(--blue)}
.monitor-divider{margin-inline:9px;color:var(--blue)}
.monitor-tabs{display:none;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--line-light)}
.monitor-ready .monitor-tabs{display:grid}
.monitor-tabs>button{position:relative;display:block;text-align:left;border:0;border-right:1px solid var(--line-light);background:transparent;color:var(--white);padding:21px 18px;cursor:pointer;transition:background 230ms ease,color 230ms ease}
.monitor-tabs>button:last-child{border-right:0}
.monitor-tabs>button::after{position:absolute;content:"";bottom:-1px;height:3px;left:0;right:0;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 380ms var(--motion-ease)}
.monitor-tabs>button[aria-selected=true]{background:#7d92b626}
.monitor-tabs>button[aria-selected=true]::after{transform:scaleX(1)}
.monitor-tabs>button:hover{background:#7d92b61a}
.monitor-tabs>button:focus-visible{outline-offset:-5px;outline:2px solid var(--blue)}
.monitor-number{display:block;font-size:9px;color:var(--blue);margin-bottom:13px}
.monitor-tab-name{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.025em}
.monitor-tab-name small{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:10px;font-weight:400;letter-spacing:0;color:var(--ice)}
.status-dot{position:relative;display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--blue);flex:0 0 auto}
.status-dot.live{color:#35b976;background:currentColor}
.status-dot.live::after{content:"";position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%;opacity:.4}
.status-dot.beta{background:none;border:1px solid currentColor}
.status-dot.beta::after{content:"";position:absolute;inset:2px;background:currentColor;border-radius:50%}
.status-dot.work{background:none;border:1px solid #7d92b65c;border-top-color:currentColor;border-right-color:currentColor}
.project-status{display:inline-flex;align-items:center;gap:12px;font-size:11px;line-height:1.5;letter-spacing:.01em;text-transform:none;font-weight:600}
.project-status .status-dot{background:currentColor}
.project-status .status-dot.beta,.project-status .status-dot.work{background:none}
.monitor-screen{margin-top:22px;position:relative;overflow:hidden;overflow:clip;background:var(--ice);color:var(--black)}
.project-monitor .project-deck,.motion-enabled .project-monitor .project-deck{height:auto}
.project-monitor .project-panel,.motion-enabled .project-monitor .project-panel{position:relative;top:auto;width:100%;margin:0;min-height:570px;transform:none;opacity:1;padding:42px;grid-template-columns:minmax(0,1fr) minmax(0,1.48fr);gap:42px}
.project-monitor .project-panel[hidden]{display:none!important}
.project-monitor .community-project.project-panel{color:var(--white)}
.project-monitor .project-panel:not([hidden]){animation:monitor-enter 520ms var(--motion-ease) both}
.project-monitor .project-copy,.project-monitor .project-figure,.project-monitor .community-copy{min-width:0}
.project-monitor .project-panel .project-figure{opacity:1!important}
.project-monitor .project-panel .mask-inner,.project-monitor .project-panel .motion-copy{opacity:1!important;transform:none!important}
.project-monitor .project-panel h3{font-size:clamp(24px,2.35vw,34px)}
.project-monitor .project-kicker{margin-bottom:26px;gap:10px}
.preview-controls{display:none;gap:18px;margin-bottom:13px}
.monitor-ready .preview-controls{display:flex}
.preview-controls button{background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;min-height:34px;font-size:10px;cursor:pointer;color:#3c485b}
.preview-controls button[aria-pressed=true]{border-bottom-color:var(--black);color:var(--black)}
.project-monitor .warning-image img{aspect-ratio:1.44;object-fit:cover;object-position:top}
.project-monitor .warning-image.show-website img{aspect-ratio:1.44;object-fit:contain;background:white}
.project-monitor .project-figure.preview-changed img{animation:preview-enter 500ms var(--motion-ease) both}
.monitor-footer{padding-block:12px;font-size:9px;letter-spacing:0}
.monitor-selection{font-variant-numeric:tabular-nums;white-space:nowrap}
.monitor-ready .monitor-motion-toggle{display:block;white-space:nowrap;font-size:9px}
.concept-visual{position:relative;min-width:0;align-self:center;padding:24px;background:#dae2ed;overflow:hidden}
.concept-caption{font-size:12px;font-weight:600;position:relative;z-index:1}
.concept-visual>p{font-size:10px;border-top:1px solid #0002;padding-top:17px;position:relative;z-index:1}
.connection-diagram,.track-diagram{position:relative;margin:20px 0}
.connection-diagram svg,.track-diagram svg{width:100%;height:auto;display:block;overflow:visible}
.connection-diagram svg circle{fill:#667da1}
.connection-diagram .diagram-halo{fill:none;stroke:#667da15c;stroke-width:1}
.diagram-path{stroke:#657faa;stroke-width:1.5}
.diagram-label{position:absolute;font-size:9px;background:#dae2ed;padding:4px}
.label-one{top:33%;left:4%}.label-two{top:9%;right:6%}.label-three{bottom:5%;right:4%}
.diagram-core{position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);font-size:9px;color:#fff;font-weight:600}
.project-monitor .project-livetrack{background:#101721;color:var(--white)}
.project-livetrack .beta-note{color:var(--ice)}
.tracking-concept{background:#182330;color:var(--blue)}
.tracking-concept>p{border-color:#7d92b63d}
.track-grid{stroke:#7d92b615;stroke-width:1}
.track-base{stroke:#7d92b646;stroke-width:2}
.track-motion{stroke:#b5c8e8;stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:0}
.track-diagram circle{fill:var(--blue)}
.track-mark{position:absolute;left:5%;top:7%;font-size:32px;line-height:.97;letter-spacing:-.065em;font-weight:700;opacity:.35}
@keyframes monitor-enter{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes preview-enter{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes status-pulse{0%{transform:scale(.55);opacity:.65}85%,100%{transform:scale(1.5);opacity:0}}
@keyframes status-work{to{transform:rotate(360deg)}}
@keyframes beta-breathe{50%{opacity:.35}}
@keyframes route-draw{0%,12%{stroke-dashoffset:1;opacity:.3}72%,87%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:no-preference){
 .status-dot.live::after{animation:status-pulse 2.8s ease-out infinite}
 .status-dot.work{animation:status-work 3.5s linear infinite}
 .status-dot.beta::after{animation:beta-breathe 3s ease-in-out infinite}
 .diagram-halo{transform-origin:50% 57%;animation:status-pulse 4s ease-out infinite}
 .track-motion{animation:route-draw 6s ease-in-out infinite}
 .project-monitor:not(.loop-visible) :is(.status-dot,.diagram-halo,.track-motion),.project-monitor:not(.loop-visible) .status-dot::after,.project-monitor.loop-paused :is(.status-dot,.diagram-halo,.track-motion),.project-monitor.loop-paused .status-dot::after{animation-play-state:paused!important}
}
@media(max-width:1100px){
 .company-hero{gap:40px}.company-hero h1{font-size:7.1vw}
 .kinetic-poster{height:430px}.poster-window{height:92px}
 .project-monitor{padding-inline:17px}.monitor-tabs>button{padding:20px 12px}.monitor-tab-name{font-size:14px}.monitor-tab-name small{font-size:9px}
 .project-monitor .project-panel,.motion-enabled .project-monitor .project-panel{padding:32px;gap:30px;min-height:540px}
}
@media(max-width:800px){
 .header-inner{min-height:86px}.brand img{width:112px}
 .company-hero{grid-template-columns:1.1fr 1fr;gap:30px;padding-block:45px}.company-hero h1{font-size:7.2vw}
 .hero-introduction{padding-top:25px}.hero-introduction .hero-description{font-size:14px}
 .kinetic-poster{height:370px}.poster-orbit{font-size:76px}.poster-words>span{font-size:30px}.poster-prefix{font-size:8px}.poster-bottom{font-size:9px;left:17px;right:17px}
 .connection-orbit{width:290px;height:290px;margin:-145px 0 0 -145px}.orbit-two{width:420px;height:420px;margin:-210px 0 0 -210px}
 .numbers{gap:30px}.numbers dd{font-size:40px}
 .project-monitor .project-panel,.motion-enabled .project-monitor .project-panel{grid-template-columns:1fr;gap:28px;min-height:0;padding:30px}
 .project-monitor .community-project.project-panel{grid-template-columns:1fr 1.2fr}
 .monitor-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-tabs>button{border-bottom:1px solid var(--line-light);padding:16px}.monitor-tabs>button:nth-child(3){border-right:0}
 .monitor-number{display:none}.monitor-tab-name{font-size:15px}
 .project-monitor .project-panel h3{font-size:30px}.project-monitor .project-panel .project-figure figcaption{display:flex}
 .concept-visual{max-width:500px;width:100%;margin:auto}
}
@media(max-width:600px){
 .header-inner{min-height:82px}.js .menu-toggle,.js .menu-close{font-size:11px;padding:10px 14px;min-height:44px;gap:16px}
 .menu-sheet{padding-block:19px 25px;min-height:100svh}.menu-heading{font-size:10px}
 .main-nav a,.js .main-nav.is-open a{font-size:clamp(27px,7.5vw,44px);padding-block:11px}
 .menu-bottom{gap:10px 25px;flex-wrap:wrap;font-size:11px;padding-top:18px}.menu-bottom p{width:100%;margin:0}
 .company-hero{display:grid;grid-template-columns:1fr;gap:26px;padding:34px 0 25px}.company-hero .hero-copy{display:block}
 .company-hero h1{font-size:clamp(46px,13.8vw,78px);line-height:1.02}.hero h1>span+span{margin-top:0}
 .hero-introduction{padding-top:23px}.hero-introduction .hero-description{font-size:15px;line-height:1.65;margin:0}.hero-introduction .hero-actions{margin-top:9px}
 .hero-motion{width:100%;max-width:460px;margin-inline:auto}.kinetic-poster{height:320px}
 .poster-orbit{font-size:76px}.poster-words>span{font-size:clamp(30px,8.4vw,46px)}.poster-band{top:32%;padding-top:18px}.poster-prefix{font-size:8px}
 .poster-bottom{bottom:21px}.motion-toggle{margin-top:4px;min-height:38px}
 .hero-bottom{font-size:11px;padding-block:19px}
 .numbers{gap:28px 16px}.numbers dd{font-size:clamp(23px,6.7vw,38px)}.numbers dt{font-size:11px}.metric-period{font-size:10px}
 .reach-details{margin-top:28px}.reach-details summary{display:block;font-size:15px;padding-block:18px}.reach-details summary>span{display:block;margin-top:5px;font-size:10px}
 .detail-content table{font-size:11px}.detail-content th,.detail-content td{padding:10px 5px}.detail-content thead th{font-size:9px}.detail-content p{font-size:10px}
 .channel-numbers{grid-template-columns:1fr;gap:21px;margin-top:30px}.channel-numbers>div{display:grid;grid-template-columns:1fr 1.1fr;gap:15px;align-items:center}.channel-numbers dd{font-size:30px;margin:0}.channel-numbers dt{font-size:11px}
 .project-monitor{padding-inline:11px}.monitor-top{font-size:8px;display:block;padding:16px 3px;line-height:1.8}.monitor-top>span{display:block}
 .monitor-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-tabs>button{padding:15px 10px;min-height:81px}.monitor-tabs>button:nth-child(3){border-right:1px solid var(--line-light)}.monitor-tabs>button:nth-child(even){border-right:0}.monitor-tabs>button:last-child{grid-column:1/-1}
 .monitor-tab-name{font-size:13px}.monitor-tab-name small{font-size:9px;line-height:1.5;margin-top:9px}.monitor-tabs>button:last-child .monitor-tab-name{display:flex;align-items:center;justify-content:space-between;gap:12px}.monitor-tabs>button:last-child small{margin:0}
 .monitor-screen{margin-top:12px}.project-monitor .project-panel,.motion-enabled .project-monitor .project-panel{padding:25px 18px;gap:25px}
 .project-monitor .project-panel h3{font-size:clamp(20px,6.2vw,28px)}.project-monitor .project-panel .project-copy>p:not(.project-kicker){font-size:14px}
 .project-monitor .project-copy>.text-link{font-size:10px}.project-monitor .project-kicker{margin-bottom:22px}.project-status{font-size:10px}
 .project-monitor .project-panel .project-figure figcaption{display:block;font-size:9px}
 .project-monitor .warning-image img{aspect-ratio:1/1.1}.project-monitor .warning-image.show-website img{aspect-ratio:600/1056}
 .project-monitor .community-project.project-panel{grid-template-columns:1fr}.project-monitor .community-project.project-panel h3{font-size:28px}
 .monitor-footer{font-size:8px;gap:10px 15px;padding-block:15px;flex-wrap:wrap}.monitor-footer>span:first-child{width:100%}.monitor-motion-toggle{order:3;margin-left:auto;min-height:34px}.monitor-selection{order:2}
 .concept-visual{padding:18px}.concept-caption{font-size:11px}.diagram-label{font-size:7px}.diagram-core{font-size:7px}.track-mark{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
 .js .motion-toggle,.monitor-ready .monitor-motion-toggle{display:none}
 .poster-words,.poster-orbit>span,.connection-orbit,.poster-progress i,.status-dot,.status-dot::after,.diagram-halo,.track-motion{animation:none!important}
 .poster-orbit>span{transform:none}.poster-progress i{transform:scaleX(1)}
 .project-monitor .project-panel,.project-monitor .project-figure img,.menu-overlay{animation:none!important}
}

/* Freestanding connection sculpture on the corporate lavender surface. */
:root{--lavender:#dce0fd}
.site-header,.site-header.is-scrolled{background:var(--lavender);color:var(--black)}
.header-inner{border-color:#0002}
.js .menu-toggle{color:var(--black);border-color:#0005}
.menu-toggle:hover{background:#ffffff4d;border-color:var(--black)}
.hero{background:var(--lavender);color:var(--black)}
.hero::before{background-image:radial-gradient(#7d92b655 .8px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(100deg,transparent 35%,#000 90%);opacity:.55}
.hero::after{inset:0 -10% 0 45%;background:radial-gradient(ellipse at 55% 50%,#e9f1ffcc,transparent 65%)}
.company-hero{gap:75px;padding-block:60px 54px}
.hero .accent{color:var(--black)}
.hero .accent .mask-inner{position:relative}
.hero .accent .mask-inner::after{content:"";display:block;width:70%;height:2px;margin-top:12px;background:linear-gradient(90deg,var(--blue),transparent)}
.hero-introduction .hero-description{color:#202736}
.hero-introduction .hero-actions .text-link{color:var(--black);border-color:#0006}
.hero-bottom{color:#303745}.hero-bottom::before{background:#0003}
.hero .motion-toggle{color:#303745}
.hero .motion-toggle:hover{color:var(--black)}
.kinetic-poster{height:475px;background:none;border:0;border-radius:0;overflow:visible;isolation:auto}
.connection-sphere{position:absolute;inset:0;width:100%;height:100%;stroke:var(--blue);stroke-width:.9;opacity:.65;filter:drop-shadow(0 0 9px #ffffff);transform:rotate(-8deg)}
.connection-orbit{width:400px;height:250px;margin:-125px 0 0 -200px;border-color:#7d92b66b;transform:rotate(-30deg)}
.orbit-two{width:540px;height:360px;margin:-180px 0 0 -270px;border-style:dashed;border-color:#7d92b666;opacity:.5}
.connection-orbit::before{width:9px;height:9px;background:#000;box-shadow:0 0 0 6px #7d92b61a,0 0 0 12px #7d92b60d}
.connection-orbit::after{background:var(--blue)}
.poster-orbit{inset:0;transform:none;font-size:0;display:block;opacity:1;pointer-events:none}
.poster-orbit>span{position:absolute;width:6px;height:6px;background:var(--blue);border-radius:50%;left:13%;top:25%;box-shadow:0 0 0 7px #7d92b614}
.poster-orbit>span:nth-child(2){left:auto;right:12%;top:70%;opacity:1;width:9px;height:9px;background:#000}
.poster-orbit>span:nth-child(3){left:30%;top:85%;width:4px;height:4px}
.poster-band{inset:37% -1% auto;background:#000;color:var(--lavender);padding:23px 0 16px;transform:rotate(-9deg);box-shadow:0 25px 45px -28px #30374577}
.poster-words>span{font-size:clamp(31px,4.25vw,61px)}
.poster-prefix{color:var(--blue)}
.poster-progress{background:#7d92b640}.poster-progress i{background:var(--blue)}
.poster-bottom{left:auto;right:3%;bottom:8px;color:#303745;font-size:9px;letter-spacing:.04em}
.poster-line{display:none}
.projects{background:#FFFFFF}
.project-monitor{position:relative;box-shadow:0 28px 60px -35px #53658499}
.monitor-top{position:relative}
.monitor-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.55}
.project-monitor .project-tierkarte{background:var(--lavender)}
.project-tierkarte .concept-visual,.project-tierkarte .diagram-label{background:#e9f1ff}
.timeline-label{color:#303745}
@keyframes sphere-turn{0%,100%{transform:rotate(-8deg) scale(.97)}50%{transform:rotate(8deg) scale(1.025)}}
@keyframes band-float{0%,100%{transform:translateY(-4px) rotate(-9deg)}50%{transform:translateY(4px) rotate(-7deg)}}
@media(prefers-reduced-motion:no-preference){.connection-sphere{animation:sphere-turn 16s ease-in-out infinite}.poster-band{animation:band-float 12s ease-in-out infinite}}
@media(max-width:1100px){.company-hero{gap:45px}.kinetic-poster{height:430px}.connection-orbit{width:330px;height:230px;margin:-115px 0 0 -165px}.orbit-two{width:430px;height:290px;margin:-145px 0 0 -215px}}
@media(max-width:800px){.company-hero{gap:35px;padding-block:45px}.kinetic-poster{height:365px}.connection-orbit{width:260px;height:190px;margin:-95px 0 0 -130px}.orbit-two{width:330px;height:245px;margin:-122px 0 0 -165px}.poster-words>span{font-size:30px}.poster-band{padding-block:16px 12px}.poster-bottom{bottom:0;font-size:8px}}
@media(max-width:600px){.company-hero{gap:18px;padding-block:34px 24px}.kinetic-poster{height:315px}.poster-band{top:33%;left:-2%;right:-2%}.poster-words>span{font-size:clamp(30px,8.4vw,46px)}.hero .accent .mask-inner::after{margin-top:8px}.poster-bottom{right:0;bottom:2px}.hero::before{opacity:.3}.hero-motion{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.connection-sphere,.poster-band{animation:none!important}}

/* Give the new lavender-to-white transition its own breathing room. */
.regions{padding-top:100px}
@media(max-width:1100px){.regions{padding-top:80px}}
@media(max-width:600px){.regions{padding-top:62px}}

.channel-numbers>div{display:flex;flex-direction:column}.channel-numbers dd{order:-1}
@media(max-width:600px){.channel-numbers>div{display:grid}.channel-numbers dd{grid-column:1;grid-row:1}.channel-numbers dt{grid-column:2;grid-row:1}}

/* Type lives directly in the animated network, without a banner or backing plate. */
.poster-band{background:none!important;box-shadow:none!important;color:var(--black);padding:0;inset:40% 0 auto;transform:none;animation:none!important;overflow:visible}
.poster-words>span{font-size:clamp(32px,4.35vw,63px);letter-spacing:-.065em;text-shadow:0 0 28px #dce0fd,0 0 10px #dce0fd}
.connection-sphere{opacity:.5}
.hero-introduction{padding-top:24px}
.monitor-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.monitor-tabs>button:last-child{grid-column:auto}
.monitor-tabs>button:last-child .monitor-tab-name{display:block}
.monitor-tabs>button:last-child small{margin-top:10px}
.monitor-tabs>button:nth-child(3){border-right:1px solid var(--line-light)}
.animal-view-controls{display:none;gap:20px;margin-bottom:14px}
.monitor-ready .animal-view-controls{display:flex}
.animal-view-controls button{font:inherit;font-size:11px;min-height:40px;background:none;color:var(--black);padding:6px 0;border:0;border-bottom:1px solid transparent;cursor:pointer}
.animal-view-controls button[aria-pressed=true]{border-bottom-color:currentColor}
.animal-views{min-width:0;align-self:center}
.animal-views [hidden]{display:none!important}
.animal-beta-heading{padding-bottom:18px}
.animal-beta-heading>p{font-size:11px;margin-top:5px}
.animal-map .concept-visual{max-width:none;background:var(--ice)}
.animal-map .diagram-label{background:var(--ice)}
.animal-map-note{font-size:10px;line-height:1.7;margin-top:14px}
.project-panel .animal-map{padding-top:5px}
.timeline p strong{display:block;font-size:11px;line-height:1.5;letter-spacing:.015em;margin-bottom:6px}

/* A real map language for a fictional search: roads, houses, paths and one dog route. */
.dog-tracking-visual{min-width:0;align-self:center;color:var(--ice)}
.map-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;font-size:12px;line-height:1.5}
.map-caption>span:last-child{color:var(--blue);font-size:10px;white-space:nowrap}
.dog-map{display:block;width:100%;height:auto;background:#e5e9ed;overflow:hidden}
.map-ground{fill:#e5e9ed}
.map-green{fill:#cedbcc}
.map-roads-edge,.map-roads{fill:none;stroke-linejoin:round;stroke-linecap:round}
.map-roads-edge{stroke:#cbd0d4;stroke-width:25}
.map-roads{stroke:#fafbfc;stroke-width:21}
.map-buildings{fill:#c4cbd3;stroke:#b5bec9;stroke-width:1}
.map-footpath{fill:none;stroke:#fafbfc;stroke-width:5;stroke-linecap:round;stroke-dasharray:3 5}
.map-street-labels{fill:#626c78;font:11px Manrope,Arial,sans-serif;letter-spacing:.04em}
.dog-trail-base{fill:none;stroke:#52688624;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.dog-trail{fill:none;stroke:#3c527b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.dog-start{fill:var(--white);stroke:#3c527b;stroke-width:3}
.map-start-label{fill:#263855;font:600 13px Manrope,Arial,sans-serif}
.dog-marker-halo{fill:#7d92b645}
.dog-marker-disc{fill:#101721;stroke:var(--white);stroke-width:2}
.dog-icon{fill:var(--lavender)}
.dog-tracking-visual figcaption{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:17px;align-items:center;font-size:10px;line-height:1.6}
.dog-tracking-visual figcaption>span{display:flex;align-items:center;gap:8px}
.dog-tracking-visual figcaption small{width:100%;font-size:9px;color:var(--blue)}
.trail-swatch{width:18px;height:3px;background:var(--blue);border-radius:2px}
.dog-swatch{width:8px;height:8px;background:var(--lavender);border-radius:50%;box-shadow:0 0 0 3px #7d92b633}

/* People appear first; connections visibly grow around them. */
.project-monitor .community-project.project-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.48fr)}
.project-panel .community-copy>p:not(.project-kicker){margin-top:22px}
.people-network{align-self:center;min-width:0;padding-inline:15px}
.people-network svg{display:block;width:100%;height:auto;overflow:visible}
.community-orbit{fill:none;stroke:#7d92b61f;stroke-width:1;stroke-dasharray:2 9}
.community-edges{fill:none;stroke:var(--blue);stroke-width:1.2;opacity:.75}
.community-edges path{stroke-dasharray:1;stroke-dashoffset:0}
.person-disc{fill:#263246;stroke:#7d92b659;stroke-width:1}
.person-head,.person-body{fill:var(--lavender)}
.person-2 .person-disc,.person-5 .person-disc{fill:#7d92b6}
.person-2 .person-head,.person-2 .person-body,.person-5 .person-head,.person-5 .person-body{fill:#101721}
.community-center{fill:var(--lavender)}
.center-people{fill:#101721}
.people-network figcaption{text-align:center;color:var(--blue);font-size:12px;line-height:1.8}
@keyframes people-join{0%,8%{opacity:.22;transform:scale(.86)}35%,85%{opacity:1;transform:scale(1)}100%{opacity:.22;transform:scale(.86)}}
@keyframes people-connect{0%,10%{stroke-dashoffset:1;opacity:.15}42%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.15}}
@media(prefers-reduced-motion:no-preference){
 .community-person{animation:people-join 10s ease-in-out var(--join-delay,0s) infinite;transform-box:fill-box;transform-origin:center}
 .community-edges path{animation:people-connect 10s ease-in-out var(--join-delay,0s) infinite}
 .project-monitor:not(.loop-visible) :is(.community-person,.community-edges path),.project-monitor.loop-paused :is(.community-person,.community-edges path){animation-play-state:paused!important}
}
@media(max-width:1100px){.monitor-tab-name{font-size:15px}.project-monitor .project-livetrack{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}}
@media(max-width:800px){
 .poster-words>span{font-size:30px}
 .monitor-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .monitor-tabs>button:nth-child(even){border-right:0}.monitor-tabs>button:nth-child(3){border-right:1px solid var(--line-light)}
 .project-monitor .project-livetrack,.project-monitor .community-project.project-panel{grid-template-columns:1fr}
 .dog-tracking-visual{max-width:620px;width:100%;margin-inline:auto}
 .people-network{max-width:520px;width:100%;margin-inline:auto;padding:0}
 .people-network figcaption{font-size:11px}
}
@media(max-width:600px){
 .poster-words>span{font-size:clamp(28px,8.5vw,45px)}.poster-band{inset:37% 0 auto}
 .monitor-tabs>button:last-child{grid-column:auto}.monitor-tabs>button:last-child .monitor-tab-name{display:block}.monitor-tabs>button:last-child small{margin-top:9px}
 .monitor-tab-name{font-size:13px}.monitor-tab-name small{align-items:flex-start;min-height:27px}.monitor-tab-name small .status-dot{margin-top:1px}
 .animal-view-controls{gap:15px}.animal-view-controls button{font-size:10px}
 .animal-beta-heading .project-status{font-size:10px}.animal-beta-heading>p{font-size:10px}
 .map-caption{display:block;font-size:11px}.map-caption>span{display:block}.map-caption>span:last-child{margin-top:4px;font-size:9px}
 .dog-tracking-visual{margin-inline:-7px;width:calc(100% + 14px);max-width:none}
 .dog-tracking-visual figcaption{gap:10px 15px;font-size:9px}
 .dog-tracking-visual figcaption small{font-size:8px}
 .project-panel .community-copy>p:not(.project-kicker){font-size:14px}
 .timeline p strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.community-person,.community-edges path{animation:none!important;opacity:1;transform:none;stroke-dashoffset:0}}

/* Nine concrete chapters; vertical page scrolling moves the desktop timeline. */
.timeline-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:48px}
.timeline-heading .timeline-label{margin:0}
.timeline-position{font-size:11px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#425b82;display:none}
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 40px;border:0}
.timeline li{min-width:0;padding-top:28px;border-top:1px solid var(--line)}
.timeline::before,.timeline::after{display:none}
.timeline li::before{top:-5px}
.timeline .timeline-year{font-size:clamp(52px,6vw,84px);line-height:1.05}
.timeline p{max-width:none;font-size:13px;line-height:1.75;margin-top:0}
.timeline .timeline-date{font-size:11px;margin:13px 0 25px;letter-spacing:.01em;color:#425b82}
.timeline h3{font-size:22px;line-height:1.2;letter-spacing:-.045em;max-width:285px;margin-bottom:16px}
.timeline .timeline-description{max-width:290px;font-size:13px;line-height:1.8}
.timeline-source-note{font-size:10px;color:#425b82;margin-top:36px;line-height:1.8}
.community-facts{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;margin:30px 0 0}
.community-facts>div{display:flex;flex-direction:column}
.community-facts dt{font-size:10px;line-height:1.65;color:var(--ice)}
.community-facts dd{order:-1;font-size:30px;line-height:1.2;color:var(--lavender);margin:0 0 9px;letter-spacing:-.04em}
.project-panel .community-copy>.community-facts-note{font-size:9px!important;line-height:1.7!important;color:var(--blue)!important;margin-top:18px!important}
@media(min-width:801px) and (min-height:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .motion-enabled .timeline-pin{min-height:560px;padding-top:35px}
 .motion-enabled .timeline-position{display:block}
 .motion-enabled .timeline-viewport{overflow:hidden;overflow:clip;padding-top:6px}
 .motion-enabled .timeline{display:flex;width:max-content;gap:50px;transform:translate3d(var(--timeline-x,0px),0,0);will-change:transform}
 .motion-enabled .timeline li{flex:0 0 315px;width:315px;opacity:1!important;transform:none!important}
 .motion-enabled .timeline li::before{background:var(--blue)}
 .motion-enabled .timeline .timeline-year{font-size:82px}
 .motion-enabled .timeline-source-note{margin-top:38px}
}
@media(max-width:800px){
 .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}
 .timeline-heading{margin-bottom:36px}
 .timeline .timeline-year{font-size:62px}
 .timeline h3{font-size:21px}
 .community-facts{max-width:400px}
}
@media(max-width:600px){
 .timeline{display:block;border:0;border-left:1px solid var(--line);padding-left:25px}
 .timeline li{padding:0 0 48px;border:0;opacity:1!important;transform:none!important}
 .timeline li::before{top:12px}
 .timeline .timeline-year{font-size:54px}
 .timeline .timeline-date{margin:10px 0 18px;font-size:10px}
 .timeline h3{font-size:22px;max-width:270px;margin-bottom:12px}
 .timeline .timeline-description{font-size:13px;line-height:1.85;max-width:none}
 .community-facts{gap:18px}
 .community-facts dd{font-size:27px}
 .community-facts dt{font-size:9px}
}

/* Only the recorded part is shown, without suggesting a predetermined search route. */
.dog-trail-base{display:none}

/* Compact opening; the company history is told in the timeline. */
.company-hero{padding-block:48px 40px}
.kinetic-poster{height:430px}
@media(max-width:1100px){.kinetic-poster{height:380px}}
@media(max-width:800px){.company-hero{padding-block:35px}.kinetic-poster{height:335px}}
@media(max-width:600px){.company-hero{padding-block:28px 20px;gap:14px}.kinetic-poster{height:280px}}

/* A growing human network gives the brand motto a literal visual counterpart. */
.hero-network{display:block;width:100%;height:100%;overflow:visible}
.hero-network-guides{stroke:#7d92b63d;stroke-width:1;stroke-dasharray:2 6}
.hero-connection-lines{stroke:var(--blue);stroke-width:1.5;stroke-linecap:round}
.hero-connection-lines path{stroke-dasharray:1;stroke-dashoffset:0}
.hero-person-disc{fill:var(--ice);stroke:#7d92b669;stroke-width:1.25}
.hero-person-head,.hero-person-body{fill:#27354b}
.hero-person.blue .hero-person-disc{fill:var(--blue);stroke:var(--blue)}
.hero-center-halo{fill:#7d92b614;stroke:#7d92b626;stroke-width:1}
.hero-center-disc{fill:#000}
.hero-center-people{fill:var(--lavender)}
@keyframes hero-person-join{0%,5%{opacity:.18;transform:scale(.8)}24%,82%{opacity:1;transform:scale(1)}100%{opacity:.18;transform:scale(.8)}}
@keyframes hero-connect{0%,6%{stroke-dashoffset:1;opacity:.15}30%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.15}}
@keyframes hero-center-breathe{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@media(prefers-reduced-motion:no-preference){
 .hero-person{animation:hero-person-join 14s ease-in-out var(--join-delay,0s) infinite both;transform-box:fill-box;transform-origin:center}
 .hero-connection-lines path{animation:hero-connect 14s ease-in-out var(--join-delay,0s) infinite both}
 .hero-center-halo{animation:hero-center-breathe 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
}
@media(prefers-reduced-motion:reduce){.hero-person,.hero-connection-lines path,.hero-center-halo{animation:none!important;transform:none;opacity:1;stroke-dashoffset:0}}

/* The network total leads; each platform remains a distinct, traceable metric. */
.network-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:44px}
.network-numbers>.network-total{grid-column:1/-1;flex-direction:row;align-items:center;gap:48px;padding:27px 0 18px}
.network-numbers .network-total dd{font-size:clamp(100px,12.4vw,178px);line-height:1.05;letter-spacing:-.065em;flex:1;margin:0}
.network-numbers .network-total dt{font-size:clamp(22px,2.2vw,30px);line-height:1.35;flex:0 1 350px}
.network-total dt small{display:block;margin-top:17px;font-size:12px;line-height:1.7}
.network-numbers>div:not(.network-total) dd{font-size:clamp(38px,5.1vw,72px);margin-bottom:12px}
.network-numbers>div:not(.network-total) dt{font-size:20px;font-weight:600;line-height:1.4}
.network-numbers dt>span{display:block;font-size:12px;font-weight:400;line-height:1.7;margin-top:8px;max-width:230px}
.network-groups{display:flex;align-items:center;gap:25px;margin:40px 0 23px;font-size:13px;line-height:1.7}
.network-groups strong{font-size:34px;letter-spacing:-.055em;font-weight:600;line-height:1.1}
.reach .numbers-note{max-width:920px}
.reach-details .detail-content table:not(:first-child){margin-top:30px}
@media(max-width:800px){
 .network-numbers{gap:28px 20px}
 .network-numbers>.network-total{gap:28px}
 .network-numbers .network-total dd{font-size:clamp(80px,13vw,110px)}
 .network-numbers .network-total dt{font-size:20px;flex-basis:230px}
 .network-total dt small{font-size:10px;margin-top:12px}
 .network-numbers>div:not(.network-total) dd{font-size:clamp(30px,5.8vw,46px)}
 .network-numbers>div:not(.network-total) dt{font-size:17px}
}
@media(max-width:600px){
 .network-numbers{gap:25px 13px;margin-top:32px}
 .network-numbers>.network-total{flex-direction:column;align-items:flex-start;gap:15px;padding:22px 0 5px}
 .network-numbers .network-total dd{font-size:clamp(74px,21.4vw,122px);flex:none}
 .network-numbers .network-total dt{font-size:22px;flex:none}
 .network-total dt small{font-size:11px;margin-top:10px}
 .network-numbers>div:not(.network-total) dd{font-size:clamp(25px,7.2vw,42px);margin-bottom:10px}
 .network-numbers>div:not(.network-total) dt{font-size:13px}
 .network-numbers dt>span{font-size:10px;line-height:1.65;margin-top:7px}
 .network-groups{gap:17px;font-size:11px;margin-top:28px}
 .network-groups strong{font-size:30px}
 .reach-details .detail-content th,.reach-details .detail-content td{padding-inline:6px;font-size:12px}
 .reach-details .detail-content th:first-child{padding-left:0}
 .reach-details .detail-content th:last-child,.reach-details .detail-content td:last-child{padding-right:0}
}

/* One shared year leads the scrolling chapters; static layouts group each year once. */
.timeline-heading{align-items:center;margin-bottom:32px}
.timeline-heading .timeline-label{font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1.2;color:var(--black)}
.timeline-era{display:none}
.timeline{display:block;width:auto;max-width:none;border:0;padding:0;transform:none}
.timeline li{position:relative;width:auto;margin:0;padding:0 0 38px 205px;border:0;opacity:1!important;transform:none!important}
.timeline li.year-start:not(:first-child){margin-top:22px}
.timeline li::before{top:6px;left:165px;width:10px;height:10px;background:var(--blue)}
.timeline li:not(:last-child)::after{content:"";position:absolute;left:169px;top:16px;bottom:0;width:1px;background:#7d92b645}
.timeline .timeline-year{display:none}
.timeline .year-start>.timeline-year{display:block;position:absolute;left:0;top:-11px;font-size:64px;line-height:1;letter-spacing:-.065em;color:#425b82}
.timeline .timeline-date{font-size:11px;letter-spacing:.025em;line-height:1.7;margin:0 0 12px;color:#425b82}
.timeline h3{font-size:24px;line-height:1.25;max-width:480px;margin-bottom:12px}
.timeline .timeline-description{font-size:14px;line-height:1.8;max-width:540px}
@media(min-width:801px) and (min-height:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .motion-enabled .timeline-pin{padding-top:0;min-height:0}
 .motion-enabled .timeline-heading{margin-bottom:20px}
 .motion-enabled .timeline-era{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:30px}
 .timeline-current-year{font-size:clamp(96px,9.5vw,140px);font-weight:600;line-height:1;letter-spacing:-.075em;color:#425b82;font-variant-numeric:tabular-nums}
 .timeline-journey{width:320px;max-width:40%;margin-bottom:15px}
 .timeline-years{display:flex;justify-content:space-between;gap:16px;margin-bottom:15px;font-size:11px;color:#626b7a;font-variant-numeric:tabular-nums}
 .timeline-years .is-active{color:var(--black);font-weight:700}
 .timeline-progress{height:2px;background:#7d92b635;overflow:hidden}
 .timeline-progress i{display:block;width:100%;height:100%;background:#425b82;transform:scaleX(var(--chapter-progress,0));transform-origin:left}
 .motion-enabled .timeline-viewport{padding-top:10px;padding-bottom:10px}
 .motion-enabled .timeline{display:flex;gap:50px;width:max-content;transform:translate3d(var(--timeline-x,0px),0,0)}
 .motion-enabled .timeline li{margin:0;padding:26px 0 0;border-top:1px solid #7d92b64d;transition:border-color 200ms}
 .motion-enabled .timeline li.year-start:not(:first-child){margin-top:0}
 .motion-enabled .timeline li::before{top:-6px;left:0;width:11px;height:11px;background:#b8c5d9;transition:background 200ms,box-shadow 200ms}
 .motion-enabled .timeline li::after{display:none}
 .motion-enabled .timeline .timeline-year{display:none}
 .motion-enabled .timeline h3{max-width:290px;font-size:24px;color:#535c69;transition:color 200ms}
 .motion-enabled .timeline .timeline-description{max-width:295px;font-size:13px;color:#404653}
 .motion-enabled .timeline li.is-active{border-top-color:#425b82}
 .motion-enabled .timeline li.is-active::before{background:#425b82;box-shadow:0 0 0 5px var(--lavender)}
 .motion-enabled .timeline li.is-active h3{color:var(--black)}
 .motion-enabled .timeline-source-note{margin-top:22px}
}
@media(max-width:600px){
 .timeline-heading{margin-bottom:35px}
 .timeline-heading .timeline-label{font-size:26px}
 .timeline li{padding:0 0 34px 25px}
 .timeline li::before{left:0;top:8px}
 .timeline li:not(:last-child)::after{left:4px;top:18px}
 .timeline li.year-start:not(:first-child){margin-top:12px}
 .timeline .year-start>.timeline-year{position:static;font-size:48px;margin-bottom:23px}
 .timeline .timeline-date{font-size:11px;margin:0 0 10px}
 .timeline h3{font-size:22px;max-width:330px}
 .timeline .timeline-description{font-size:13px}
}


/* Community input gathers at the brand; light then spreads through a layered audience. */
.people-hero{pointer-events:none}
.people-hero::before{content:"";position:absolute;left:-3%;right:-8%;top:41%;height:62%;pointer-events:none;background-image:linear-gradient(#7d92b630 1px,transparent 1px),linear-gradient(90deg,#7d92b630 1px,transparent 1px);background-size:32px 32px;transform:perspective(500px) rotateX(66deg) rotateZ(-15deg);mask-image:radial-gradient(ellipse,#0008,transparent 68%)}
.broadcast-network{position:relative;z-index:1;transform:scale(1.08);transform-origin:center;overflow:visible}
.broadcast-dust{fill:#7d92b6;opacity:.4}
.broadcast-links path{stroke:#7890b5;stroke-width:.8;opacity:.3}
.broadcast-links path[data-kind=input]{stroke:#4d6c9a;stroke-width:1;opacity:.5}
.broadcast-signal{stroke:#ffffff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:.09 .91;opacity:0;filter:drop-shadow(0 0 3px #799bda)}
.broadcast-waves ellipse{fill:none;stroke:#ffffff;stroke-width:1.4;filter:drop-shadow(0 0 3px #9cb4e0)}
.broadcast-member{opacity:.8}
.broadcast-disc{fill:url(#broadcast-glass);stroke:#ffffffb3;stroke-width:1.2;filter:drop-shadow(0 5px 7px #425b8238)}
.broadcast-member.blue .broadcast-disc{fill:url(#broadcast-blue)}
.broadcast-person{fill:#304766}
.broadcast-member.blue .broadcast-person{fill:#f4f8ff}
.broadcast-rim{fill:none;stroke:#ffffff;stroke-width:1;opacity:.35}
.broadcast-receive{fill:none;stroke:#789ace;stroke-width:1.3;filter:drop-shadow(0 0 3px #ffffff)}
.broadcast-hub-disc{fill:#f0f4ff;stroke:#ffffff;stroke-width:1.8;filter:drop-shadow(0 10px 22px #536f9a50)}
.broadcast-hub-ring{fill:none;stroke:#94aed7;stroke-width:1;stroke-dasharray:52 12 2 12;opacity:.3}
.broadcast-hub-rim{fill:none;stroke:#ffffff;stroke-width:1.5;stroke-dasharray:130 12 45 12;filter:drop-shadow(0 0 4px #ffffff)}
.broadcast-hub image{filter:none}
.broadcast-packet rect{fill:#ffffff;stroke:#6483b5;stroke-width:.9;filter:drop-shadow(0 2px 4px #425b825c)}
.broadcast-packet path{fill:none;stroke:#425b82;stroke-width:1.2;stroke-linecap:round}
.broadcast-packet .packet-glow{fill:#b0c8f4;opacity:.35}
.broadcast-packet .packet-light{fill:#ffffff;stroke:#8da9d5;stroke-width:.7;filter:drop-shadow(0 0 5px #ffffff)}
@media(min-width:1101px){.company-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px}.kinetic-poster.people-hero{height:490px}}
@media(max-width:600px){.kinetic-poster.people-hero{height:300px}.broadcast-network{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.broadcast-packets,.broadcast-signals,.broadcast-waves{display:none}}


/* Final polish: preserve the approved composition and movement. */
.brand img{width:148px}
.js .menu-toggle{border:0;border-radius:0;padding:12px 0 12px 18px;gap:16px;background:transparent}
.js .menu-toggle:hover{background:transparent;color:#425b82}
.network-numbers .network-total dt{font-size:clamp(22px,2vw,28px);flex-basis:360px}
.monitor-tab-name small{font-size:10px;letter-spacing:.025em;line-height:1.7}
.project-status{letter-spacing:.035em;font-size:10px}
.monitor-tabs>button[aria-selected=true]:hover{background:#7d92b626}
.monitor-footer .monitor-motion-toggle{margin:0}
.monitor-footer .monitor-selection{margin-left:auto}
.project-copy>.project-benefit{font-weight:600;font-size:22px;line-height:1.4}
.region-bridge{display:flex;align-items:center;gap:22px;margin-top:35px;color:#425b82;font-size:10px;letter-spacing:.065em;text-transform:uppercase}
.region-bridge i{position:relative;height:1px;flex:1;background:linear-gradient(90deg,#7d92b6,#7d92b62b)}
.region-bridge i::before,.region-bridge i::after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#7d92b6}
.region-bridge i::before{left:0}.region-bridge i::after{right:0;background:var(--lavender);border:1px solid #7d92b6}
.timeline-controls{display:flex;align-items:center;gap:28px}
.timeline-hint{display:none;font-size:10px;letter-spacing:.04em;color:#626b7a}
.timeline-hint.is-used{visibility:hidden}
.timeline-viewport:focus-visible{outline:2px solid #425b82;outline-offset:7px}
.founder-line{justify-content:flex-start;margin-top:38px}
.founder-line>a{font-size:14px;letter-spacing:-.015em;border-bottom:1px solid #7d92b660;gap:12px}
@media(min-width:801px) and (min-height:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .motion-enabled .timeline-hint{display:block}
}
@media(max-width:800px){html{scroll-padding-top:108px}.network-numbers .network-total dt{flex-basis:250px;font-size:20px}}
@media(max-width:600px){
 .brand img{width:126px}
 .js .menu-toggle{min-height:44px;font-size:11px;padding:10px 0 10px 15px;gap:14px}
 .network-numbers .network-total dt{flex:none;font-size:22px}
 .region-bridge{gap:12px;font-size:8px;letter-spacing:.025em;margin-top:28px}
 .founder-line>a{font-size:12px;gap:8px}
}

/* Polish 2: strengthen the existing visual language, retaining the saved fallback. */
:root{--header-height:98px;--header-offset:calc(var(--header-height) + 24px);--blue-ink:#637da3;--amber:#db9f36}
html{scroll-padding-top:var(--header-offset)}
.site-header .header-inner{transition:min-height 220ms ease}
.site-header .brand{transition:padding 220ms ease}
.site-header .brand img{transition:width 220ms ease}
.site-header.is-scrolled .header-inner{min-height:72px}
.site-header.is-scrolled .brand{padding-block:10px}
.site-header.is-scrolled .brand img{width:112px}
.project-panel{scroll-margin-top:12px}
.company-hero h1,.hero .accent{color:#151b25}
.hero .hero-connect .mask-inner{color:var(--blue-ink);font-weight:600;letter-spacing:-.065em}
.hero-copy{position:relative;z-index:2}
.company-intro{align-items:start}
.company-intro>p{align-self:start;margin-top:0}
.business-field .text-link{gap:9px}
.network-groups{align-items:center;max-width:650px;padding-top:26px;border-top:1px solid #0003}
.network-groups>p{font-size:15px;line-height:1.6}
.network-groups>p>span{display:block;font-size:12px;font-weight:400;margin-top:3px}
.status-dot.beta,.status-dot.work,.project-status .status-dot.beta,.project-status .status-dot.work{color:var(--amber);background:currentColor;border:0;animation:none}
.status-dot.beta::after,.status-dot.work::after{content:"";position:absolute;inset:-4px;background:none;border:1px solid currentColor;border-radius:50%;opacity:.4}
.project-monitor .project-animals{background:var(--ice);color:var(--black)}
.project-monitor .project-animals .project-copy{color:var(--black)}
.project-monitor .project-animals .animal-image img{aspect-ratio:1.44;object-fit:contain;object-position:top;background:#fff}
.project-monitor .project-animals .project-status,.animal-beta-heading .project-status{color:#28364a}
.cluster-network{display:block;width:100%;height:auto;overflow:visible}
.cluster-fields ellipse{fill:#7d92b60c;stroke:#7d92b61c;stroke-width:1}
.cluster-links path{stroke:#7d92b6;stroke-width:1;opacity:.48;stroke-dasharray:1;stroke-dashoffset:0}
.cluster-links .cluster-bridge{stroke:#c5d3ed;stroke-width:1.2;opacity:.62}
.cluster-disc{fill:#26364d;stroke:#7d92b68c;stroke-width:1}
.cluster-body{fill:#dce0fd}
.cluster-person:nth-child(4n) .cluster-disc{fill:#92a5c4}
.cluster-person:nth-child(4n) .cluster-body{fill:#101721}
.community-build{padding:0}
.community-build figcaption{font-size:11px;letter-spacing:.03em;margin-top:14px}
.timeline-years button{appearance:none;background:none;border:0;color:inherit;font:inherit;padding:6px 0;min-height:32px;cursor:pointer}
.timeline-years button:hover{color:var(--black)}
.timeline-years button:focus-visible{outline-offset:3px}
.contact{padding-block:84px 80px}
.footer-signature{display:block;width:196px;height:auto;margin:0 0 42px}
.contact h2{font-size:clamp(72px,9.4vw,136px);line-height:.97;letter-spacing:-.065em}
.contact h2>.text-mask{display:block}
.contact h2 .mask-inner{padding-bottom:.08em}
.contact-layout{margin-top:65px;gap:100px}
.contact-direct>p{max-width:350px}
.contact .contact-email{font-size:clamp(25px,3vw,43px)}
@media(prefers-reduced-motion:no-preference){
 .status-dot.beta::after,.status-dot.work::after{animation:status-pulse 3.8s ease-out infinite}
 .status-dot.work::after{animation-delay:.65s}
 .project-monitor:not(.loop-visible) .status-dot::after,.project-monitor.loop-paused .status-dot::after{animation-play-state:paused!important}
}
@media(min-width:801px){
 .company-intro,.business-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}
 .company-intro h2{font-size:clamp(34px,3.9vw,56px)}
 .company-intro>p{max-width:510px}
}
@media(min-width:1101px){
 .kinetic-poster.people-hero{height:510px}
 .broadcast-network{transform:translateX(30px) scale(1.33);transform-origin:100% 50%}
 .company-hero h1{font-size:clamp(68px,6.45vw,93px)}
}
@media(min-width:801px) and (max-width:1100px){
 .broadcast-network{transform:scale(1.18);transform-origin:95% 50%}
 .company-hero{gap:36px}
}
@media(min-width:801px) and (min-height:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .motion-enabled .timeline-pin{display:grid;grid-template-columns:26% minmax(0,1fr);column-gap:40px;row-gap:0;top:var(--header-offset)}
 .motion-enabled .timeline-heading{grid-column:1/-1;margin-bottom:44px}
 .motion-enabled .timeline-era{grid-column:1;grid-row:2;display:block;margin:0;padding-right:12px;align-self:start}
 .timeline-current-year{font-size:clamp(72px,8.3vw,120px)}
 .timeline-journey{width:100%;max-width:none;margin:30px 0 0}
 .timeline-years{gap:10px;margin-bottom:10px}
 .motion-enabled .timeline-viewport{grid-column:2;grid-row:2;min-width:0;padding-top:10px;align-self:start}
 .motion-enabled .timeline-source-note{grid-column:2;grid-row:3;margin-top:24px}
 .motion-enabled .timeline li{padding-top:25px}
}
@media(max-width:800px){
 :root{--header-height:98px}
 .site-header.is-scrolled .header-inner{min-height:68px}
 .site-header.is-scrolled .brand{padding-block:8px}
 .site-header.is-scrolled .brand img{width:108px}
 .contact-layout{gap:45px}
}
@media(max-width:600px){
 :root{--header-height:83px}
 .network-groups>p{font-size:12px}.network-groups>p>span{font-size:10px}
 .network-groups strong{font-size:29px}
 .project-monitor .project-animals .animal-image img{aspect-ratio:600/823}
 .footer-signature{width:144px;margin-bottom:32px}
 .contact{padding-block:60px 46px}
 .contact h2{font-size:clamp(37px,10.7vw,64px)}
 .contact-layout{margin-top:38px}
 .contact .contact-email{font-size:clamp(20px,5.5vw,26px)}
}
@media(prefers-reduced-motion:reduce){
 .site-header .header-inner,.site-header .brand,.site-header .brand img{transition:none}
 .status-dot.beta::after,.status-dot.work::after{animation:none!important;opacity:.4}
}