@font-face{font-family:Cormorant;src:url('assets/fonts/cormorant-garamond-latin-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap}@font-face{font-family:Sora;src:url('assets/fonts/sora-latin-wght-normal.woff2') format('woff2');font-weight:100 800;font-display:swap}
:root{--ink:#292f34;--muted:#56616a;--ground:#e8eaeb;--serif:Cormorant,Georgia,serif;--sans:Sora,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:13px var(--sans);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0;font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid #476574;outline-offset:7px}.skip{position:fixed;top:8px;left:8px;z-index:20;padding:14px;background:var(--ink);color:white;transform:translateY(-150%)}.skip:focus{transform:none}header{position:absolute;top:0;width:100%;height:90px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{font:22px var(--serif);letter-spacing:.19em;white-space:nowrap}.brand small{font:7px var(--sans);letter-spacing:.17em;margin-left:10px}.nav-link{font-size:11px;padding:16px 0}.hero{height:100svh;min-height:660px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fafbfb 0%,#edf0f1 38%,#dce1e4 100%);display:flex;align-items:center;justify-content:center;padding:105px 30px 100px}.field{position:absolute;inset:0;pointer-events:none}.field svg{width:100%;height:100%;opacity:.7}.network{fill:none;stroke:#7e929f;stroke-width:.65}.track{opacity:.35}.faint{opacity:.13}.signal{stroke:#5d798b;stroke-width:1.3;stroke-dasharray:100 1900;stroke-dashoffset:2000;animation:flow 3.7s cubic-bezier(.25,.4,.3,1) .1s both}.s2{animation-delay:.6s}.hero-content{position:relative;text-align:center;width:100%;max-width:1340px}.opening-note{font-size:10px;letter-spacing:.13em;color:#667580;margin-bottom:50px}h1{position:relative;font-family:var(--serif);font-size:clamp(65px,12vw,190px);line-height:1.05;letter-spacing:.105em;padding-left:.105em;white-space:nowrap}.reserve{visibility:hidden}.typed{position:absolute;left:50%;transform:translateX(-50%);padding-left:.105em}.typed::after{content:'';position:absolute;width:1px;background:#596d7a;height:.6em;top:.24em;margin-left:3px;opacity:0}.running .typed::after{animation:blink .7s step-end infinite}.labs{font-size:10px;letter-spacing:.5em;padding-left:.5em;margin-top:15px}.promise{margin-top:58px}.promise h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,47px);letter-spacing:-.015em}.promise>p{color:var(--muted);font-size:12px;line-height:1.95;margin-top:17px}.discover{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);text-align:center;font-size:10px;letter-spacing:.04em;display:flex;flex-direction:column;gap:19px;align-items:center;padding:12px}.discover span{height:35px;width:1px;background:linear-gradient(#7d929f,transparent)}.replay{position:absolute;right:5%;bottom:42px;background:none;border:0;font-size:9px;color:var(--muted);padding:14px 0}.replay span{margin-left:10px;font-size:14px}.entering .labs,.entering .promise{animation:reveal 1.3s 1.25s both}.entering .opening-note{animation:reveal 1s both}.work{position:relative;overflow:hidden;background:linear-gradient(#dce1e4,#eef0f1 400px,#eef0f1 75%,#e3e7e9)}.spine{position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(#93a5af70,transparent 160px,transparent 86%,#93a5af50);pointer-events:none}.work-intro{text-align:center;padding:160px 24px 100px;position:relative}.kicker{font-size:10px;letter-spacing:.09em;color:var(--muted)}.work-intro h2{font:clamp(42px,5vw,76px)/1.03 var(--serif);letter-spacing:-.025em;margin:29px 0}.work-intro>p:last-child{font-size:12px;line-height:1.9;color:var(--muted)}.chapter{max-width:1220px;margin:auto;min-height:420px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:13%;padding:60px 65px}.chapter-visual{position:relative}.chapter-visual svg{width:100%;overflow:visible}.diagram{fill:none;stroke:#7b909d;stroke-width:1}.diagram .secondary{stroke:#9dabb3;stroke-width:.5}.diagram .filled{fill:#798f9c;stroke:#edf0f1;stroke-width:2}.diagram-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:var(--muted)}.chapter-copy h3{font:46px/1.03 var(--serif);letter-spacing:-.025em;margin:23px 0}.chapter-copy>p:last-child{font-size:12px;color:var(--muted);line-height:1.95;max-width:350px}.reverse .chapter-visual{grid-column:2;grid-row:1}.reverse .chapter-copy{grid-column:1;grid-row:1}.closing{text-align:center;padding:140px 24px 115px;position:relative;background:linear-gradient(transparent,#e3e7e9 60%)}.closing>p:nth-child(2){font:clamp(40px,5vw,72px)/1.04 var(--serif);letter-spacing:-.025em;margin:30px 0}.closing a{display:inline-block;font-size:10px;border-bottom:1px solid #96a4ac;padding:14px 0;margin-top:20px}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e3e7e9;border-top:1px solid #c6ced2}footer>span:nth-child(2){font:22px var(--serif)}footer>small{font-size:9px;color:var(--muted)}@keyframes flow{0%{stroke-dashoffset:2000;opacity:0}15%{opacity:.9}85%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}@keyframes blink{50%{opacity:1}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){header{height:78px;padding:0 24px}.brand{font-size:19px}.brand small{font-size:6px;margin-left:7px}.hero{min-height:650px;padding:95px 15px 105px}h1{font-size:12.1vw;letter-spacing:.075em;padding-left:.075em}.typed{padding-left:.075em}.opening-note{font-size:9px;letter-spacing:.06em;margin-bottom:38px}.labs{font-size:8px;margin-top:20px}.promise{margin-top:48px}.promise h2{font-size:33px}.promise>p{font-size:11px;max-width:280px;margin:18px auto 0}.desktop-break{display:none}.field svg{width:170%;max-width:none;margin-left:-35%;opacity:.55}.replay{bottom:16px;font-size:8px;right:24px}.discover{bottom:43px;font-size:9px}.discover span{height:25px}.work-intro{padding:110px 24px 45px}.work-intro h2{font-size:43px}.work-intro>p:last-child{font-size:11px;max-width:315px;margin:auto}.chapter{display:flex;flex-direction:column-reverse;gap:24px;padding:46px 30px;min-height:0;align-items:stretch}.chapter-copy h3{font-size:40px;margin:18px 0}.chapter-copy>p:last-child{font-size:11px;max-width:none}.chapter-visual{max-width:420px;width:100%;margin:auto}.chapter-visual svg{max-height:180px}.diagram-labels{font-size:8px;margin-top:-8px}.closing{padding:90px 24px 80px}.closing>p:nth-child(2){font-size:42px}footer{display:grid;grid-template-columns:1fr auto;padding:30px 24px;gap:22px}footer>span:nth-child(2){grid-column:1/-1;grid-row:2;font-size:20px}footer>small{font-size:8px}.spine{opacity:.3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.signal{display:none}.typed::after{display:none}}
h1{width:max-content;margin:auto}.typed{left:0;transform:none}.field svg{opacity:.85}.track{opacity:.55}.faint{opacity:.2}.chapter.seen .diagram path{stroke-dasharray:1000;animation:trace 2.8s ease-out both}@keyframes trace{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
/* V0.3: one connected operating story. */
.hero-content{padding-top:6px}.hero h1{font-weight:400}.promise{margin-top:54px}.hero .network .track{animation:align-field 1.7s .3s both}.hero .signal{animation-duration:2.4s}.hero .s2{animation-delay:.15s}.entering .labs{animation:reveal 1s 1.55s both}.entering .promise{animation:reveal 1.3s 2.05s both}.work{view-timeline-name:--operating-story;view-timeline-axis:block}.story-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none}.thread-base{stroke:#a7b5bd;stroke-width:.6;opacity:.45}.thread-progress{stroke:#768f9f;stroke-width:1;opacity:.65}.thread-branches path{stroke:#9eafb9;stroke-width:.7;opacity:.55}.thread-branches circle{fill:#edf0f1;stroke:#8a9fac;stroke-width:1}.chapter{position:relative;min-height:570px;gap:16%;padding-top:75px;padding-bottom:75px}.chapter-copy{position:relative}.chapter-copy h3{font-size:48px}.chapter-copy>p:last-child,.chapter-copy>p:not(.kicker){font-size:13px;line-height:1.9;color:var(--muted)}.chapter-visual{position:relative}.diagram{stroke-width:.85}.diagram-labels{font-size:9px;line-height:1.6;gap:22px}.evidence{margin-top:28px;padding-top:19px;border-top:1px solid #a8b7c14d;max-width:355px}.evidence-label{font-size:9px;color:#5d707c;letter-spacing:.035em}.evidence blockquote{font:25px/1.15 var(--serif);margin:14px 0}.evidence p{font-size:11px;line-height:1.85;color:var(--muted);margin-top:12px}.review-toggle{display:flex;gap:20px;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid #97a8b266;padding:16px 0;font-size:10px;text-align:left;min-height:46px}.review-toggle span{font-size:17px;transition:transform .2s}.review-toggle[aria-expanded=true] span{transform:rotate(45deg)}.portfolio{position:relative;padding:100px 6% 120px;background:linear-gradient(#eef0f100,#e4e9ec 35%,#e4e9ec);text-align:center}.portfolio-intro{max-width:780px;margin:auto;position:relative}.portfolio-intro h2{font:clamp(43px,5vw,76px)/1.03 var(--serif);letter-spacing:-.025em;margin:28px 0}.portfolio-intro>p:last-child{font-size:12px;color:var(--muted);line-height:1.8}.portfolio-visual{max-width:1100px;margin:45px auto 60px}.portfolio-visual svg{width:100%;display:block;overflow:visible}.portfolio-paths{fill:none;stroke:#7d929f;stroke-width:1}.portfolio-paths .origin-dot{fill:#738c9d;stroke:#f3f5f6;stroke-width:3}.business{stroke-width:.8}.business-labels{display:grid;grid-template-columns:repeat(3,1fr);padding:0 4%;font-size:10px;color:var(--muted);gap:16px}.portfolio-copy{max-width:770px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;text-align:left;font-size:12px;line-height:1.95;color:var(--muted)}.illustrative{margin-top:38px;font-size:9px;color:#64717a;line-height:1.7}.portfolio.seen .branch{stroke-dasharray:700;animation:spread 1.8s ease-out both}.portfolio.seen .branch-b{animation-delay:.15s}.portfolio.seen .branch-c{animation-delay:.3s}.portfolio.seen .business{animation:business-arrives 1.1s .75s both}.portfolio.seen .business-b{animation-delay:.95s}.portfolio.seen .business-c{animation-delay:1.15s}.closing{background:linear-gradient(#e4e9ec,#e3e7e9);padding-top:80px}.work-intro{padding-bottom:60px}.work-intro>p:last-child{font-size:13px}.spine{height:180px;background:linear-gradient(#839aaa8a,transparent)}@keyframes spread{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}@keyframes business-arrives{from{opacity:0}to{opacity:1}}@keyframes align-field{from{opacity:0;transform:translateY(-7px)}to{opacity:.55;transform:none}}
@supports(animation-timeline:view()){.thread-progress{stroke-dasharray:1;animation:thread-grow linear both;animation-timeline:--operating-story;animation-range:entry 30% exit 75%}@keyframes thread-grow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}}
@media(max-width:700px){.hero-content{padding-top:0}.promise{margin-top:48px}.chapter{min-height:0;padding:45px 30px 45px 46px;gap:28px}.chapter-copy h3{font-size:40px}.chapter-copy>p:not(.kicker){font-size:12px}.evidence p{font-size:11px}.evidence blockquote{font-size:25px}.story-thread{opacity:.7}.portfolio{padding:85px 25px 85px}.portfolio-intro h2{font-size:43px}.portfolio-intro>p:last-child{font-size:11px;max-width:270px;margin:auto}.portfolio-visual{margin:30px -9px 40px}.portfolio-paths{stroke-width:1.7}.portfolio-paths .business{stroke-width:1.5}.business-labels{font-size:8px;line-height:1.8;padding:0;gap:20px}.portfolio-copy{grid-template-columns:1fr;gap:20px;font-size:12px;text-align:left}.illustrative{font-size:8px;margin-top:25px}.work-intro>p:last-child{font-size:12px}.closing{padding-top:65px}}
@media(prefers-reduced-motion:reduce){.thread-progress{stroke-dashoffset:0!important}.chapter .diagram path,.portfolio .branch{stroke-dashoffset:0!important}.business{opacity:1!important}}