:root{--color-white: #ffffff;--color-black: #000000;--color-grey-100: #f5f5f5;--color-grey-300: #e0e0e0;--color-grey-500: #9e9e9e;--color-grey-700: #616161;--color-grey-900: #212121;--color-overlay: rgba(0, 0, 0, .85);--font-family: "Roboto", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--header-height: 10vh;--grid-gap: 12px;--container-padding: 24px;--transition-section: .8s cubic-bezier(.25, .1, .25, 1);--transition-fast: .2s ease;--transition-medium: .3s ease;--z-sections: 1;--z-header: 100;--z-viewer: 200}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-white);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--container-padding);z-index:var(--z-header)}.header__left{display:flex;flex-direction:column;gap:4px;justify-self:start}.header__title{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-grey-900);letter-spacing:-.5px}.header__subtitle{font-size:1rem;font-weight:var(--font-weight-light);color:var(--color-grey-700);letter-spacing:.5px}.header__nav{display:flex;justify-content:center;align-items:center;position:relative;width:300px;overflow:visible}.header__nav-wrapper{display:flex;gap:48px;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.nav__link{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-grey-500);text-transform:uppercase;letter-spacing:1px;padding:8px 16px;position:relative;transition:color var(--transition-fast);white-space:nowrap;flex-shrink:0}.nav__link:hover{color:var(--color-grey-700)}.nav__link--active{color:var(--color-grey-900)}.nav__link--active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background-color:var(--color-grey-900)}.header__right{display:flex;align-items:center;gap:24px;justify-self:end}.lang-toggle{width:60px;height:24px;padding:0}.lang-toggle__svg{width:100%;height:100%}.lang-letter{font-family:var(--font-family);font-size:18px;font-weight:var(--font-weight-bold);fill:var(--color-grey-900)}.volume-control{height:60px;width:20px;display:flex;align-items:center;justify-content:center;position:relative}.volume-control__track{width:4px;height:100%;background-color:var(--color-grey-500);border-radius:2px;position:relative;cursor:pointer}.volume-control__fill{position:absolute;bottom:0;left:0;right:0;height:0%;background-color:var(--color-black);border-radius:2px;transition:height var(--transition-fast)}.volume-control__handle{position:absolute;left:50%;bottom:0%;width:14px;height:14px;background-color:var(--color-white);border:2px solid var(--color-black);border-radius:50%;transform:translate(-50%,50%);cursor:grab;transition:bottom var(--transition-fast)}.volume-control__handle:active{cursor:grabbing}.section--home{background-color:var(--color-black);display:flex;align-items:center;justify-content:center}.video-container{position:relative;width:100%;height:100%;overflow:hidden}.video-js{position:absolute;top:0;left:0;width:100%!important;height:100%!important;background-color:transparent;pointer-events:none}.video-js .vjs-tech{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;max-width:none;max-height:none;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none}@supports (object-fit: cover){.video-js .vjs-tech{width:100%;height:100%;object-fit:cover}}.video-js .vjs-control-bar,.video-js .vjs-big-play-button,.video-js .vjs-loading-spinner,.video-js .vjs-poster,.video-js .vjs-picture-in-picture-control{display:none!important}.video-js.vjs-fullscreen{pointer-events:auto}.video-js.vjs-fullscreen .vjs-tech{pointer-events:auto;min-width:unset;min-height:unset;width:100%;height:100%;transform:translate(-50%,-50%);top:50%;left:50%;object-fit:contain}.video-js.vjs-fullscreen .vjs-control-bar{display:flex!important;background:linear-gradient(transparent,#000000b3)}.video-js.vjs-fullscreen .vjs-volume-panel{display:flex!important}.video-js.vjs-fullscreen .vjs-picture-in-picture-control,.video-js.vjs-fullscreen .vjs-big-play-button{display:none!important}.fullscreen-btn{position:absolute;bottom:20px;right:20px;width:40px;height:40px;background-color:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);z-index:10;pointer-events:auto}.fullscreen-btn:hover{background-color:#ffffff4d}.fullscreen-btn svg{width:20px;height:20px;color:var(--color-white)}.video-js.vjs-fullscreen~.fullscreen-btn{display:none}.volume-hint{position:absolute;top:0;right:var(--container-padding);width:auto;max-width:180px;opacity:0;transition:opacity 2s ease;pointer-events:none;z-index:20}.volume-hint--visible{opacity:1}.volume-hint--fading{opacity:0;transition:opacity 3s ease}.section--portfolio{padding:var(--container-padding) 0;overflow-y:auto!important;overflow-x:hidden;background-color:var(--color-white)}.portfolio-grid{width:100%}.portfolio-row{display:flex;width:100%}.portfolio-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;transition:transform .3s cubic-bezier(.25,.1,.25,1);box-shadow:0 2px 8px #00000014;contain:layout style paint}.portfolio-item:hover{transform:scale(1.02);z-index:10;box-shadow:0 8px 24px #0000001f;will-change:transform}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.portfolio-item--loading img{opacity:0}.portfolio-item--loaded img{opacity:1}.portfolio-item__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-grey-300) 0%,var(--color-grey-100) 50%,var(--color-grey-300) 100%);background-size:200% 200%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.portfolio-item--loaded .portfolio-item__placeholder{display:none;animation:none}.portfolio-item--error .portfolio-item__placeholder{background:var(--color-grey-300);animation:none}.portfolio-item--error .portfolio-item__placeholder:after{content:"⚠";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--color-grey-500)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-viewer);display:flex;align-items:center;justify-content:center}.viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);cursor:default;z-index:1}.viewer__content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.viewer__content>*{pointer-events:auto}.viewer__image-container{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}.viewer__thumbnails-strip{display:none}.viewer__image{max-width:90vw;max-height:90vh;object-fit:contain;-webkit-user-select:none;user-select:none;cursor:grab;background-color:transparent;pointer-events:auto}.viewer__image--temp{pointer-events:none;z-index:1}.viewer__image--strip{pointer-events:none;z-index:1;will-change:transform;backface-visibility:hidden}.viewer__image.dragging{cursor:grabbing;transition:none}.viewer__image.zoomed{cursor:grab}.viewer__close{position:absolute;top:24px;right:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-white);opacity:.8;transition:opacity var(--transition-fast)}.viewer__close:hover{opacity:1}.viewer__close svg{width:32px;height:32px}.viewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:100px;display:flex;align-items:center;justify-content:center;color:var(--color-white);opacity:.6;transition:opacity var(--transition-fast)}.viewer__nav:hover{opacity:1}.viewer__nav svg{width:40px;height:40px}.viewer__nav--prev{left:24px}.viewer__nav--next{right:24px}.viewer__info{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.viewer__title{font-size:1.25rem;font-weight:var(--font-weight-medium);color:var(--color-white)}.viewer__exif{font-size:.875rem;font-weight:var(--font-weight-light);color:var(--color-grey-500);text-align:right}.section--profile{display:flex;align-items:center;justify-content:center;background-color:var(--color-grey-900)}.profile-placeholder{text-align:center;padding:var(--container-padding)}.profile-placeholder h2{font-size:3rem;font-weight:var(--font-weight-light);color:var(--color-grey-500);margin-bottom:16px}.profile-placeholder p{font-size:1.25rem;font-weight:var(--font-weight-light);color:var(--color-grey-700)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);background-color:var(--color-black);color:var(--color-white);overflow:hidden;height:100vh;width:100vw}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}img{display:block;max-width:100%}.sections-container{position:fixed;top:var(--header-height);left:0;width:100vw;height:calc(100vh - var(--header-height));overflow:hidden;z-index:var(--z-sections);user-select:none;-webkit-user-select:none}.sections-wrapper{display:flex;width:300vw;height:100%;transition:transform var(--transition-section)}.section{flex:0 0 100vw;width:100vw;height:100%;overflow:hidden}.section--portfolio{overflow-y:auto;overflow-x:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}