.hero{display:flex;flex-direction:column;gap:2rem}.homepage-content{position:relative}.homepage-content__content{position:relative;z-index:1}.homepage-experiment-entry{margin-bottom:2.5rem}.homepage-main-entry{--homepage-main-entry-hero-size: 2.5rem;--homepage-main-entry-hero-max-width: 32ch;margin-bottom:5rem}.homepage-main-entry__hero{position:relative;display:grid;align-items:start;height:25.75rem;width:100%;isolation:isolate;overflow:hidden}.homepage-main-entry__background{position:absolute;inset:0;z-index:0;overflow:hidden}.homepage-main-entry__background-canvas{position:relative;z-index:0;width:100%;height:100%;transform:translateZ(0)}.homepage-main-entry__background-canvas[data-hero-background],.homepage-main-entry__background-canvas>[data-hero-background]{width:100%;height:100%}.homepage-main-entry__copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;width:100%;max-width:none;height:100%;padding-top:3rem;padding-inline:0;min-width:0;pointer-events:none}.homepage-main-entry__title{margin:0;color:var(--gray-0);font-family:var(--font-brand);font-size:var(--homepage-main-entry-hero-size);font-weight:400;line-height:1.03;letter-spacing:-.02em;width:100%;max-width:min(100%,var(--homepage-main-entry-hero-max-width));text-wrap:pretty}.homepage-main-entry__title-line{display:block;color:var(--gray-0);font-style:normal;opacity:0;transform:translateY(40px);animation:homepage-main-entry-hero-reveal .6s cubic-bezier(.4,0,.2,1) var(--homepage-main-entry-hero-line-delay, 0ms) both;will-change:opacity,transform}.homepage-main-entry__title-copy{display:none}@keyframes homepage-main-entry-hero-reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 40rem){.homepage-main-entry{--homepage-main-entry-hero-size: 2rem}.homepage-main-entry__copy{padding-top:4rem}.homepage-main-entry__background-canvas{transform:translate3d(28%,0,0)}.homepage-main-entry__title{line-height:1.15}.homepage-main-entry__title-line,.homepage-main-entry__title-copy{display:inline}}@media (min-width: 48rem){.homepage-experiment-entry{margin-bottom:5rem}}@media (min-width: 64rem){.homepage-experiment-entry{margin-bottom:7.5rem}.homepage-main-entry{--homepage-main-entry-hero-size: 3rem;margin-bottom:3rem}.homepage-main-entry__hero{height:41.875rem;overflow:visible}.homepage-main-entry__background{inset:calc(-1*clamp(3rem,6vw,5rem)) 0 0;overflow:visible}.homepage-main-entry__copy{padding-top:5rem}.homepage-main-entry__background-canvas{transform:translate3d(20%,0,0)}}@media (min-width: 80rem) and (min-height: 72rem){.homepage-main-entry__hero{height:54.375rem}}@media (max-width: 47.99rem){.hero{display:none}}@media (prefers-reduced-motion: reduce){.homepage-main-entry__title-line{opacity:1;transform:translateY(0);animation:none;will-change:auto}}.portfolio-carousel{display:block;position:relative;min-height:420px}.carousel-placeholder{position:absolute;inset:0;border-radius:1rem;background:linear-gradient(180deg,#0000000a,#00000005);pointer-events:none;z-index:0}.portfolio-carousel>:not(.carousel-placeholder){position:relative;z-index:1}.bento-grid{display:none}@media (min-width: 600px){.portfolio-carousel{display:none}.bento-grid{display:block}}.section{display:grid;gap:2rem}.with-background{position:relative}.with-background:before{--hero-bg: var(--bg-image-subtle-2);content:"";position:absolute;pointer-events:none;left:50%;width:100vw;aspect-ratio:calc(2.25 / var(--bg-scale));top:0;transform:translateY(-75%) translate(-50%);mix-blend-mode:var(--bg-blend-mode);z-index:-1}.section-header{justify-self:start;text-align:start;max-width:50ch;font-size:var(--text-md)}.section-header__title{margin:0;color:var(--gray-0);font-family:var(--font-brand);font-size:1.75rem;font-weight:400;line-height:1.02;letter-spacing:-.02em}@media (min-width: 40rem){.section-header__title{font-size:1.75rem}}@media (min-width: 50em){.section{grid-template-columns:repeat(4,1fr);grid-template-areas:"header header header header" "gallery gallery gallery gallery"}.section.with-cta{grid-template-areas:"header header header cta" "gallery gallery gallery gallery"}.section-header{grid-area:header;font-size:var(--text-lg)}.section-header__title{font-size:1.75rem}.with-cta .section-header{justify-self:flex-start;text-align:left}.gallery{grid-area:gallery}.cta{grid-area:cta}.hero{display:grid;grid-template-columns:6fr 4fr}.roles{margin-top:.5rem;display:flex;gap:.5rem}}@media (min-width: 1200px){.section{max-width:100vw}.section-header__title{font-size:2rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}:root{--nr-animation-duration: .8s;--nr-animation-transform-y: 20px;--nr-animation-easing: cubic-bezier(.4, 0, .25, 1);--nr-animation-delay: 0ms}@keyframes nr-scroll-animation{0%{opacity:0;transform:translate3d(0,var(--nr-animation-transform-y),0)}to{opacity:1;transform:translateZ(0)}}.nr-scroll-animation--on{animation:nr-scroll-animation var(--nr-animation-duration) var(--nr-animation-easing) var(--nr-animation-delay) forwards}@media (prefers-reduced-motion: reduce){.nr-scroll-animation--off{opacity:1;transform:none}.nr-scroll-animation--on{animation:none;opacity:1;transform:none}}