:root{--bg:#090809;--text:#e1e6e1;--text-dim:#e1e6e18c;--text-faint:#e1e6e147;--accent:#f73a0b;--border-faded:#e1e6e124;--site-margin:clamp(1rem, .7rem + 1.2vw, 2rem);--font-display:"Anton", "Space Grotesk", system-ui, sans-serif;--font-main:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--accent) #262626;scrollbar-width:thin;font-weight:300}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);overflow-x:hidden}#root{width:100%;min-height:100svh}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}img,video{max-width:100%;display:block}.section-tag{font-family:var(--font-mono);color:var(--text-dim);margin:0;font-size:.8rem;font-weight:400}.section-title-lg{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-weight:400;line-height:.9}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(1.2rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}.preloader{z-index:1000;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{font-family:var(--font-mono);align-items:baseline;gap:1rem;display:flex}.preloader-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.85rem}.preloader-count{color:var(--accent);min-width:4ch;font-size:1.1rem}.preloader-bar{background:var(--border-faded);width:min(320px,70vw);height:1px}.preloader-bar-fill{background:var(--accent);height:100%;transition:width .1s linear}.cursor-line{z-index:900;background:var(--border-faded);pointer-events:none;position:fixed}.cursor-line-h{width:100%;height:1px;left:0}.cursor-line-v{width:1px;height:100%;top:0}.cursor-circle{z-index:901;opacity:0;pointer-events:none;background:#e1e6e1eb;border-radius:50%;justify-content:center;align-items:center;width:5.5rem;height:5.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.cursor-circle.is-active{opacity:1;transform:translate(-50%,-50%)scale(1)}.cursor-circle-label{font-family:var(--font-mono);letter-spacing:.02em;color:var(--bg);text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:500}@media (pointer:coarse){.cursor-line,.cursor-circle{display:none}}.nav{z-index:100;padding:1.1rem var(--site-margin);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);font-size:1.1rem}.nav-links{gap:clamp(1.25rem,1rem + 1vw,2.5rem);display:flex}.nav-link{font-family:var(--font-mono);color:var(--text);min-width:5ch;font-size:.85rem;display:inline-block}.nav-link:hover{color:var(--accent)}.hero{min-height:100svh;padding:clamp(4.5rem, 3.5rem + 3vw, 6rem) var(--site-margin) var(--site-margin);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg-video{object-fit:cover;opacity:.32;width:100%;height:100%}.hero-bg-overlay{background:linear-gradient(180deg, var(--bg) 0%, #0908098c 30%, #090809bf 70%, var(--bg) 100%);position:absolute;inset:0}.hero-intro{z-index:1;text-align:center;max-width:46rem;margin:0 auto;position:relative}.hero-title{font-family:var(--font-main);margin:0;font-size:clamp(1.5rem,1.1rem + 2vw,2.9rem);font-weight:300;line-height:1.2}.hero-subtitle{font-family:var(--font-main);color:var(--text-dim);margin:.6rem 0 0;font-size:clamp(.8rem,.75rem + .2vw,.95rem);font-weight:300}.hero-lower{z-index:1;position:relative}.hero-name{width:100%;height:auto;fill:var(--text);margin-bottom:clamp(1rem,.7rem + 1.5vw,2rem)}.timeline{position:relative}.timeline-range{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;padding-bottom:.35rem;font-size:.7rem;display:flex}.timeline-ticks{background-image:repeating-linear-gradient(to right, var(--border-faded) 0, var(--border-faded) 1px, transparent 1px, transparent calc(100% / 54));border-top:1px solid var(--border-faded);background-position:0 0;background-size:11.1111% 100%;height:12px}.timeline-items{gap:clamp(.5rem,.3rem + .6vw,1rem);padding-top:.75rem;display:flex}.timeline-item{text-align:left;cursor:pointer;border:1px solid #0000;flex-direction:column;flex:1 1 0;gap:.5rem;padding:.4rem;transition:border-color .25s;display:flex}.timeline-item:hover{border-color:var(--border-faded)}.timeline-item-number{font-family:var(--font-mono);color:var(--text-dim);font-size:.7rem}.timeline-item-img{aspect-ratio:16/9;object-fit:cover;filter:grayscale(.5)brightness(.85);background:#1a1a1a;width:100%;transition:filter .25s}.timeline-item:hover .timeline-item-img{filter:grayscale(0)brightness()}@media (width<=700px){.timeline-items{flex-wrap:wrap}.timeline-item{flex:calc(33.33% - .5rem)}}.about{padding:clamp(6.5rem, 5.5rem + 3vw, 8.5rem) var(--site-margin) clamp(4rem, 3rem + 3vw, 6rem);grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(2rem,1.5rem + 2.5vw,4rem);max-width:80rem;margin:0 auto;display:grid;position:relative}.about-body{flex-direction:column;gap:1.1rem;padding-top:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);display:flex}.about-body p{color:var(--text-dim);max-width:42rem;margin:0;font-size:clamp(1rem,.9rem + .6vw,1.4rem);font-weight:300;line-height:1.5}.about-body p:first-child{color:var(--text)}.about-photo{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(75% 80%,#000 45%,#0000 100%);mask-image:radial-gradient(75% 80%,#000 45%,#0000 100%)}.about-photo img{object-fit:cover;filter:grayscale(.25)brightness(.85)contrast(1.05);width:100%;height:100%}.about-photo:after{content:"";background:radial-gradient(ellipse 70% 75% at center, transparent 40%, var(--bg) 100%);position:absolute;inset:0}@media (width<=900px){.about{grid-template-columns:1fr}.about-photo{order:-1;max-width:20rem;margin:0 auto}}.works{padding:clamp(4rem, 3rem + 4vw, 7rem) var(--site-margin);position:relative}.works-heading{border-bottom:1px solid var(--border-faded);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem);padding:clamp(1rem,.7rem + 1.2vw,1.75rem) 0;display:flex}.works-title{font-size:clamp(2.5rem,1.5rem + 5vw,6rem)}.works-all-link{font-family:var(--font-mono);color:var(--text-dim);padding-bottom:.6rem;font-size:.8rem;transition:color .2s}.works-all-link:hover{color:var(--accent)}.works-grid{flex-direction:column;gap:clamp(2rem,1.5rem + 2vw,3.5rem);display:flex}.work-card{width:100%;margin:0 auto}.work-card.is-narrow{width:min(65%,46rem)}.work-card-meta{justify-content:space-between;align-items:flex-end;padding-bottom:.6rem;display:flex}.work-card-number{font-family:var(--font-mono);color:var(--text);margin:0;font-size:.85rem}.work-card-duration{font-family:var(--font-mono);color:var(--text-dim);margin:0;font-size:.75rem}.work-card-frame{aspect-ratio:16/9;background:#141414;width:100%;display:block;position:relative;overflow:hidden}.work-card-frame video{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.work-card-frame:hover video{transform:scale(1.04)}.work-card-title{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text);opacity:0;background:linear-gradient(#09080900 0%,#090809bf 100%);padding:.75rem 1rem;font-size:.75rem;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(.5rem)}.work-card-frame:hover .work-card-title{opacity:1;transform:translateY(0)}.work-bracket{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1px;opacity:0;z-index:2;transition:opacity .3s;position:absolute}.work-card-frame:hover .work-bracket{opacity:1}.work-bracket-tl{top:8px;left:8px}.work-bracket-tr{top:8px;right:8px}.work-bracket-br{bottom:8px;right:8px}.work-bracket-bl{bottom:8px;left:8px}@media (width<=700px){.work-card.is-narrow{width:100%}}.services{padding:clamp(4rem,3rem + 4vw,7rem) 0;position:relative}.services-heading{padding:0 var(--site-margin);max-width:70rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}.services-title{padding-top:.5rem;font-size:clamp(2rem,1.2rem + 4vw,5rem)}.services-list{border-top:1px solid var(--border-faded)}.service-row-wrap{border-bottom:1px solid var(--border-faded)}.service-row{padding:clamp(1rem, .7rem + 1.5vw, 1.75rem) var(--site-margin);align-items:baseline;gap:clamp(1rem,.7rem + 1.5vw,2.5rem);max-width:70rem;margin:0 auto;transition:padding-left .3s;display:flex}.service-row:hover{padding-left:calc(var(--site-margin) + .75rem)}.service-num{font-family:var(--font-main);color:var(--text-dim);min-width:3ch;margin:0;font-size:clamp(1rem,.85rem + .7vw,1.4rem);font-weight:300}.service-title{font-family:var(--font-main);margin:0;font-size:clamp(1.5rem,1.1rem + 2vw,2.8rem);font-weight:300;transition:color .3s}.service-row:hover .service-title{color:var(--accent)}.contact{min-height:90svh;padding:clamp(4rem, 3rem + 4vw, 7rem) var(--site-margin);flex-direction:column;justify-content:center;display:flex;position:relative}.contact-desc{color:var(--text-dim);max-width:36rem;margin:1rem 0 0;font-size:clamp(1.1rem,.9rem + 1vw,1.6rem);font-weight:300}.contact-mail{font-family:var(--font-main);color:var(--text);border-bottom:1px solid var(--border-faded);padding:clamp(1.5rem,1.2rem + 1.5vw,2.25rem) 0 clamp(1rem,.8rem + 1vw,1.5rem);font-size:clamp(1.25rem,1rem + 1.5vw,2rem);font-weight:400;transition:color .3s;display:inline-block}.contact-mail:hover{color:var(--accent)}.contact-socials{border-top:1px solid var(--border-faded);gap:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);max-width:36rem;padding-top:1rem;display:flex}.contact-social-link{font-family:var(--font-mono);color:var(--text-dim);min-width:9ch;font-size:.85rem;transition:color .2s;display:inline-block}.contact-social-link:hover{color:var(--accent)}.footer{min-height:100svh;display:flex;position:relative;overflow:hidden}.footer-photo{z-index:0;position:absolute;inset:0}.footer-photo-img{object-fit:cover;object-position:center 22%;filter:grayscale(.2)brightness(.75)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.footer-photo-glitch{opacity:0;mix-blend-mode:screen;transition:opacity .15s}.footer-photo-glitch-r{filter:brightness(1.1)sepia()hue-rotate(-52deg)saturate(6)}.footer-photo-glitch-b{filter:brightness(1.1)sepia()hue-rotate(160deg)saturate(6)}.footer-photo:hover .footer-photo-glitch{opacity:.55}.footer-photo:hover .footer-photo-glitch-r{animation:.4s steps(2,end) infinite glitch-shift-r}.footer-photo:hover .footer-photo-glitch-b{animation:.4s steps(2,end) infinite glitch-shift-b}.footer-photo:hover .footer-photo-img:first-child{animation:.4s steps(2,end) infinite glitch-slice}@keyframes glitch-shift-r{0%{transform:translate(0)}25%{transform:translate(-6px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-3px,3px)}to{transform:translate(0)}}@keyframes glitch-shift-b{0%{transform:translate(0)}25%{transform:translate(5px,-3px)}50%{transform:translate(-4px,2px)}75%{transform:translate(3px,-2px)}to{transform:translate(0)}}@keyframes glitch-slice{0%{clip-path:inset(0)}20%{clip-path:inset(10% 0 65%);transform:translate(4px)}40%{clip-path:inset(60% 0 5%);transform:translate(-3px)}60%{clip-path:inset(30% 0 40%);transform:translate(2px)}80%{clip-path:inset(0);transform:translate(0)}to{clip-path:inset(0)}}.footer-overlay{z-index:1;background:linear-gradient(0deg, var(--bg) 0%, #090809bf 22%, #09080926 45%, #0908090d 65%, #09080966 100%);pointer-events:none;position:absolute;inset:0}.footer-content{z-index:2;width:100%;min-height:100svh;padding:clamp(1.5rem, 1.2rem + 1vw, 2.5rem) var(--site-margin);flex-direction:column;display:flex;position:relative}.footer-top{font-family:var(--font-mono);color:var(--text-dim);text-align:center;font-size:.8rem}.footer-clock{color:var(--accent)}.footer-mid{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.footer-role{font-family:var(--font-mono);color:var(--text-dim);padding-bottom:.5rem;font-size:.8rem}.footer-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:#e1e6e173;text-align:center;width:100%;margin:0;font-size:clamp(3rem,1.5rem + 10vw,9rem);font-weight:400;line-height:.88}.footer-socials{flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);width:100%;padding-top:clamp(1.25rem,1rem + 1vw,2rem);display:flex}.footer-social-link{font-family:var(--font-mono);color:var(--text-dim);min-width:8ch;font-size:.85rem;transition:color .2s;display:inline-block}.footer-social-link:hover{color:var(--accent)}.footer-bottom{font-family:var(--font-mono);color:var(--text-faint);text-align:center;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,.8rem + 1vw,2rem);padding-top:clamp(2rem,1.5rem + 2vw,3.5rem);font-size:.72rem;display:flex}@media (prefers-reduced-motion:reduce){.footer-photo:hover .footer-photo-glitch,.footer-photo:hover .footer-photo-glitch-r,.footer-photo:hover .footer-photo-glitch-b,.footer-photo:hover .footer-photo-img:first-child{opacity:0;animation:none}}.preview-overlay{z-index:800;opacity:0;visibility:hidden;padding:var(--site-margin);background:#090809f5;flex-direction:column;justify-content:center;align-items:center;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.preview-overlay.is-open{opacity:1;visibility:visible}.preview-video{background:#000;width:min(1100px,100%);max-height:80vh}.preview-meta{width:min(1100px,100%);font-family:var(--font-mono);align-items:baseline;gap:1rem;padding-bottom:.75rem;display:flex}.preview-number{color:var(--accent);font-size:.85rem}.preview-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.preview-close{top:var(--site-margin);right:var(--site-margin);justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.preview-close span{background:var(--text);width:20px;height:1px;position:absolute}.preview-close span:first-child{transform:rotate(45deg)}.preview-close span:last-child{transform:rotate(-45deg)}.preview-close:hover span{background:var(--accent)}