@font-face{font-family:Portfolio;src:local(Arial);font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Regular.woff2)format("woff2"),url(../fonts/Montserrat-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../fonts/SpaceGrotesk-Variable.woff2)format("woff2"),url(../fonts/SpaceGrotesk-Variable.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--ink:#eeede7;--muted:#a2a4a0;--quiet:#777d77;--line:#ffffff26;--accent:#d2e3a4;--gutter:clamp(22px, 3.5vw, 64px);--dock:0;font-family:Portfolio,Arial,sans-serif}*{box-sizing:border-box}@media (any-pointer:fine){:root{--site-pointer:url(../cursors/pointer.svg) 23 23, default}select,input[type=range],input[type=checkbox],input[type=radio],input[type=file],summary{cursor:var(--site-pointer)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{--navigation-inset:108px;--section-heading-gap:52px;scroll-behavior:smooth;scroll-padding-top:var(--navigation-inset);scrollbar-color:#56594f #0a0b0a;scrollbar-gutter:stable}body{color:var(--ink);-webkit-font-smoothing:antialiased;cursor:var(--site-pointer,default);background:#080909;margin:0}a{color:inherit;cursor:var(--site-pointer,default);text-decoration:none}button{color:inherit;font:inherit;cursor:var(--site-pointer,default);background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:1px solid var(--accent);outline-offset:6px}button:disabled{opacity:.3;cursor:var(--site-pointer,default)}em{font-family:Georgia,Times New Roman,serif;font-weight:400}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font:10px/1.5 ui-monospace,Consolas,monospace}.scene-shell{z-index:0;position:fixed;inset:0}#light-scene{width:100%;height:100%;cursor:var(--site-pointer,default);touch-action:pan-y;opacity:0;transition:opacity 1.4s;display:block}#light-scene.ready{opacity:1}#light-scene.dragging{cursor:var(--site-pointer,default)}.scene-shell:after{content:"";pointer-events:none;background:linear-gradient(#0000 72%,#080909b8 100%);position:absolute;inset:0}.scene-fallback{z-index:-1;background:radial-gradient(at 50% 45%,#242623 0,#101211 25%,#080909 60%);position:absolute;inset:0}.scene-loading{--scene-loaded:0;z-index:2;pointer-events:none;width:clamp(150px,18vw,240px);transition:opacity .4s,left .7s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.scene-loading[hidden]{display:none}.scene-loading[data-scene-section]:not([data-scene-section=home]):not([data-scene-section=contact]){left:20%}.scene-loading[data-scene-section=contact]{left:79%}.scene-loading-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font:10px/1.4 ui-monospace,Consolas,monospace;display:block}.scene-loading-track{background:#ffffff1c;border-radius:2px;height:2px;overflow:hidden}.scene-loading-track>span{background:var(--accent);height:100%;transform:scaleX(var(--scene-loaded));transform-origin:0;transition:transform .25s linear;display:block}.scene-loading[data-state=complete]{opacity:0}.scene-loading[data-state=failed] .scene-loading-label{font-size:9px}.scene-shell:has(.ready) .scene-fallback{visibility:hidden}.site-header{top:0;z-index:10;padding:20px var(--gutter);background:linear-gradient(#080909e8,#080909b0 70%,#0000);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;display:grid;position:fixed;inset-inline:0}body.in-work .site-header{background:#080909f5}.identity{white-space:nowrap;flex-direction:column;justify-self:start;align-items:flex-start;line-height:1.1;display:flex}.identity-mark{letter-spacing:-.09em;font-size:36px;font-weight:600}.identity small{color:var(--muted);letter-spacing:.015em;margin-top:5px;font-size:10px;display:block}.site-header nav{grid-template-columns:repeat(8,auto);justify-content:center;align-items:center;gap:4px;display:grid}.site-header nav a{letter-spacing:-.015em;color:#c4c6c0;border-radius:6px;justify-content:center;align-items:center;min-height:54px;padding:14px clamp(12px,1.2vw,22px);font:400 18px/1.2 Portfolio,Arial,sans-serif;transition:color .2s,background .2s;display:flex;position:relative}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--ink)}.site-header nav a[aria-current]{color:var(--accent)}.nav-divider{background:#ffffff4d;width:1px;height:18px}.site-header nav a:has(+.nav-divider){justify-content:flex-end}.site-header nav a.nav-page{justify-content:flex-start}.nav-word{z-index:10;position:relative}.site-header nav a,.showreel-button{text-transform:uppercase}.nav-echoes{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.nav-echo{color:var(--echo-color);opacity:0;transition:transform .36s cubic-bezier(.2,.75,.2,1),opacity .2s;transition-delay:var(--echo-delay);text-shadow:0 0 7px color-mix(in srgb, var(--echo-color) 35%, transparent);position:absolute;transform:translateY(0)}.site-header nav a:is(:hover,:focus-visible) .nav-echo{opacity:1;transform:translateY(var(--echo-offset))}.showreel-button{color:#fff;white-space:nowrap;background:0 0;border:1px solid #fff;border-radius:30px;justify-content:center;justify-self:center;align-items:center;min-height:54px;padding:14px 24px;font:400 18px/1.2 Portfolio,Arial,sans-serif;transition:background .25s,color .25s;display:flex}.showreel-button:hover,.showreel-button:focus-visible{color:#080909;background:#fff;outline-color:#fff}main{z-index:1;pointer-events:none;position:relative}main a,main button{pointer-events:auto}.hero{height:100svh;min-height:670px;padding:0 var(--gutter);position:relative}.hero-copy{bottom:137px;left:var(--gutter);position:absolute}h1{letter-spacing:-.025em;margin:0;font-size:clamp(44px,4.85vw,82px);font-weight:400;line-height:1.02}h1 em{color:var(--accent);letter-spacing:-.025em}.hero-bottom{bottom:34px;inset-inline:var(--gutter);border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;padding-top:24px;display:grid;position:absolute}.scroll-cue{justify-self:start;font-size:10px}.scroll-cue span{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-right:12px;display:inline-flex}.work-section{--work-width:60%;--work-inset:26px;padding:var(--section-heading-gap) var(--gutter) 96px;min-height:100svh;scroll-margin-top:0;position:relative}.section-heading{z-index:2;border-top:1px solid #0000;grid-template-columns:1fr;align-items:end;padding-top:22px;display:grid;position:relative}.work-section.is-current .section-heading{top:calc(var(--navigation-inset) + var(--section-heading-gap));position:sticky}.section-heading:after{content:"";z-index:1;top:-1px;pointer-events:none;background:#ffffff40;height:1px;position:absolute;inset-inline:0}.work-section .section-heading-departing{transform:translate3d(0, var(--title-offset,0px), 0);position:relative;top:auto}.section-heading .eyebrow{color:var(--muted);grid-column:1/-1}.section-heading h2{letter-spacing:-.025em;margin:23px 0 35px;font-family:Montserrat,Arial,sans-serif;font-size:clamp(72px,10vw,160px);font-weight:400;line-height:.95}.heading-dot{color:var(--accent)}.work-column{--project-fade:linear-gradient(to bottom, transparent calc(var(--project-fade-line,-120px) + 12px), #00000014 calc(var(--project-fade-line,-120px) + 44px), #00000080 calc(var(--project-fade-line,-120px) + 80px), #000 calc(var(--project-fade-line,-120px) + 120px));width:var(--work-width);pointer-events:auto;padding-left:var(--work-inset);-webkit-mask-image:var(--project-fade);mask-image:var(--project-fade);background:0 0;margin-left:auto}.project-list{gap:30px;display:grid}.project-card{background:0 0;min-width:0}.project-link{border-radius:6px;display:block}.project-image{aspect-ratio:16/10;background:0 0;border-radius:6px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transform:scale(var(--zoom,1));transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;display:block}.project-link:hover img,.project-link:focus-visible img{transform:scale(calc(var(--zoom,1) * 1.035))}.project-play{pointer-events:none;background:#08090980;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .25s,border-color .25s;display:grid;position:absolute;top:16px;right:16px}.project-play:before{content:"";border:7px solid #0000;border-left:11px solid #fff;border-right-width:0;margin-left:3px;transition:border-color .25s}.project-link:hover .project-play,.project-link:focus-visible .project-play{background:var(--accent);border-color:var(--accent)}.project-link:hover .project-play:before,.project-link:focus-visible .project-play:before{border-left-color:#080909}.project-caption{color:#fff;pointer-events:none;background:linear-gradient(#0000,#080909b0);align-items:baseline;gap:14px;padding:62px 24px 24px;display:flex;position:absolute;inset:auto 0 0}.project-number{color:#ffffffb0;font:9px ui-monospace,Consolas,monospace}.project-caption h3{letter-spacing:-.025em;text-shadow:0 1px 8px #0004;margin:0;font:500 clamp(18px,1.8vw,26px)/1.2 Space Grotesk,Arial,sans-serif}.project-caption p{color:#ffffffb8;margin:8px 0 0;font-size:10px}.project-list[data-layout=index]{gap:18px}[data-layout=index] .project-image{aspect-ratio:4}[data-layout=index] .project-caption{padding:35px 22px 18px}.reading-progress{bottom:0;z-index:12;height:2px;position:fixed;inset-inline:0}.reading-progress span{background:var(--accent);height:100%;transform:scaleX(var(--progress,0));transform-origin:0;display:block}.contact{padding:70px var(--gutter) 26px;position:relative}.contact-rule{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:25px;display:flex}.contact-rule a{font-size:10px}.contact h2{letter-spacing:-.025em;margin:80px 0 64px;font-size:clamp(54px,8.6vw,140px);font-weight:400;line-height:1.02}.contact h2 em{color:var(--accent)}.contact-details{margin-bottom:95px}.contact-email{letter-spacing:-.015em;text-underline-offset:.22em;text-decoration-skip-ink:auto;overflow-wrap:anywhere;max-width:100%;min-height:44px;padding-block:8px;font-size:clamp(24px,2.2vw,36px);line-height:1.4;text-decoration:underline 1px;transition:color .2s;display:inline-block}.contact-email:hover,.contact-email:focus-visible{color:var(--accent)}.contact-facts{color:var(--muted);letter-spacing:.01em;margin:14px 0 0;font-size:13px;line-height:1.7}.footer-bottom{border-top:1px solid var(--line);color:var(--quiet);justify-content:space-between;gap:20px;padding-top:25px;font-size:10px;display:flex}dialog{width:100%;max-width:none;height:100dvh;max-height:none;padding:0 var(--gutter);color:var(--ink);background:#1b1a17;border:0;margin:0;position:fixed;inset:0;overflow-y:auto}dialog::backdrop{background:#080909}dialog[open]{flex-direction:column;display:flex}#viewer.viewer-opening::backdrop{background:0 0}#viewer.viewer-opening #viewer-image{opacity:0}.project-flight{z-index:4;pointer-events:none;transform-origin:0 0;will-change:transform, clip-path, opacity;max-width:none;position:fixed}.viewer-top{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;min-height:112px;padding-top:30px;display:flex}.viewer-top h2{letter-spacing:-.02em;margin:0 0 9px;font:400 30px/1.15 Portfolio,Arial,sans-serif}.viewer-top .eyebrow{color:var(--muted);margin:0;font-size:9px}.viewer-top>span{color:var(--muted)}.viewer-close{letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff50;border-radius:24px;align-items:center;gap:10px;padding:11px 17px;font:10px ui-monospace,Consolas,monospace;display:flex}.viewer-close span{font-size:17px;font-weight:300}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:180px;padding:20px 65px;display:flex;position:relative}#viewer-image{object-fit:contain;width:calc(100% - 160px);height:calc(100% - 35px);position:absolute}.image-status{text-align:center;color:var(--muted);font-size:12px}.image-status button{border:1px solid var(--line);border-radius:24px;min-height:44px;margin:18px auto 0;padding:10px 20px;display:block}.image-status [hidden],.image-status[hidden]{display:none}.viewer-prev,.viewer-next{border:1px solid var(--line);border-radius:50%;width:45px;height:45px;font-size:24px;position:absolute;top:calc(50% - 24px)}.viewer-prev{left:0}.viewer-next{right:0}.viewer-bottom{flex-shrink:0;justify-content:center;gap:25px;padding:23px 0 26px;display:flex}.viewer-bottom h2{letter-spacing:-.02em;margin:8px 0;font-size:29px;font-weight:400}.viewer-bottom p{color:var(--muted);max-width:400px;font-size:11px;line-height:1.5}.viewer-bottom .eyebrow{margin:0;font-size:9px}.viewer-navigation{justify-items:center;gap:16px;display:grid}#viewer-count{font:10px ui-monospace,Consolas,monospace}#viewer-thumbnails{gap:8px;display:flex}#viewer-thumbnails button{opacity:.4;border:1px solid #0000;padding:0}#viewer-thumbnails button[aria-current]{border-color:var(--accent);opacity:1}#viewer-thumbnails img{object-fit:cover;width:50px;height:36px;display:block}#viewer-thumbnails{max-width:80vw;padding:2px;overflow-x:auto}.reel-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.reel-content h2{letter-spacing:-.025em;margin:0 0 30px;font-size:clamp(40px,6vw,90px);font-weight:400;line-height:1}.reel-content em{color:var(--accent)}.reel-content p{color:var(--muted);font-size:13px}#reel-to-animation{border-bottom:1px solid var(--accent);margin-top:25px;padding:12px 0;font-size:12px}.reel-content video{width:100%;max-height:65vh}#reel-dialog{--reel-space:clamp(76px, 12.5dvh, 112px)}#reel-dialog .viewer-top{top:0;inset-inline:var(--gutter);position:absolute}.reel-content.has-video{grid-template-rows:1fr auto 1fr;justify-items:center;padding:0;display:grid}.reel-content.has-video h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-self:end;margin:0 0 20px;font:11px ui-monospace,Consolas,monospace}.reel-content.has-video video{max-height:calc(100dvh - 2 * var(--reel-space))}#reel-description{align-self:start;max-width:520px;margin:18px 0 0;font-size:12px;line-height:1.5}.skip-link{z-index:30;background:var(--ink);color:#080909;padding:15px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:15px}.noscript-note{background:#10110f;padding:12px;font-size:12px;position:fixed;bottom:0}body.modal-open{overflow:hidden}@media (width<=900px){.site-header{gap:10px}.site-header nav a{padding-inline:12px;font-size:16px}.showreel-button{padding:12px 15px}.work-section{--work-inset:18px}}@media (width<=1320px){html{--navigation-inset:144px}.site-header{background:linear-gradient(#080909 70%,#080909dd 88%,#0000);grid-template-columns:1fr auto;gap:8px;padding-top:14px;padding-bottom:12px}.identity-mark{font-size:32px}.identity small{font-size:9px;display:block}.site-header nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr)) auto repeat(2,minmax(0,1fr)) auto minmax(0,1fr);gap:0;width:100%}.site-header nav a{min-height:48px;padding:12px 2px;font-size:clamp(10px,2.5vw,16px)}.site-header nav a:has(+.nav-divider){padding-right:10px}.site-header nav a.nav-page{padding-left:10px}.showreel-button{gap:5px;min-height:48px;padding:12px 10px;font-size:clamp(11px,2.8vw,16px)}}@media (width<=640px){.hero{min-height:730px}.hero-copy{bottom:185px}h1{font-size:49px}.hero-bottom{flex-wrap:wrap;row-gap:12px;padding-top:17px;display:flex;bottom:28px}.scene-shell{transform:translate3d(0, calc(var(--dock) * -5vh), 0);mask-image:linear-gradient(#000 65%,#0000 100%)}.scene-loading[data-scene-section]{top:32%;left:50%}html{--navigation-inset:132px;--section-heading-gap:4px}.section-heading{padding-top:15px}.section-heading h2{margin:0 0 28px;font-size:clamp(58px,15vw,96px)}.section-heading .eyebrow{display:none}.work-section{--work-width:100%;--work-inset:0px;padding-bottom:64px}.work-column{background:0 0;border:0;margin-top:20px;padding-top:0}.project-image{aspect-ratio:4/3}.project-list{gap:34px}.contact{padding-top:40px}.contact-rule{margin-top:clamp(240px,38svh,360px)}.contact h2{margin:40px 0 42px;font-size:14vw}.contact-details{margin-bottom:65px}.contact-email{font-size:clamp(20px,5.7vw,28px)}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:9px}.footer-bottom span:last-child{margin-left:auto}.footer-bottom span:nth-child(2){display:none}.viewer-top{min-height:76px}.viewer-top .eyebrow{max-width:180px;font-size:8px}.viewer-stage{padding:20px 0}#viewer-image{width:100%;height:calc(100% - 80px);top:20px}.viewer-prev,.viewer-next{width:36px;height:36px;font-size:18px;top:auto;bottom:8px}.viewer-bottom{gap:16px;padding-top:18px}.viewer-bottom h2{font-size:22px}.viewer-bottom p:not(.eyebrow){max-width:240px;font-size:10px}#viewer-thumbnails img{width:42px;height:32px}.viewer-navigation{align-content:start;gap:13px}.project-caption{padding:50px 18px 18px}[data-layout=index] .project-image{aspect-ratio:2.6}[data-layout=index] .project-caption{gap:10px}[data-layout=index] .project-caption h3{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.about-page{background:radial-gradient(75% 65% at 28% 40%,#191b18 0,#0d0e0d 45%,#080909 80%) fixed,#080909}.about{pointer-events:auto;min-height:100svh;padding:calc(var(--navigation-inset) + 40px) var(--gutter) 26px;grid-template-columns:1fr clamp(160px,15.7vw,300px) minmax(0,660px) 1fr;align-items:start;column-gap:clamp(32px,6vw,112px);display:grid}.about-portrait{top:calc(var(--navigation-inset) + 24px);grid-column:2;margin:0;position:sticky}.about-portrait img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.about-copy{grid-column:3;padding-top:6px}.about-copy>.eyebrow,.about-facts dt,.about-contact .eyebrow{color:var(--muted)}.about-copy h1{margin:18px 0 44px}.about-copy p{color:#c6c8c2;margin:0 0 22px;font-size:clamp(16px,1.1vw,19px);line-height:1.7}.about-copy .about-lead{color:var(--ink);font-size:clamp(19px,1.45vw,24px);line-height:1.5}.about-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0 0;padding-top:24px;display:grid}.about-facts dt{margin-bottom:8px}.about-facts dd{margin:0;font-size:15px;line-height:1.45}.about-contact{justify-items:start;gap:8px;margin-top:56px;display:grid}.about-footer{grid-column:1/-1;margin-top:clamp(56px,8vw,110px)}.about-footer a:hover,.about-footer a:focus-visible{color:var(--ink)}@media (width<=900px){.about{padding-top:calc(var(--navigation-inset) + 24px);grid-template-columns:1fr}.about-portrait,.about-copy{grid-column:1}.about-portrait{width:40%;max-width:224px;margin-bottom:40px;position:static}}@media (width<=640px){.site-header nav{grid-template-columns:repeat(7,auto);justify-content:space-between}.site-header nav a.nav-home{display:none}.site-header nav a{padding-inline:0;font-size:clamp(9px,2.66vw,14px)}.site-header nav a:has(+.nav-divider),.site-header nav a.nav-page{padding-inline:0}.nav-divider{height:12px}.showreel-button{padding:10px 9px;font-size:clamp(9px,2.66vw,14px)}.about-facts{grid-template-columns:1fr 1fr}.about-copy h1{margin-bottom:32px}.about-footer{flex-wrap:wrap;gap:15px;font-size:9px}}