@font-face{font-family:HK Grotesk;src:url(/portfolio/fonts/hk-grotesk/HKGrotesk-Light.woff2) format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:HK Grotesk;src:url(/portfolio/fonts/hk-grotesk/HKGrotesk-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:HK Grotesk;src:url(/portfolio/fonts/hk-grotesk/HKGrotesk-SemiBold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:HK Grotesk;src:url(/portfolio/fonts/hk-grotesk/HKGrotesk-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--color-white: #ffffff;--color-black: #000000;--color-navy: #02111b;--color-snow: #f8fafc;--color-blue: #007ea7;--color-rule: #c8c8c8;--color-green: #3cc157;--color-sky: #2aa7ff;--color-yellow: #fcbc0f;--color-orange: #f85f36;--font-sans: "HK Grotesk", "Helvetica Neue", Arial, sans-serif;--container-content: 71.25rem;--container-wide: 82.5rem;--gutter: clamp(1.25rem, 4vw, 3rem);--section-space: clamp(4.5rem, 9vw, 8rem);--focus-ring: 3px solid var(--color-blue);--header-height: 5.375rem}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1.5rem)}#main-content{background:var(--color-white);color:var(--color-black);font-family:var(--font-sans);font-size:clamp(1.0625rem,1.25vw,1.25rem);font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}body.dialog-open{overflow:hidden}#main-content h1,#main-content h2,#main-content h3,#main-content p{margin-block-start:0}#main-content h1,#main-content h2,#main-content h3{font-weight:600}#main-content h1{margin-block-end:1.5rem;font-size:clamp(2.5rem,5.4vw,4.75rem);letter-spacing:-.035em;line-height:.98}#main-content h2{margin-block-end:1.25rem;font-size:clamp(2.125rem,4vw,3.5rem);letter-spacing:-.025em;line-height:1}#main-content h3{margin-block-end:.5rem;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.15}#main-content p{margin-block-end:1rem}#main-content a{color:inherit;text-decoration:none}#main-content button,#main-content input,#main-content select,#main-content textarea{color:inherit;font:inherit}#main-content button{border-radius:0}#main-content img,#main-content svg{display:block}#main-content img{max-width:100%}#main-content ul,#main-content ol{margin:0;padding:0;list-style:none}#main-content [hidden]{display:none!important}#main-content :where(a,button,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:4px}#main-content :where(a,button) svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.6}#main-content .pf-container{width:min(100% - (2 * var(--gutter)),var(--container-content));margin-inline:auto}#main-content .pf-container--wide{width:min(100% - (2 * var(--gutter)),var(--container-wide))}#main-content .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#main-content .skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;min-height:2.75rem;padding:.65rem 1rem;transform:translateY(-160%);background:var(--color-white);border:3px solid var(--color-black);color:var(--color-black);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}#main-content .skip-link:focus{transform:translateY(0)}#main-content .eyebrow{margin-block-end:clamp(1rem,2vw,1.5rem);font-size:.8125rem;font-weight:600;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}#main-content .eyebrow--accent{color:var(--color-blue)}#main-content .section-header{margin-block-end:clamp(2rem,4vw,3.5rem)}#main-content .section-header__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);gap:clamp(2rem,6vw,7rem);align-items:end}#main-content .section-header__row>:last-child{max-width:32rem;margin-block-end:.25rem}#main-content .button{display:inline-flex;min-height:3.25rem;padding:.75rem 1.75rem;align-items:center;justify-content:center;gap:1rem;border:3px solid currentColor;font-size:.8125rem;font-weight:600;letter-spacing:.11em;line-height:1;text-align:center;text-transform:uppercase;transition:background-color .16s ease,color .16s ease}#main-content .button--primary{background:var(--color-black);color:var(--color-white)}#main-content .button--primary:hover{background:var(--color-white);color:var(--color-black)}#main-content .button--secondary{background:transparent;color:var(--color-black)}#main-content .button--secondary:hover{background:var(--color-black);color:var(--color-white)}@media(max-width:47.9375rem){:root{--gutter: 1.25rem;--header-height: 4.625rem}#main-content h1{font-size:clamp(2.5rem,12vw,3.35rem);line-height:1}#main-content .section-header__row{grid-template-columns:1fr;gap:.75rem}#main-content .button{min-height:2.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#main-content .site-header{position:sticky;z-index:40;top:0;height:var(--header-height);background:var(--color-white);border-bottom:1px solid rgba(2,17,27,.14)}#main-content .site-header__inner{display:grid;height:100%;grid-template-columns:auto 1fr auto;gap:clamp(1.5rem,4vw,4rem);align-items:center}#main-content .brand-link{display:flex;min-height:2.75rem;align-items:center}#main-content .brand-link img{width:clamp(8.75rem,13vw,10.75rem);height:auto}#main-content .portfolio-nav{display:flex;justify-content:center;gap:clamp(.25rem,2vw,2.25rem)}#main-content .portfolio-nav a,#main-content .site-footer__nav a{display:inline-flex;min-height:2.75rem;align-items:center;font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}#main-content .portfolio-nav a:after,#main-content .site-footer__nav a:after{position:absolute;right:0;bottom:.45rem;left:0;height:1px;transform:scaleX(0);transform-origin:right;background:currentColor;content:"";transition:transform .16s ease}#main-content .portfolio-nav a,#main-content .site-footer__nav a{position:relative}#main-content .portfolio-nav a:hover:after,#main-content .site-footer__nav a:hover:after{transform:scaleX(1);transform-origin:left}#main-content .menu-toggle{display:none;width:2.75rem;height:2.75rem;padding:0;align-items:center;justify-content:center;background:transparent;border:2px solid var(--color-black)}#main-content .language-switch{display:flex;min-height:2.75rem;align-items:center;border:1px solid var(--color-black);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}#main-content .language-switch__option{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center}#main-content .language-switch__option.is-active{background:var(--color-black);color:var(--color-white)}#main-content .pf-hero{overflow:hidden;background:var(--color-white)}#main-content .hero__intro{display:grid;min-height:clamp(33rem,58vw,40rem);padding-block:clamp(4.5rem,9vw,8rem) clamp(3rem,6vw,5rem);grid-template-columns:minmax(0,.95fr) minmax(24rem,1.05fr);gap:clamp(3rem,7vw,7rem);align-items:center}#main-content .hero__copy{position:relative;z-index:2}#main-content .hero__copy h1{max-width:13ch;text-transform:uppercase}#main-content .hero__copy>p{max-width:34rem;margin-block-end:2rem;color:#02111bb3}#main-content .hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}#main-content .particle-field{position:relative;min-height:25rem}#main-content .particle-field__line{position:absolute;width:65%;border-top:1px solid rgba(2,17,27,.12);transform-origin:left center}#main-content .particle-field__line--one{top:20%;left:17%;transform:rotate(38deg)}#main-content .particle-field__line--two{top:78%;left:5%;transform:rotate(-19deg);border-top-style:dashed}#main-content .particle{position:absolute;top:var(--particle-y);left:var(--particle-x);width:var(--particle-size);height:var(--particle-size);background:var(--particle-color)}#main-content .featured-rail-wrap{padding-block:2rem clamp(4rem,7vw,6rem);border-top:1px solid var(--color-rule)}#main-content .featured-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.25vw,2rem)}#main-content .featured-project a{display:block}#main-content .featured-project__label{display:flex;min-height:3rem;margin-block-end:1rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-black);font-size:.8125rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}#main-content .featured-project__media{display:block;overflow:hidden;aspect-ratio:16 / 10;background:var(--color-navy)}#main-content .featured-project__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}#main-content .featured-project a:hover img{transform:scale(1.015)}#main-content .projects-section{padding-block:var(--section-space);background:var(--color-black);color:var(--color-white)}#main-content .section-header--dark .section-header__row>p,#main-content .project-card__summary{color:#ffffffad}#main-content .project-filters{display:flex;margin-block-end:clamp(2.5rem,5vw,4rem);gap:.75rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent}#main-content .project-filter{min-width:max-content;min-height:2.75rem;padding:.7rem 1.5rem;background:transparent;border:1px solid var(--color-white);color:var(--color-white);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}#main-content .project-filter:hover,#main-content .project-filter.is-active,#main-content .project-filter[aria-pressed=true]{background:var(--color-white);color:var(--color-black)}#main-content .projects-section :where(a,button):focus-visible{outline-color:var(--color-sky)}#main-content .project-grid{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2.5rem,5vw,5rem) clamp(1.25rem,2.5vw,2rem)}#main-content .project-card{grid-column:span 5;scroll-margin-top:calc(var(--header-height) + 1.5rem)}#main-content .project-card:nth-child(4n+1),#main-content .project-card:nth-child(4n+4){grid-column:span 7}#main-content .project-card__media{overflow:hidden;aspect-ratio:16 / 9;background:var(--color-navy);border:1px solid rgba(255,255,255,.18)}#main-content .project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}#main-content .project-card[data-project-slug=twinplay] .project-card__media,#main-content .project-card[data-project-slug=new-faces-stars] .project-card__media{padding:clamp(1.5rem,4vw,4rem);background:var(--color-navy)}#main-content .project-card[data-project-slug=twinplay] .project-card__media img,#main-content .project-card[data-project-slug=new-faces-stars] .project-card__media img{object-fit:contain}#main-content .project-card:hover .project-card__media img{transform:scale(1.012)}#main-content .project-card__content{display:grid;padding-block-start:1rem;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem}#main-content .project-card__heading h3{margin-block-end:.3rem;font-size:clamp(1.25rem,2vw,1.55rem);letter-spacing:-.01em;text-transform:uppercase}#main-content .project-card__heading p{margin:0;color:var(--color-sky);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}#main-content .project-card__trigger{display:flex;width:2.75rem;height:2.75rem;padding:0;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-white);color:var(--color-white)}#main-content .project-card__trigger:hover{background:var(--color-white);color:var(--color-black)}#main-content .project-card__summary{display:-webkit-box;margin:.4rem 0 0;overflow:hidden;grid-column:1 / -1;font-size:1rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}#main-content .project-card__external{display:inline-flex;width:fit-content;min-height:2.75rem;margin-block-start:.35rem;align-items:center;gap:.55rem;grid-column:1 / -1;color:var(--color-sky);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}#main-content .project-dialog{width:min(calc(100% - 3rem),73.75rem);max-width:none;max-height:calc(100dvh - 3rem);padding:0;overflow:hidden;background:var(--color-white);border:1px solid var(--color-navy);border-radius:0;color:var(--color-navy)}#main-content .project-dialog::backdrop{background:#02111be6}#main-content .project-dialog__close{position:absolute;z-index:2;top:1.25rem;right:1.25rem;display:flex;width:2.75rem;height:2.75rem;padding:0;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-navy)}#main-content .project-dialog__panels{max-height:calc(100dvh - 8.75rem);overflow-y:auto}#main-content .project-panel{display:grid;min-height:35rem;padding:clamp(4rem,7vw,6.25rem) clamp(1.5rem,3vw,2.5rem) 2rem;grid-template-columns:minmax(14rem,.3fr) minmax(0,.7fr);gap:clamp(2rem,4vw,4.5rem)}#main-content .project-panel__copy h2{font-size:clamp(2.25rem,4vw,3.5rem);overflow-wrap:anywhere}#main-content .project-panel__copy>p:not(.eyebrow){color:#02111bbf;font-size:1.125rem}#main-content .project-panel__link{margin-block-start:1.25rem}#main-content .project-panel__media{display:grid;gap:.75rem;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr))}#main-content .project-panel__media img{width:100%;height:auto;grid-column:1 / -1;background:var(--color-snow);border:1px solid rgba(2,17,27,.14);object-fit:contain}#main-content .project-panel__media img:nth-child(n+2){grid-column:auto}#main-content .project-panel__media--single-detail img:nth-child(n+2){grid-column:1 / -1}#main-content .project-dialog__navigation{display:flex;min-height:5.5rem;padding-inline:clamp(1.25rem,3vw,2.5rem);align-items:center;justify-content:space-between;border-top:1px solid var(--color-rule)}#main-content .project-dialog__navigation button{display:inline-flex;min-height:2.75rem;padding:.5rem 0;align-items:center;gap:.8rem;background:transparent;border:0;font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}#main-content .creative-section{padding-block:var(--section-space);background:var(--color-white)}#main-content .creative-grid{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,2.5vw,2rem)}#main-content .creative-item{grid-column:span 5}#main-content .creative-item:nth-child(odd){grid-column:span 7}#main-content .creative-item__media{display:flex;height:clamp(18rem,26vw,23rem);overflow:hidden;align-items:center;justify-content:center;background:var(--color-white);border:1px solid var(--color-rule)}#main-content .creative-item:nth-child(n+3) .creative-item__media{height:clamp(13rem,18vw,16rem)}#main-content .creative-item__media img{width:100%;height:100%;object-fit:contain}#main-content .creative-item h3{display:flex;margin-block-start:.85rem;flex-wrap:wrap;gap:.4rem;font-size:.8125rem;font-weight:600;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}#main-content .process-section{padding-block:var(--section-space);background:var(--color-navy);color:var(--color-white)}#main-content .process-section__header{display:grid;margin-block-end:clamp(2rem,4vw,3.5rem);grid-template-columns:.45fr 1fr;gap:2rem;align-items:end}#main-content .process-section__header>*{margin-block-end:0}#main-content .process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--color-white);border-left:1px solid var(--color-white)}#main-content .process-grid li{min-height:clamp(17rem,27vw,22rem);padding:clamp(1.5rem,3vw,2.25rem);border-right:1px solid var(--color-white);border-bottom:1px solid var(--color-white)}#main-content .process-step__number{display:block;margin-block-end:clamp(4rem,8vw,7rem);font-size:clamp(3rem,5vw,5rem);font-weight:300;letter-spacing:-.04em;line-height:1}#main-content .process-grid h3{font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}#main-content .process-grid p{margin:0;color:#ffffffb8;font-size:1rem}#main-content .contact-section{padding-block:clamp(4.5rem,8vw,7rem);background:var(--color-white)}#main-content .contact-section__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:center}#main-content .contact-section h2{max-width:18ch}#main-content .contact-section__inner>div>p:last-child{max-width:34rem;margin:0;color:#02111bb8}#main-content .contact-section__cta{min-width:min(100%,18rem)}#main-content .site-footer{padding-block:3rem;background:var(--color-navy);color:var(--color-white)}#main-content .site-footer__inner{display:grid;grid-template-columns:minmax(14rem,.8fr) minmax(18rem,1fr) auto;gap:clamp(2rem,5vw,5rem);align-items:start}#main-content .site-footer__brand img{width:9rem;height:auto;margin-block-end:1rem;filter:invert(1)}#main-content .site-footer__brand p{margin-block-end:.5rem;color:#ffffffbf;font-size:1rem}#main-content .site-footer__brand>a:last-child{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--color-sky);font-size:1rem}#main-content .site-footer__nav{display:grid;padding-inline:clamp(2rem,5vw,5rem);grid-template-columns:repeat(2,minmax(0,1fr));border-inline:1px solid rgba(255,255,255,.45)}#main-content .site-footer__languages{display:flex;gap:.75rem}#main-content .site-footer__languages a{display:flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);font-size:.75rem;font-weight:600;letter-spacing:.1em}@media(max-width:63.9375rem){#main-content .site-header__inner{gap:1.25rem}#main-content .portfolio-nav{gap:.25rem}#main-content .portfolio-nav a{padding-inline:.5rem}#main-content .hero__intro{position:relative;min-height:auto;grid-template-columns:minmax(0,1fr)}#main-content .hero__copy{max-width:42rem}#main-content .particle-field{position:absolute;inset:1rem 0 0 45%;min-height:24rem;opacity:.55}#main-content .project-grid,#main-content .creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#main-content .project-card,#main-content .project-card:nth-child(4n+1),#main-content .project-card:nth-child(4n+4),#main-content .creative-item,#main-content .creative-item:nth-child(odd){grid-column:span 1}#main-content .creative-item__media,#main-content .creative-item:nth-child(n+3) .creative-item__media{height:auto;aspect-ratio:16 / 9}#main-content .project-panel{grid-template-columns:minmax(12rem,.38fr) minmax(0,.62fr)}#main-content .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#main-content .process-grid li:last-child{grid-column:1 / -1}#main-content .site-footer__inner{grid-template-columns:1fr 1fr}#main-content .site-footer__languages{grid-column:1 / -1}}@media(max-width:47.9375rem){#main-content .site-header__inner{grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem}#main-content .brand-link img{width:clamp(7.25rem,34vw,8.75rem)}#main-content .portfolio-nav{position:absolute;top:100%;right:0;left:0;display:flex;padding:1rem var(--gutter) 1.5rem;flex-direction:column;align-items:stretch;background:var(--color-white);border-bottom:1px solid var(--color-black)}#main-content .site-header[data-navigation-ready=true] .menu-toggle{display:flex}#main-content .site-header[data-navigation-ready=true] .portfolio-nav{display:none}#main-content .site-header[data-navigation-ready=true] .portfolio-nav[data-open=true]{display:flex}#main-content .portfolio-nav a{min-height:3rem;padding-inline:0;border-bottom:1px solid var(--color-rule)}#main-content .language-switch,#main-content .language-switch__option{min-height:2.75rem}#main-content .language-switch__option{min-width:2.75rem}#main-content .hero__intro{padding-block:4.5rem 3.5rem}#main-content .hero__copy>p{font-size:1.0625rem}#main-content .hero__actions{display:grid;grid-template-columns:1fr}#main-content .particle-field{inset:0 -20% auto 50%;min-height:16rem;opacity:.32}#main-content .featured-rail-wrap{width:100%;max-width:none;padding-inline:var(--gutter);overflow:hidden}#main-content .featured-rail{width:calc(100% + var(--gutter));padding-inline-end:var(--gutter);grid-template-columns:repeat(3,minmax(17rem,82vw));gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}#main-content .project-filters{margin-inline-end:calc(-1 * var(--gutter));padding-inline-end:var(--gutter)}#main-content .project-grid,#main-content .creative-grid{grid-template-columns:minmax(0,1fr)}#main-content .project-card,#main-content .project-card:nth-child(4n+1),#main-content .project-card:nth-child(4n+4),#main-content .creative-item,#main-content .creative-item:nth-child(odd){grid-column:1}#main-content .project-card__summary{-webkit-line-clamp:3}#main-content .project-dialog[open]{display:flex}#main-content .project-dialog{width:100%;max-height:100dvh;height:100dvh;margin:0;flex-direction:column;border:0}#main-content .project-dialog__close{position:absolute;top:1rem;margin:0}#main-content .project-dialog__panels{min-height:0;max-height:none;flex:1}#main-content .project-panel{min-height:auto;padding:5rem 1.25rem 2rem;grid-template-columns:1fr;gap:2rem}#main-content .project-panel__media{grid-template-columns:1fr}#main-content .project-panel__media img:nth-child(n+2){grid-column:1}#main-content .project-panel__link{width:100%}#main-content .project-dialog__navigation{position:relative;flex:0 0 5.5rem;min-height:5.5rem;background:var(--color-white)}#main-content .process-section__header,#main-content .contact-section__inner,#main-content .process-grid{grid-template-columns:1fr}#main-content .process-grid li,#main-content .process-grid li:last-child{min-height:auto;grid-column:1}#main-content .process-step__number{margin-block-end:3rem}#main-content .contact-section__cta{width:100%}#main-content .site-footer__inner,#main-content .site-footer__nav{grid-template-columns:1fr}#main-content .site-footer__nav{padding-block:1.25rem;padding-inline:0;border-block:1px solid rgba(255,255,255,.45);border-inline:0}#main-content .site-footer__languages{grid-column:1}}