:root{color-scheme:dark;--page-bg:#000;--page-text:#dadada;--text-primary:#dadada;--text-muted:#dadada;--page-gutter:30px;--grid-gap:20px;--grid-row-gap:10px;--grid-columns:4;--meta-size:9px;background:var(--page-bg);color:var(--page-text);font-family:Roboto,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--page-bg);color:var(--page-text);margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{opacity:.8}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:1px solid}button,input{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:8px;left:var(--page-gutter);z-index:20;background:var(--page-bg);padding:12px;position:absolute;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.portfolio-header{padding:20px var(--page-gutter) 0;container-type:inline-size}.portfolio-header__bar{letter-spacing:.01em;height:16px;font:500 14px/16px Roboto,Arial,sans-serif;position:relative}.portfolio-header__bar h1{font:inherit;margin:0}.portfolio-header__bar h1 span{white-space:nowrap;display:inline-block}.portfolio-header__bar [data-name-role]{margin-left:.25em}.portfolio-header__role{top:0;right:44px;left:calc(2 * (100% - 3 * var(--grid-gap)) / 4 + 2 * var(--grid-gap));white-space:nowrap;position:absolute;overflow:hidden}.portfolio-header__role [data-practice-prefix]{white-space:pre}.portfolio-header__bar>a{white-space:nowrap;position:absolute;top:0;right:0}.portfolio-header__arrow{font:400 12px/1 Noto Emoji,sans-serif}.is-typing:after{content:"";vertical-align:-.05em;background:currentColor;width:1px;height:.9em;margin-left:2px;animation:.65s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.kinetik-intro{margin-top:50px;margin-bottom:10px}.kinetik-intro__frame{background:#ff365e;height:356px;overflow:hidden}.kinetik-intro iframe{border:0;width:100%;height:100%;display:block}.kinetik-intro iframe:focus-visible{outline:2px solid var(--page-text);outline-offset:-4px}.media-slider{aspect-ratio:1;background:#000;width:100%;position:relative;overflow:hidden}.media-slider__slides,.media-slider__slide{width:100%;height:100%}.media-slider__slide[hidden]{display:none}.media-slider img,.media-slider video{object-fit:cover;width:100%;height:100%;display:block}.media-slider--hero img{object-fit:contain}.media-slider__arrow{background:color-mix(in srgb, var(--page-bg) 80%, transparent);width:34px;height:44px;color:var(--page-text);cursor:pointer;opacity:0;border:0;place-items:center;padding:0;font-size:22px;font-weight:300;transition:opacity .18s,background-color .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.media-slider__arrow--prev{left:0}.media-slider__arrow--next{right:0}.media-slider:hover .media-slider__arrow,.media-slider:focus-within .media-slider__arrow{opacity:1}.media-slider__arrow:hover{background:var(--page-bg)}.portfolio-work{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--grid-gap);row-gap:var(--grid-row-gap);padding:0 var(--page-gutter);display:grid}.portfolio-work__section,.portfolio-grid{display:contents}.portfolio-work__section .back-to-top{display:none}.project-card{min-width:0;color:var(--page-text)}.project-card__visual{aspect-ratio:1;width:100%;position:relative}.project-card__links{z-index:3;gap:4px;display:flex;position:absolute;top:8px;right:8px}.project-card__link{width:20px;height:20px;color:var(--page-text);place-items:center;font:400 16px/1 Noto Emoji,sans-serif;display:grid;position:relative}.project-card__link-tip{color:#111;letter-spacing:.01em;overflow-wrap:anywhere;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:4px;width:max-content;max-width:min(280px,100vw - 40px);padding:6px 8px;font:400 10px/1.25 Roboto,Arial,sans-serif;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(3px);box-shadow:0 2px 10px #0003}.project-card__link:hover .project-card__link-tip,.project-card__link:focus-visible .project-card__link-tip{opacity:1;visibility:visible;transform:translateY(0)}.project-card__caption{height:13px;font:400 var(--meta-size)/13px Roboto, Arial, sans-serif;letter-spacing:.01em;align-items:baseline;gap:12px;margin-top:5px;display:flex}.project-card__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font:400 11px/13px Roboto,Arial,sans-serif;overflow:hidden}.project-card__title.is-typing-title{text-overflow:clip}.project-card__title.is-typing-title [data-type-title]{min-width:max-content;display:inline-block}.project-card__category{white-space:nowrap;text-align:right;text-overflow:ellipsis;text-transform:uppercase;flex:none;max-width:45%;overflow:hidden}.portfolio-footer{padding:40px var(--page-gutter) 20px;color:var(--page-text);container-type:inline-size}.portfolio-footer__closing{width:calc((100% - var(--grid-gap)) / 2);font-synthesis:none;letter-spacing:.01em;white-space:nowrap;margin:0 0 10px;font-family:Roboto,Arial,sans-serif;font-size:2.84cqw;font-style:normal;font-weight:300;line-height:1.165;display:block;position:relative}.portfolio-footer__closing-text{flex:none}.portfolio-footer__closing-arrow{width:var(--footer-arrow-size,.72em);height:var(--footer-arrow-size,.72em);transform:translateY(-50%) rotate(var(--arrow-rotation,0deg));background:currentColor;transition:transform .16s ease-out;display:block;position:absolute;top:50%;right:0;mask:url(/figma/footer-arrow.svg) 50%/100% 100% no-repeat}.portfolio-footer__rule{display:block}.portfolio-footer__rule img{width:100%;height:auto;display:block}.portfolio-footer__bar{letter-spacing:.01em;justify-content:space-between;align-items:baseline;margin-top:39px;font:400 14px/16px Roboto,Arial,sans-serif;display:flex;position:relative}.portfolio-footer__bar nav{top:0;left:calc(2 * (100% - 3 * var(--grid-gap)) / 4 + 2 * var(--grid-gap));gap:10px;display:flex;position:absolute}.portfolio-footer a:hover{text-underline-offset:3px;text-decoration:underline}.theme-panel{z-index:2147483647;border:1px solid var(--page-text);background:var(--page-bg);max-width:calc(100vw - 24px);color:var(--page-text);align-items:center;gap:8px;padding:7px 34px 7px 9px;font:400 11px/1 Roboto,Arial,sans-serif;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:0 2px 14px #0003}.theme-panel__label{white-space:nowrap}.theme-panel__close{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:18px;position:absolute;top:2px;right:4px}.theme-panel__swatch{cursor:pointer;border:1px solid #888;border-radius:50%;flex:none;width:15px;height:15px;padding:0}.theme-panel__swatch--black{background:#000}.theme-panel__swatch--white{background:#fff}.theme-panel__picker{color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:2px 4px}.theme-panel__custom{white-space:nowrap;align-items:center;gap:3px;display:flex}.theme-panel__custom input{cursor:pointer;background:0 0;border:0;width:19px;height:19px;padding:0}@media (width>=1920px){:root{--grid-columns:5}.portfolio-header__role,.portfolio-footer__bar nav{left:calc(3 * (100% - 4 * var(--grid-gap)) / 5 + 3 * var(--grid-gap))}.portfolio-footer__closing{width:calc(60% - 8px);font-size:3.42cqw}}@media (width<1200px){:root{--grid-columns:2;--grid-gap:15px;--page-gutter:20px}.portfolio-header__role{left:calc(50% + 10px)}.kinetik-intro__frame{height:min(356px, calc((100cqw - var(--grid-gap)) / 2 - 12.5px))}.portfolio-footer__bar nav{left:50%;transform:translate(-50%)}}@media (width<640px){:root{--grid-row-gap:8px;--meta-size:8px}.portfolio-header__bar{letter-spacing:.01em;height:14px;font-size:12px;line-height:14px}.portfolio-header__bar h1{max-width:50%;font-size:12px}.portfolio-header__bar h1 [data-name-divider],.portfolio-header__bar h1 [data-name-role]{display:none}.portfolio-header__role{right:36px}.portfolio-header__arrow{font-size:10px}.kinetik-intro{margin-top:28px;margin-bottom:8px}.project-card__caption{gap:10px;height:12px;margin-top:4px;line-height:12px}.project-card__title{font-size:9px;line-height:12px}.media-slider__arrow{opacity:1;width:32px;height:44px}.portfolio-footer{padding-top:36px}.portfolio-footer__closing{width:100%;margin-bottom:8px;font-size:5.75cqw}.portfolio-footer__bar{margin-top:35px;font-size:11px;line-height:13px}.portfolio-footer__bar nav{gap:8px;left:calc(50% - 14px)}}@media (hover:none){.media-slider__arrow{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.media-slider__arrow,.project-card__link-tip{transition:none}.is-typing:after{animation:none}.portfolio-footer__closing-arrow{transition:none}}