@import "https://api.fontshare.com/v2/css?f[]=zodiak@700&f[]=satoshi@400,500,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Anton&family=Azeret+Mono:wght@400&display=swap";:root{--bg-color:#050505;--text-color:#fff;--meta-color:#9ca3af;--video-bg:#111;--border-color:#27272a}.theme-light{--bg-color:#fff;--text-color:#000;--meta-color:#555;--video-bg:#f5f5f5;--border-color:#f4f4f5}html{overscroll-behavior:none}body{background-color:var(--bg-color);color:var(--text-color);overscroll-behavior:none;margin:0;font-family:Satoshi,sans-serif;transition:background-color .5s,color .5s;overflow-x:hidden}mux-player{--controls:none}.font-display{font-family:Zodiak,serif}.global-header{--p:var(--scroll-progress,0);will-change:transform, padding, border-radius, background-color, backdrop-filter;z-index:100;color:#fff;top:calc(48px - 16px * var(--p));left:calc(48px - 16px * var(--p));padding:calc(10px * var(--p)) calc(20px * var(--p));border-radius:calc(9999px * var(--p));background-color:color-mix(in srgb, var(--text-color) calc(5% * var(--p)), transparent);border-style:solid;border-width:1px;border-color:color-mix(in srgb, var(--text-color) calc(20% * var(--p)), transparent);-webkit-backdrop-filter:blur(calc(12px * var(--p)));backdrop-filter:blur(calc(12px * var(--p)));flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.global-header.is-pill{mix-blend-mode:difference;color:#fff}.global-header.is-subpage{color:var(--text-color);mix-blend-mode:normal;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-color:#0000}.global-header__title{font-size:calc(72px - 62px * var(--scroll-progress,0));letter-spacing:calc(-.05em + .45em * var(--scroll-progress,0));text-shadow:0 2px 10px #0000004d}.global-header.is-pill .global-header__title,.global-header.is-subpage .global-header__title{text-shadow:none}.global-header__subtitle{letter-spacing:.5em;opacity:calc(.4 - .4 * min(1, var(--scroll-progress,0) / .5));height:calc(15px - 15px * min(1, var(--scroll-progress,0) / .5));margin-top:calc(16px - 16px * min(1, var(--scroll-progress,0) / .5));max-width:calc(500px - 500px * min(1, var(--scroll-progress,0) / .5));font-size:10px;overflow:hidden}.glass-btn{-webkit-backdrop-filter:blur(12px);backface-visibility:hidden;will-change:transform, backdrop-filter, opacity;background:#ffffff08;border:1px solid #ffffff1a;transition:background-color .5s,border-color .5s,box-shadow .5s;transform:translateZ(0);box-shadow:0 8px 32px #0000005e,inset 0 0 15px #ffffff0d}.glass-btn:hover{background:#ffffff26;border-color:#fff6;transform:scale(1.05)translateZ(0)}.hero-section{height:100vh}.hero-state-active #artist-name{pointer-events:none}#nav-bubble{mix-blend-mode:difference;color:#fff;background:#ffffff0d;border:1px solid #fff3}.hero-state-active #nav-bubble{pointer-events:auto!important}.top-nav{z-index:150;mix-blend-mode:difference;color:#fff;gap:32px;display:flex;position:absolute;top:48px;right:48px}.top-nav.is-subpage{mix-blend-mode:normal;color:var(--text-color)}.top-nav__link{letter-spacing:.3em;text-transform:uppercase;cursor:pointer;opacity:.4;color:inherit;background:0 0;border:none;padding:0;font-size:10px;font-weight:700;transition:opacity .3s}.top-nav__link:hover,.top-nav__link.is-active{opacity:1}#artist-name{transition:all .2s cubic-bezier(.4,0,.2,1)}.portfolio-section{background-color:var(--bg-color);color:var(--text-color);z-index:30;margin-top:2rem;padding-bottom:20px;position:relative}.portfolio-header{text-align:center;padding:60px 0}.portfolio-header h1{text-transform:uppercase;pointer-events:none;color:var(--text-color);margin:0;font-family:Anton,sans-serif;font-size:112px;font-weight:400;line-height:1.4;display:inline-block}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:80px 10px;width:90%;max-width:1400px;margin:0 auto;display:grid}.portfolio-item{cursor:pointer;flex-direction:column;display:flex}.video-wrapper{aspect-ratio:16/9;background-color:var(--video-bg);width:100%;overflow:hidden}.portfolio-grid video,.portfolio-grid mux-player{object-fit:cover;filter:brightness();width:100%;height:100%;transition:all .4s;display:block}.portfolio-item:hover video,.portfolio-item:hover mux-player{filter:brightness(1.2)contrast(.9);opacity:.8}.item-details{justify-content:space-between;align-items:flex-start;padding-top:15px;display:flex}.left-meta h3{letter-spacing:.02em;text-transform:uppercase;color:var(--text-color);margin:0;font-family:Anton,sans-serif;font-size:22.08px;line-height:1.3}.left-meta p,.right-meta{letter-spacing:-.03em;color:var(--meta-color);text-transform:uppercase;white-space:pre;margin:0;font-family:Azeret Mono,monospace;font-size:14.08px;font-weight:400;line-height:1.3}#project-modal{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:95%;max-width:1100px;margin-top:2rem;position:relative}.modal-video-container{aspect-ratio:16/9;background:#000;border:1px solid #ffffff0d;width:100%;overflow:hidden}.modal-info{color:#fff;text-align:left;margin-top:24px}#modal-title{letter-spacing:-.02em;margin-bottom:2px;font-size:1.5rem}#modal-meta{opacity:.4;font-size:.65rem}.close-modal{color:#fff;cursor:pointer;opacity:.6;background:0 0;border:none;font-size:32px;transition:opacity .3s;position:absolute;top:-60px;right:0}.close-modal:hover{opacity:1}@media (width<=768px){.global-header{top:calc(24px - 8px * var(--p));left:calc(24px - 8px * var(--p))}.global-header__title{font-size:calc(40px - 30px * var(--scroll-progress,0));letter-spacing:calc(-.02em + .2em * var(--scroll-progress,0))}.global-header__subtitle{margin-top:calc(8px - 8px * min(1, var(--scroll-progress,0) / .5));font-size:8px}.top-nav{gap:16px;top:24px;right:24px}.top-nav__link{font-size:8px}#hero{height:80vh}.portfolio-header h1{font-size:64px}.portfolio-grid{grid-template-columns:1fr;gap:40px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}