/* Selected Work concepts. All styles are bounded by the integrated section roots. */
@font-face{font-family:HugoSelectedBarlow;src:url('/assets/fonts/barlow-condensed-semibold.0d85af813fc3.ttf') format('truetype');font-weight:600;font-display:swap}
:is(#work.selected-work,#working-software-cta,#clarity-cta){font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}
:is(#work.selected-work,#working-software-cta,#clarity-cta) .wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}
:is(#work.selected-work,#working-software-cta,#clarity-cta) :is(h2,h3,p,figure){margin:0}
:is(#work.selected-work,#working-software-cta,#clarity-cta) h3{text-transform:none}
:is(#work.selected-work,#working-software-cta,#clarity-cta) .eyebrow{font:700 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}
:is(#work.selected-work,#working-software-cta,#clarity-cta) :is(button,a):focus-visible{outline:3px solid currentColor;outline-offset:6px}
#work.selected-work{padding:70px 0 0;scroll-margin-top:20px}
#work.selected-work .selected-work-opening h2{font:700 clamp(42px,4.8vw,66px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.06em}
#work.selected-work .pill-link{display:inline-flex;align-items:center;gap:28px;font-size:17px;font-weight:700;min-height:50px;padding-block:12px}
#work.selected-work .pill-link span:last-child{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;font-size:24px;font-weight:400;transition:transform .25s}
#work.selected-work .pill-link:hover span:last-child{transform:translate(4px,-4px)}
#work.selected-work .note{font-size:12px;line-height:1.5}
#work.selected-work em{font-style:italic}
#work.selected-work{--signal-blue:#4b88ff;--signal-cyan:#36dcff;--ink:#08111f;background:var(--ink);color:#f4fbff}
#work.selected-work h3 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:var(--signal-cyan)}
#work.selected-work .signal-chapter{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
#work.selected-work .signal-chapter h3,#work.selected-work .signal-setup h3{font-size:clamp(43px,4vw,60px);line-height:1.1;font-weight:500;letter-spacing:-.055em;margin-top:26px}
#work.selected-work .body-copy{font-size:23px;line-height:1.5;letter-spacing:-.025em;margin-top:30px;color:#dce8f5}
#work.selected-work .scope{font-size:17px;line-height:1.55;color:#adc0d8;margin-top:24px}
#work.selected-work .pill-link{margin-top:25px;color:var(--signal-cyan)}
#work.selected-work .trace-stage{position:relative;padding:28px 30px 24px;background:radial-gradient(ellipse at 75% 50%,#1954b366,transparent 65%),#10213c;border:1px solid #ffffff15;border-radius:20px;transform:rotate(2deg);box-shadow:0 28px 100px #0003;transition:transform .4s}
#work.selected-work .trace-stage:hover{transform:rotate(0)}
#work.selected-work .trace-label{display:flex;justify-content:space-between;gap:16px;font:10px monospace;letter-spacing:.04em;color:#a4bddb}
#work.selected-work .trace-status{white-space:nowrap;color:#78cfff}
#work.selected-work .trace-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:4px}
#work.selected-work .after-word{display:none}
#work.selected-work .trace-input{margin-top:30px;position:relative}
#work.selected-work .small-label{font:10px monospace;letter-spacing:.12em;color:#a4bddb;display:block}
#work.selected-work .trace-input strong{font-size:25px;display:block;margin-top:12px;font-weight:500;letter-spacing:-.03em}
#work.selected-work .trace-caret{position:absolute;right:8px;top:8px;font-size:45px;color:var(--signal-blue)}
#work.selected-work .trace-thread{height:216px;position:relative;margin:5px 0}
#work.selected-work .trace-thread svg{width:100%;height:100%;overflow:visible}
#work.selected-work .trace-thread path{stroke:var(--signal-blue);stroke-width:3;stroke-linecap:round}
#work.selected-work .fixed-line{opacity:0;stroke:var(--signal-cyan)!important;stroke-dasharray:650;stroke-dashoffset:650;transition:stroke-dashoffset 1s}
#work.selected-work .problem-line{opacity:1;transition:opacity .3s}
#work.selected-work .trace-bug{position:absolute;top:45%;left:42%;font:18px monospace;padding:10px 14px;color:#08111f;background:var(--signal-blue);transform:rotate(-9deg);box-shadow:0 5px 20px #08111f}
#work.selected-work .trace-check{display:none;position:absolute;right:8px;bottom:4px;border-radius:50%;width:42px;height:42px;place-items:center;background:var(--signal-cyan);color:#08111f;font-size:25px}
#work.selected-work .trace-output strong{font-size:19px;font-weight:500;display:block;margin:10px 0 24px;min-height:45px;max-width:300px;line-height:1.25}
#work.selected-work .trace-button{border:0;border-radius:50px;padding:13px 20px;color:#08111f;background:var(--signal-cyan);font-size:14px;font-weight:700;min-width:180px}
#work.selected-work .trace-stage .note{color:#94acca;margin-top:18px;font-size:11px}
#work.selected-work .repaired .problem-line{opacity:0}
#work.selected-work .repaired .fixed-line{opacity:1;stroke-dashoffset:0}
#work.selected-work .repaired .trace-bug,#work.selected-work .repaired .before-word{display:none}
#work.selected-work .repaired .after-word{display:inline}
#work.selected-work .repaired .trace-check{display:grid}
#work.selected-work .signal-setup{margin-top:40px;padding:90px 0 65px;background:#102751;position:relative;overflow:hidden}
#work.selected-work .setup-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}
#work.selected-work .setup-opening .body-copy{margin-top:30px}
#work.selected-work .constellation{height:385px;position:relative;margin-top:45px;--node:#153d73}
#work.selected-work .connection-field{position:absolute;top:0;left:0;width:100%;height:320px;overflow:visible}
#work.selected-work .connection-field path{stroke:#468cfa;stroke-width:1.5;opacity:.5;transition:opacity .5s}
#work.selected-work .connection-field .clear-connections{opacity:0;stroke:#36dcff;stroke-width:2}
#work.selected-work .system-node{position:absolute;display:flex;align-items:center;gap:12px;background:var(--node);padding:17px 22px;border:1px solid #438edb77;border-radius:60px;box-shadow:0 0 0 12px #10275180;transition:background .5s,transform .5s}
#work.selected-work .system-node strong{font-size:19px;font-weight:500}
#work.selected-work .node-glyph{font-size:27px;color:#80eaff}
#work.selected-work .node-product{top:122px;left:0;transform:rotate(-8deg)}
#work.selected-work .node-data{top:66px;left:24%;transform:rotate(5deg)}
#work.selected-work .node-access{top:194px;left:43%;transform:rotate(-6deg)}
#work.selected-work .node-deploy{top:75px;left:66%;transform:rotate(6deg)}
#work.selected-work .node-observe{top:145px;right:0;transform:rotate(-5deg)}
#work.selected-work .map-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:22px;align-items:center}
#work.selected-work .map-caption p{font-size:15px;color:#c6daf1}
#work.selected-work .map-caption button{border:1px solid #36dcff80;color:#36dcff;background:transparent;border-radius:50px;padding:12px 18px;font-size:13px}
#work.selected-work .mapped .connection-field path{opacity:0}
#work.selected-work .mapped .connection-field .clear-connections{opacity:1}
#work.selected-work .mapped .system-node{transform:rotate(0);background:#194fb0}
#work.selected-work .setup-close{display:flex;justify-content:space-between;align-items:center;margin-top:24px}
#work.selected-work .setup-close .scope{color:#c6daf1}
#work.selected-work .signal-decision{padding-block:120px}
#work.selected-work .decision-art{height:420px;position:relative;display:grid;place-items:center}
#work.selected-work .option-orbit{position:absolute;width:75%;height:330px;border:1px solid #2159ed;border-radius:50%;transform:rotate(35deg)}
#work.selected-work .orbit-b{transform:rotate(-35deg);border-color:#36bdea}
#work.selected-work .decision-core{position:relative;text-align:center;font-size:43px;line-height:1.1;letter-spacing:-.06em;background:#08111f;padding:28px 10px}
#work.selected-work .decision-core em{font-family:Georgia,serif;font-weight:400;color:var(--signal-cyan)}
#work.selected-work .decision-core>span{display:block;color:var(--signal-blue);font-size:72px;font-family:Arial;margin-top:10px}
#work.selected-work .orbit-tag{position:absolute;background:#10386d;padding:9px 16px;border-radius:50px;font-size:14px;color:#c5efff}
#work.selected-work .tag-quality{top:26px;left:20%;transform:rotate(-12deg)}
#work.selected-work .tag-cost{right:0;top:40%;transform:rotate(10deg)}
#work.selected-work .tag-fit{bottom:25px;left:19%;transform:rotate(5deg)}
@media(max-width:1000px){#work.selected-work .signal-chapter{gap:6%;padding-block:75px}
#work.selected-work .signal-chapter h3,#work.selected-work .signal-setup h3{font-size:44px}
#work.selected-work .body-copy{font-size:21px}
#work.selected-work .trace-stage{padding:24px 20px}
#work.selected-work .trace-label{font-size:8px}
#work.selected-work .system-node{padding:13px 17px}
#work.selected-work .system-node strong{font-size:16px}
#work.selected-work .node-access{left:42%}
#work.selected-work .node-deploy{left:65%}
#work.selected-work .constellation{height:340px}
#work.selected-work .connection-field{height:280px}
#work.selected-work .decision-core{font-size:35px}
#work.selected-work .option-orbit{width:85%}}
@media(max-width:700px){#work.selected-work .signal-chapter{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding-block:50px}
#work.selected-work .signal-chapter h3,#work.selected-work .signal-setup h3{font-size:42px;margin-top:20px}
#work.selected-work .body-copy{font-size:21px;line-height:1.45;margin-top:25px}
#work.selected-work .scope{font-size:16px;line-height:1.5;margin-top:20px}
#work.selected-work .pill-link{margin-top:17px}
#work.selected-work .trace-stage{transform:rotate(0);padding:24px;max-width:500px}
#work.selected-work .trace-thread{height:180px}
#work.selected-work .trace-label{font-size:9px}
#work.selected-work .trace-input strong{font-size:24px}
#work.selected-work .trace-output strong{min-height:0;margin-bottom:20px}
#work.selected-work .signal-setup{padding:55px 0 45px;margin-top:20px}
#work.selected-work .setup-opening{display:block}
#work.selected-work .setup-opening .body-copy{margin-top:24px}
#work.selected-work .constellation{height:355px;margin-top:24px}
#work.selected-work .connection-field{height:260px;top:15px}
#work.selected-work .system-node{padding:12px 14px;gap:7px;box-shadow:0 0 0 5px #10275180}
#work.selected-work .system-node strong{font-size:14px}
#work.selected-work .node-glyph{font-size:23px}
#work.selected-work .node-product{top:50px;left:0}
#work.selected-work .node-data{top:0;left:auto;right:3%}
#work.selected-work .node-access{top:133px;left:31%}
#work.selected-work .node-deploy{top:222px;left:3%}
#work.selected-work .node-observe{top:215px;right:0}
#work.selected-work .map-caption{bottom:-6px;display:block;text-align:center}
#work.selected-work .map-caption p{font-size:13px}
#work.selected-work .map-caption button{margin-top:14px}
#work.selected-work .setup-close{display:block;margin-top:35px}
#work.selected-work .setup-close .scope{margin:0}
#work.selected-work .decision-art{height:320px;order:2}
#work.selected-work .decision-core{font-size:37px}
#work.selected-work .option-orbit{height:255px;width:80%}
#work.selected-work .tag-quality{top:0}
#work.selected-work .tag-fit{bottom:0}
#work.selected-work .signal-decision{gap:25px;padding-block:60px}}
@media(max-width:360px){#work.selected-work .decision-art{overflow:clip}
#work.selected-work .trace-label{font-size:8px;gap:8px}
#work.selected-work .trace-input strong{font-size:21px}
#work.selected-work .signal-chapter h3,#work.selected-work .signal-setup h3{font-size:38px}}
#working-software-cta{--blue:#243ae8;--yellow:#f1ff57;background:var(--blue);color:#fff}
#working-software-cta .bench-intro{position:relative;padding:50px 0 90px}
#working-software-cta .bench-kicker{display:flex;justify-content:space-between;align-items:start}
#working-software-cta .bench-kicker>span{font-size:14px;line-height:1.4;opacity:.85}
#working-software-cta .bench-intro h2{font-size:clamp(62px,6.7vw,100px);line-height:1.04;letter-spacing:-.065em;font-weight:700;margin-top:50px}
#working-software-cta .works-word{display:inline-block;color:var(--yellow);position:relative;padding-bottom:12px}
#working-software-cta .works-word svg{position:absolute;bottom:-10px;width:100%;height:28px;left:0;fill:none;stroke:currentColor;stroke-width:3}
#working-software-cta .bench-lede{display:flex;gap:45px;align-items:center;margin-top:44px}
#working-software-cta .bench-lede p{font-size:23px;line-height:1.4;letter-spacing:-.025em}
#working-software-cta .bench-sticker{position:absolute;right:30px;bottom:65px;background:var(--yellow);color:var(--blue);font-size:15px;font-weight:800;letter-spacing:-.03em;width:115px;height:115px;padding:20px 15px;transform:rotate(11deg);border-radius:50%;text-align:center;line-height:1.1}
#working-software-cta .bench-sticker>span{font-size:37px;display:block;line-height:1}
@media(max-width:1100px){#working-software-cta .bench-sticker{right:0;bottom:55px}
#working-software-cta .bench-lede p{font-size:21px}}
@media(max-width:760px){#working-software-cta .bench-intro{padding:32px 0 65px}
#working-software-cta .bench-kicker>span{font-size:12px}
#working-software-cta .bench-intro h2{font-size:clamp(44px,8.3vw,64px);margin-top:40px;line-height:1.05}
#working-software-cta .works-word{padding-bottom:6px}
#working-software-cta .works-word svg{bottom:-12px;height:25px}
#working-software-cta .bench-sticker{display:none}
#working-software-cta .bench-lede{margin-top:35px;gap:22px;align-items:end}
#working-software-cta .bench-lede p{font-size:20px;max-width:450px}
#working-software-cta .bench-lede br{display:none}}
@media(max-width:540px){#working-software-cta .bench-intro h2{font-size:45px}
#working-software-cta .bench-kicker>span{font-size:11px}
#working-software-cta .bench-lede p{font-size:19px}
#working-software-cta .works-word{max-width:100%;font-size:1em}
#working-software-cta .works-word svg{bottom:-4px}}
@media(max-width:360px){#working-software-cta .bench-intro h2{font-size:39px}}
#clarity-cta{--red:#ed3d28;--black:#161616;background:#f7f8fa;color:var(--black)}
#clarity-cta .click-opening{padding:35px 0 65px}
#clarity-cta .click-kicker{display:flex;justify-content:space-between;align-items:center}
#clarity-cta .click-kicker>span{font:11px monospace;text-transform:uppercase}
#clarity-cta .click-opening h2{font:600 clamp(100px,12.3vw,180px)/.82 HugoSelectedBarlow,Impact,sans-serif;letter-spacing:-.04em;margin-top:40px;color:var(--red)}
#clarity-cta .clarity-word{position:relative;display:inline-block}
#clarity-cta .clarity-word svg{position:absolute;left:-2%;bottom:-25px;width:105%;height:40px;fill:none;stroke:var(--black);stroke-width:7}
#clarity-cta .opening-bottom{display:grid;grid-template-columns:1fr 1fr 55px;gap:35px;align-items:center;margin-top:65px}
#clarity-cta .opening-bottom>p:first-child{font-size:25px;font-weight:700;letter-spacing:-.035em;line-height:1.2}
#clarity-cta .opening-bottom>p:nth-child(2){font-size:19px;line-height:1.45;letter-spacing:-.02em}
@media(max-width:1050px){#clarity-cta .click-kicker>span{font-size:10px}
#clarity-cta .click-opening h2{font-size:13vw}
#clarity-cta .opening-bottom{gap:20px}
#clarity-cta .opening-bottom>p:first-child{font-size:22px}
#clarity-cta .opening-bottom>p:nth-child(2){font-size:17px}}
@media(max-width:700px){#clarity-cta .click-opening{padding:28px 0 40px}
#clarity-cta .click-kicker{align-items:start}
#clarity-cta .click-kicker>span{max-width:150px;text-align:right;font-size:9px;line-height:1.5}
#clarity-cta .click-opening h2{font-size:16.1vw;line-height:.9;margin-top:36px}
#clarity-cta .clarity-word svg{bottom:-19px;height:25px;stroke-width:6}
#clarity-cta .opening-bottom{display:grid;grid-template-columns:1fr 50px;margin-top:40px;gap:20px}
#clarity-cta .opening-bottom>p:first-child{font-size:23px}
#clarity-cta .opening-bottom>p:nth-child(2){grid-row:2;max-width:340px;font-size:19px}
#clarity-cta .opening-bottom>p:nth-child(2) br{display:none}}
#working-software-cta .bench-intro{padding-top:68px;padding-bottom:78px}
#working-software-cta .bench-lede{gap:50px;padding-right:160px;align-items:center}
.selected-cta .selected-cta-action{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font:700 17px/1.2 Arial,Helvetica,sans-serif;padding:17px 24px;min-height:58px;white-space:nowrap}
.selected-cta .selected-cta-action>span{font:400 27px/1 Arial,Helvetica,sans-serif;transition:transform .25s}
.selected-cta .selected-cta-action:hover>span{transform:translate(3px,-3px)}
#working-software-cta .selected-cta-action{background:var(--yellow);color:#172054;border-radius:50px}
#working-software-cta .selected-cta-invite{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:13px}
#working-software-cta .selected-cta-invite>span{font-size:13px}
#clarity-cta .click-opening{padding-top:65px;padding-bottom:70px}
#clarity-cta .opening-bottom{grid-template-columns:1fr 1fr auto}
#clarity-cta .selected-cta-action{background:var(--red);color:#191514}
#work.selected-work .connection-field-mobile{display:none}
@media(max-width:700px){#work.selected-work .connection-field-desktop{display:none}#work.selected-work .connection-field-mobile{display:block;height:280px;top:0}}
@media(max-width:1100px){#working-software-cta .bench-lede{gap:30px;padding-right:130px}}
@media(max-width:900px){:is(#work.selected-work,#working-software-cta,#clarity-cta) .wrap{width:calc(100% - 64px)}#working-software-cta .bench-lede{padding-right:0}#working-software-cta .bench-sticker{display:none}#clarity-cta .opening-bottom{grid-template-columns:1fr 1fr}#clarity-cta .selected-cta-action{justify-self:start}}
@media(max-width:700px){#work.selected-work{padding-top:55px}#work.selected-work .selected-work-opening h2{font-size:42px}#work.selected-work .selected-work-opening{padding-bottom:5px}#working-software-cta .bench-intro{padding-top:45px;padding-bottom:50px}#working-software-cta .bench-lede{display:block;margin-top:35px}#working-software-cta .selected-cta-invite{align-items:start;margin-top:28px}#working-software-cta .bench-lede p{max-width:410px}#clarity-cta .click-opening{padding-top:43px;padding-bottom:45px}#clarity-cta .opening-bottom{display:flex;flex-direction:column;align-items:start;gap:22px}#clarity-cta .opening-bottom>p:nth-child(2){font-size:19px;max-width:330px}}
@media(max-width:600px){:is(#work.selected-work,#working-software-cta,#clarity-cta) .wrap{width:calc(100% - 40px)}:is(#work.selected-work,#working-software-cta,#clarity-cta) .eyebrow{font-size:11px}#work.selected-work .pill-link{font-size:16px}.selected-cta .selected-cta-action{font-size:16px;padding:16px 23px}}
@media(prefers-reduced-motion:reduce){:is(#work.selected-work,#working-software-cta,#clarity-cta) *{transition:none!important;animation:none!important}}
.reduce-motion :is(#work.selected-work,#working-software-cta,#clarity-cta) *{transition:none!important;animation:none!important}