html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}:root{--color-primary:#52a447;--color-background:#ffffff;--color-surface:#f5f5f5;--color-footer-bg:#f5f5f5;--color-text-primary:#000000;--color-text-subtle:#666666;--color-interactive-bg-hover:#000000;--color-interactive-text-hover:#f4f4f4;--color-text-on-primary:#ffffff;--padding-desktop:20px;--padding-mobile:10px;--padding:var(--padding-desktop);--font-h1:2.5rem;--lh-h1:0.8;--collapsed-height:calc(var(--font-h1) * var(--lh-h1) + var(--padding) * 2);--expanded-height:60dvh;--ease-ui:cubic-bezier(0,0,0,1);--ease-expand:cubic-bezier(1,0,0,1);--duration-ui:0.5s;--duration-expand:0.7s;--duration-fast:0.2s;--z-nav:100;--z-global-nav:90;--z-video-button:30;--z-video-overlay:20}body[data-theme=dark]{--color-primary:#0d5eed;--color-background:#000000;--color-surface:#f5f5f5;--color-footer-bg:#3d3d3d;--color-text-primary:#000000;--color-text-subtle:#666666;--color-interactive-bg-hover:#3d3d3d;--color-interactive-text-hover:#ffffff;--color-text-on-primary:#ffffff}:root{--content-max-width:960px}@custom-media --bp-mobile (max-width: 640px);@media (--bp-mobile ),(max-width:640px){:root{--padding:var(--padding-mobile);--font-h1:1.5rem;--lh-h1:0.8}.about-collapse{grid-template-columns:1fr}.about-collapse__content{grid-column:1}.about-list--two-cols{-moz-columns:1;column-count:1}h1{font-size:var(--font-h1)}.about-kicker,.video-overlay__text,nav a,p{font-size:1.125rem}.analogue-clock__label,.footer-contact p,.footer-copyright p,.footer-studio p,.global-slideshow-nav__btn,.global-slideshow-nav__category-btn,.global-slideshow-nav__index-btn,.global-slideshow-nav__panel,.project-category,.project-credits p{font-size:1rem}.project-slide:not(.project-slide--active) .project-info h1{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0}}@font-face{font-family:Onsite;src:url(/fonts/onsite/OnsiteStandardTRIAL-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}body{margin:0;color:var(--color-text-primary);background:var(--color-background);font-family:Onsite,sans-serif;letter-spacing:-.03em;transition:background-color .3s ease,color .3s ease;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}.site-container{display:flex;flex-direction:column;min-height:100vh}.content-min-height-wrapper{display:flex;flex-direction:column;min-height:100dvh}main{flex-grow:1}.project-list-grid{display:grid;grid-template-columns:1fr;gap:var(--padding);transition:grid-template-rows var(--duration-expand) var(--ease-expand);will-change:grid-template-rows;padding-bottom:4rem;transform:translateZ(0)}.project-list-clip{padding-left:var(--padding);padding-right:var(--padding);overflow-x:hidden;overflow-y:visible}@supports (overflow:clip){.project-list-clip{overflow-x:clip}}::selection{background-color:var(--color-primary);color:var(--color-text-on-primary)}::-moz-selection{background-color:var(--color-primary);color:var(--color-text-on-primary)}a{color:var(--color-text-subtle);text-decoration:none;transition:color .5s cubic-bezier(0,0,0,1)}a:hover{color:var(--color-primary)}h1{font-size:var(--font-h1);line-height:var(--lh-h1)}h1,p{font-family:Onsite,sans-serif;font-weight:400;margin:0;color:var(--color-text-primary)}p{font-size:1.5rem;line-height:1.5}nav{justify-content:space-between;padding:var(--padding);position:sticky;top:0;z-index:var(--z-nav)}.nav-left,.nav-right,nav{display:flex;align-items:center}.nav-left,.nav-right{gap:4px}nav a{font-family:Onsite,sans-serif;text-decoration:none;color:var(--color-text-primary);font-size:1.5rem;line-height:.8;border:none;cursor:pointer}.nav-text{padding:6px 8px;background-color:var(--color-surface);transition:all var(--duration-ui) var(--ease-ui);border-radius:4px}.nav-link-group{display:inline-flex;align-items:center;gap:0;text-decoration:none;color:inherit}.nav-arrow{width:0;height:1.8rem;position:relative;flex-shrink:0;transition:width .2s var(--ease-ui),margin .2s var(--ease-ui)}.nav-arrow:before{border-radius:50%;background-color:var(--color-text-primary)}.nav-arrow:after,.nav-arrow:before{content:"";position:absolute;top:0;width:1.8rem;height:1.8rem;transform:scale(0);transition:transform .2s var(--ease-ui),background-color .2s var(--ease-ui)}.nav-arrow:after{background-color:var(--color-background);-webkit-mask-size:50%;mask-size:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.nav-arrow--left:after,.nav-arrow--left:before{left:0;transform-origin:left center}.nav-arrow--left:after{-webkit-mask-image:url(/icons/arrow_left.svg);mask-image:url(/icons/arrow_left.svg)}.nav-arrow--right:after,.nav-arrow--right:before{right:0;transform-origin:right center}.nav-arrow--right:after{-webkit-mask-image:url(/icons/arrow_right.svg);mask-image:url(/icons/arrow_right.svg)}@media (min-width:641px){.nav-link-group:hover .nav-arrow.is-available{width:1.8rem}.nav-link-group:hover .nav-arrow.is-available:after,.nav-link-group:hover .nav-arrow.is-available:before{transform:scale(1)}.nav-link-group--left:hover .nav-arrow.is-available{margin-right:2px}.nav-link-group--right:hover .nav-arrow.is-available{margin-left:2px}}@media (--bp-mobile ),(max-width:640px){.nav-arrow{height:1.2rem}.nav-arrow:after,.nav-arrow:before{width:1.2rem;height:1.2rem}}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:6.5px;border:none;border-radius:50%;background-color:var(--color-surface);cursor:pointer;transition:all var(--duration-ui) var(--ease-ui)}.nav-link-group:hover .nav-text,.theme-toggle:hover{background-color:var(--color-interactive-bg-hover);color:var(--color-interactive-text-hover)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-toggle svg{width:18px;height:18px;fill:var(--color-text-primary);transition:fill var(--duration-ui) var(--ease-ui);animation:spin 10s linear infinite}.theme-toggle:hover svg{fill:var(--color-interactive-text-hover)}.project-slide{position:relative;overflow:hidden;opacity:1;width:100%;transition:opacity var(--duration-ui) var(--ease-ui),width var(--duration-expand) var(--ease-expand);border-radius:4px}.project-slide:not(.project-slide--active){width:-moz-fit-content;width:fit-content;max-width:100%;pointer-events:none}.project-slide:not(.project-slide--active) .embla{pointer-events:auto}body.slideshow-active .project-slide:not(.project-slide--active){opacity:.25}.project-slide:not(.project-slide--active) .embla{height:var(--collapsed-height)}.project-slide.project-slide--active .embla{height:var(--expanded-height)}.embla{overflow:hidden;height:100%;position:relative;box-sizing:border-box;visibility:hidden;opacity:0;transition:height var(--duration-expand) var(--ease-expand)}.project-slide--active .embla{cursor:e-resize}.project-slide--active .project-info-slide{cursor:default}.embla.is-ready{visibility:visible;opacity:1;transition:opacity var(--duration-fast) var(--ease-ui),height var(--duration-expand) var(--ease-expand)}@media (min-width:641px){body:not(.slideshow-active) .project-list-grid:has(.project-slide:hover) .project-slide:not(:hover){opacity:.25}@supports not selector(:has(*)){body:not(.slideshow-active) .project-list-grid:hover .project-slide{opacity:.25}body:not(.slideshow-active) .project-list-grid:hover .project-slide:hover{opacity:1}}}.project-title-container{display:flex;align-items:center;position:relative}.project-title-container h1{line-height:.8;transition:margin-left var(--duration-fast) var(--ease-ui)}.project-hover-dot{position:absolute;left:0;top:calc(50% - .6rem);transform:translateY(-50%) scale(0);transform-origin:left center;width:1.8rem;height:1.8rem;background-color:var(--color-text-primary);border-radius:50%;transition:transform var(--duration-fast) var(--ease-ui);flex-shrink:0}@media (min-width:641px){.project-slide:not(.project-slide--active):hover .project-title-container h1{margin-left:2.6rem}.project-slide:not(.project-slide--active):hover .project-hover-dot{transform:translateY(-50%) scale(1)}}.project-slide.project-slide--active .project-title-container h1{margin-left:2.6rem}.project-slide.project-slide--active .project-hover-dot{transform:translateY(-50%) scale(1)}@media (--bp-mobile ),(max-width:640px){.project-hover-dot{width:1.2rem;height:1.2rem;top:50%}.project-slide.project-slide--active .project-hover-dot{transform:translateY(calc(-50% - .32rem)) scale(1)}.project-slide.project-slide--active .project-title-container h1{margin-left:2rem}}.project-slide:not(.project-slide--active) .image-container{opacity:.25;border-width:0;background-color:transparent;border-color:transparent;transition:opacity .5s cubic-bezier(0,0,0,1),border-width var(--duration-expand) var(--ease-expand),background-color var(--duration-expand) var(--ease-expand),border-color var(--duration-expand) var(--ease-expand)}@media (min-width:641px){.project-slide:not(.project-slide--active):hover .image-container,.slideshow-active .project-slide:not(.project-slide--active):hover{opacity:1}}.project-info-slide{width:65dvh;max-width:100%;height:100%;flex-shrink:0;overflow-x:hidden;overflow-y:hidden;transition:width var(--duration-expand) var(--ease-expand);touch-action:pan-y pinch-zoom}@media (--bp-mobile ),(max-width:640px){.project-slide--active .project-info-slide{width:calc(100vw - 2 * var(--padding));max-width:calc(100vw - 2 * var(--padding))}}.project-slide:not(.project-slide--active) .project-info-slide{width:-moz-fit-content;width:fit-content;scrollbar-width:none;-ms-overflow-style:none}.project-slide:not(.project-slide--active) .project-info-slide::-webkit-scrollbar{display:none}.project-slide--active .project-info-slide{-ms-overflow-style:none}.project-slide--active .project-info-slide.is-scrollable{-ms-overflow-style:scrollbar;overflow-y:auto}.project-slide--active .project-info-slide::-webkit-scrollbar{display:none;width:16px!important;height:16px!important;-webkit-appearance:none!important;background-color:var(--color-surface)!important}.project-slide--active .project-info-slide.is-scrollable::-webkit-scrollbar{display:block!important}.project-slide--active .project-info-slide::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}.project-slide--active .project-info-slide::-webkit-scrollbar-track{background-color:var(--color-background)!important;margin:0!important;border:4px solid transparent!important;background-clip:content-box!important;border-radius:10px!important}.project-slide--active .project-info-slide::-webkit-scrollbar-thumb{border-radius:10px!important;background-color:var(--color-text-subtle)!important;border:6px solid transparent!important;background-clip:content-box!important;-webkit-transition:background-color var(--duration-ui) var(--ease-ui)!important;transition:background-color var(--duration-ui) var(--ease-ui)!important}.project-slide--active .project-info-slide::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)!important}.project-slide--active .project-info-slide::-webkit-scrollbar-thumb:active{background-color:var(--color-primary)!important;opacity:.8!important}.project-slide--active .project-info-slide::-webkit-scrollbar-corner{display:none!important;background:transparent!important;width:0!important;height:0!important}.project-info{width:100%;min-height:100%;background-color:var(--color-surface);padding:var(--padding);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer;border-radius:4px}.project-slide--active .project-info{cursor:e-resize}.project-slide--active .project-credits,.project-slide--active .project-info h1,.project-slide--active .project-info p{cursor:text}.project-slide--active .project-info a{cursor:pointer}.project-info h1{margin-bottom:var(--padding);white-space:nowrap}.project-slide:not(.project-slide--active) .project-info{width:-moz-fit-content;width:fit-content}.project-slide:not(.project-slide--active) .project-footer{display:none}.project-footer{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.project-info p{margin:0;white-space:pre-line}.project-categories{margin:0 0 10px}.project-category{font-family:Onsite,sans-serif;color:var(--color-text-subtle);font-size:1.125rem;transition:color .5s cubic-bezier(0,0,0,1);cursor:pointer}.project-category:hover{color:var(--color-primary)}.project-credits{margin-top:16px}.project-credits p{margin:4px 0;font-size:1.125rem}.embla__container{display:flex;height:100%;align-items:flex-start;will-change:transform}.embla__slide{flex:0 0 auto;min-width:0;position:relative;height:100%;margin-right:4px;transition:width var(--duration-expand) var(--ease-expand),height var(--duration-expand) var(--ease-expand)}.project-slide:not(.project-slide--active) .embla__slide:not(.project-info-slide){width:calc(var(--collapsed-height) * var(--aspect-ratio, 1));height:var(--collapsed-height)}.image-container{height:100%;aspect-ratio:auto;cursor:pointer;border-radius:4px;border:0 solid transparent;background-color:var(--color-surface);box-sizing:border-box;transition:border-width var(--duration-expand) var(--ease-expand),background-color var(--duration-expand) var(--ease-expand),border-color var(--duration-expand) var(--ease-expand)}.project-image,.project-video{display:block;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;transform:translateZ(0);will-change:transform}.project-slide--active .embla__slide:not(.project-info-slide){width:calc((var(--expanded-height) - 2 * var(--padding)) * var(--aspect-ratio, 1) + 2 * var(--padding));height:var(--expanded-height);max-width:100%}@media (--bp-mobile ),(max-width:640px){.project-slide--active .embla__slide:not(.project-info-slide){max-width:calc(100vw - 2 * var(--padding));width:100%}}@media (min-width:641px){.project-slide--active .embla__slide:not(.project-info-slide){max-width:90%}}.project-slide--active .image-container{background-color:var(--color-surface);border-color:var(--color-surface);display:flex;justify-content:center;align-items:center;border-width:var(--padding);box-sizing:border-box;cursor:e-resize}.project-slide--active .project-image,.project-slide--active .project-video{width:auto;height:100%;-o-object-fit:contain;object-fit:contain;max-width:100%}.embla__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.global-slideshow-nav{position:sticky;top:55px;z-index:var(--z-global-nav);background-color:transparent;padding-left:var(--padding);padding-right:var(--padding);max-height:0;opacity:0;overflow:hidden;transition:max-height var(--duration-ui) var(--ease-ui),opacity var(--duration-ui) var(--ease-ui),padding-top var(--duration-ui) var(--ease-ui),padding-bottom var(--duration-ui) var(--ease-ui)}.global-slideshow-nav.is-visible{max-height:100px;opacity:1;padding-bottom:var(--padding)}.global-slideshow-nav__header{transition:max-height var(--duration-ui) var(--ease-ui),padding-top var(--duration-ui) var(--ease-ui),padding-bottom var(--duration-ui) var(--ease-ui),opacity var(--duration-ui) var(--ease-ui);max-height:44px}.global-slideshow-nav__header.is-compact{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.global-slideshow-nav__header{display:flex;justify-content:space-between;align-items:flex-start}.global-slideshow-nav__left,.global-slideshow-nav__right{display:flex;align-items:flex-start;gap:4px}.global-slideshow-nav__category-btn,.global-slideshow-nav__index-btn{font-family:Onsite,sans-serif;font-size:1.125rem;background-color:var(--color-surface);color:var(--color-text-primary);padding:6px 8px;border:none;cursor:pointer;transition:all var(--duration-ui) var(--ease-ui);white-space:nowrap;display:inline-block;overflow:hidden}.global-slideshow-nav__category-btn--collapsed{max-width:120px}.global-slideshow-nav__category-btn--expanded{max-width:none}.global-slideshow-nav__right{transition:all var(--duration-ui) var(--ease-ui);overflow:hidden;max-width:200px}.global-slideshow-nav__btn{font-family:Onsite,sans-serif;font-size:1.125rem;background-color:var(--color-surface);color:var(--color-text-primary);border:none;cursor:pointer;transition:all .5s cubic-bezier(0,0,0,1);width:32px;height:32px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.global-slideshow-nav__index-btn{cursor:default;pointer-events:none}.global-slideshow-nav__btn:hover:not(:disabled),.global-slideshow-nav__category-btn:hover{background-color:var(--color-interactive-bg-hover);color:var(--color-interactive-text-hover)}.global-slideshow-nav__btn:disabled{opacity:.3;cursor:not-allowed}.global-slideshow-nav__arrow-icon{width:100%;height:100%;display:block;background-color:currentColor;-webkit-mask-size:50%;mask-size:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.global-slideshow-nav__btn--prev .global-slideshow-nav__arrow-icon{-webkit-mask-image:url(/icons/arrow_left.svg);mask-image:url(/icons/arrow_left.svg)}.global-slideshow-nav__btn--next .global-slideshow-nav__arrow-icon{-webkit-mask-image:url(/icons/arrow_right.svg);mask-image:url(/icons/arrow_right.svg)}.global-slideshow-nav__info-icon{-webkit-mask-image:url(/icons/info.svg);mask-image:url(/icons/info.svg)}.global-slideshow-nav__close-icon,.global-slideshow-nav__info-icon{width:100%;height:100%;display:block;background-color:currentColor;-webkit-mask-size:50%;mask-size:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.global-slideshow-nav__close-icon{-webkit-mask-image:url(/icons/close.svg);mask-image:url(/icons/close.svg)}.global-slideshow-nav__category-btn{overflow:hidden;text-align:left}.global-slideshow-nav__category-content{white-space:nowrap;display:inline-block}.category-option{color:var(--color-text-subtle);transition:color .5s cubic-bezier(0,0,0,1);cursor:pointer}.category-option:hover,.category-selected{color:var(--color-primary)}.category-clear{margin-left:8px;color:var(--color-text-subtle);cursor:pointer;transition:color .5s cubic-bezier(0,0,0,1)}.category-clear:hover{color:var(--color-text-primary)}.global-slideshow-nav__category-btn:hover .category-clear{color:var(--color-interactive-text-hover)}.footer{background-color:var(--color-footer-bg);padding:var(--padding)}.footer-spacer{height:15rem}.footer-contact{text-align:left}.footer-contact p{margin:0;font-size:1.125rem}.footer-link{color:var(--color-text-primary);text-decoration:none;transition:color .5s cubic-bezier(0,0,0,1)}.footer-link:hover{color:var(--color-text-subtle)}.footer-separator{color:var(--color-text-primary);margin:0 .5rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-copyright p,.footer-studio p{margin:0;font-size:1.125rem}.footer-copyright{text-align:right}.footer-copyright p{color:var(--color-text-primary)}.image-container{position:relative}.video-action-button{position:absolute;top:16px;right:16px;background-color:var(--color-surface);border:none;cursor:pointer;padding:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-ui),background-color var(--duration-fast) var(--ease-ui);z-index:var(--z-video-button);width:32px;height:32px;-webkit-mask-image:url(/icons/mute.svg);mask-image:url(/icons/mute.svg);-webkit-mask-size:60%;mask-size:60%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.image-container:hover .video-action-button{opacity:1}.video-action-button.is-unmuted,.video-action-button:hover{background-color:var(--color-primary)}.video-container{position:relative}.video-container,.video-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.video-overlay{position:absolute;top:0;left:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-ui);cursor:pointer;z-index:var(--z-video-overlay);pointer-events:none}.video-overlay__text{font-family:Onsite,sans-serif;font-size:1.125rem;color:var(--color-interactive-text-hover);background-color:var(--color-interactive-bg-hover);padding:6px 8px;line-height:.8;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;cursor:pointer;border-radius:4px}.video-overlay.is-visible,.video-overlay:not(.is-playing){opacity:1}.project-slide:not(.project-slide--active) .video-action-button,.project-slide:not(.project-slide--active) .video-overlay{display:none}.global-slideshow-nav__left:has(.global-slideshow-nav__index-btn.is-hiding){gap:4px}.global-slideshow-nav__category-btn,.global-slideshow-nav__index-btn,.global-slideshow-nav__right{transition:opacity var(--duration-ui) var(--ease-ui)}.global-slideshow-nav__right{display:flex;gap:4px;align-items:center}.global-slideshow-nav__index-btn.is-hiding,.global-slideshow-nav__right.is-hiding{opacity:0;pointer-events:none}.global-slideshow-nav__category-btn{transition:opacity var(--duration-ui) var(--ease-ui),width .5s cubic-bezier(0,0,0,1),background-color .5s cubic-bezier(0,0,0,1),color .5s cubic-bezier(0,0,0,1)}.global-slideshow-nav:not(.is-visible) .global-slideshow-nav__category-btn{opacity:0;pointer-events:none}.global-slideshow-nav__panel{opacity:0;max-height:0;overflow:hidden;transition:opacity var(--duration-ui) var(--ease-ui),max-height var(--duration-ui) var(--ease-ui),padding-top var(--duration-ui) var(--ease-ui);padding-top:0;text-align:left;color:var(--color-text-subtle);font-size:1.125rem}.global-slideshow-nav__panel.is-open{opacity:1;max-height:60px;padding-top:6px}.global-slideshow-nav__panel .category-option:hover{color:var(--color-primary)}.global-slideshow-nav__panel .category-selected{color:var(--color-text-subtle)}.global-slideshow-nav__category-btn.is-hiding,.global-slideshow-nav__index-btn.is-hiding,.global-slideshow-nav__right.is-hiding{opacity:0;pointer-events:none}.about-row{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:var(--padding);column-gap:var(--padding);row-gap:8px;align-items:start;max-width:var(--content-max-width);margin-top:(--padding-desktop);font-size:1.5rem}.about-list li+li{margin-top:4px}.about-list a{color:var(--color-text);text-decoration:none;transition:color var(--duration-ui) var(--ease-ui)}.about-list a:hover{color:var(--color-primary)}.about-bg,.about-collapse{background-color:var(--color-surface);border-radius:4px;padding:var(--padding);max-width:var(--content-max-width)}.about-collapse{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:var(--padding);column-gap:var(--padding);align-items:start}.about-collapse,.about-kicker{font-size:1.5rem;cursor:pointer}.about-kicker{grid-column:1;margin:0;padding:0;background:none;border:none;text-align:left;font-family:Onsite,sans-serif;line-height:.8;transition:none}.about-kicker,.about-kicker:hover{color:var(--color-text)}.about-collapse__content{height:0;opacity:0;overflow:hidden;transition:height var(--duration-expand) var(--ease-expand),opacity var(--duration-expand) var(--ease-expand),padding-top var(--duration-expand) var(--ease-expand);grid-column:2;padding-top:0}.about-collapse.open .about-collapse__content{opacity:1}.about-list{margin:0;padding:0;list-style:none}.about-list--two-cols ul{-moz-columns:2;column-count:2;-moz-column-gap:var(--padding);column-gap:var(--padding)}.about-list--two-cols li{-moz-column-break-inside:avoid;break-inside:avoid}.about-collapses{margin-bottom:4rem}.about-collapses .about-collapse{transition:opacity var(--duration-ui) var(--ease-ui)}@media (min-width:641px){.about-collapses:has(.about-collapse:hover) .about-collapse{opacity:.25}.about-collapses:has(.about-collapse:hover) .about-collapse:hover{opacity:1}}.about-collapses:has(.about-collapse.open) .about-collapse:not(.open){opacity:.25}.about-collapses:has(.about-collapse.open):has(.about-collapse:hover) .about-collapse.open,.about-collapses:has(.about-collapse.open):has(.about-collapse:hover) .about-collapse:hover{opacity:1}body[data-theme=dark] .about-bio{color:#ffffff}.utrecht-hover{cursor:pointer;position:relative;transition:color var(--duration-fast) var(--ease-ui)}.utrecht-hover:hover{color:var(--color-primary);cursor:none}.floating-clock{opacity:0;animation:fadeInClock var(--duration-fast) var(--ease-ui) forwards;transform:translate(-50%,-50%)}@keyframes fadeInClock{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.analogue-clock{display:flex;flex-direction:column;align-items:center;gap:4px;background-color:var(--color-surface);padding:8px;border-radius:4px}.analogue-clock__face{display:block}.analogue-clock__face circle:first-of-type{fill:var(--color-background);stroke:var(--color-text-primary)}.analogue-clock__face line{stroke:var(--color-text-primary)}.analogue-clock__hour-hand,.analogue-clock__minute-hand{stroke:var(--color-text-primary);transition:transform .1s linear}.analogue-clock__second-hand{stroke:var(--color-primary);transition:transform .1s linear}.analogue-clock__face circle:last-of-type{fill:var(--color-text-primary)}body[data-theme=dark] .analogue-clock__face circle:first-of-type{fill:var(--color-surface)}body[data-theme=dark] .analogue-clock__face line,body[data-theme=dark] .analogue-clock__hour-hand,body[data-theme=dark] .analogue-clock__minute-hand{stroke:var(--color-background)}body[data-theme=dark] .analogue-clock__face circle:last-of-type{fill:var(--color-background)}.analogue-clock__label{font-family:Onsite,sans-serif;font-size:1.125rem;color:var(--color-text-subtle);letter-spacing:.05em;text-transform:uppercase}.about-title-container{position:relative;display:inline-flex;align-items:center}.about-kicker-text{transition:margin-left var(--duration-fast) var(--ease-ui)}.about-hover-dot{position:absolute;left:0;top:50%;transform:translateY(-50%) scale(0);transform-origin:left center;width:1.2rem;height:1.2rem;background-color:var(--color-text-primary);border-radius:50%;transition:transform var(--duration-fast) var(--ease-ui);pointer-events:none}@media (min-width:641px){.about-collapse:not(.open):hover .about-kicker-text{margin-left:2rem}.about-collapse:not(.open):hover .about-hover-dot{transform:translateY(-50%) scale(1)}}.about-collapse.open .about-kicker-text{margin-left:2rem}.about-collapse.open .about-hover-dot{transform:translateY(-50%) scale(1)}@media (--bp-mobile ),(max-width:640px){h1{font-size:1.5rem}.about-collapse,.about-collapse__content,.about-kicker,.about-list,.about-row,.video-overlay__text,nav a,p{font-size:1.125rem}.footer-contact p,.footer-copyright p,.footer-studio p,.global-slideshow-nav__category-btn,.global-slideshow-nav__index-btn,.global-slideshow-nav__panel,.project-category,.project-credits p{font-size:1rem}.about-collapse{grid-template-columns:1fr}.about-collapse__content{grid-column:1}.about-collapse.open .about-collapse__content{padding-top:calc(var(--padding) * 2)}.about-list--two-cols,.about-list--two-cols ul{-moz-columns:1;column-count:1}}.text-small{font-size:1.125rem;color:var(--color-text-subtle)}@media (--bp-mobile ),(max-width:640px){.text-small{font-size:1rem}}.video-loader{position:absolute;top:50%;left:50%;width:2rem;height:2rem;background-color:var(--color-background);-webkit-mask-image:url(/icons/load.svg);mask-image:url(/icons/load.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;z-index:4;pointer-events:none;animation:spinLoader 2s linear infinite}@keyframes spinLoader{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}