.selected-work-rows{gap:3rem;display:grid}.selected-work-rows>*{margin-block:0}.homepage-supporting-work{grid-template-columns:minmax(0,1fr);gap:3rem}.homepage-supporting-work>li{border-top:1px solid var(--border);padding-block-start:3rem}.homepage-supporting-work h3{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.selected-work-rows>a{justify-self:start}@media (min-width:768px){.homepage-supporting-work>li>a{grid-template-columns:minmax(0,45%) minmax(0,1fr);align-items:start;gap:1.5rem 2rem;display:grid}.homepage-supporting-work .case-study-card-leading{display:contents}.homepage-supporting-work .case-study-card-heading{grid-column:1/-1;margin:0}.homepage-supporting-work [data-slot=card]{grid-column:1;margin:0}.homepage-supporting-work .case-study-card-body{grid-area:2/2}}.hero-portrait-led{--duration-portrait-settle:var(--duration-slow);--home-accent:var(--brand);max-width:1280px;padding-block:clamp(2rem,5vw,4.5rem)}.hero-portrait-led .hero-split{grid-template-columns:minmax(0,1.8fr) minmax(12rem,.75fr);align-items:center;gap:40px;display:grid}.hero-portrait-led .hero-title{letter-spacing:-.04em;text-wrap:balance;max-width:15ch;margin:0;font-weight:500;line-height:1.03}.hero-portrait-led .hero-portrait{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;transition:transform var(--duration-portrait-settle) var(--ease-out-expo);border-radius:16px;transform:rotate(3deg)}.hero-portrait-led .hero-portrait:hover{transform:rotate(0)scale(1.025)}.hero-portrait-led .hero-caption{margin-top:24px}.hero-portrait-led .hero-name{margin:0;font-size:1.125rem}.hero-portrait-led .hero-role{color:var(--muted-foreground);margin-top:3px;font-size:.875rem}.hero-portrait-led .hero-copy{color:var(--muted-foreground);max-width:65ch;margin-top:24px;font-size:1.125rem;line-height:1.65}.hero-portrait-led .hero-copy a{color:var(--foreground)}.hero-portrait-led .hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.hero-portrait-led .hero-email{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.hero-portrait-led .hero-actions svg{transition:transform var(--duration-normal) var(--ease-out-expo)}.hero-portrait-led .hero-primary:hover svg{transform:translate(4px)}.hero-portrait-led a:focus-visible{outline:2px solid var(--ring);outline-offset:5px}.hero-portrait-led .hero-proof{max-width:52ch;color:var(--muted-foreground);margin-top:1.25rem;font-size:.875rem;line-height:1.9}.hero-portrait-led .hero-proof a{color:var(--foreground)}@media (max-width:40em){.hero-portrait-led{padding-block:1.5rem}.hero-portrait-led .hero-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem}.hero-portrait-led .hero-introduction{display:contents}.hero-portrait-led .hero-identity{grid-row:2;justify-self:stretch;align-items:center;gap:1rem;max-width:none;display:flex}.hero-portrait-led .hero-portrait{flex:none;width:64px}.hero-portrait-led .hero-caption{min-width:0;margin-top:0}.hero-portrait-led .hero-name{font-size:1.125rem}.hero-portrait-led .hero-role{font-size:.875rem}.hero-portrait-led .hero-copy{grid-row:3;margin-top:0;font-size:1rem}.hero-portrait-led .hero-actions{gap:10px}.hero-portrait-led .hero-email{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.hero-portrait-led .hero-portrait,.hero-portrait-led .hero-portrait:hover{transition:none;transform:rotate(3deg)}.hero-portrait-led .hero-actions svg,.hero-portrait-led .hero-primary:hover svg{transition:none;transform:none}}.selected-work-gallery{gap:48px;display:grid;padding-top:40px!important}.selected-work-gallery>*{margin-block:0}.selected-work-gallery .work-heading{letter-spacing:-.04em;text-wrap:balance;font-weight:500;line-height:1.05}.selected-work-gallery .work-all{justify-self:start;padding-inline:24px}.selected-work-gallery h3{letter-spacing:-.03em;text-wrap:balance;line-height:1.12}.selected-work-gallery>ul>li>a{transition:color var(--duration-normal) var(--ease-standard)}.selected-work-gallery>ul>li>a>div>p{text-transform:none;letter-spacing:0}.selected-work-gallery [data-slot=card]{border-radius:16px}@media (max-width:47.9375em){.selected-work-gallery{gap:32px;padding-top:28px!important}.selected-work-gallery .work-heading{font-size:2.75rem!important}.selected-work-gallery h3{font-size:1.875rem!important}}.selected-work-gallery{max-width:1280px}.selected-work-gallery .work-heading{font-size:clamp(3rem,1.5rem + 4vw,5rem)}.selected-work-gallery>ul:first-of-type>li>a{grid-template-columns:1fr 1fr;column-gap:40px;display:grid}.selected-work-gallery>ul:first-of-type>li>a>div:nth-child(2){grid-area:1/1/auto/-1}.selected-work-gallery>ul:first-of-type>li>a>div:first-child{grid-area:2/1}.selected-work-gallery>ul:first-of-type>li>a>div:last-child{grid-area:2/2}.selected-work-gallery>ul:first-of-type [data-slot=card]{aspect-ratio:1.8}.selected-work-gallery .homepage-supporting-work{grid-template-columns:1fr 1fr;align-items:start;gap:36px}.selected-work-gallery .homepage-supporting-work>li{border:0;padding-top:0}.selected-work-gallery .homepage-supporting-work>li>a{gap:24px;display:flex}.selected-work-gallery .homepage-supporting-work .case-study-card-leading{flex-direction:column;gap:24px;display:flex}.selected-work-gallery .homepage-supporting-work .case-study-card-heading{order:2}.selected-work-gallery .homepage-supporting-work h3{font-size:clamp(1.875rem,1.25rem + 1.5vw,2.5rem)}.selected-work-gallery .homepage-supporting-work>li:nth-child(2){padding-top:100px}@media (max-width:47.9375em){.selected-work-gallery>ul:first-of-type>li>a{flex-direction:column;display:flex}.selected-work-gallery .homepage-supporting-work{grid-template-columns:1fr}.selected-work-gallery .homepage-supporting-work>li:nth-child(2){padding-top:0}}.selected-work-gallery .selected-project-artwork{aspect-ratio:4/3}.selected-work-gallery .homepage-engineering{gap:32px;padding-top:32px;display:grid}.homepage-engineering article p{max-width:60ch}.hero-title>span{color:var(--home-accent)}.hero-identity{justify-self:end;max-width:20rem}.hero-portrait-led .hero-copy{max-width:52ch}.hero-portrait-led .hero-primary{background:var(--home-accent);color:var(--background)}.hero-portrait-led .hero-actions{gap:1rem;margin-top:2.5rem}.hero-portrait-led .hero-email{margin-left:.5rem}.homepage-about{max-width:1280px}.homepage-about>h2{letter-spacing:-.04em;line-height:1.05}.homepage-about>div>p:first-child{color:var(--foreground);max-width:48ch;font-size:clamp(1.375rem,1rem + 1vw,1.75rem);line-height:1.5}.homepage-engineering h3{letter-spacing:-.03em;font-size:2.25rem}.homepage-engineering h4{letter-spacing:-.02em;font-size:1.75rem}@media (max-width:40em){.hero-portrait-led .hero-actions{gap:.625rem;margin-top:1.5rem}.hero-portrait-led .hero-email{margin-left:0}}.hero-portrait-led{--hero-stagger:.16s;--hero-wipe:.9s}.hero-portrait-led .hero-word{display:inline-block}.hero-portrait-led .hero-word[data-word="0"]{--word:0}.hero-portrait-led .hero-word[data-word="1"]{--word:1}.hero-portrait-led .hero-word[data-word="2"]{--word:2}.hero-portrait-led .hero-word[data-word="3"]{--word:3}.hero-portrait-led .hero-word[data-word="4"]{--word:4}.hero-portrait-led .hero-word[data-word="5"]{--word:5}@keyframes hero-word-rise{0%{opacity:0;filter:blur(6px);transform:translateY(.35em)rotate(-1.5deg)}to{opacity:1;filter:blur();transform:none}}@keyframes hero-follow-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hero-phrase-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){.hero-portrait-led .hero-word{animation:hero-word-rise var(--duration-rise) var(--ease-out-expo) both;animation-delay:calc(var(--word) * var(--hero-stagger))}.hero-portrait-led .hero-title>span{animation:hero-phrase-wipe var(--hero-wipe) var(--ease-out-expo) both;animation-delay:calc(3 * var(--hero-stagger));display:inline-block}.hero-portrait-led .hero-copy,.hero-portrait-led .hero-identity{animation:hero-follow-in var(--hero-wipe) var(--ease-out-expo) both;animation-delay:calc(6 * var(--hero-stagger))}}@media (prefers-reduced-motion:reduce){:root[data-artwork-motion=on] .hero-portrait-led .hero-word{animation:hero-word-rise var(--duration-rise) var(--ease-out-expo) both;animation-delay:calc(var(--word) * var(--hero-stagger))}:root[data-artwork-motion=on] .hero-portrait-led .hero-title>span{animation:hero-phrase-wipe var(--hero-wipe) var(--ease-out-expo) both;animation-delay:calc(3 * var(--hero-stagger));display:inline-block}:root[data-artwork-motion=on] .hero-portrait-led .hero-copy,:root[data-artwork-motion=on] .hero-portrait-led .hero-identity{animation:hero-follow-in var(--hero-wipe) var(--ease-out-expo) both;animation-delay:calc(6 * var(--hero-stagger))}}@media (prefers-reduced-motion:no-preference){.hero-portrait-led .hero-portrait{animation:portrait-arrival var(--duration-rise) var(--ease-out-expo) backwards}@keyframes portrait-arrival{0%{transform:rotate(-4deg)scale(.97)}to{transform:rotate(3deg)scale(1)}}}:is(body:has(.hero-portrait-led)>header nav,body:has(.hero-portrait-led) header nav){max-width:1280px}@media (max-width:40em){body:has(.hero-portrait-led) header nav{gap:.25rem .5rem}body:has(.hero-portrait-led) header nav>ul{column-gap:.5rem}}.homepage-studio{grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,5vw,6rem);max-width:1440px;margin-inline:auto;padding-inline:2rem;display:grid}.homepage-studio .hero-portrait-led{grid-area:1/1/3;width:100%;padding-block:2rem;position:sticky;top:1rem}.homepage-studio .hero-split{flex-direction:column-reverse;align-items:flex-start;gap:2rem;display:flex}.homepage-studio .hero-identity{align-items:center;gap:1.25rem;max-width:none;display:flex}.homepage-studio .hero-portrait{width:5rem}.homepage-studio .hero-caption{margin:0}.homepage-studio .hero-title{max-width:12ch;font-size:clamp(2.5rem,4.5vw,4rem)}.homepage-studio .hero-copy{font-size:1rem}.homepage-studio .hero-actions{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.homepage-studio .hero-primary{border-radius:1.25rem;grid-column:1/-1;justify-content:space-between;min-height:5.5rem;padding-inline:1.5rem;font-size:1.125rem}.homepage-studio .hero-primary svg{width:2.25rem;height:2.25rem;overflow:visible}.homepage-studio .hero-primary:not(:focus-visible){box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--background) 22%, transparent), 0 12px 28px -18px color-mix(in oklab, var(--studio-accent) 70%, transparent)}.homepage-studio .hero-secondary{border-color:color-mix(in oklab, var(--studio-accent) 50%, var(--border));justify-self:start}.homepage-studio .hero-secondary:hover,.homepage-studio .hero-secondary:focus-visible{border-color:var(--studio-accent)}.homepage-studio .hero-email,.homepage-studio .hero-proof a,.homepage-studio .hero-copy a{-webkit-text-decoration-color:var(--studio-accent);text-decoration-color:var(--studio-accent);text-underline-offset:.22em}.homepage-studio .hero-role-dot{font-weight:600}@media (prefers-reduced-motion:no-preference){.homepage-studio .hero-primary svg path{transition:transform var(--studio-arrow) var(--ease-out-expo)}.homepage-studio .hero-primary:hover svg path,.homepage-studio .hero-primary:focus-visible svg path{transform:translate(2px)}}.homepage-studio .hero-email{flex-basis:auto;justify-self:end;margin:0}.homepage-studio .selected-work-gallery{grid-area:1/2;gap:2.5rem;width:100%;padding-top:2rem!important}.homepage-studio .work-heading{font-size:clamp(2.5rem,4vw,4rem)}.homepage-studio .selected-work-gallery>ul:first-of-type>li>a{flex-direction:column;display:flex}.homepage-studio .selected-work-gallery>ul:first-of-type>li>a>div:nth-child(2){order:-1}.homepage-studio .selected-work-gallery>ul:first-of-type>li>a>div:last-child>p:first-child{color:var(--foreground)}.homepage-studio .selected-work-gallery>ul:first-of-type h3{font-size:2.25rem}.homepage-studio .selected-work-gallery .homepage-supporting-work{grid-template-columns:1fr;gap:3rem}.homepage-studio .homepage-about{grid-area:2/2;padding-top:5rem}.homepage-studio .homepage-about>h2{font-size:3rem}@media (max-width:63em){.homepage-studio{padding-inline:0;display:block}.homepage-studio .hero-portrait-led{position:static}.homepage-studio .hero-split{grid-template-columns:minmax(0,1.5fr) minmax(8rem,.7fr);display:grid}.homepage-studio .hero-identity{display:block}.homepage-studio .hero-portrait{width:100%}.homepage-studio .hero-title{font-size:clamp(2.5rem,6vw,4rem)}}@media (max-width:40em){.homepage-studio .hero-split{grid-template-columns:minmax(0,1fr);gap:1.25rem}.homepage-studio .hero-identity{grid-row:2;display:flex}.homepage-studio .hero-portrait{width:64px}.homepage-studio .hero-title{font-size:2.75rem}}.homepage-studio{--studio-accent:var(--brand);--studio-arrow:.4s}.homepage-studio .hero-identity{border-style:solid;border-width:0 0 1px;border-image:linear-gradient(90deg, var(--studio-accent), color-mix(in oklab, var(--studio-accent) 35%, var(--border)) 55%, transparent) 1;width:100%;padding-bottom:1.25rem;position:relative}.homepage-studio .hero-portrait{outline:1px solid color-mix(in oklab, var(--studio-accent) 80%, transparent);outline-offset:4px;box-shadow:0 10px 24px -14px color-mix(in oklab, var(--studio-accent) 60%, transparent);border-radius:.75rem}.homepage-studio .hero-name{letter-spacing:-.01em}.homepage-studio .hero-role{margin-top:2px}.homepage-studio .hero-role-dot{color:var(--studio-accent)}.homepage-studio .work-heading{align-items:center;gap:1rem;display:flex}.homepage-studio .work-heading:after{content:"";background:color-mix(in oklab, var(--studio-accent) 35%, var(--border));flex:1;height:1px}.homepage-studio .selected-work-gallery [data-slot=card]{box-shadow:0 8px 24px -16px color-mix(in oklab, var(--foreground) 24%, transparent);border-radius:1.25rem}.homepage-studio .homepage-supporting-work>li{border-top:1px solid var(--border);padding-top:2rem}.homepage-studio .selected-work-gallery .homepage-supporting-work>li:nth-child(2){padding-top:2rem}.homepage-studio .homepage-engineering{border-top:2px solid color-mix(in oklab, var(--studio-accent) 55%, var(--border))}.homepage-studio .selected-work-gallery a:hover h3,.homepage-studio .selected-work-gallery a:focus-visible h3{color:var(--studio-accent)}@media (max-width:40em){.homepage-studio .hero-identity{padding-bottom:1rem}.homepage-studio .hero-portrait-led{container:compact-hero/inline-size}}@container compact-hero (max-width:16rem){.homepage-studio .hero-title{font-size:2rem}}@media (max-width:40em){.homepage-studio .hero-title,.homepage-studio .work-heading,.homepage-studio .homepage-about>h2{overflow-wrap:anywhere}.homepage-studio .work-heading{flex-wrap:wrap}.homepage-studio .hero-email{overflow-wrap:anywhere;grid-column:1/-1;justify-self:start}.homepage-studio .hero-portrait-led{padding-block:1.25rem 1.5rem}.homepage-studio .hero-actions{gap:.5rem;margin-top:1.25rem}.homepage-studio .selected-work-gallery{padding-top:1.5rem!important}.homepage-studio .hero-primary{min-height:4rem;padding-inline:1.25rem}.homepage-studio .hero-primary svg{width:1.75rem;height:1.75rem}.homepage-studio .hero-proof{display:none}}@media (min-width:63.0001em){body:has(.homepage-studio) header nav{max-width:1440px;padding-inline:3rem}}@media (min-width:63.0001em) and (max-height:54em){.homepage-studio .hero-portrait-led{padding-block:1rem}.homepage-studio .hero-split{gap:1.25rem}.homepage-studio .hero-identity{padding-bottom:1rem}.homepage-studio .hero-copy{margin-top:1rem}.homepage-studio .hero-actions{gap:.5rem;margin-top:1.5rem}.homepage-studio .hero-primary{min-height:4rem}.homepage-studio .hero-proof{margin-top:.75rem}}@media (min-width:63.0001em) and (max-height:47em){.homepage-studio .hero-portrait-led{position:static}}.home-section-index{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem;padding-top:.5rem;font-size:.875rem;display:flex}.home-section-index a{text-underline-offset:.3em;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);align-items:center;display:inline-flex}.home-section-index a:hover{color:var(--studio-accent)}.homepage-studio .homepage-engineering{gap:2rem;padding-top:2rem;scroll-margin-top:1rem;display:grid}.homepage-engineering h2{font-size:2rem}.home-code-examples{gap:2.5rem;display:grid}.home-code-example{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.5rem;display:grid}.home-code-copy{gap:.75rem;min-width:0;display:grid}.home-code-copy h3{font-size:1.5rem;line-height:1.25}.home-code-copy p{font-size:1rem;line-height:1.625}.home-code-copy .home-code-caption{color:var(--muted-foreground);font-size:.875rem}.home-code-copy a{align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.home-code-copy svg{flex-shrink:0;width:1rem;height:1rem}.home-code-diff{background:var(--muted);border-radius:.75rem;min-width:0;padding:1rem}.home-code-diff p{margin-bottom:.75rem;font-size:.875rem}.home-code-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem;line-height:1.625}.home-code-diff pre+p{margin-top:1.5rem}.home-code-capture{border-radius:.75rem;display:block}.home-code-capture img{border-radius:inherit;width:100%;height:auto}.homepage-engineering a:focus-visible,.home-section-index a:focus-visible{outline:2px solid var(--studio-accent);outline-offset:4px}@media (max-width:40em){.home-code-example{grid-template-columns:minmax(0,1fr)}.home-section-index{display:none}}