@font-face{font-family:Outfit;src:url('/assets/Outfit-Light.woff2');font-weight:300;font-display:swap}@font-face{font-family:Outfit;src:url('/assets/Outfit-Regular.woff2');font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url('/assets/Outfit-SemiBold.woff2');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-latin-400-normal.woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-latin-600-normal.woff2');font-weight:600;font-display:swap}
:root{--bg:#fbfbf8;--surface:#f0f1ee;--ink:#1b2429;--muted:#646e74;--line:#d9dddc;--accent:#343bdf;--on-accent:#fff;--header:78px;--gutter:6vw;--sc-canvas:var(--bg);--sc-surface:var(--surface);--sc-ink:var(--ink);--sc-accent:var(--accent);--sc-font-display:Outfit,Arial,sans-serif;--sc-font-text:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.75 Inter,Arial,sans-serif}.nexo{--bg:#101316;--surface:#191e23;--ink:#f3f4f1;--muted:#aeb6bd;--line:#343c44;--accent:#bbcaff;--on-accent:#11151e}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif;font-weight:300;line-height:1.04;letter-spacing:-.05em}h1{font-size:clamp(55px,6.6vw,106px)}h2{font-size:clamp(40px,5.1vw,80px)}h3{font-size:32px}em{font-style:normal;color:var(--accent)}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;touch-action:manipulation}img{display:block;max-width:100%;height:auto}a,button,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}::selection{background:var(--accent);color:var(--on-accent)}.skip{position:fixed;left:20px;top:-120px;background:var(--bg);z-index:10000;padding:15px}.skip:focus{top:15px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.6}.primary{padding:17px 24px;display:inline-flex;align-items:center;gap:45px;justify-content:space-between;background:var(--accent);color:var(--on-accent);font-size:12px;border:1px solid var(--accent);min-height:54px;transition:background .2s,color .2s}.primary:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.primary>span{font-size:22px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid var(--accent);padding:11px 0;font-size:12px}.text-link span{font-size:20px}.text-link:hover{color:var(--accent)}.brand img{width:128px;height:auto}.nexo .brand img{filter:invert(1)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);z-index:1000}.topbar nav{display:flex;gap:36px}.topbar nav a{font-size:12px;padding:12px 0;position:relative}.topbar nav a span{font-size:10px;color:var(--muted);margin-left:5px}.topbar nav a[aria-current]{color:var(--accent)}.topbar nav a[aria-current]:before{content:'';position:absolute;left:-12px;top:23px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.contact-top{display:flex;align-items:center;gap:24px;min-height:44px;font-size:12px}.contact-top span{font-size:22px}main{padding-top:var(--header)}.sc-stage{top:var(--header);height:calc(100svh - var(--header))}
/* Nexo: intimacy, connected architecture, then useful work. */
.nexo-hero{position:relative}.nexo-hero .sc-stage{overflow:hidden;background:var(--bg)}.hero-photo{position:absolute;inset:0;will-change:transform;transform-origin:75% 52%}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101316dc 0%,#10131678 35%,transparent 65%),linear-gradient(0deg,#101316c9,transparent 30%)}.hero-copy{position:absolute;z-index:3;left:var(--gutter);top:18%;width:57%}.hero-copy .eyebrow{color:var(--muted)}.hero-copy h1{font-size:clamp(60px,6.5vw,100px);margin:26px 0 28px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#ccd2d7;max-width:420px}.hero-copy .text-link{margin-top:20px}.floating-task{position:absolute;bottom:15%;right:12%;z-index:4;display:flex;gap:18px;align-items:flex-start;padding:20px 28px 20px 20px;width:290px;border:1px solid #c4ccd12b;background:#141a20e8;backdrop-filter:blur(12px);transform:translateY(calc(var(--hero-p,0)*-70px));box-shadow:0 16px 40px #0003}.task-mark{font:12px Outfit;border:1px solid #6a7484;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.floating-task small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-bottom:7px}.floating-task p{font:19px/1.3 Outfit;letter-spacing:-.02em}.mini-path{position:absolute;top:100%;right:45%;width:1px;height:85px;background:linear-gradient(var(--accent),transparent)}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-bottom i{font-style:normal;margin-left:18px;color:var(--accent)}.editorial-intro{padding:120px var(--gutter) 130px;display:grid;grid-template-columns:1.7fr 1fr;gap:45px 8vw}.editorial-intro>.eyebrow{grid-column:1/-1;color:var(--muted)}.editorial-intro h2{font-size:clamp(40px,4.2vw,66px)}.editorial-intro>div{align-self:end;font-size:14px;line-height:1.9;max-width:360px;color:var(--muted)}.editorial-intro>div p+p{margin-top:18px;color:var(--ink)}.connection-story .sc-stage{overflow:hidden;background:#11171c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.system-photo{position:absolute;right:-6%;top:-7%;width:84%;height:92%;transform:scale(calc(1 + var(--connect-p,0)*.15));transform-origin:62% 45%}.system-photo img{width:100%;height:100%;object-fit:cover}.system-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11171c 0%,#11171cea 22%,#11171c33 56%,transparent 75%),linear-gradient(0deg,#11171c 0%,#11171c55 32%,transparent 50%)}.connection-heading{position:absolute;top:9%;left:var(--gutter);width:67%;z-index:3}.connection-heading>.eyebrow{color:var(--muted)}.connection-heading h2{font-size:clamp(44px,4.8vw,75px);margin:24px 0 22px}.connection-heading>p:not(.eyebrow){color:var(--muted);max-width:340px;font-size:13px;line-height:1.8}.connection-state{position:absolute;left:var(--gutter);bottom:35%;display:flex;align-items:center;gap:10px;font-size:11px;z-index:4}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}.network{position:absolute;left:var(--gutter);right:var(--gutter);bottom:4%;height:200px;z-index:4}.network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wire-base,.wire-live{fill:none;stroke:var(--line);stroke-width:1.2}.wire-live{stroke:var(--accent);stroke-width:1.7;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--connect-p,0));filter:drop-shadow(0 0 4px #bbcbff60)}.network-source{position:absolute;left:0;background:#131a21;border:1px solid var(--line);padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:11px;min-width:170px}.source-a{top:30px}.source-b{top:127px}.node-icon{font-size:19px;line-height:1;color:var(--muted)}.network-node{position:absolute;top:70px;background:#141c23;border:1px solid var(--line);min-width:160px;padding:16px 20px;transition:border-color .3s}.network-node strong{display:block;font:20px Outfit;letter-spacing:-.03em}.network-node small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.node-context{left:31%}.node-work{left:57%}.node-person{right:0}.node-dot{position:absolute;top:-3px;left:19px;width:5px;height:5px;border-radius:50%;background:var(--muted)}.network-node.active{border-color:var(--accent)}.network-node.active .node-dot{background:var(--accent)}.outcome{padding:130px var(--gutter);display:grid;grid-template-columns:1.5fr 1fr;gap:35px 9vw}.outcome>.eyebrow{grid-column:1/-1;color:var(--muted)}.outcome h2{font-size:clamp(48px,5.4vw,86px)}.outcome-copy{max-width:370px;align-self:end;color:var(--muted);font-size:14px;line-height:1.9}.outcome-copy p+p{margin-top:20px}.method{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:120px var(--gutter);border-top:1px solid var(--line)}.method h2{font-size:clamp(40px,4.2vw,65px);margin-top:25px}.method .eyebrow{color:var(--muted)}.method-ledger details{border-top:1px solid var(--line);padding:23px 0}.method-ledger details:last-child{border-bottom:1px solid var(--line)}.method-ledger summary{display:flex;align-items:center;font:27px Outfit;letter-spacing:-.025em;cursor:pointer;list-style:none;gap:25px}.method-ledger summary::-webkit-details-marker{display:none}.method-ledger summary>span{font:10px Inter;color:var(--muted)}.method-ledger summary>i{font-style:normal;margin-left:auto;font:24px Outfit}.method-ledger details[open] summary>i{transform:rotate(45deg)}.method-ledger details p{font-size:13px;line-height:1.85;color:var(--muted);padding:20px 30px 5px 42px}.closing{padding:110px var(--gutter) 70px;text-align:center;background:var(--surface);border-top:1px solid var(--line)}.closing h2{font-size:clamp(55px,7.8vw,120px);margin:30px 0}.closing>p:not(.eyebrow){color:var(--muted);font-size:14px}.closing .primary{margin:32px 0 75px}.closing-location{border-top:1px solid var(--line);padding-top:25px;font-size:10px;color:var(--muted)}
/* The example is a navigable explanation, not a fake live app. */
.demo-section{display:grid;grid-template-columns:1fr 1.3fr;gap:10vw;padding:110px var(--gutter);background:var(--surface)}.demo-heading h2{font-size:clamp(40px,4.6vw,70px);margin:25px 0}.demo-heading>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:330px;line-height:1.9}.example-tabs{display:flex;border-bottom:1px solid var(--line);gap:28px}.example-tabs button{padding:12px 0 16px;font-size:12px;position:relative;min-height:44px}.example-tabs button[aria-pressed=true]{color:var(--accent)}.example-tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.demo-route{display:flex;justify-content:space-between;margin:30px 0}.demo-route button{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);min-height:44px;padding:0 3px}.demo-route button>span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;font-size:9px}.demo-route button>b{font-weight:400}.demo-route button[aria-current]{color:var(--ink)}.demo-route button[aria-current]>span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.demo-result{border:1px solid var(--line);background:var(--bg);padding:32px;min-height:250px;position:relative;overflow:hidden}.demo-status{display:flex;align-items:center;gap:10px;margin-bottom:26px}.demo-status>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.demo-status p{font-size:9px;letter-spacing:.12em;color:var(--muted)}.demo-result h3{font-size:34px;max-width:80%;margin-bottom:20px;line-height:1.1}.demo-result>p{font-size:12px;line-height:1.85;max-width:75%;color:var(--muted)}.demo-document{position:absolute;right:22px;bottom:-22px;width:100px;height:128px;border:1px solid var(--line);background:var(--surface);transform:rotate(10deg);padding:20px 13px;opacity:.55}.demo-document span{display:block;height:2px;background:var(--muted);margin:8px 0}.demo-document span:nth-child(2){width:60%}.demo-document i{display:block;width:20px;height:20px;border:1px solid var(--accent);border-radius:50%;margin:20px 0 0 auto}.demo-actions{display:flex;justify-content:space-between;align-items:center;margin:24px 0 0}.demo-count{font-size:11px;letter-spacing:.13em;color:var(--muted)}.example-disclaimer{font-size:10px;color:var(--muted);margin-top:20px}
/* Trama: pieces become a shared workbench. */
.trama-hero{min-height:calc(100svh - var(--header));position:relative;overflow:hidden}.trama-photo{position:absolute;top:4%;right:-8%;width:85%;height:90%;transform-origin:75% 55%;mask-image:linear-gradient(90deg,transparent 0%,#000 35%)}.trama-photo img{height:100%;width:100%;object-fit:cover;object-position:60% 50%}.trama-hero-copy{position:relative;padding:9vh 0 14vh var(--gutter);z-index:3;width:48%}.trama-hero-copy h1{font-size:clamp(60px,7.7vw,118px);margin:30px 0;line-height:.98}.trama-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:310px}.trama-hero-copy .text-link{margin-top:22px}.trama-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;z-index:4;color:var(--muted)}.paper-signal{position:absolute;right:17%;bottom:12%;width:245px;padding:23px;background:#ffffffec;border:1px solid #dce0dd;box-shadow:0 15px 35px #171c2710;z-index:3;transform:translateY(calc(var(--trama-p,0)*-60px)) rotate(-3deg)}.paper-signal small{font-size:8px;letter-spacing:.12em;color:var(--muted)}.paper-signal p{font:24px/1.13 Outfit;letter-spacing:-.03em;margin-top:14px}.paper-signal>span{position:absolute;right:18px;top:18px;color:var(--accent);font-size:20px}.white-statement{padding:130px var(--gutter);border-top:1px solid var(--line)}.white-statement h2{font-size:clamp(48px,6vw,95px);margin:30px 0 35px}.white-statement>p{font-size:15px;line-height:1.9;max-width:480px;margin-left:49%;color:var(--muted)}.order-section{padding:95px var(--gutter) 110px;background:var(--surface);position:relative;overflow:hidden}.order-heading{position:relative;z-index:3}.order-heading h2{font-size:clamp(48px,5.8vw,90px);margin-top:24px}.order-visual{height:380px;position:relative;margin:15px 0 25px}.order-grid{position:absolute;inset:-150px -6vw -80px;background-image:linear-gradient(#d9dddc80 1px,transparent 1px),linear-gradient(90deg,#d9dddc80 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 45%,transparent);transform:perspective(900px) rotateX(55deg)}.paper-piece{position:absolute;top:65px;width:245px;height:260px;padding:30px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 35px #19242c08;z-index:2;transition:box-shadow .3s;will-change:transform}.paper-piece>span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.paper-piece strong{display:block;font:28px/1.1 Outfit;letter-spacing:-.04em;margin:30px 0}.paper-piece i{height:2px;width:90%;background:var(--line);margin:12px 0;display:block}.paper-piece i:last-child{width:65%}.piece-one{left:12%;transform:translateY(calc((1 - var(--order-p,0))*30px)) rotate(calc((1 - var(--order-p,0))*-12deg))}.piece-two{left:40%;transform:translateY(calc((1 - var(--order-p,0))*-60px)) rotate(calc((1 - var(--order-p,0))*7deg))}.piece-three{left:68%;transform:translateY(calc((1 - var(--order-p,0))*40px)) rotate(calc((1 - var(--order-p,0))*12deg))}.order-line{position:absolute;left:20%;right:12%;top:190px;height:2px;background:var(--accent);transform:scaleX(var(--order-p,0));transform-origin:left}.order-copy{display:flex;justify-content:space-between;gap:60px;font-size:13px;line-height:1.9;color:var(--muted)}.order-copy p{max-width:350px}.trama-pan .sc-stage{overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}.trama-track{height:100%;display:flex;width:max-content}.system-panel,.work-panel{position:relative;height:100%;width:100vw;flex:0 0 100vw;overflow:hidden}.system-panel{background:#fcfcfa}.system-panel>img{position:absolute;right:-10%;top:7%;height:85%;width:95%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 25%)}.system-panel-copy{position:absolute;left:var(--gutter);top:12%;z-index:2;width:39%}.system-panel h2{font-size:clamp(55px,6.9vw,108px);margin:24px 0}.system-panel p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:315px}.system-label{position:absolute;bottom:45px;left:var(--gutter);right:var(--gutter);font-size:11px;border-top:1px solid var(--line);padding-top:23px;letter-spacing:.04em}.work-panel{background:#e7e9f7;padding:12vh var(--gutter)}.work-panel>h2{font-size:clamp(55px,6.8vw,100px);margin:25px 0}.work-panel>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:390px}.work-slip{position:absolute;right:10%;top:20%;width:300px;min-height:350px;padding:35px;background:#fff;transform:rotate(5deg);box-shadow:0 20px 60px #323d6320}.work-slip small{font-size:9px;letter-spacing:.1em;margin-left:10px}.work-slip h3{font-size:43px;margin:35px 0}.slip-lines i{display:block;height:2px;background:var(--line);margin:15px 0}.slip-lines i:last-child{width:65%}.slip-sign{display:block;margin-top:30px;font-size:10px;color:var(--accent)}.white-method{display:grid;grid-template-columns:1.4fr 1fr;gap:40px 8vw;padding:120px var(--gutter)}.white-method>.eyebrow{grid-column:1/-1}.white-method h2{font-size:clamp(55px,7vw,104px)}.white-method>div{align-self:end;max-width:370px;font-size:15px;line-height:1.9;color:var(--muted)}.white-method .text-link{margin-top:30px;color:var(--ink)}.white-close{padding:110px var(--gutter);background:#e7e9f7;position:relative;overflow:hidden}.white-close>div:first-child{position:relative;z-index:2}.white-close h2{font-size:clamp(52px,6.5vw,100px);margin:30px 0}.white-close p:not(.eyebrow){font-size:14px;color:var(--muted)}.white-close .primary{margin-top:30px}.close-lines{position:absolute;right:7%;top:20%;width:37vw;height:400px;opacity:.25}.close-lines i{display:block;position:absolute;inset:0;border:1px solid var(--accent);border-radius:50%;transform:rotate(-30deg)}.close-lines i:nth-child(2){inset:40px -50px;transform:rotate(30deg)}.close-lines i:nth-child(3){inset:80px -100px;transform:rotate(70deg)}.close-lines>span{position:absolute;left:45%;top:30%;font:100px Outfit;color:var(--accent)}
footer{padding:30px var(--gutter);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}footer .brand img{width:105px}footer p{color:var(--muted)}.motion-toggle{font-size:10px;min-height:44px;padding:7px 0;border-bottom:1px solid var(--line)}dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:40px;max-width:520px;width:calc(100% - 30px);max-height:90svh;overflow:auto}dialog::backdrop{background:#0b111bb0;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:10px;top:5px;width:44px;height:44px;font:30px Outfit}dialog h2{font-size:44px;margin:26px 0 20px}dialog>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}dialog label{font-size:11px;display:block;margin:24px 0 7px}dialog select{width:100%;padding:12px;border:1px solid var(--line);background:var(--surface);font-size:12px}dialog .primary{width:100%;margin-top:28px}.prototype-note{font-size:10px!important;margin-top:20px}.dialog-status{margin-top:12px;color:var(--accent)!important}
/* Local direction picker */
.compare-header{padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);font-size:10px}.compare-header>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.compare-main{padding:65px var(--gutter) 50px;max-width:1650px;margin:auto}.compare-main>h1{font-size:clamp(50px,5.5vw,83px);margin:25px 0}.compare-main>p:not(.eyebrow){color:var(--muted);font-size:13px}.options{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.option{min-width:0}.option-image{position:relative;height:300px;overflow:hidden;background:#101316}.option-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.option:hover .option-image img{transform:scale(1.05)}.option-image>span{position:absolute;left:25px;top:35px;color:#f4f5f2;font:300 44px/1.06 Outfit;letter-spacing:-.04em}.option-light .option-image{background:#f2f3f1}.option-light .option-image img{object-position:65% 50%;opacity:.85}.option-light .option-image>span{color:#343bdf}.option-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.option-title h2{font-size:35px}.option-title>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.option>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:460px}.compare-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:45px;padding-top:24px;border-top:1px solid var(--line);gap:35px}.compare-bottom>p{font-size:10px;color:var(--muted)}.concept-page{max-width:1000px;margin:auto;padding:calc(var(--header) + 55px) 45px 80px}.concept-page h1{font-size:65px;margin:25px 0 35px}.concept-lead{font-size:18px!important}.concept-page h2{font-size:36px;margin:45px 0 22px}.concept-page p,.concept-page dd,.concept-page li{font-size:14px;line-height:1.9;color:var(--muted)}.concept-page p+p{margin-top:20px}.concept-page dt{font:25px Outfit;margin:25px 0 12px}.concept-page dd{margin:0}.concept-page ol{padding-left:20px}.concept-page .text-link{margin-top:35px}
@media(max-width:1100px){.hero-copy{width:64%}.hero-copy h1{font-size:75px}.floating-task{right:7%;width:250px}.network-source{min-width:140px;padding:12px 10px}.network-node{min-width:135px;padding:16px 12px}.network-node strong{font-size:18px}.network-node small{font-size:9px}.node-context{left:29%}.node-work{left:54%}.editorial-intro{gap:40px}.demo-section{gap:5vw}.demo-route{flex-wrap:wrap;gap:5px}.paper-piece{width:210px}.piece-one{left:3%}.piece-two{left:35%}.piece-three{left:67%}.work-slip{right:6%;width:240px;top:30%}.work-panel>p:not(.eyebrow){max-width:330px}.work-panel h2{font-size:65px}.trama-hero-copy h1{font-size:95px}.paper-signal{right:10%;width:220px}.trama-hero-copy{width:55%}}
@media(max-width:700px){:root{--header:103px;--gutter:6vw}.topbar{padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto;grid-template-rows:54px 49px}.brand img{width:108px}.topbar nav{grid-row:2;grid-column:1/-1;justify-content:center;gap:40px;border-top:1px solid var(--line)}.topbar nav a{font-size:11px}.topbar nav a span{font-size:9px}.topbar nav a[aria-current]:before{top:22px}.contact-top{grid-row:1;grid-column:2;font-size:11px;gap:17px}.eyebrow{font-size:8px}.primary{font-size:11px;padding:15px 20px;gap:25px;min-height:50px}.text-link{font-size:11px;gap:25px}.nexo-hero .sc-stage{min-height:630px}.hero-photo{inset:15% -80% -5% -35%}.hero-photo img{object-position:76% 50%}.hero-shade{background:linear-gradient(#101316 0%,#101316e8 23%,#10131640 53%,transparent 70%),linear-gradient(0deg,#101316de,transparent 20%)}.hero-copy{left:var(--gutter);top:5%;width:88%}.hero-copy h1{font-size:clamp(42px,12vw,65px);margin:23px 0 22px}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:290px}.hero-copy .text-link{margin-top:10px}.floating-task{right:6%;bottom:11%;padding:14px;width:225px;gap:12px}.floating-task small{font-size:7px}.floating-task p{font-size:17px}.task-mark{width:26px;height:26px;font-size:10px}.mini-path{height:45px}.hero-bottom{bottom:18px;font-size:7px;letter-spacing:.06em;gap:25px}.hero-bottom>span:first-child{max-width:125px}.editorial-intro{display:block;padding:65px var(--gutter)}.editorial-intro h2{font-size:38px;margin:28px 0}.editorial-intro>div{font-size:12px;line-height:1.9;margin-left:15%;max-width:none}.connection-story .sc-stage{min-height:680px}.connection-heading{top:5%;width:88%}.connection-heading h2{font-size:40px;margin:24px 0 20px}.connection-heading>p:not(.eyebrow){font-size:12px;max-width:270px}.system-photo{width:150%;right:-34%;top:16%;height:65%}.system-shade{background:linear-gradient(#11171c 0%,#11171cd9 21%,transparent 44%),linear-gradient(0deg,#11171c 10%,#11171c70 40%,transparent 58%)}.connection-state{bottom:28%;font-size:10px}.network{height:150px;bottom:3%;left:6%;right:6%}.network-source{min-width:0;width:82px;padding:8px 5px;gap:5px;font-size:7px}.node-icon{font-size:12px}.source-a{top:32px}.source-b{top:110px}.network-node{min-width:0;width:76px;top:65px;padding:12px 7px}.network-node strong{font-size:12px;line-height:1.2;letter-spacing:-.03em}.network-node small{font-size:7px;line-height:1.4;margin-top:6px}.node-context{left:29%}.node-work{left:55%}.node-person{right:0}.node-dot{left:10px;width:4px;height:4px}.outcome{display:block;padding:65px var(--gutter)}.outcome h2{font-size:43px;margin:25px 0 30px}.outcome-copy{font-size:12px;margin-left:15%;max-width:none}.demo-section{display:block;padding:65px var(--gutter)}.demo-heading h2{font-size:44px;margin:25px 0}.demo-heading>p:not(.eyebrow){font-size:12px;max-width:290px;margin-bottom:35px}.example-tabs{gap:28px}.example-tabs button{font-size:11px}.demo-route{margin:22px 0;gap:5px}.demo-route button{font-size:8px;gap:5px;padding:0}.demo-route button>span{width:21px;height:21px;font-size:8px}.demo-result{padding:25px 22px;min-height:260px}.demo-result h3{font-size:29px;max-width:88%}.demo-result>p{max-width:85%;font-size:11px}.demo-status p{font-size:8px}.demo-document{width:65px;height:95px;right:8px;bottom:-10px;padding:10px;opacity:.4}.demo-document span{margin:6px 0}.demo-count{font-size:9px}.demo-actions{gap:15px}.example-disclaimer{font-size:9px}.method{display:block;padding:65px var(--gutter)}.method h2{font-size:40px;margin:25px 0 40px}.method-ledger summary{font-size:24px;gap:18px}.method-ledger details p{font-size:12px;padding-left:32px}.closing{padding:65px var(--gutter) 35px}.closing h2{font-size:51px;margin:28px 0}.closing>p:not(.eyebrow){font-size:12px}.closing .primary{margin:30px 0 45px}.closing-location{font-size:9px;line-height:2}.trama-hero{min-height:790px}.trama-photo{right:-53%;width:173%;height:58%;top:42%;mask-image:linear-gradient(transparent,#000 28%)}.trama-photo img{object-position:70% 50%}.trama-hero-copy{padding:40px 6vw 0;width:100%}.trama-hero-copy h1{font-size:clamp(58px,16vw,83px);margin:25px 0 20px;line-height:.96}.trama-hero-copy>p:not(.eyebrow){font-size:12px;max-width:245px}.trama-hero-copy .text-link{margin-top:14px}.paper-signal{right:5%;bottom:9%;width:188px;padding:16px;transform:rotate(-3deg)}.paper-signal small{font-size:7px}.paper-signal p{font-size:21px;margin-top:10px}.trama-caption{bottom:18px;font-size:7px;gap:20px}.trama-caption>span:first-child{max-width:140px}.white-statement{padding:65px var(--gutter)}.white-statement h2{font-size:43px;margin:25px 0}.white-statement>p{font-size:12px;line-height:1.9;margin-left:15%;max-width:none}.order-section{padding:60px var(--gutter)}.order-heading h2{font-size:48px}.order-visual{height:560px;margin:15px 0}.paper-piece{width:215px;height:180px;padding:20px;left:calc(50% - 108px)!important}.piece-one{top:20px}.piece-two{top:205px}.piece-three{top:390px}.paper-piece strong{font-size:25px;margin:20px 0}.paper-piece i{margin:10px 0}.paper-piece i:last-child{display:none}.order-line{left:50%;top:20px;height:530px;width:1px;right:auto;transform:scaleY(var(--order-p,0));transform-origin:top}.order-grid{inset:-50px -6vw;background-size:35px 35px;transform:perspective(900px) rotateX(10deg)}.order-copy{display:block;font-size:12px}.order-copy p+p{margin-top:18px}.trama-pan{height:auto!important}.trama-pan .sc-stage{height:auto;overflow:visible}.trama-track{display:block;transform:none!important;width:100%;height:auto}.system-panel,.work-panel{width:100%;min-height:690px;height:auto}.system-panel-copy{left:6%;top:40px;width:88%}.system-panel h2{font-size:52px;margin:22px 0}.system-panel p:not(.eyebrow){font-size:12px;max-width:270px}.system-panel>img{right:-24%;top:34%;width:140%;height:60%;mask-image:linear-gradient(transparent,#000 20%)}.system-label{left:6%;right:6%;bottom:22px;font-size:9px;padding-top:15px;letter-spacing:0}.work-panel{padding:50px var(--gutter) 40px;min-height:720px}.work-panel>h2{font-size:49px;margin:24px 0}.work-panel>p:not(.eyebrow){font-size:12px;max-width:285px}.work-slip{top:auto;bottom:45px;right:10%;width:240px;min-height:270px;padding:25px}.work-slip h3{font-size:35px;margin:23px 0}.work-slip small{font-size:8px}.slip-sign{font-size:9px;margin-top:22px}.white-method{display:block;padding:65px var(--gutter)}.white-method h2{font-size:60px;margin:25px 0 35px}.white-method>div{font-size:12px;margin-left:12%}.white-close{padding:65px var(--gutter)}.white-close h2{font-size:49px;margin:25px 0}.white-close p:not(.eyebrow){font-size:12px}.close-lines{right:-30%;width:60vw;top:10%;opacity:.13}.close-lines>span{display:none}footer{padding:25px var(--gutter);flex-wrap:wrap;gap:18px;font-size:9px}footer .brand img{width:90px}footer p{width:100%;order:4;font-size:9px}.motion-toggle{font-size:9px}dialog{padding:35px 24px}dialog h2{font-size:39px}dialog select{font-size:11px}.compare-header{padding:22px var(--gutter)}.compare-header>span{display:none}.compare-header>img{width:110px}.compare-main{padding:40px var(--gutter)}.compare-main>h1{font-size:45px}.compare-main>p:not(.eyebrow){font-size:12px}.options{grid-template-columns:1fr;gap:35px;margin-top:30px}.option-image{height:230px}.option-image>span{font-size:36px;left:20px;top:25px}.option-title{margin-top:18px}.option-title h2{font-size:31px}.option>p{font-size:11px}.compare-bottom{display:block;margin-top:30px}.compare-bottom .text-link{margin-top:20px}.concept-page{padding:calc(var(--header) + 35px) 6% 60px}.concept-page h1{font-size:44px}.concept-lead{font-size:15px!important}.concept-page h2{font-size:31px}.concept-page p,.concept-page dd,.concept-page li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photo,.trama-photo,.floating-task,.paper-signal,.system-photo,.paper-piece{transform:none!important}.nexo-hero,.connection-story,.trama-pan{height:auto!important}.nexo-hero .sc-stage,.connection-story .sc-stage{position:sticky;top:0;min-height:780px}.trama-pan .sc-stage{position:sticky;top:0;height:auto;overflow:visible}.trama-track{display:block;transform:none!important;width:100%}.system-panel,.work-panel{width:100%;height:90svh;min-height:700px}.wire-live{stroke-dashoffset:0}.order-line{transform:none!important}}
.quiet{scroll-behavior:auto}.quiet *{animation:none!important;transition:none!important}.quiet .hero-photo,.quiet .trama-photo,.quiet .floating-task,.quiet .paper-signal,.quiet .system-photo,.quiet .paper-piece{transform:none!important}.quiet .nexo-hero,.quiet .connection-story,.quiet .trama-pan{height:auto!important}.quiet .nexo-hero .sc-stage,.quiet .connection-story .sc-stage{position:sticky;top:0;min-height:780px}.quiet .trama-pan .sc-stage{position:sticky;top:0;height:auto;overflow:visible}.quiet .trama-track{display:block;transform:none!important;width:100%}.quiet .system-panel,.quiet .work-panel{width:100%;height:90svh;min-height:700px}.quiet .wire-live{stroke-dashoffset:0}.quiet .order-line{transform:none!important}
@media(max-width:700px){.nexo-hero,.connection-story{height:auto!important}.nexo-hero .sc-stage{position:sticky;top:0;height:740px;min-height:0}.connection-story .sc-stage{position:sticky;top:0;height:740px;min-height:0}}
@media(max-width:400px){.network-node{width:68px}.network-source{width:76px}.node-context{left:27%}.network-node small{font-size:7px}.work-panel>h2{font-size:45px}.hero-copy h1{font-size:43px}}
@media(max-width:700px){.trama-photo{right:0;width:100%;height:58%;top:42%}.trama-photo img{object-position:82% 50%}.hero-photo{inset:19% 0 0}.hero-photo img{object-position:81% 50%}}
.brief-output{display:block;width:100%;height:190px;margin-top:24px;padding:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);font:11px/1.7 Inter,Arial,sans-serif;resize:vertical}.brief-output:focus{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.system-shade{background:linear-gradient(#11171c 0%,#11171cf5 40%,#11171c55 65%,transparent 80%),linear-gradient(0deg,#11171c 3%,transparent 30%)}}