@font-face{font-family:AtelierFallback;src:url('assets/instrument-serif.ttf') format('truetype');font-display:swap}
:root{--basalt:#0d0e0c;--slate:#151714;--stone:#ebe6dd;--pewter:#8e8a80;--brass:#c8a96e;--light:#e6d2aa;--patina:#4a6b5d;--line:#c8a96e33;--edge:8vw;--display:'Cormorant Garamond',AtelierFallback,Georgia,serif;--sans:'Plus Jakarta Sans',Arial,sans-serif;--mono:'JetBrains Mono',monospace;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--basalt);color:var(--stone);font:300 14px/1.65 var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased}body::after{content:'';position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23EBE6DD' filter='url(%23n)' opacity='.75' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:#c8a96e40;color:var(--light)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:300;letter-spacing:-.025em;line-height:1.06}em{font-weight:300;color:var(--brass)}.mono{font-family:var(--mono);font-size:10px;font-weight:400;line-height:1.8;letter-spacing:.14em}.eyebrow{color:var(--pewter);display:flex;align-items:center;gap:16px}.crosshair{color:var(--brass);font-size:18px}.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}.skip-link{position:fixed;left:20px;top:10px;z-index:100;background:var(--slate);padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-nav{position:fixed;top:0;left:0;right:0;bottom:auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 4vw;background:linear-gradient(var(--basalt),#0d0e0c00);transition:background .4s,border-color .4s;border-bottom:1px solid transparent}.site-nav.scrolled{background:#0d0e0cee;backdrop-filter:blur(16px);border-color:#ebe6dd0b}.wordmark{font-family:var(--display);font-size:21px;letter-spacing:.2em;display:flex;align-items:center;gap:14px;white-space:nowrap;font-weight:500}.brand-node{width:4px;height:4px;transform:rotate(45deg);background:var(--brass);box-shadow:0 0 8px #c8a96e50}.nav-index{font-size:8px;color:var(--pewter);letter-spacing:.17em}.pill-button{border:1px solid #c8a96e66;border-radius:999px;padding:12px 21px;display:inline-flex;gap:26px;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--stone);font-size:11px;min-height:44px;transition:border-color .3s,background .3s}.pill-button:after{content:'';position:absolute;bottom:0;left:20%;width:60%;height:1px;background:var(--light);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.pill-button:hover{background:#c8a96e0c;border-color:var(--brass)}.pill-button:hover:after{transform:scaleX(1)}.pill-button>span{color:var(--brass);font-size:18px}.continuous-canvas{position:relative;isolation:isolate}#atelier-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.construction-lines{position:absolute;inset:0;pointer-events:none;z-index:-1}.construction-lines i{position:absolute;top:0;bottom:0;width:1px;background:#ebe6dd0a}.construction-lines i:nth-child(1){left:8%}.construction-lines i:nth-child(2){left:50%}.construction-lines i:nth-child(3){left:92%}
.hero{height:100svh;min-height:850px;position:relative;padding:165px var(--edge) 100px}.hero-copy{position:relative;z-index:2;width:52%;max-width:580px}.hero h1{font-size:clamp(44px,4.6vw,74px);margin-top:0;line-height:1.06}.hero-description{max-width:420px;font-size:14px;line-height:1.9;color:var(--pewter);margin-top:22px}.hero-actions{margin-top:22px}.experience-link{display:flex;align-items:center;gap:28px;font-size:12px;width:fit-content}.circle-arrow{width:43px;height:43px;display:grid;place-items:center;border:1px solid #c8a96e50;border-radius:50%;color:var(--brass);font-size:17px;transition:transform .5s var(--ease),background .4s}.experience-link:hover .circle-arrow{transform:translateY(5px);background:#c8a96e12}.hero-footnote{font-size:8px;letter-spacing:.12em;color:#8e8a80;margin-top:28px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--patina);flex:none}.thread-caption{position:absolute;left:68%;top:40%;width:24%;pointer-events:none}.thread-caption>.mono{font-size:8px;color:var(--pewter)}.thread-caption p{font:300 clamp(30px,2.8vw,48px)/1.15 var(--display);margin-top:26px;letter-spacing:-.02em}.thread-caption p em{color:var(--light)}.thread-caption .thread-instruction{display:block;margin-top:42px;font-size:8px;line-height:2;color:#6b6961}.thread-caption svg{width:110px;position:absolute;left:-125px;bottom:-35px;stroke:#8e8a8070;stroke-width:.7;fill:none}.hero-bottom{position:absolute;bottom:32px;left:var(--edge);right:var(--edge);display:flex;align-items:center;justify-content:center;color:#716f66;font-size:8px;letter-spacing:.15em}.scroll-cue{display:flex;align-items:center;gap:14px}.scroll-cue i{display:block;width:1px;height:28px;background:linear-gradient(transparent,var(--brass));transform-origin:top}.scroll-bridge{height:25svh;min-height:170px;position:relative}.scroll-bridge>span{position:absolute;top:38%;left:54%;color:#706e64;font-size:9px;line-height:2.1}.scroll-bridge strong{font-weight:400;color:#b6ab94}
.ecosystem{min-height:860px;height:auto;position:relative;padding:32px var(--edge) 40px;display:flex;flex-direction:column;scroll-margin-top:96px}.ecosystem-heading{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:18%;align-items:end;pointer-events:none}.ecosystem-heading h2{font-size:clamp(42px,4.3vw,67px);margin-top:20px}.ecosystem-intro{max-width:350px;justify-self:end;padding-bottom:6px}.ecosystem-intro>p{color:var(--pewter);font-size:13px;line-height:1.9}.simulation-label{margin-top:24px;display:flex;align-items:center;gap:10px;color:#b3a58c;font-size:8px;letter-spacing:.08em}.web-workspace{position:relative;height:720px;min-height:680px;touch-action:pan-y}.web-controls{position:absolute;top:32px;left:0;right:0;display:flex;justify-content:space-between;align-items:start;gap:20px;z-index:5}.workspace-caption{font-size:8px;color:#827b6a}.web-controls p{font-size:10px;line-height:1.8;color:#706e65;margin-top:9px}.control-buttons{display:flex;gap:8px;align-items:center}.control-buttons .pill-button{font-size:10px;padding:9px 17px;gap:16px;background:#0d0e0c99}.icon-button{width:42px;height:42px;border:1px solid #c8a96e40;display:grid;place-items:center;border-radius:50%}.icon-button svg{width:13px;stroke:var(--pewter);stroke-width:1.3;fill:none}.icon-button[aria-pressed=true]{border-color:var(--brass);background:#c8a96e15}.anchor-nodes{position:absolute;inset:0;pointer-events:none}.service-anchor{position:absolute;width:205px;max-width:23%;padding:0;border:0;text-align:left;z-index:6;pointer-events:auto;background:linear-gradient(90deg,#0d0e0c 60%,#0d0e0c00);transition:transform .35s,color .35s;cursor:default}.service-anchor:hover{transform:translateY(-2px)}.service-anchor:hover .anchor-title{color:#fffdfa}.service-anchor:hover .anchor-description{color:#b6ae9d}.anchor-0{left:0;top:30%}.anchor-1{right:0;top:30%;text-align:right;background:linear-gradient(270deg,#0d0e0c 60%,#0d0e0c00)}.anchor-2{left:0;top:69%}.anchor-3{right:0;top:69%;text-align:right;background:linear-gradient(270deg,#0d0e0c 60%,#0d0e0c00)}.anchor-index{font-size:8px;color:#8c8069;display:flex;gap:15px;align-items:center}.anchor-index i{width:4px;height:4px;border:1px solid var(--brass);transform:rotate(45deg)}.anchor-1 .anchor-index,.anchor-3 .anchor-index{justify-content:end}.anchor-title{display:block;font:300 32px/1.05 var(--display);letter-spacing:-.02em;margin-top:0;color:#c5c0b5}.anchor-title em{color:#a39373;transition:color .4s}.anchor-description{display:block;font-size:10px;color:#7d7a71;margin-top:12px;line-height:1.75;max-width:180px}.anchor-1 .anchor-description,.anchor-3 .anchor-description{margin-left:auto}.anchor-action{display:block;font-size:7px;color:#a69a80;margin-top:12px}.service-anchor:hover .anchor-title em,.service-anchor:focus-visible .anchor-title em,.service-anchor.lit .anchor-title em{color:var(--light)}.service-anchor.lit .anchor-index{color:var(--light)}.service-anchor.lit .anchor-index i{background:var(--brass);box-shadow:0 0 13px #c8a96e60}.mesh-label{position:absolute;bottom:8%;left:26%;right:26%;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:.08em;color:#706a5d;pointer-events:none}.mesh-label span:last-child{text-align:right}
#token-layer{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:visible}.inquiry-token{position:absolute;top:0;left:0;max-width:420px;width:max-content;border:1px solid #c8a96e55;border-radius:999px;background:rgba(18,19,16,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ebe6dd1a,0 10px 28px #0d0e0c66;display:inline-flex;gap:11px;align-items:center;padding:9px 19px 9px 15px;will-change:transform,opacity,filter;color:#ece7dd;transition:border-color .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),color .45s cubic-bezier(.16,1,.3,1)}.token-dot{width:5px;height:5px;border-radius:50%;background:var(--brass);box-shadow:0 0 10px #c8a96e88;flex:none}.token-name{display:inline-block;font-size:12px;font-weight:400;letter-spacing:.02em;line-height:1.4;white-space:nowrap;color:#ece7dd}.inquiry-token:not(.noise) .token-tag{display:none!important}.inquiry-token.noise{border:1px solid rgba(195,188,172,.18);color:#9e978a;background:rgba(18,19,16,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.4);padding:8px 17px 8px 14px;will-change:transform,opacity,filter;transition:border-color .45s cubic-bezier(.16,1,.3,1),color .45s cubic-bezier(.16,1,.3,1),background .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}.noise .token-name{font-size:11.5px;color:#9e978a;letter-spacing:.015em;transition:color .45s cubic-bezier(.16,1,.3,1),opacity .45s cubic-bezier(.16,1,.3,1)}.noise .token-dot{width:5px;height:5px;border-radius:50%;background:#6a665d;box-shadow:none;flex:none;transition:background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.noise .token-tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:7.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d4a498;background:rgba(180,105,95,.12);border:1px solid rgba(200,140,130,.32);border-radius:999px;padding:2.5px 9px;line-height:1.4;white-space:nowrap;margin-left:9px;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:color .3s ease,border-color .3s ease,background .3s ease}.inquiry-token.noise.passing{border-color:rgba(215,95,85,.55);background:rgba(26,20,20,.94);box-shadow:inset 0 1px 0 rgba(235,130,120,.15),0 10px 28px rgba(0,0,0,.5)}.inquiry-token.noise.passing .token-dot{background:#d46b60;box-shadow:0 0 8px rgba(212,107,96,.7)}.inquiry-token.noise.passing .token-name{color:#857e75}.inquiry-token.noise.passing .token-tag{color:#f29d91;background:rgba(200,65,55,.20);border-color:rgba(225,115,105,.55)}.inquiry-token.caught{border-color:#c8a96ee6;background:rgba(22,23,19,.92);box-shadow:inset 0 1px 0 #ebe6dd26,0 0 28px #c8a96e2b,0 12px 32px #0d0e0c80;color:#ffffff}.inquiry-token.caught .token-dot{background:#fdf6e6;box-shadow:0 0 12px #fdf6e6bb}.inquiry-token.caught .token-name{color:#ffffff}
.pipeline{position:relative;z-index:5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:28px;padding:25px 0;background:var(--basalt)}.pipeline-label>span{display:block;font-size:8px;letter-spacing:.12em}.pipeline-label .subdued{font-size:7px;color:#706d63;margin-top:6px}.pipeline-count{display:flex;align-items:center;gap:17px;justify-content:center}.counter{font:300 42px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--light);min-width:46px}.pipeline-count .mono{color:#99907b;font-size:7px;line-height:1.8}.pipeline-latest{display:flex;align-items:center;gap:12px;font-size:10px;color:#9a9c89;justify-content:end;line-height:1.7}.pipeline-latest .status-dot{width:6px;height:6px}.ecosystem-end{margin-top:auto;position:relative;z-index:3;padding:28px 0 44px;display:flex;justify-content:flex-end;align-items:center;gap:25px}.ecosystem-end p{font-size:10px;color:#706c61;line-height:1.8}.ecosystem-end p span{color:#aca696}.text-button{border:0;border-bottom:1px solid #c8a96e55;display:inline-flex;gap:30px;align-items:center;padding:5px 0;color:#c7b48e;font-size:11px;transition:color .3s,border-color .3s;cursor:pointer}.text-button:hover{color:#fffdfa;border-color:var(--brass)}.text-button span{font-size:22px;transition:transform .3s var(--ease)}.text-button:hover span{transform:translateY(3px)}footer{position:relative;z-index:3;background:var(--basalt);border-top:1px solid #ebe6dd0b;padding:32px 4vw;display:flex;gap:30px;align-items:center}footer .wordmark{font-size:15px}footer>.mono{font-size:7px;color:#706e66}#reduce-motion{margin-left:auto;border:0;border-bottom:1px solid #8e8a8040;padding:5px 0;font-size:9px;color:var(--pewter)}
.service-detail{position:absolute;left:25%;right:25%;top:33%;z-index:15;background:#151714f5;backdrop-filter:blur(20px);border:1px solid #c8a96e50;padding:32px;box-shadow:0 20px 80px #0d0e0caa}.detail-close{position:absolute;right:15px;top:12px;border:0;font-size:27px;color:#aea58e;width:34px;height:34px;display:grid;place-items:center}.service-detail>.mono{font-size:8px;color:var(--brass)}.service-detail h3{font-size:34px;margin:20px 0 15px}.service-detail p{font-size:12px;color:#a39d90;line-height:1.9}.service-detail>a{display:flex;justify-content:space-between;font-size:10px;color:#cfb98e;border-top:1px solid var(--line);padding-top:20px;margin-top:23px}
dialog{color:var(--stone);background:var(--slate);border:1px solid #c8a96e50;width:min(520px,90vw);max-height:90svh;padding:0;box-shadow:0 30px 100px #0d0e0c99}dialog::backdrop{background:#0d0e0cce;backdrop-filter:blur(8px)}.dialog-inner{padding:45px}.dialog-inner .eyebrow{font-size:8px}.dialog-inner h2{font-size:65px;margin:24px 0 16px}.dialog-inner>p{font-size:12px;line-height:1.9;color:var(--pewter)}#audit-form label{display:block;font-size:10px;color:#b9b1a1;margin-top:24px}input,select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #c8a96e40;color:var(--stone);border-radius:0;padding:10px 0;min-height:44px;font-size:14px}input::placeholder{color:#69685f}select{background:var(--slate)}.submit-audit{margin-top:27px;width:100%;justify-content:space-between}.form-note{font-size:9px;color:#78766b;margin-top:12px}#audit-result{padding-top:20px}#audit-result>p{font-size:12px;color:var(--brass);margin-bottom:12px}.noscript-note{padding:30px;text-align:center}.noscript-note a{color:var(--brass);text-decoration:underline}
@media(min-width:1600px){.hero{padding-top:22vh}.hero-description{font-size:16px}.hero-copy{width:51%}.thread-caption{left:70%}.ecosystem{min-height:1250px}.web-workspace{min-height:680px}}
@media(max-width:1100px){.nav-index{display:none}.hero{min-height:850px;padding-top:165px}.hero-copy{width:57%}.hero h1{font-size:5.9vw}.hero-description{font-size:13px;max-width:350px}.thread-caption{left:71%;width:22%}.thread-caption p{font-size:31px}.thread-caption>.mono{font-size:7px}.thread-caption svg{width:80px;left:-85px}.ecosystem-heading{gap:10%}.ecosystem-heading h2{font-size:48px}.ecosystem-intro>p{font-size:12px}.simulation-label{font-size:7px}.service-anchor{width:160px}.anchor-title{font-size:28px}.anchor-description{font-size:9px}.inquiry-token{max-width:300px;padding:8px 14px}.token-name{font-size:11px}.service-detail{left:23%;right:23%}.pipeline{gap:15px}.pipeline-latest{font-size:9px}.mesh-label{font-size:6px}}
@media(max-width:700px){:root{--edge:7vw}html{scroll-padding-top:85px}.site-nav{padding:19px 6vw;gap:14px}.wordmark{font-size:16px;letter-spacing:.16em;gap:9px}.site-nav .pill-button{font-size:9px;padding:9px 13px;gap:12px;min-height:40px}.site-nav .pill-button span{font-size:15px}.hero{height:100svh;min-height:840px;padding:145px var(--edge) 90px}.hero-copy{width:100%;max-width:530px}.hero .eyebrow{font-size:8px;gap:9px}.hero h1{font-size:clamp(43px,8.8vw,63px);line-height:1.05;margin-top:26px}.hero-description{max-width:78%;font-size:12px;line-height:1.9;margin-top:25px}.hero-actions{margin-top:25px}.experience-link{font-size:11px;gap:22px}.hero-footnote{font-size:6px;max-width:75%;line-height:1.9;letter-spacing:.08em;margin-top:25px}.thread-caption{left:auto;right:8%;top:auto;bottom:115px;width:160px;text-align:right}.thread-caption>.mono{font-size:6px}.thread-caption p{font-size:27px;margin-top:13px}.thread-caption .thread-instruction,.thread-caption svg{display:none}.hero-bottom{bottom:28px;font-size:6px;gap:15px;justify-content:center}.scroll-cue{gap:9px}.scroll-bridge{height:18svh;min-height:145px}.scroll-bridge>span{left:15%;top:35%;font-size:8px}.ecosystem{height:auto;min-height:0;padding-top:28px}.ecosystem-heading{display:block}.ecosystem-heading .eyebrow{font-size:8px;gap:9px}.ecosystem-heading h2{font-size:clamp(42px,10vw,62px);margin-top:20px}.ecosystem-intro{max-width:440px;margin-top:24px;padding:0}.ecosystem-intro>p{font-size:12px;max-width:370px}.simulation-label{font-size:6px;line-height:1.8;margin-top:19px;letter-spacing:.05em}.web-workspace{height:720px;min-height:0;flex:none;margin-inline:calc(-1 * var(--edge));position:relative}.web-controls{left:var(--edge);right:var(--edge);top:30px;align-items:center}.workspace-caption{font-size:6px}.web-controls p{font-size:9px;max-width:150px}.control-buttons{gap:5px}.control-buttons .pill-button{font-size:9px;padding:8px 10px;gap:8px}.icon-button{width:36px;height:36px}.web-controls>div:first-child{max-width:43%}.anchor-nodes{position:absolute!important;inset:auto!important;top:405px!important;left:var(--edge)!important;right:var(--edge)!important;bottom:auto!important;width:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:20px!important;row-gap:26px!important;pointer-events:auto!important;padding:0!important;margin:0!important}.service-anchor{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;min-height:auto!important;padding:0!important;margin:0!important;border:none!important;background:none!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.anchor-1,.anchor-3{text-align:left;background:none}.anchor-1 .anchor-index,.anchor-3 .anchor-index{justify-content:start;flex-direction:row-reverse;width:fit-content}.anchor-1 .anchor-description,.anchor-3 .anchor-description{margin-left:0}.anchor-title{font-family:var(--display)!important;font-size:clamp(20px,5.2vw,23px)!important;line-height:1.15!important;letter-spacing:-.02em!important;color:#ded8cb!important;margin:0!important;text-align:left!important}.anchor-description{font-family:var(--sans)!important;font-size:11px!important;line-height:1.55!important;color:#8c8a7f!important;margin-top:7px!important;max-width:100%!important;display:block!important;text-align:left!important}.anchor-index{font-size:7px;gap:12px}.anchor-action{font-size:6px;margin-top:7px}.mesh-label{left:var(--edge);right:var(--edge);bottom:12px;top:auto;font-size:7px}.inquiry-token{max-width:270px;padding:7px 13px;gap:9px}.token-name{font-size:10.5px}.noise .token-name{font-size:10px}.noise{max-width:260px}.pipeline{grid-template-columns:1fr 1fr;padding:22px 0;gap:18px}.pipeline-label>span{font-size:6px}.pipeline-label .subdued{font-size:5px}.pipeline-count{justify-content:end;gap:10px}.counter{font-size:38px;min-width:38px}.pipeline-count .mono{font-size:6px}.pipeline-latest{grid-column:1/-1;justify-content:start;font-size:10px;min-height:32px}.ecosystem-end{display:block;padding:24px 0 35px}.ecosystem-end p{font-size:10px}.ecosystem-end .text-button{margin-top:20px;font-size:11px}.service-detail{left:7%;right:7%;top:130px;padding:29px;max-height:340px;overflow:auto}.service-detail h3{font-size:33px}.service-detail p{font-size:12px}footer{padding:25px 6vw;gap:20px;flex-wrap:wrap}footer .wordmark{font-size:13px}footer>.mono{font-size:6px}footer>.mono:nth-child(2){width:50%;margin-left:auto;text-align:right}#reduce-motion{margin-left:0}footer>.mono:last-child{margin-left:auto}.dialog-inner{padding:33px 27px}.dialog-inner h2{font-size:55px}.dialog-inner input,.dialog-inner select{font-size:16px}}
@media(max-width:370px){.site-nav .wordmark{font-size:14px;gap:7px}.site-nav .pill-button{font-size:8px;padding:8px 10px;gap:8px}.hero{padding-top:125px;min-height:850px}.hero h1{font-size:11.2vw}.hero-description{max-width:85%;font-size:11px}.hero-footnote{font-size:5.5px}.hero .eyebrow{font-size:6px}.thread-caption{bottom:110px}.thread-caption p{font-size:26px}.web-controls{gap:10px}.workspace-caption{font-size:5px}.web-controls p{font-size:8px}.control-buttons .pill-button{font-size:8px;padding:8px 9px}.icon-button{width:32px;height:34px}.anchor-title{font-size:25px}.anchor-description{font-size:8px}.simulation-label{font-size:5.5px}.inquiry-token{max-width:240px;padding:6px 11px}.token-name{font-size:10px}.mesh-label{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
html[data-reduced-motion]{scroll-behavior:auto}html[data-reduced-motion] *,html[data-reduced-motion] *::before,html[data-reduced-motion] *::after{animation:none!important;transition:none!important}

/* Small labels remain secondary, but readable on a phone. */
.anchor-index,.workspace-caption,.pipeline-label>span{font-size:9px}
.construction-lines{opacity:.45}.web-workspace{min-height:680px}.mesh-label{bottom:4%;left:27%;right:23%;color:#938674}.service-anchor{background:linear-gradient(90deg,#0d0e0cf5 65%,#0d0e0c00);padding:12px 0;margin-top:-12px}.anchor-1,.anchor-3{background:linear-gradient(270deg,#0d0e0cf5 65%,#0d0e0c00)}.anchor-description{color:#969083}.anchor-title{color:#ded7c9}.inquiry-token{box-shadow:0 8px 30px #00000020;backdrop-filter:blur(12px)}.thread-instruction{color:#8e8a80}
@media(max-width:700px){.web-workspace{height:720px;min-height:0}.mesh-label{left:7vw;right:7vw;bottom:14px;top:auto}.anchor-description{color:#a29a8a}.web-controls p{color:#969083}.mesh-label span{max-width:50%}}
.token-tag,.anchor-action,.simulation-label,.mesh-label,.pipeline-count .mono{font-size:8px}
@media(max-width:700px){.hero .eyebrow,.ecosystem-heading .eyebrow{font-size:8px}.hero-footnote{font-size:7px}.simulation-label{font-size:7px;max-width:310px}.anchor-index{font-size:8px}.anchor-action{font-size:8px}.workspace-caption{font-size:7px}.mesh-label{font-size:7px;gap:12px}.pipeline-label>span{font-size:8px}.pipeline-label .subdued{font-size:7px}.pipeline-count .mono{font-size:7px}.token-tag{font-size:7px}.thread-caption>.mono{font-size:7px}}

/* One editorial column, with the capture composition given its own space. */
.construction-lines{opacity:.2}.mesh-label{display:none}
@media(min-width:701px){
 .ecosystem{height:110svh;min-height:990px;padding:48px var(--edge) 0;scroll-margin-top:0}
 .ecosystem-heading{display:block;width:36%;max-width:500px}
 .ecosystem-heading h2{font-size:clamp(44px,4.3vw,68px)}
 .ecosystem-intro{max-width:310px;margin-top:26px;padding:0;justify-self:start}
 .ecosystem-intro>p{font-size:12px;line-height:1.9}
 .simulation-label{font-size:7px;letter-spacing:.05em;margin-top:22px}
 .web-workspace{position:absolute;inset:0 0 185px;min-height:0;margin:0;pointer-events:none}
 .web-controls{top:80px;left:53%;right:6vw;align-items:center;pointer-events:auto;justify-content:flex-end}
 .web-controls>div:first-child{max-width:48%}
 .web-controls p{display:none}
 .workspace-caption{font-size:8px;letter-spacing:.12em}
 .control-buttons .pill-button{background:transparent;border-color:#c8a96e35;font-size:10px}
 .icon-button{border-color:#c8a96e25}
 .anchor-nodes{inset:auto;top:440px;left:var(--edge);width:34%;display:grid;grid-template-columns:1fr 1fr;gap:28px 36px}
 .service-anchor{position:relative;inset:auto;width:100%;max-width:none;padding:15px 0 8px;margin:0;background:none;border-top:1px solid #c8a96e27;text-align:left}
 .anchor-title{font-size:30px;margin-top:11px;line-height:1.05}
 .anchor-index{font-size:7px;justify-content:start!important;gap:10px}
 .anchor-1 .anchor-index,.anchor-3 .anchor-index{flex-direction:row-reverse;width:fit-content}
 .anchor-description{display:none}
 .anchor-action{font-size:7px;position:absolute;top:14px;right:0;margin:0;opacity:.65}
 .service-anchor:hover{border-color:#c8a96e80}
 .pipeline{margin-top:auto;background:transparent;border-color:#c8a96e1f;padding:22px 0}
 .pipeline-count{justify-content:center}
 .pipeline-label>span{font-size:8px}
 .counter{font-size:36px}
 .ecosystem-end{margin-top:auto;padding:32px 0 44px;display:flex;justify-content:flex-end}
 .service-detail{pointer-events:auto;left:var(--edge);right:auto;top:400px;width:36%;max-width:500px;padding:30px}
}
@media(min-width:701px) and (max-width:1000px){
 .ecosystem-heading{width:40%}.ecosystem-heading h2{font-size:46px}.anchor-nodes{width:37%;gap:25px 18px;top:450px}.anchor-title{font-size:26px}.anchor-action{display:none}.web-controls{left:56%;right:5vw}.workspace-caption{display:none}.web-controls>div:first-child{display:none}.web-controls{justify-content:end}.service-detail{width:42%}
}
@media(max-width:700px){.ecosystem{scroll-margin-top:0}.web-workspace{height:850px}.web-controls p{display:none}.web-controls>div:first-child{max-width:37%}.inquiry-token{background:#191a17de}.anchor-nodes{padding-top:0}}

/* Moving labels use a solid translucent surface instead of re-blurring the canvas. */
.inquiry-token,.inquiry-token.noise{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:rgba(22,23,19,.96)}