.sp{padding:4px 0 72px;color:var(--ink)}.sp-h1{margin:0;color:var(--ink);font:var(--display-w) clamp(2.4rem,12.4vw,3.6rem)/1.02 var(--display);overflow-wrap:anywhere}.sp-h2{margin:0;color:var(--ink);font:var(--display-w) clamp(1.7rem,7.6vw,2.3rem)/1.08 var(--display);text-wrap:balance}.sp-h3{margin:0;color:var(--ink);font:var(--display-w) 1.35rem/1.15 var(--display)}.sp-big{margin:0;color:var(--ink);font:var(--display-w) var(--shot-big)/1.08 var(--display);text-wrap:balance}.sp-kicker{margin:0 0 8px;color:var(--ink-2);font:700 .95rem/1.4 var(--ui)}.sp-head{width:min(100% - 2 * var(--gut),720px);margin:0 auto 20px;text-align:center}.sp-trail{width:min(100% - 2 * var(--gut),1160px);margin:0 auto}.sp-trail ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.sp-trail li{display:inline-flex;align-items:center;color:var(--ink-2);font:400 .9rem/1.4 var(--text)}.sp-trail li+li:before{content:"/";content:"/" / "";margin-inline:2px;color:var(--ink-2)}.sp-trail a,.sp-trail span{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px;border-radius:2px;color:var(--ink-2);text-decoration:none}.sp-trail span[aria-current]{color:var(--ink);font-weight:600}@media(hover:hover)and (pointer:fine){.sp-trail a:hover{color:var(--ink);background:#1a19170f}}.sp-sheet{box-sizing:border-box;width:min(100% - 2 * var(--gut),1160px);margin-inline:auto;background:var(--paper);color:var(--ink);box-shadow:var(--paper-shadow);border-radius:2px}@media(min-width:768px)and (max-width:1099px){.sp-sheet{width:min(100% - 2 * var(--gut),720px)}}.sp-obj{display:inline-block;line-height:0;font-size:var(--fs, 4.6px)}.sp-obj .thing{font-size:inherit}.sp-obj--laptop{--fs: 4.2px;--rz: -3deg}.sp-obj--phone{--fs: 4.2px;--rz: 4deg}.sp-obj--loupe{--fs: 4.4px;--rz: 6deg;padding-bottom:6em;padding-inline-end:6em}.sp-obj--bubble{--fs: 4.4px;--rz: -3deg;padding-bottom:5em}.sp-obj--cassette{--fs: 4.2px;--rz: 4deg}.sp-obj--frame{--fs: 4.8px;--rz: -5deg}.sp-obj>.thing{transform:rotate(var(--rz, 0deg))}.sp-obj--laptop .thing__body{margin-bottom:2.2em}.sp-obj--chatbots .thing__art,.sp-obj--bubble .thing__art{width:96%;height:96%}.sp-obj--frame .thing__art{width:64%;height:64%}.sp-obj--small{--fs: 2px}.sp-obj--small.sp-obj--laptop,.sp-obj--small.sp-obj--cassette{--fs: 1.8px}.sp-hero{position:relative;margin-top:64px;padding:0 20px 28px;text-align:center}.sp-hero__obj{display:flex;justify-content:center;margin-top:-56px}.sp-hero__copy{margin-top:18px}.sp-sub{margin:14px auto 0;max-width:30ch;color:var(--ink-2);font:400 1.1rem/1.6 var(--text);text-wrap:pretty}.sp-facts{list-style:none;margin:20px auto 0;padding:0;max-width:340px;box-shadow:inset 0 1px 0 var(--line)}.sp-facts li{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;box-shadow:inset 0 -1px 0 var(--line);color:var(--ink);font:600 1rem/1.45 var(--ui)}.sp-facts li:before{content:"";flex:none;width:7px;height:7px;background:var(--ink)}.sp-ctas{display:grid;justify-items:center;gap:6px;max-width:366px;margin:24px auto 0}.sp-ctas>:first-child{justify-self:stretch}.sp-prose{width:min(100% - 2 * var(--gut) - 16px,720px);margin:72px auto 0;display:grid;gap:36px}.sp-prose__item .sp-h2{font-size:clamp(1.5rem,6.6vw,1.9rem)}.sp-prose__item p{margin:10px 0 0;color:var(--ink-2);font:400 1.05rem/1.75 var(--text)}.sp-try{margin:0;padding:16px 18px;color:var(--ink);font:600 1rem/1.6 var(--ui);box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;text-align:center}.sp-try .shot-link{font:inherit;font-weight:800;background:none;border:0;cursor:pointer;text-decoration:none}.sp-sample{width:min(100% - 2 * var(--gut),820px);margin:64px auto 0}.sp-sample__frame{padding:10px;background:var(--paper);box-shadow:var(--paper-shadow);border-radius:2px}.sp-sample video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:var(--ink)}.sp-sample figcaption{margin:14px auto 0;max-width:40ch;text-align:center;color:var(--ink-2);font:400 1rem/1.6 var(--text)}.sp-sample figcaption .shot-link{display:inline-flex;vertical-align:middle}.sp-pair{display:grid;gap:48px;width:min(100% - 2 * var(--gut),1160px);margin:72px auto 0}.sp-check{width:100%;padding:28px 20px 10px;text-align:center}.sp-check ul{list-style:none;margin:18px 0 0;padding:0;text-align:start}.sp-check li{display:flex;align-items:flex-start;gap:12px;padding:13px 4px;box-shadow:inset 0 -1px 0 var(--line);font:400 1.05rem/1.55 var(--text);color:var(--ink)}.sp-check li:last-child{box-shadow:none}.sp-tick{flex:none;width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.sp-slip{justify-self:center;width:min(100%,380px);filter:drop-shadow(0 12px 16px rgba(26,25,23,.14))}.sp-slip__paper{--hole: radial-gradient(circle 5px at 50% 0, transparent 96%, var(--ink) 100%) 50% 0 / 18px 51% repeat-x, radial-gradient(circle 5px at 50% 100%, transparent 96%, var(--ink) 100%) 50% 100% / 18px 51% repeat-x;-webkit-mask:var(--hole);mask:var(--hole);padding:30px 22px 28px;background:var(--paper);text-align:center}.sp-slip ul{list-style:none;margin:16px 0 0;padding:0;text-align:start}.sp-slip li{padding:12px 0;border-top:1px dashed rgba(26,25,23,.32);color:var(--ink);font:400 1rem/1.6 var(--text)}.sp-slip li:last-child{font-weight:700}.sp-steps{margin:80px auto 0}.sp-steps__track{position:relative;box-sizing:border-box;width:min(100% - 2 * var(--gut),560px);margin:0 auto;padding-inline-start:48px}.sp-steps__track>ol{list-style:none;margin:0;padding:0}.sp-steps .shot-line{inset-inline-start:14px;top:15px;bottom:15px}.sp-step{position:relative;padding-bottom:30px}.sp-step:last-child{padding-bottom:0}.sp-step__node{position:absolute;inset-inline-start:-48px;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 .9rem/1 var(--ui);font-variant-numeric:tabular-nums;transition:background-color .16s linear,color .16s linear}html.motion-ready .sp-step__node:not(.is-reached){background:var(--table);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.sp-step .sp-h3{padding-top:2px}.sp-step p{margin:6px 0 0;color:var(--ink-2);font:400 1.05rem/1.7 var(--text)}.sp-time{box-sizing:border-box;width:min(100% - 2 * var(--gut),560px);margin:28px auto 0;padding:14px 18px;background:var(--paper);box-shadow:var(--paper-shadow);border-radius:2px;color:var(--ink);font:400 1rem/1.6 var(--text)}.sp-padwrap{margin:80px auto 0}.sp-pad{position:relative;list-style:none;counter-reset:q;box-sizing:border-box;width:min(100% - 2 * var(--gut),720px);margin:0 auto;padding:26px 0 6px;background:var(--paper);box-shadow:var(--paper-shadow);border-radius:2px}.sp-pad:before{content:"";position:absolute;inset:9px 14px auto;height:9px;background:radial-gradient(circle 4px,var(--table) 92%,transparent 100%) 0 50% / 22px 9px repeat-x}.sp-pad>li{counter-increment:q;box-shadow:inset 0 -1px 0 var(--line)}.sp-pad>li:last-child{box-shadow:none}.sp-pad summary{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;box-sizing:border-box;padding:14px 18px;padding-inline-end:52px;cursor:pointer;list-style:none;color:var(--ink);font:600 1.05rem/1.5 var(--ui)}.sp-pad summary::-webkit-details-marker{display:none}.sp-pad summary:before{content:counter(q);content:counter(q) / "";flex:none;min-width:1.4em;color:var(--ink-2);font:400 .9rem/1 var(--ui);font-variant-numeric:tabular-nums}.sp-pad summary:focus-visible{outline-offset:-3px}@media(hover:hover)and (pointer:fine){.sp-pad summary:hover{background:#1a19170a}}.sp-pad__sign{position:absolute;inset-inline-end:18px;top:50%;width:16px;height:16px;margin-top:-8px}.sp-pad__sign:before,.sp-pad__sign:after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--ink);transition:transform .16s var(--ease-out)}.sp-pad__sign:after{transform:rotate(90deg)}.sp-pad details[open] .sp-pad__sign:after{transform:rotate(0)}.sp-pad details[open] summary{box-shadow:inset 0 -1px 0 var(--line)}.sp-pad details p{margin:0;padding:14px 18px 20px;padding-inline-start:calc(30px + 1.4em);color:var(--ink-2);font:400 1.05rem/1.75 var(--text)}html.motion-reduced .sp-pad__sign:before,html.motion-reduced .sp-pad__sign:after{transition:none}.sp-final{width:min(100% - 2 * var(--gut),720px);margin:88px auto 0;text-align:center}.sp-final__line{margin:14px auto 0;max-width:34ch;color:var(--ink-2);font:400 1.05rem/1.65 var(--text);text-wrap:pretty}.sp-final__keys{display:grid;justify-items:center;gap:6px;max-width:366px;margin:24px auto 0}.sp-final__keys>:first-child{justify-self:stretch}.sp-more{width:min(100% - 2 * var(--gut),1160px);margin:88px auto 0;text-align:center}.sp-more .sp-h2{font-size:clamp(1.4rem,6vw,1.8rem)}.sp-more ul{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-more__link{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;height:100%;min-height:132px;box-sizing:border-box;padding:18px 8px 12px;border-radius:2px;color:var(--ink);text-decoration:none}.sp-more__name{font:700 1rem/1.35 var(--ui)}@media(hover:hover)and (pointer:fine){.sp-more__link:hover{background:#1a19170d}.sp-more__link:hover .thing__body{transform:translateY(-2px)}.sp-more__link .thing__body{transition:transform .16s var(--ease-out)}}@media(min-width:768px){.sp-obj{--scale: 1.25}.sp-obj:not(.sp-obj--small){font-size:calc(var(--fs, 4.6px) * 1.25)}.sp-hero{padding:0 48px 40px}.sp-more ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.sp{padding-top:12px}.sp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;margin-top:28px;padding:64px 72px;text-align:start}.sp-hero__obj{order:2;margin:0}.sp-obj:not(.sp-obj--small){font-size:calc(var(--fs, 4.6px) * 1.7)}.sp-hero__copy{margin:0}.sp-h1{font-size:clamp(3.6rem,5.4vw,5rem)}.sp-sub{margin-inline:0;max-width:34ch;font-size:1.2rem}.sp-facts{margin-inline:0}.sp-facts li{justify-content:flex-start}.sp-ctas{justify-items:start;margin-inline:0}.sp-prose{width:min(100% - 2 * var(--gut),1160px);grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:104px}.sp-prose:has(.sp-try){grid-template-columns:repeat(3,minmax(0,1fr))}.sp-try{grid-column:1 / -1;justify-self:center}.sp-pair{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:64px;margin-top:104px}.sp-check{padding:40px 44px 18px}.sp-slip{margin-top:32px}.sp-steps,.sp-padwrap{margin-top:112px}.sp-final{margin-top:120px}.sp-more ul{grid-template-columns:repeat(5,minmax(0,1fr))}.sp-more__link{min-height:168px}.sp-obj--small{--fs: 2.6px}.sp-obj--small.sp-obj--laptop,.sp-obj--small.sp-obj--cassette{--fs: 2.3px}}.sp-work__head{width:min(100% - 2 * var(--gut),820px);margin:28px auto 0;text-align:center}.sp-work__head .sp-sub{max-width:34ch}.sp-sample--hero{margin-top:28px}.sp-note{width:min(100% - 2 * var(--gut),820px);margin-top:48px;padding:28px 22px 24px}.sp-note p{margin:12px 0 0;color:var(--ink);font:400 1.05rem/1.8 var(--text)}.sp-note__tags{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.sp-note__tags li{padding:6px 12px;box-shadow:inset 0 0 0 1px var(--line-ui);border-radius:2px;color:var(--ink);font:600 .95rem/1.4 var(--ui)}@media(min-width:1100px){.sp-note{padding:44px 56px 40px}}.sp-lost__desk{position:relative;display:flex;justify-content:center;margin:40px auto 0;width:min(100% - 2 * var(--gut),420px)}.sp-lost__gap{box-sizing:border-box;display:grid;place-items:center;width:62%;aspect-ratio:3 / 4;border:2px dashed rgba(26,25,23,.38);border-radius:2px}.sp-lost__code{color:var(--ink-2);font:var(--display-w) clamp(2.6rem,14vw,4rem)/1 var(--display);font-variant-numeric:tabular-nums}.sp-lost__loupe{position:absolute;inset-inline-start:4%;bottom:-6%;--fs: 2.6px}@media all{html:not(.disable-animations):not(.motion-reduced) .sp-lost__loupe>.thing{animation:sp-search 5.6s var(--ease-out) infinite alternate}}@keyframes sp-search{0%{transform:translate(0) rotate(6deg)}to{transform:translate(-28%,-38%) rotate(-4deg)}}.sp-lost__copy{width:min(100% - 2 * var(--gut),560px);margin:48px auto 0;text-align:center}.sp-lost__more{width:min(100% - 2 * var(--gut),720px);margin:56px auto 0;text-align:center}.sp-lost__more ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px}.sp-hero{display:flow-root}@media(min-width:1100px){.sp-hero{display:grid}}.sp-obj--phone:not(.sp-obj--small){--fs: 5px;position:relative;width:50em;height:27em}.sp-obj--phone:not(.sp-obj--small)>.thing{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(-90deg + var(--rz)))}.sp-obj--phone:not(.sp-obj--small) .thing__art{position:absolute;left:50%;top:50%;width:40.7em;height:23em;transform:translate(-50%,-50%) rotate(90deg)}.sp-more__link:active .thing__body{transform:translateY(1px)}.sp-prose.sp-sheet{width:min(100% - 2 * var(--gut),820px);padding:28px 22px;gap:28px}@media(min-width:1100px){.sp-prose.sp-sheet{width:min(100% - 2 * var(--gut),1160px);padding:48px 56px}}.sp-flow{display:grid}@media(min-width:1100px){.sp-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;width:min(100% - 2 * var(--gut),1160px);margin:112px auto 0}.sp-flow .sp-steps,.sp-flow .sp-padwrap{margin-top:0}.sp-flow .sp-steps__track,.sp-flow .sp-time,.sp-flow .sp-pad,.sp-flow .sp-head{width:100%}}.sp-more ul{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-obj--small{--fs: 1.7px}.sp-obj--small.sp-obj--laptop,.sp-obj--small.sp-obj--cassette{--fs: 1.5px}@media(min-width:1100px){.sp-more ul{grid-template-columns:repeat(5,minmax(0,1fr))}.sp-obj--small{--fs: 2.6px}.sp-obj--small.sp-obj--laptop,.sp-obj--small.sp-obj--cassette{--fs: 2.3px}}.sp-facts li{align-items:flex-start;padding-block:10px;text-align:start}.sp-facts li:before{margin-top:.55em}.sp-lost__gap{width:min(52%,220px);height:min(32svh,280px);aspect-ratio:auto}.sp-lost__loupe{inset-inline-start:auto;inset-inline-end:2%;bottom:4%}.sp-pad details:not([open])>p{display:none}.sp{--sp-gut: max(var(--gut), 20px)}.sp-steps__track,.sp-time{width:min(100% - 2 * var(--sp-gut),560px)}.sp-final,.sp-head,.sp-work__head,.sp-lost__copy,.sp-lost__more,.sp-trail{width:min(100% - 2 * var(--sp-gut),720px)}.sp-trail{width:min(100% - 2 * var(--sp-gut),1160px)}.sp-prose{grid-template-columns:minmax(0,1fr)}.sp-try .shot-link{display:inline;min-height:0;padding:0}@media(min-width:1100px){.sp-prose{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.sp{padding-bottom:max(72px,calc(100svh - 700px))}}.sp-note__facts{margin:18px 0 0;max-width:none}.sp-lost__more ul{gap:8px 12px}.sp-lost__more .shot-link{min-height:44px}.sp-ctas .shot-link{min-height:48px}.sp-try .shot-link{display:inline-flex;min-height:44px;padding:0 4px;vertical-align:middle}.sp-try{box-shadow:none;padding:4px 0 0;border-radius:0}@media(min-width:768px){.sp-lost__loupe{inset-inline-end:-12%;bottom:0}}.sp-top{margin-top:-4px;padding:4px 0 48px;background:var(--ink);color:var(--cream)}.sp-top .sp-trail li,.sp-top .sp-trail a,.sp-top .sp-trail span,.sp-top .sp-trail li+li:before{color:var(--cream-2)}.sp-top .sp-trail span[aria-current]{color:var(--cream)}@media(hover:hover)and (pointer:fine){.sp-top .sp-trail a:hover{color:var(--cream);background:#ede7da1a}}.sp-top :focus-visible{outline-color:var(--cream)}.sp-top .sp-hero{box-shadow:0 0 0 1px #ede7da14,0 22px 40px -24px #000c}.sp-top .sp-hero :focus-visible{outline-color:var(--ink)}.sp-top .sp-work__head .sp-h1{color:var(--cream)}.sp-top .sp-work__head :is(.sp-sub,.sp-kicker){color:var(--cream-2)}.sp-top .sp-sample__frame{box-shadow:0 22px 40px -24px #000c}@media(min-width:1100px){.sp-top{padding-bottom:72px}}.sp-work__head .sp-kicker{margin-bottom:14px}.sp:has(>.sp-top){padding-top:0}.sp>.sp-top{margin-top:0}.sp--service .sp-top,.sp--work .sp-top{padding-bottom:0}.sp--service .sp-top>.sp-hero,.sp--work .sp-top>.sp-sample{position:relative;z-index:1;margin-bottom:-72px}.sp--service .sp-top+*,.sp--work .sp-top+*{margin-top:128px}.sp--work .sp-top{padding-bottom:0}.sp-top--hang{padding-bottom:96px}.sp-top--hang+.sl-sheet{position:relative;z-index:1;margin-top:-84px}.sp-lost__top{padding:28px 0 40px}.sp-lost__top .sp-lost__desk{margin-top:12px}.sp-lost__top .sp-lost__gap{border-color:#ede7da8c}.sp-lost__top .sp-lost__code{color:var(--cream-2)}@media(max-width:767px)and (max-height:640px){.sp-hero__obj .sp-obj:not(.sp-obj--small){font-size:calc(var(--fs, 4.6px) * .72)}}
