:root{--bg:#0a0a0a;--surface:#121212;--line:#f5f5f51a;--txt:#f5f5f5;--dim:#8a8f98;--rec:#e8362d;--radius:2px;--font-display:"Clash Display", "Arial Narrow", sans-serif;--font-body:"General Sans", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--ease-out:cubic-bezier(.4,0,.2,1);--page-margin:clamp(20px, 5vw, 64px);--nav-height:84px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}img,picture,video,iframe{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul{list-style:none}input,textarea{font:inherit}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--txt);font-family:var(--font-body);font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.6;position:relative;overflow-x:hidden}body:after{content:"";z-index:9999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;animation:.5s steps(4,end) infinite grain-flicker;position:fixed;inset:0}@keyframes grain-flicker{0%{background-position:0 0}25%{background-position:-20px 10px}50%{background-position:15px -15px}75%{background-position:-10px -10px}to{background-position:0 0}}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-weight:600;line-height:.9}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--dim);font-size:.75rem;font-weight:400}:focus-visible{outline:1px solid var(--txt);outline-offset:3px}.rec-dot{background:var(--rec);border-radius:50%;width:7px;height:7px;animation:1s infinite rec-blink;display:inline-block}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.15}}.btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;min-height:44px;transition:background .3s var(--ease-out), color .3s var(--ease-out), border-color .3s var(--ease-out);border-radius:999px;align-items:center;gap:.5em;padding:1em 1.75em;font-size:.75rem;display:inline-flex}.btn--ghost{border:1px solid var(--line);color:var(--txt)}.btn--ghost:hover{background:var(--txt);color:var(--bg);border-color:var(--txt)}.btn--link{color:var(--txt);border-bottom:1px solid #0000}.btn--link:hover{border-color:var(--rec)}.btn--mail{border:1px solid var(--line);color:var(--txt);padding:1.25em 2em;font-size:clamp(.75rem,1.4vw,1rem)}.btn--mail:hover{background:var(--txt);color:var(--bg);border-color:var(--txt)}.filmstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(90deg, var(--line) 0, var(--line) 8px, transparent 8px, transparent 20px);background-position:50%;height:26px}.cursor-dot,.cursor-ring{pointer-events:none;z-index:9998;will-change:transform;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--txt);width:8px;height:8px}.cursor-ring{border:1px solid var(--txt);width:36px;height:36px;transition:width .2s var(--ease-out), height .2s var(--ease-out), background .2s var(--ease-out);justify-content:center;align-items:center;display:flex}.cursor-ring__label{font-family:var(--font-mono);color:var(--bg);opacity:0;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.cursor-ring--play{background:#f5f5f5f2;width:72px;height:72px}.cursor-ring--play .cursor-ring__label{opacity:1}.cursor-ring--link{width:48px;height:48px}body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button{cursor:none}body.has-custom-cursor .cursor-dot,body.has-custom-cursor .cursor-ring{opacity:1}.cursor-dot,.cursor-ring{opacity:0;transition:opacity .2s var(--ease-out), width .2s var(--ease-out), height .2s var(--ease-out), background .2s var(--ease-out)}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}.letterbox{background:var(--bg);z-index:9997;width:100%;height:50vh;position:fixed;left:0}.letterbox--top{top:0}.letterbox--bottom{bottom:0}@media (prefers-reduced-motion:reduce){body:after{animation:none}.letterbox{display:none}.rec-dot{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav{z-index:500;height:var(--nav-height);padding:0 var(--page-margin);transition:background .3s var(--ease-out), border-color .3s var(--ease-out), backdrop-filter .3s var(--ease-out);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0a0ab8}.nav__wordmark{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:15px;font-weight:600}.nav__links{font-family:var(--font-mono);letter-spacing:.14em;align-items:center;gap:.6em;font-size:.75rem;display:flex}.nav__links a{color:var(--dim);transition:color .2s var(--ease-out);padding-left:12px;position:relative}.nav__links a:hover,.nav__links a.is-active{color:var(--txt)}.nav__links a.is-active:before{content:"";background:var(--rec);width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav__dot{color:var(--dim)}.nav__tc{font-family:var(--font-mono);letter-spacing:.14em;color:var(--dim);align-items:center;gap:.5em;font-size:.75rem;display:flex}.nav__hamburger{flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;display:none}.nav__hamburger span{background:var(--txt);width:20px;height:1px;transition:transform .3s var(--ease-out), opacity .3s var(--ease-out);display:block}.nav__hamburger.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.nav__hamburger.is-open span:nth-child(2){opacity:0}.nav__hamburger.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{z-index:400;background:var(--bg);padding:0 var(--page-margin);opacity:0;pointer-events:none;transition:transform .4s var(--ease-out), opacity .4s var(--ease-out);flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu a{font-family:var(--font-display);text-transform:uppercase;opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);font-size:clamp(1.6rem,6.2vw,3.5rem);line-height:1.05;transform:translateY(20px)}.mobile-menu.is-open a{opacity:1;transform:translateY(0)}.mobile-menu.is-open a:first-child{transition-delay:50ms}.mobile-menu.is-open a:nth-child(2){transition-delay:.1s}.mobile-menu.is-open a:nth-child(3){transition-delay:.15s}.mobile-menu.is-open a:nth-child(4){transition-delay:.2s}.bracket{opacity:0;width:18px;height:18px;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);pointer-events:none;position:absolute}.bracket--tl{border-top:1px solid var(--txt);border-left:1px solid var(--txt);top:8px;left:8px;transform:translate(4px,4px)}.bracket--tr{border-top:1px solid var(--txt);border-right:1px solid var(--txt);top:8px;right:8px;transform:translate(-4px,4px)}.bracket--bl{border-bottom:1px solid var(--txt);border-left:1px solid var(--txt);bottom:8px;left:8px;transform:translate(4px,-4px)}.bracket--br{border-bottom:1px solid var(--txt);border-right:1px solid var(--txt);bottom:8px;right:8px;transform:translate(-4px,-4px)}.card:hover .bracket,.viewfinder .bracket{opacity:1;transform:translate(0)}.card{transition:opacity .35s var(--ease-out);flex-direction:column;gap:.75rem;display:flex;position:relative}.card__media{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);transform:scale(1.06)}.card__media:hover img{transform:scale(1)}.card__media iframe{border:0;width:100%;height:100%}.card__media.is-playing img,.card__media.is-playing .play-glyph{display:none}.card__meta{flex-wrap:wrap;align-items:baseline;display:flex}.card__title{font-family:var(--font-body);flex:1;font-size:.95rem;font-weight:500}.card__watch{font-family:var(--font-mono);letter-spacing:.14em;color:var(--dim);transition:color .2s var(--ease-out);font-size:.6875rem}.card__watch:hover{color:var(--txt)}.play-glyph{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-glyph:before{content:"";border:1px solid var(--txt);border-radius:50%;width:56px;height:56px}.reel-card{scroll-snap-align:start;flex:0 0 min(328px,78vw)}.reel-card__media{aspect-ratio:9/16;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:6px;position:relative;overflow:hidden}.reel-card__inner{background:var(--bg);border-radius:1px;width:100%;height:100%;position:relative;overflow:hidden}.reel-card__crop{position:absolute;inset:0;overflow:hidden}.reel-card__crop iframe{transform-origin:50% 0;border:0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.58)translateY(-70px)}.reel-card__watch{text-align:center;margin-top:.75rem;display:block}.modal{z-index:2000;opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.is-open{opacity:1;pointer-events:auto}.modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0af5;position:absolute;inset:0}.modal__inner{aspect-ratio:16/9;width:min(1100px,90vw);position:relative}.modal__frame{background:var(--surface);width:100%;height:100%}.modal__frame iframe{border:0;width:100%;height:100%}.modal__close{color:var(--txt);letter-spacing:.14em;min-height:44px;padding:0 .5em;position:absolute;top:-44px;right:0}.modal__close:hover{color:var(--rec)}.skill-tag{border:1px solid var(--line);border-radius:999px;margin:0 .5em .5em 0;padding:.6em 1.1em;display:inline-block}.hero{min-height:100svh;padding:var(--nav-height) var(--page-margin) 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__bg img{object-fit:cover;object-position:center 18%;filter:blur(6px)saturate(.1)brightness(.72)contrast(1.05);width:100%;height:100%;transform:scale(1.08)}.hero__vignette{z-index:0;pointer-events:none;background:radial-gradient(55% 45%,#0000008c 0%,#0003 70%,#0000 100%),radial-gradient(#0000 45%,#000000b3 100%);position:absolute;inset:0}.hero__inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:1100px;display:flex;position:relative}.hero__eyebrow{color:var(--dim);max-width:620px}.hero__name{flex-direction:column;font-size:clamp(3.5rem,13vw,11rem);display:flex}.hero__name-line{display:block}.hero__name-line--solid{color:var(--txt);text-shadow:1px 0 #e8362d59,-1px 0 #2da0e840}.hero__name-line--outline{-webkit-text-stroke:1px var(--txt);color:#0000}.hero__subline{max-width:46ch;color:var(--dim);font-size:clamp(1rem,1.1vw,1.125rem)}.hero__buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.hero__meta{bottom:var(--page-margin);color:var(--dim);position:absolute}.hero__meta--right{right:var(--page-margin);align-items:center;gap:.75rem;display:flex}.hero__scroll-line{background:var(--dim);width:1px;height:24px;animation:1.6s ease-in-out infinite scroll-line;display:inline-block}@keyframes scroll-line{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.section{padding:clamp(80px, 12vw, 160px) var(--page-margin)}.section__header{max-width:900px;margin-bottom:clamp(40px,6vw,72px)}.section__title{margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,5.5rem)}.section__header--sub{margin-top:clamp(56px,8vw,96px);margin-bottom:clamp(28px,4vw,40px)}.section__subtitle{font-size:clamp(1.75rem,3.5vw,3rem)}.featured{max-width:1200px;margin:0 auto clamp(48px,6vw,80px)}.work-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.work-grid:hover .card{opacity:.45}.work-grid .card:hover{opacity:1}.work-grid .card:hover .card__media{transform:scale(1.02)}.work-grid .card__media{transition:transform .35s var(--ease-out), opacity .35s var(--ease-out)}.work-grid .card:nth-child(6n+1){grid-column:span 7}.work-grid .card:nth-child(6n+2),.work-grid .card:nth-child(6n+3){grid-column:span 5}.work-grid .card:nth-child(6n+4){grid-column:span 7}.work-grid .card:nth-child(6n+5){grid-column:span 8}.work-grid .card:nth-child(6n+6){grid-column:span 4}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:clamp(20px,2.5vw,32px);max-width:1200px;margin:0 auto;display:grid}.reels-wrap{align-items:center;gap:16px;display:flex;position:relative}.reels-rail{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding:0 var(--page-margin);flex:1;gap:24px;padding-bottom:4px;display:flex;overflow-x:auto}.reels-rail::-webkit-scrollbar{display:none}.reels-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.reel-arrow{border:1px solid var(--line);width:44px;height:44px;color:var(--txt);transition:border-color .2s var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.reel-arrow:hover{border-color:var(--txt)}.reels-progress{text-align:right;margin-top:1rem}.photo-grid{column-count:4;column-gap:clamp(12px,2vw,24px)}.photo-item{break-inside:avoid;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:clamp(12px,2vw,24px);display:block;position:relative;overflow:hidden}.photo-item img{width:100%;height:auto;transition:transform .6s var(--ease-out), filter .4s var(--ease-out);pointer-events:none;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.photo-item:hover img{transform:scale(1.05)}.photo-item{container-type:inline-size}.photo-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;--wm-opacity:.13;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-watermark__ring{border:2px solid rgba(255, 255, 255, var(--wm-opacity));width:46cqw;max-width:190px;height:46cqw;max-height:190px;box-shadow:0 0 14px rgba(0, 0, 0, calc(var(--wm-opacity) * .9));border-radius:50%;justify-content:center;align-items:center;display:flex}.photo-watermark__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;text-align:center;color:rgba(255, 255, 255, calc(var(--wm-opacity) + .12));text-shadow:0 1px 10px #00000073;font-size:clamp(.6rem,7cqw,1.5rem);font-weight:600;line-height:1.05}@media (width<=640px){.photo-watermark__ring{width:38cqw;height:38cqw}}.section--bts{overflow:hidden}.bts-rows{margin-inline:calc(var(--page-margin) * -1);flex-direction:column;gap:clamp(12px,1.5vw,20px);display:flex}.bts-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.bts-track{will-change:transform;gap:clamp(12px,1.5vw,20px);width:max-content;display:flex}.bts-row--ltr .bts-track{animation:110s linear infinite bts-scroll-left}.bts-row--rtl .bts-track{animation:110s linear infinite bts-scroll-right}.bts-row:hover .bts-track{animation-play-state:paused}@keyframes bts-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bts-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.bts-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:none;height:clamp(150px,22vw,260px);margin:0;overflow:hidden}.bts-item img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:100%;display:block}@media (prefers-reduced-motion:reduce){.bts-track{scrollbar-width:none;width:100%;animation:none;overflow-x:auto}.bts-track::-webkit-scrollbar{display:none}.bts-item[aria-hidden=true]{display:none}}.about-grid{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(32px,6vw,80px);display:grid}.viewfinder{aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.viewfinder img{object-fit:cover;filter:grayscale()brightness(.95);width:100%;height:100%;transition:filter .5s var(--ease-out);transform:scale(.88)}.viewfinder:hover img,.viewfinder:focus-within img{filter:grayscale(0)brightness()}@media (prefers-reduced-motion:reduce){.viewfinder img{transition:none}}@media (hover:none){.viewfinder img{filter:none}}.about-caption{text-align:center;margin-top:.75rem}.about-copy .section__title{margin-bottom:1.5rem}.about-bio{max-width:60ch;margin-bottom:2rem}.education{margin-bottom:1.5rem;display:block}.skills{margin-bottom:2rem}.section--contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;display:flex}.contact-cta{margin-bottom:2.5rem;display:block}.contact-cta__line{color:var(--txt);font-size:clamp(2.5rem,8vw,6rem)}.contact-cta__line--outline{-webkit-text-stroke:1px var(--txt);color:#0000;transition:color .4s var(--ease-out)}.contact-cta:hover .contact-cta__line--outline{color:var(--txt)}.contact-phone{margin-top:1.25rem}.socials{gap:2rem;margin-top:2.5rem;display:flex}.socials a{color:var(--dim);transition:color .2s var(--ease-out)}.socials a:hover{color:var(--txt)}.footer{padding:2rem var(--page-margin);border-top:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}[data-reveal]{opacity:0;transform:translateY(32px)}[data-intro]{opacity:0;transform:translateY(40px)}@media (width<=1280px){.about-grid{grid-template-columns:4fr 8fr}}@media (width<=1024px){.photo-grid{column-count:3}.work-grid .card:nth-child(10n+1),.work-grid .card:nth-child(10n+2),.work-grid .card:nth-child(10n+3),.work-grid .card:nth-child(10n+4){grid-column:span 6}.work-grid .card:nth-child(10n+5){grid-column:span 12}.work-grid .card:nth-child(10n+6),.work-grid .card:nth-child(10n+7),.work-grid .card:nth-child(10n+8),.work-grid .card:nth-child(10n+9){grid-column:span 6}.work-grid .card:nth-child(10n+10){grid-column:span 12}}@media (width<=1500px){.nav__tc{display:none}}@media (width<=1150px){.nav__links{display:none}.nav__hamburger{display:flex}}@media (width<=768px){.about-grid,.work-grid{grid-template-columns:1fr}.work-grid .card{grid-column:1/-1!important}.work-grid:hover .card{opacity:1}.reel-arrow{display:none}.socials{flex-direction:column;align-items:center;gap:1rem}.photo-grid{column-count:2}}@media (width<=480px){.section{padding:64px var(--page-margin)}.photo-grid{column-count:1}}