:root{--bg: #fafafa;--ink-1: #384042;--ink-2: #424a4d;--icon: #4b5558;--icon-hover: #1a2123;--ink-3: #6f797c;--font-sans: system-ui, sans-serif;--font-serif: "athelas", Charter, "Iowan Old Style", Georgia, "Times New Roman", serif;--ease-out: cubic-bezier(.23, 1, .32, 1)}:root.dark{--bg: #16181a;--ink-1: #c2cacd;--ink-2: #e3e8ea;--icon: #8b9498;--icon-hover: #e3e8ea;--ink-3: #7f898d}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--icon);outline-offset:4px;border-radius:4px}h1,h2,h3,h4,h5,h6,p{margin:0;font-size:inherit;font-weight:inherit}.hero{min-height:100svh;display:flex;padding:80px}@media(max-width:900px){.hero{padding:24px}.hero__content{min-height:calc(100svh - 48px)}}.hero__content{display:flex;flex-direction:column;gap:32px;width:100%;max-width:500px;min-height:calc(100svh - 160px)}.greeting{display:flex;align-items:center;gap:12px}.greeting__avatar{flex:none;width:48px;height:48px;border-radius:16px;overflow:hidden;background:#fff;transform:rotate(-5deg);box-shadow:0 1px 2px #0000000f;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}:root.dark .greeting__avatar{outline-color:#ffffff1a}.greeting__avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.greeting__text{font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.headline{font-family:var(--font-serif);font-size:2.8rem;line-height:1.142857em;letter-spacing:-.005em;color:var(--ink-2)}.body{font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.body p+p{margin-top:.75em}.social{display:flex;align-items:center;gap:20px}.social a{display:flex;width:40px;height:40px;padding:8px;margin:-8px;transition:transform .12s var(--ease-out)}.social svg{width:24px;height:24px}.social svg path{fill:var(--icon);transition:fill .15s ease}@media(hover:hover)and (pointer:fine){.social a:hover svg path{fill:var(--icon-hover)}}.greeting__text:before{content:"";display:table;margin-bottom:-.4233em}.greeting__text:after{content:"";display:table;margin-top:-.3721em}.headline:before{content:"";display:table;margin-bottom:-.2414em}.headline:after{content:"";display:table;margin-top:-.2514em}.body:before{content:"";display:table;margin-bottom:-.4233em}.body:after{content:"";display:table;margin-top:-.3721em}::selection{background:var(--ink-1);color:var(--bg)}.headline::selection,.worklist__heading::selection,.case__title::selection,.case__title ::selection,.story__text h3::selection{background:var(--ink-2);color:var(--bg)}.worklist__sub::selection,.crumb::selection,.case__subtitle::selection,.case__subtitle ::selection,.quote::selection,.ba__captions::selection,.ba__captions ::selection{background:var(--ink-3);color:var(--bg)}html.anim .hero__content>*,html.anim .work .story__row:first-child .story__text>*,html.anim .work .story__row:first-child .frame,html.anim .work .story__row:nth-child(2) .story__text>*,html.anim .work .story__row:nth-child(2) .frame,html.anim .work .story__row:first-child .ba__captions{opacity:0}html.anim-in .hero__content>*,html.anim-in .work .story__row:first-child .story__text>*,html.anim-in .work .story__row:first-child .frame,html.anim-in .work .story__row:nth-child(2) .story__text>*,html.anim-in .work .story__row:nth-child(2) .frame,html.anim-in .work .story__row:first-child .ba__captions{animation:reveal-up .4s var(--ease-out) both}html.anim-in .hero__content>*:nth-child(1){animation-delay:0ms}html.anim-in .hero__content>*:nth-child(2){animation-delay:50ms}html.anim-in .hero__content>*:nth-child(3){animation-delay:.1s}html.anim-in .hero__content>*:nth-child(4){animation-delay:.15s}html.anim-in .hero__content>*:nth-child(5){animation-delay:.2s}html.anim-in .work .story__row:first-child .story__text>:nth-child(1){animation-delay:0ms}html.anim-in .work .story__row:first-child .story__text>:nth-child(2){animation-delay:50ms}html.anim-in .work .story__row:first-child .story__text>:nth-child(3){animation-delay:.1s}html.anim-in .work .story__row:first-child .story__text>:nth-child(4){animation-delay:.15s}html.anim-in .work .story__row:first-child .story__text>:nth-child(5){animation-delay:.2s}html.anim-in .work .story__row:first-child .frame{animation-delay:.15s}html.anim-in .work .story__row:first-child .story__media .frame:nth-child(2){animation-delay:.23s}html.anim-in .work .story__row:first-child .ba__captions{animation-delay:.2s}html.anim-in .work .story__row:nth-child(2) .story__text>:nth-child(1){animation-delay:.2s}html.anim-in .work .story__row:nth-child(2) .story__text>:nth-child(2){animation-delay:.25s}html.anim-in .work .story__row:nth-child(2) .story__text>:nth-child(3){animation-delay:.3s}html.anim-in .work .story__row:nth-child(2) .frame{animation-delay:.25s}@keyframes reveal-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html.anim-in .hero__content>*,html.anim-in .work .story__row:first-child .story__text>*,html.anim-in .work .story__row:first-child .frame,html.anim-in .work .story__row:nth-child(2) .story__text>*,html.anim-in .work .story__row:nth-child(2) .frame,html.anim-in .work .story__row:first-child .ba__captions{animation:reveal-fade .3s ease both}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}}.worklist{display:flex;flex-direction:column;gap:20px;margin-top:auto;padding-top:32px}.worklist a{display:flex;flex-direction:column;font-size:1.6rem;line-height:1.5em;transition:transform .12s var(--ease-out)}.worklist__heading{font-weight:600;color:var(--ink-2);transition:color .15s ease}.worklist__sub{color:var(--ink-3);transition:color .15s ease}.worklist__arrow{width:14px;height:14px;margin-left:6px;margin-right:-20px;vertical-align:-1px;fill:var(--icon-hover);opacity:0;transform:translate(-2px);transition:opacity .15s ease,transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.worklist a:hover .worklist__heading{color:var(--icon-hover)}.worklist a:hover .worklist__sub{color:var(--ink-1)}.worklist a:hover .worklist__arrow{opacity:1;transform:translate(0)}}.work{--work-pad: 80px;--work-gap: var(--work-pad);display:flex;flex-direction:column;gap:160px;padding:var(--work-pad)}.crumb{position:absolute;bottom:calc(100% + 12px);left:0;display:inline-flex;align-items:center;gap:6px;font-size:1.4rem;line-height:1.428571em;color:var(--ink-3);transition:color .15s ease,transform .12s var(--ease-out)}.crumb svg{width:14px;height:14px;fill:currentColor;transition:transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.crumb:hover{color:var(--ink-1)}.crumb:hover svg{transform:translate(-2px)}}.case{--case-height: calc(100svh - var(--work-pad) * 2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--work-gap);align-items:start;min-height:var(--case-height)}.case__copy{position:sticky;top:var(--work-pad);display:flex;flex-direction:column;gap:24px;min-height:var(--case-height);max-width:420px}.case__quotes{margin-top:auto}.case__title{font-family:var(--font-serif);font-size:2.8rem;line-height:1.142857em;letter-spacing:-.005em;color:var(--ink-2)}.case__title em{font-style:italic}.case__body{font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.case__subtitle{font-size:1.4rem;line-height:1.428571em;color:var(--ink-3);margin-top:-20px;margin-bottom:8px}.case__body p+p{margin-top:13px}.case__blocks{display:flex;flex-direction:column;gap:20px}.case__block h3{font-size:1.6rem;line-height:1.5em;font-weight:600;color:var(--ink-2)}.case__block p{margin-top:4px;font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.case__quotes{display:flex;flex-direction:column;gap:.75em}.quote{font-size:1.4rem;line-height:1.428571em;color:var(--ink-3)}.case__work{display:flex;flex-direction:column;gap:24px;min-width:0;align-self:stretch}.frame{width:100%;min-width:0;padding:6px;border-radius:10px;background:#1a0f0008;border:1px solid rgba(26,15,0,.03);overflow:hidden;--embed-card-easing: var(--ease-out);--embed-card-duration: .4s;--embed-delay-scale: .75}@media(prefers-reduced-motion:reduce){.frame *{animation-duration:.01ms!important;animation-delay:0ms!important}}.frame img{width:100%;height:auto;border-radius:4px;box-shadow:0 0 2px 1px #1a0f0012,0 0 1px #1a0f0012}.frame--fill{flex:1;display:flex;flex-direction:column}.case--story{display:flex;flex-direction:column;gap:64px;min-height:0;align-items:stretch}.case__header{position:relative;display:flex;flex-direction:column;gap:24px;max-width:420px;margin-bottom:24px}.story{display:flex;flex-direction:column;gap:48px}.story__row{display:grid;grid-template-columns:420px minmax(0,1fr);gap:var(--work-gap);align-items:start}.story__text{max-width:420px}.story__text h3{font-size:1.6rem;line-height:1.5em;font-weight:600;color:var(--ink-2)}.story__text>p{font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.story__text>h3+p{margin-top:.75em}.story__text>p+p{margin-top:.75em}.story__text .case__quotes{margin-top:64px}.itergrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.story__media{display:flex;flex-direction:column;gap:24px;min-width:0}.ba__stage.is-keyed .ba__after,.ba__stage.is-keyed .ba__divider{transition:clip-path 80ms linear,left 80ms linear}.ba{min-width:0}.ba__stage{--pos: 50%;position:relative;touch-action:pan-y}.ba__stage>img{width:100%;height:auto}.ba__stage>img.ba__before{position:absolute;inset:0;height:100%;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba__divider,.ba__handle{position:absolute;left:var(--pos);pointer-events:none}.ba__divider{top:0;bottom:0;width:2px;margin-left:-1px;background:#fffffff2;box-shadow:0 0 0 1px #1a0f0024}.ba__handle{top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:#fafafaf2;box-shadow:0 1px 4px #1a0f004d;color:var(--icon-hover)}.ba__handle svg{width:18px;height:18px;fill:currentColor}.ba__range{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.ba__range:focus{outline:none}.ba__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:2px;height:100%;background:transparent;cursor:ew-resize}.ba__range::-moz-range-thumb{width:2px;height:100%;border:0;border-radius:0;background:transparent;cursor:ew-resize}.ba__range::-moz-range-track{background:transparent}.ba__range:focus-visible~.ba__handle{outline:2px solid var(--icon);outline-offset:3px}.ba__captions{display:flex;justify-content:space-between;margin-top:4px;font-size:1.4rem;line-height:1.5em;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){.ba__stage>img.ba__before,.ba__divider,.ba__handle{transition:none}}.frame--fill{display:flex;flex-direction:column;height:calc(100svh - var(--work-pad) * 2)}@media(max-width:900px){.story__row{grid-template-columns:minmax(0,1fr)}.frame--fill{height:auto}.itergrid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root.dark .frame{background:#ffffff0a;border-color:#ffffff0f}@media(max-width:900px){.work{--work-pad: 24px;gap:96px}.case{grid-template-columns:minmax(0,1fr)}.case{min-height:0}.case__copy{position:static;min-height:0;max-width:none}.case__quotes{margin-top:8px}.crumb{position:static;margin-bottom:-12px}}
