@font-face{font-family:Neue;src:url("assets/PPNeueMontreal-Semibold.otf") format("opentype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:NeueText;src:url("assets/PPNeueMontrealText-Book.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Nothing;src:url("assets/NothingYouCouldDo.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--canvas:#F5F4EF;--surface:#fff;--ink:#10131C;--ink2:rgba(16,19,28,.68);--ink3:rgba(16,19,28,.60);--line:rgba(16,19,28,.09);--line2:rgba(16,19,28,.16);--fill:#2B4EF0;--fillHover:#2340D6;--onFill:#fff;--accentText:#1B2F99;--hand:#1B2F99;--highlight:#C7F36B;--handOnFill:var(--highlight);--chipInk:#22300A;--space:clamp(1.25rem,4vw,4rem);--ease:cubic-bezier(.16,1,.3,1)}
:root[data-theme="dark"]{color-scheme:dark;--canvas:#0E111A;--surface:#161A26;--ink:#F7F8FA;--ink2:rgba(247,248,250,.70);--ink3:rgba(247,248,250,.50);--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.15);--fill:#3157FF;--fillHover:#4266FD;--accentText:#8AA0FF;--hand:#C7F36B;--handOnFill:#DBFF99}
/* A palette comparison on the same composition; the current lime version remains the default. */
:root[data-palette="blue"]{--highlight:#DCE4FF;--chipInk:#1B2F99}
:root[data-theme="dark"][data-palette="blue"]{--hand:#8AA0FF}
.hand [data-writing-overlay] > g > path{fill:var(--hand)}

*{box-sizing:border-box}html{background:var(--canvas);scrollbar-color:var(--ink3) var(--canvas);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:NeueText,sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-underline-offset:.25em}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button>svg,a>svg{width:20px;height:20px;flex-shrink:0}::selection{background:var(--highlight);color:var(--chipInk)}:focus-visible{outline:2px solid var(--accentText);outline-offset:5px}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.5}.container{width:min(100%,1360px);margin-inline:auto;padding-inline:var(--space)}.skip-link{position:absolute;top:12px;left:12px;transform:translateY(-200%);padding:12px 18px;background:var(--surface);z-index:5}.skip-link:focus{transform:none}.header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;margin-left:-4px}.brand img{display:block;width:244px;height:55px;max-width:100%}.brand .brand-dark{display:none}[data-theme="dark"] .brand .brand-light{display:none}[data-theme="dark"] .brand .brand-dark{display:block}.nav-actions{display:flex;gap:32px;align-items:center}.nav-link{font-size:15px;display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}.nav-link:hover{text-decoration:underline}.theme-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%;background:transparent}.theme-toggle:hover{background:var(--surface)}.theme-toggle .sun{display:none}[data-theme="dark"] .theme-toggle .sun{display:block}[data-theme="dark"] .theme-toggle .moon{display:none}.hero{min-height:calc(100svh - 96px);display:grid;grid-template-columns:.88fr 1.12fr;grid-template-areas:"intro scene" "actions scene";column-gap:24px;row-gap:28px;align-content:center;padding-top:32px;padding-bottom:52px}.hero-intro{grid-area:intro;align-self:end;padding-top:10px}h1{font-family:Neue,sans-serif;font-weight:600;font-size:clamp(3rem,5vw,4.25rem);line-height:1.04;letter-spacing:-.04em;margin:0}.hand{display:table;position:relative;font-family:Nothing,cursive;font-weight:400;font-size:clamp(1.5rem,2.7vw,2.375rem);letter-spacing:-.015em;line-height:1.4;color:var(--hand);margin-top:20px;white-space:nowrap}.underline{position:absolute;bottom:-12px;left:-1%;width:102%;height:25px;stroke-width:2;overflow:visible}.hero-actions{grid-area:actions;align-self:start;padding-top:9px}.description{font-size:1.125rem;line-height:1.6;color:var(--ink2);max-width:31ch;margin:0 0 26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border-radius:8px;background:var(--fill);color:var(--onFill);font-family:Neue,sans-serif;font-weight:600;font-size:1rem;min-height:54px;padding:16px 22px;transition:background-color 180ms ease}.button:hover{background:var(--fillHover)}.button svg{width:22px;height:22px}.collaboration{grid-area:scene;margin:0;position:relative;align-self:center;width:100%;height:530px;isolation:isolate;scroll-margin-top:20px}.role{position:absolute;text-align:center;z-index:2}.expert{left:2%;top:12px;width:28%}.team{right:0;top:32px;width:38%}.role-label{display:flex;align-items:baseline;justify-content:center;gap:8px;white-space:nowrap}.role-label strong{font-family:Neue,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.role-label span{font-size:.9375rem;color:var(--ink2)}.portrait{display:block;background:transparent;margin:8px auto 0;padding:0;width:145px;max-width:100%;border-radius:12px}.portrait>svg{width:100%;height:auto;display:block;stroke-width:2.35;overflow:visible}.team-portraits{display:flex;align-items:center;width:215px;max-width:100%}.team-portraits>svg{width:56%;flex:0 0 56%;margin-inline:-3%;height:auto}.team-portraits>svg:first-child{transform:rotate(-7deg) translateY(-7px)}.team-portraits>svg:last-child{transform:rotate(6deg) translateY(5px)}.portrait:hover{color:var(--accentText)}.connections{position:absolute;inset:0;width:100%;height:510px;color:var(--accentText);stroke-width:1.7;pointer-events:none;z-index:0;overflow:visible}.business{position:absolute;top:220px;left:50%;width:73%;max-width:400px;transform:translateX(-50%) rotate(-3deg);border-radius:18px;background:var(--fill);color:var(--onFill);padding:5px 14px 17px;box-shadow:0 14px 30px rgba(10,24,88,.10);isolation:isolate}.business-art svg{display:block;width:100%;height:auto;overflow:visible;stroke-width:1.9}.business-services{display:flex;justify-content:center;gap:22px;margin-top:-17px;font-size:14px;line-height:1.5;color:var(--onFill)}.business-services span+span{position:relative}.business-services span+span::before{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;left:-12px;top:9px;opacity:.65}.business [data-piece="growth-line"],.business [data-piece="spark"]{stroke:var(--highlight);stroke-width:2.2}.completion{position:absolute;right:-15px;bottom:21px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--highlight);color:var(--chipInk);transform:rotate(3deg)}.completion svg{width:24px;height:24px;stroke-width:2}.collaboration figcaption{position:absolute;top:490px;left:0;right:0;text-align:center;font-size:1.0625rem;color:var(--ink2);line-height:1.4}.collaboration figcaption strong{font-family:Neue,sans-serif;font-weight:600;color:var(--ink);letter-spacing:-.02em;font-size:1.25rem}.motion-controls{position:absolute;top:532px;left:0;right:0;display:flex;justify-content:center;gap:10px;align-items:center}.motion-button{display:flex;align-items:center;justify-content:center;background:transparent;gap:8px;min-width:40px;min-height:40px;border-radius:6px;font-size:14px;color:var(--ink2);padding:8px}.motion-button:hover{color:var(--ink);background:var(--surface)}.motion-button svg{width:17px;height:17px}.pause .play-icon{display:none}.pause[aria-pressed="true"] .pause-icon{display:none}.pause[aria-pressed="true"] .play-icon{display:block}.motion-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.draw-ghost{opacity:.13}.standalone-note{position:fixed;bottom:16px;left:16px;right:16px;max-width:600px;margin:0 auto;background:var(--surface);padding:16px;border:1px solid var(--line2);border-radius:8px;font-size:14px;line-height:1.5;z-index:5}
@media(min-width:1500px){.hero{column-gap:54px}.collaboration{height:570px}.business{top:256px}.collaboration figcaption{top:505px}.motion-controls{top:548px}}
@media(max-width:1050px) and (min-width:761px){.hero{grid-template-columns:.92fr 1.08fr;column-gap:12px;padding-top:16px}.hero h1{font-size:clamp(2.7rem,5.25vw,3.6rem)}.hand{font-size:clamp(1.375rem,2.7vw,1.75rem);margin-top:18px}.role-label{gap:5px}.role-label strong{font-size:20px}.role-label span{font-size:14px}.portrait{width:120px}.team-portraits{width:175px}.business{top:224px;width:86%;padding-bottom:15px}.business-services{gap:17px;font-size:12px}.business-services span+span::before{left:-9px;top:8px}.collaboration{height:470px}.connections{height:475px}.collaboration figcaption{top:438px}.motion-controls{top:476px}.description{font-size:16px;max-width:29ch}}
@media(max-width:760px){.header{min-height:82px}.brand img{width:213px;height:48px}.nav-actions{gap:14px}.nav-link{display:none}.theme-toggle{width:40px;height:40px}.hero{display:flex;flex-direction:column;gap:0;padding-top:28px;padding-bottom:36px;min-height:0;max-width:560px}.hero-intro{padding:0;align-self:stretch;text-align:center}h1{font-size:clamp(2.5rem,7.5vw,3.5rem);line-height:1.06;letter-spacing:-.035em}.hand{font-size:clamp(1.375rem,5.2vw,1.875rem);margin:12px auto 0;letter-spacing:0}.underline{height:19px;bottom:-10px}.collaboration{height:414px;margin-top:36px;max-width:440px;flex-shrink:0}.expert{top:0;left:1%;width:33%}.team{top:8px;right:0;width:43%}.role-label{gap:5px}.role-label strong{font-size:20px}.role-label span{font-size:14px}.portrait{width:113px;margin-top:5px}.team-portraits{width:165px}.portrait>svg{stroke-width:2.6}.connections{height:357px}.business{top:178px;width:87%;max-width:336px;border-radius:14px;padding:3px 9px 12px}.business-art svg{stroke-width:2.05}.business-services{font-size:12px;gap:18px;margin-top:-13px}.business-services span+span::before{left:-10px;top:8px}.completion{width:34px;height:34px;right:-10px;bottom:17px}.completion svg{width:20px;height:20px}.collaboration figcaption{top:373px;font-size:15px}.collaboration figcaption strong{font-size:18px}.motion-controls{top:405px;gap:4px}.motion-button{font-size:12px;min-height:36px;min-width:36px}.hero-actions{align-self:stretch;padding-top:36px;text-align:center}.description{font-size:16px;max-width:31ch;margin:0 auto 20px;line-height:1.5}.button{min-height:50px;padding:14px 22px;min-width:170px}}
@media(max-width:380px){.header{min-height:76px}.brand img{width:195px;height:44px}.hero{padding-top:18px}.hero h1{font-size:2.5rem}.hand{font-size:1.3rem}.collaboration{margin-top:32px;height:375px}.role-label{gap:4px}.role-label strong{font-size:18px}.role-label span{font-size:12px}.portrait{width:101px}.team-portraits{width:148px}.connections{height:333px}.business{top:163px;padding-bottom:10px}.business-services{font-size:11px;gap:15px}.collaboration figcaption{top:335px}.motion-controls{top:364px}.hero-actions{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.pause{display:none}}

/* The business, caption and controls share normal flow so rotation cannot collide with text. */
.collaboration{height:auto;display:flex;flex-direction:column;align-items:center;padding-top:220px;}
.expert{top:-12px}.team{top:8px}.portrait{width:132px}.team-portraits{width:215px}
.business{position:relative;top:auto;left:auto;flex-shrink:0;transform:rotate(-3deg)}
.collaboration figcaption{position:static;margin-top:28px;}
.motion-controls{position:static;margin-top:8px;}
.connections{height:100%;}
.portrait:disabled{opacity:1;color:var(--ink)}
@media(min-width:1500px){.collaboration{padding-top:240px}}
@media(max-width:1050px) and (min-width:761px){.collaboration{padding-top:224px}.portrait{width:120px}.team-portraits{width:175px}}
@media(max-width:760px){.collaboration{padding-top:178px}.expert{top:0}.team{top:8px}.portrait{width:104px}.team-portraits{width:156px}.collaboration figcaption{margin-top:24px}.hero-actions{padding-top:28px}}
@media(max-width:380px){.collaboration{padding-top:167px}.portrait{width:96px}.team-portraits{width:144px}.hero-actions{padding-top:24px}}

/* Client revisions: two handwritten notes and one living business scene. */
.role-label{flex-direction:column;align-items:center;gap:0;line-height:1.2}
.role-label .role-note{font-family:Nothing,cursive;font-size:30px;font-weight:400;line-height:1.1;color:var(--hand);transform:rotate(-7deg);margin-bottom:4px}
.team .role-label .role-note{transform:rotate(5deg)}
.role-label strong{font-size:16px;line-height:1.3;letter-spacing:-.015em}
.collaboration{padding-top:244px}
[data-eyes]{transition:transform 110ms ease-out}
.business{--activity-state:paused}
.business[data-activity="running"]{--activity-state:running}
@media(min-width:1500px){.collaboration{padding-top:264px}}
@media(max-width:1050px) and (min-width:761px){.collaboration{padding-top:238px}.role-label .role-note{font-size:27px}.role-label strong{font-size:14px}}
@media(max-width:760px){.collaboration{padding-top:196px}.role-label .role-note{font-size:26px;margin-bottom:2px}.role-label strong{font-size:14px}}
@media(max-width:380px){.collaboration{padding-top:187px}.role-label .role-note{font-size:24px}.role-label strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){[data-eyes]{transition:none}}

.role-label .role-note [data-writing-source]{font:inherit;color:inherit}

.work-details-link{text-decoration:none}