.direction-three{background:#0c0e1d;color:#f7f8fc;max-width:none}.direction-three header{position:absolute;left:0;right:0;top:0;z-index:20;max-width:none;margin:0;padding:0 7%;height:105px;color:#fff}.direction-three .wordmark{font-size:30px;letter-spacing:-.055em}.direction-three .brand-dot{color:#a896ef}.direction-three nav{font-size:14px;font-weight:500;gap:35px}.direction-three .contact-link{color:#fff;background:#ffffff10;border:1px solid #ffffff30;border-radius:6px;box-shadow:none}.spectrum-intro{min-height:780px;height:100svh;max-height:1150px;position:relative;isolation:isolate;overflow:hidden;background:#161128}.spectrum-art{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 35%,#e59c92,transparent 38%),radial-gradient(ellipse at 60% 60%,#7160d5,transparent 45%),linear-gradient(120deg,#131728,#413577,#237d94)}#spectrum{width:100%;height:100%;display:block}.spectrum-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0d1de8 0%,#0c102680 42%,#0c102600 75%),linear-gradient(0deg,#0c0e1d 0%,transparent 18%);pointer-events:none}.opening-copy{position:relative;z-index:2;margin-left:10%;padding-top:clamp(150px,19vh,235px);max-width:850px}.opening-kicker{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.17em;color:#b8b7ce;line-height:1.6}.opening-copy h1{font-family:'DM Sans',sans-serif;font-weight:450;font-size:clamp(60px,6.7vw,108px);line-height:1.05;letter-spacing:-.055em;margin:30px 0;max-width:800px}.opening-copy h1 em{font-style:normal;color:#e7cced}.opening-description{font-size:20px;line-height:1.6;color:#e2dfee;font-weight:400}.opening-actions{display:flex;gap:30px;align-items:center;margin-top:35px;font-size:14px}.opening-actions a:first-child{background:#fff;color:#25253b;padding:14px 20px;border-radius:5px;display:flex;align-items:center;gap:22px}.opening-actions a:nth-child(2){color:#e5e2f2;display:flex;align-items:center;gap:15px}.opening-actions a{transition:transform .2s}.opening-actions a:hover{transform:translateY(-3px)}.opening-floor{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;color:#b7b8c9;gap:25px;z-index:3}.opening-floor button{background:transparent;color:#c5c4d7;border:1px solid #aeb0c43b;border-radius:20px;padding:8px 13px;font-size:11px;cursor:pointer}.scroll-cue{font-size:10px;letter-spacing:.15em;display:flex;align-items:center;gap:20px}.scroll-cue i{font-style:normal;font-size:24px}.connection-story{height:150vh;min-height:950px;position:relative;background:#0c0e1d}.story-sticky{position:sticky;top:0;min-height:700px;height:100svh;max-height:1000px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;padding:70px 9%;overflow:hidden}.story-text h2{font-family:'DM Sans';font-size:clamp(38px,4vw,63px);line-height:1.15;letter-spacing:-.04em;font-weight:450;margin:25px 0}.story-text h2 span{color:#a397d3}.story-text>p:not(.opening-kicker){color:#9b9eb4;font-size:18px;line-height:1.8;max-width:440px;margin-bottom:20px}.story-text>a{font-size:14px;color:#ddd3fb;display:inline-block;margin-top:15px}.connection-scene{position:relative;aspect-ratio:600/450;--progress:0}.connection-scene svg{position:absolute;inset:0;width:100%;height:100%;opacity:calc(.25 + var(--progress)*.75)}.scene-label{position:absolute;color:#e7e5f3;font-size:15px;line-height:1.5;transition:transform .15s}.scene-label span{display:block;color:#848ba9;font-size:11px;margin-top:4px}.label-a{left:0;top:10%;transform:translate(calc(var(--progress)*15px),calc(var(--progress)*10px))}.label-b{right:0;top:10%;transform:translate(calc(var(--progress)*-15px),calc(var(--progress)*10px))}.label-c{left:0;bottom:10%}.label-d{right:0;bottom:10%}.scene-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-family:'DM Sans';font-size:27px;letter-spacing:.08em;padding:28px;background:radial-gradient(ellipse,#7462b92b,transparent 70%);color:#f5e9ff;text-shadow:0 0 30px #b18edc88}.scene-core span{display:block;font-size:10px;letter-spacing:.06em;color:#ac9ec8;margin-top:8px}.story-progress{position:absolute;bottom:40px;left:9%;right:9%;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em;color:#9296b1;text-transform:uppercase}.story-progress>div{height:1px;background:#2a2b41;flex:1}.story-progress i{display:block;background:linear-gradient(90deg,#729abf,#a890d7,#d49cbb);width:calc(var(--story-progress,0)*100%);height:1px}.new-work{background:#f7f8fc;color:#202435;padding:100px 9% 65px;position:relative}.new-work .opening-kicker{color:#7a7e94}.new-work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin:25px 0 65px}.new-work h2{font-family:'DM Sans';font-size:clamp(40px,4.5vw,68px);font-weight:450;line-height:1.12}.new-work-heading p{font-size:16px;line-height:1.8;color:#737a8c}.work-line{display:grid;grid-template-columns:45px 1.3fr 1fr 30px;gap:20px;padding:32px 0;border-top:1px solid #dbe0ec;align-items:center;transition:color .2s}.work-line>span{font-size:12px;color:#83889b}.work-line h3{font-family:'DM Sans';font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.025em}.work-line p{font-size:14px;color:#7a8093}.work-line i{font-style:normal;font-size:23px;color:#7f719e}.work-line:hover{color:#7454b5}.quiet-products{display:flex;justify-content:space-between;gap:30px;padding-top:65px;margin-top:30px;border-top:1px solid #dbe0ec;font-size:15px}.quiet-products p{color:#777c8d}.quiet-products a{color:#796397}.new-contact{padding:90px 9% 100px;background:radial-gradient(ellipse at 100% 100%,#3c2652,transparent 70%),#0c0e1d}.new-contact h2{font-family:'DM Sans';font-size:clamp(48px,6vw,84px);font-weight:400;margin:25px 0 35px;line-height:1.1}.new-contact>a{font-size:16px;color:#e9d8fa;display:inline-flex;gap:40px;border-bottom:1px solid #675674;padding-bottom:14px}.direction-three footer{max-width:none;margin:0;padding:35px 9%;color:#b1b2c1;border-top:1px solid #ffffff12;background:#0c0e1d}.direction-three footer p,.direction-three footer small{color:#85899d}.direction-three footer .wordmark{color:#e9e8f2}.motion-paused .moving-signal{display:none}
@media(min-width:1700px){.opening-copy{margin-left:14%}.story-sticky,.new-work,.new-contact{padding-left:14%;padding-right:14%}}
@media(max-width:850px){.opening-copy{margin-left:7%}.spectrum-shade{background:linear-gradient(90deg,#0b0d1ded,#10142888 65%,#0c102633),linear-gradient(0deg,#0c0e1d,transparent 20%)}.story-sticky{gap:30px;padding-left:6%;padding-right:6%}.story-text h2{font-size:39px}.story-text>p:not(.opening-kicker){font-size:16px}.scene-label{font-size:12px}.scene-label span{font-size:9px}.scene-core{font-size:23px;padding:18px}.work-line{grid-template-columns:25px 1fr 30px}.work-line p{grid-column:2;grid-row:2}.work-line i{grid-column:3;grid-row:1}.new-work-heading p br{display:none}}
@media(max-width:650px){.direction-three header{height:83px;padding:0 7%}.direction-three .wordmark{font-size:27px}.direction-three .menu{color:#fff}.direction-three nav{background:#15182b;border-color:#ffffff20;top:76px;left:15px;right:15px;border-radius:10px;font-size:15px}.direction-three .contact-link{border-radius:5px}.spectrum-intro{height:100svh;min-height:740px;max-height:950px}.opening-copy{padding-top:145px;margin:0 7%}.opening-copy h1{font-size:clamp(55px,13.5vw,78px);line-height:1.07;margin:28px 0}.opening-kicker{font-size:9px;letter-spacing:.13em}.opening-description{font-size:17px}.opening-actions{flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px;font-size:13px}.opening-floor{bottom:24px;font-size:9px;align-items:center;gap:12px}.opening-floor>span:first-child{max-width:185px}.opening-floor button{font-size:10px;white-space:nowrap}.scroll-cue{display:none}.connection-story{height:auto;min-height:0}.story-sticky{position:relative;height:auto;min-height:0;max-height:none;grid-template-columns:1fr;padding:70px 7% 90px;gap:35px}.story-text h2{font-size:39px}.story-text>p:not(.opening-kicker){font-size:16px}.connection-scene{width:100%;max-width:500px;margin:auto;--progress:1}.scene-label{font-size:12px}.scene-label span{font-size:10px}.scene-core{font-size:23px}.story-progress{bottom:35px;left:7%;right:7%}.new-work{padding:65px 7% 45px}.new-work-heading{display:block;margin-bottom:40px}.new-work h2{font-size:43px}.new-work-heading p{font-size:15px;margin-top:25px}.work-line{gap:12px;padding:25px 0}.work-line h3{font-size:21px}.work-line p{font-size:13px}.quiet-products{display:block;padding-top:35px;font-size:14px}.quiet-products a{display:inline-block;margin-top:15px}.new-contact{padding:60px 7%}.new-contact h2{font-size:56px}.direction-three footer{padding:30px 7%}}
@media(prefers-reduced-motion:reduce){.moving-signal{display:none}.scene-label{transition:none}.connection-story{height:auto;min-height:0}.story-sticky{position:relative;height:auto;min-height:650px}.connection-scene{--progress:1}}
/* A visible transformation: source information, shared context, review. */
.connection-story{height:220vh}.story-sticky{grid-template-columns:.85fr 1.15fr;gap:6%}.workflow-demo{min-width:0;position:relative}.demo-heading{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.1em;color:#9896b4;padding-bottom:25px;border-bottom:1px solid #ffffff18}.demo-stage{position:relative;height:370px;margin:15px 0;isolation:isolate}.demo-sources{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:17px;transition:transform .8s,opacity .6s;transform-origin:left center}.demo-source{position:relative;padding:15px 20px;border-left:2px solid #a48bd4;background:linear-gradient(90deg,#8f6bb51c,transparent);width:85%;transition:transform .8s}.demo-source:nth-child(1){transform:translateX(5%);border-color:#75c6dd}.demo-source:nth-child(2){transform:translateX(17%)}.demo-source:nth-child(3){transform:translateX(0);border-color:#e3a2b8}.demo-source small,.demo-result>small{font-size:12px;letter-spacing:.1em;color:#b4a4cd;display:block}.demo-source strong{font-size:18px;font-weight:450;color:#e5e5f1;display:block;margin:4px 0}.demo-source>span{font-size:14px;color:#898da8}.demo-connection{position:absolute;inset:0;opacity:0;transition:opacity .6s}.demo-connection svg{width:100%;height:100%;position:absolute;inset:0}.demo-connection path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s}.demo-connection>span{position:absolute;left:72%;top:40%;font-size:24px;line-height:1.2;color:#e7d3f6;background:#0c0e1d;padding:12px;text-shadow:0 0 25px #bd92ef55}.demo-result{position:absolute;inset:30px 0;opacity:0;transform:translateY(30px) scale(.95);transition:opacity .7s,transform .7s;padding:25px 30px;background:radial-gradient(ellipse at 100% 0,#7960b52e,transparent 75%);border-top:1px solid #ac8cc766;border-bottom:1px solid #ac8cc733}.demo-result h3{font-family:'DM Sans';font-size:36px;font-weight:450;line-height:1.15;letter-spacing:-.035em;margin:15px 0}.demo-result p{font-size:16px;line-height:1.7;color:#a8aac1;max-width:350px}.review-state{font-size:14px;color:#c6dce2;margin-top:23px;display:flex;align-items:center;gap:10px}.review-state>span{color:#91c6d9}.demo-evidence{display:block;font-size:12px;color:#87869e;margin-top:12px}.demo-caption{font-size:15px;line-height:1.7;min-height:52px;color:#b6adc9}.demo-controls{display:flex;gap:20px;margin-top:20px;border-top:1px solid #ffffff18}.demo-controls button{flex:1;text-align:left;background:none;border:0;border-top:2px solid transparent;margin-top:-1px;padding:15px 0;color:#898ca5;cursor:pointer;font-size:14px;transition:color .3s,border-color .3s}.demo-controls button>span{display:block;font-size:12px;color:#777c98;margin-bottom:5px}.demo-controls button[aria-pressed=true]{border-color:#b9a0d9;color:#f0e6fa}.workflow-demo[data-stage="1"] .demo-sources{transform:scale(.64);width:64%}.workflow-demo[data-stage="1"] .demo-source{transform:none;width:100%}.workflow-demo[data-stage="1"] .demo-connection{opacity:1}.workflow-demo[data-stage="1"] .demo-connection path{stroke-dashoffset:0}.workflow-demo[data-stage="2"] .demo-sources{opacity:0;transform:translateX(50px) scale(.8);pointer-events:none}.workflow-demo[data-stage="2"] .demo-result{opacity:1;transform:none}.new-work-heading p a{color:#775b97;display:inline-block;margin-top:16px}.story-progress{font-size:12px;letter-spacing:.03em;text-transform:none}
@media(max-width:950px){.story-sticky{gap:4%;padding-left:6%;padding-right:6%}.demo-source strong{font-size:16px}.demo-connection>span{font-size:20px;left:68%}.demo-controls{gap:10px}.demo-controls button{font-size:13px}.demo-result{padding:20px}.demo-result h3{font-size:31px}}
@media(max-width:650px){.connection-story{height:auto}.story-sticky{grid-template-columns:1fr;gap:40px;padding:65px 7% 85px}.demo-stage{height:370px}.demo-source strong{font-size:17px}.demo-result h3{font-size:34px}.demo-controls button{font-size:14px}.story-progress{display:none}.demo-caption{min-height:52px}.demo-connection>span{left:70%}.demo-result{inset:20px 0}.new-work-heading p br{display:none}}
@media(prefers-reduced-motion:reduce){.connection-story{height:auto}.demo-sources,.demo-source,.demo-result,.demo-connection,.demo-connection path{transition:none!important}}
.workflow-demo[data-stage="1"] .demo-sources{transform:none;width:46%;z-index:1;gap:22px}.workflow-demo[data-stage="1"] .demo-source{padding:12px 10px;background:linear-gradient(90deg,#17162b,#0c0e1d)}.workflow-demo[data-stage="1"] .demo-source strong{font-size:14px;line-height:1.5}.workflow-demo[data-stage="1"] .demo-source>span{display:none}