.hero-portrait-led{--duration-portrait-settle:.65s;--duration-hero-arrow:.35s;--ease-hero:cubic-bezier(.16, 1, .3, 1);--home-accent:#2448d8;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-size:clamp(3rem,1.5rem + 5vw,6rem);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-hero);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-hero-arrow) var(--ease-hero)}.hero-portrait-led .hero-primary:hover svg{transform:translate(4px)}.hero-portrait-led a:focus-visible{outline:2px solid var(--ring);outline-offset:5px}@media (max-width:640px){.hero-portrait-led{padding-block:24px}.hero-portrait-led .hero-split{grid-template-columns:minmax(0,1fr) 110px;align-items:start;gap:18px}.hero-portrait-led .hero-introduction{display:contents}.hero-portrait-led .hero-identity{grid-area:1/2}.hero-portrait-led .hero-title{font-size:clamp(2.125rem,1.5rem + 2.5vw,2.75rem)}.hero-portrait-led .hero-copy{grid-area:2/1/auto/-1;margin-top:6px;font-size:1rem}.hero-portrait-led .hero-role{font-size:.875rem}.hero-portrait-led .hero-name{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 .3s}.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>ul:first-of-type h3{font-size:clamp(2.125rem,1.5rem + 2vw,3.25rem)}.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}.homepage-about .homepage-engineering{border-block:1px solid var(--border);gap:32px;padding-block:32px;display:grid}.homepage-engineering article p{max-width:60ch}.dark .hero-portrait-led{--home-accent:#aabaff}.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;font-size:clamp(2.75rem,1.5rem + 4vw,5rem);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-about .homepage-engineering{margin-top:3rem;padding-block:3rem}.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}}@media (prefers-reduced-motion:no-preference){.hero-portrait-led .hero-portrait{animation:.7s cubic-bezier(.16,1,.3,1) backwards portrait-arrival}@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}.hero-portrait-led .hero-identity{display:contents}.hero-portrait-led .hero-portrait{grid-area:1/2}.hero-portrait-led .hero-caption{grid-area:2/1/auto/-1;margin-top:.5rem}.hero-portrait-led .hero-name{font-size:1.125rem}.hero-portrait-led .hero-copy{grid-row:3;margin-top:0}}.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{gap:.75rem}.homepage-studio .hero-email{flex-basis:100%;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 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}.homepage-studio .homepage-engineering>div{grid-template-columns:1fr}@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) 100px}.homepage-studio .hero-identity{display:contents}.homepage-studio .hero-title{font-size:2.125rem}}.homepage-studio{--studio-accent:#2448d8}.dark .homepage-studio{--studio-accent:#aabaff}.homepage-studio .hero-identity{border-bottom:1px solid var(--border);width:100%;padding-bottom:1.5rem}.homepage-studio .hero-portrait{outline:1px solid color-mix(in srgb, var(--studio-accent) 25%, transparent);outline-offset:5px;border-radius:.75rem}.homepage-studio .work-heading{align-items:center;gap:1rem;display:flex}.homepage-studio .work-heading:after{content:"";background:color-mix(in srgb, 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 srgb, 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 srgb, 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{border:0;padding:0}.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}}@media (min-width:63.0001em){body:has(.homepage-studio) header nav{max-width:1440px;padding-inline:3rem}}