@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img,video{max-width:100%;display:block}a,button{color:inherit}[hidden]{display:none!important}}@layer base{:root{color-scheme:dark;--bg:#151716;--surface:#1e211f;--text:#f3f2ec;--muted:#b8bdb6;--accent:#c9dd9a;--border:#3b403b;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Plus Jakarta Sans,system-ui,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:24px}body{-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{text-decoration:none}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,dialog:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3{letter-spacing:-.045em;font-weight:500;line-height:1.15}h2{font-size:clamp(26px,3vw,34px)}h3{font-size:22px}button{border:1px solid var(--border);background:0 0}a:hover{color:var(--accent)}}@layer components{.page-shell{max-width:1296px;margin:auto;padding:0 48px}.skip-link{background:var(--accent);color:var(--bg);z-index:20;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{letter-spacing:-.055em;align-items:center;font-size:23px;font-weight:650;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:12px}.brand-suffix{color:var(--muted);font-weight:400}.site-header nav{gap:32px;font-size:14px;display:flex}.site-header nav a{align-items:center;gap:12px;min-height:44px;display:flex}.intro{justify-content:space-between;align-items:flex-end;gap:32px;padding:60px 0 52px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px}.intro-label{margin-bottom:18px}.intro h1{letter-spacing:-.06em;font-size:clamp(38px,5.2vw,66px)}.title-dash{color:#6f776e;font-weight:350}.title-period{color:var(--accent)}.intro-copy{color:var(--muted);margin-top:22px;font-size:16px;line-height:1.75}.intro-cta{white-space:nowrap;border-bottom:1px solid var(--border);align-items:center;gap:32px;min-height:48px;font-size:14px;display:flex}.intro-cta span{color:var(--accent);font-size:22px}.work-section{border-top:1px solid var(--border);padding-top:30px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.heading-with-index{align-items:baseline;gap:22px;display:flex}.section-index{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.motion-toggle{min-height:44px;color:var(--muted);border-radius:4px;padding:8px 14px;font-size:12px}.motion-toggle:hover{border-color:var(--accent);color:var(--accent)}.draft-notice{border:1px dashed var(--border);color:var(--muted);border-radius:4px;align-items:baseline;gap:12px;margin-bottom:32px;padding:12px 16px;font-size:12px;line-height:1.6;display:flex}.draft-notice strong{color:var(--text);font-weight:500}.notice-dot{background:var(--accent);border-radius:50%;flex:none;width:5px;height:5px;position:relative;top:-2px}.group-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.group-heading h3{letter-spacing:0;font-size:14px;font-weight:500}.group-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.project-grid{gap:28px;display:grid}.group--short-form .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.group--long-form .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-media{border:1px solid var(--border);background:var(--surface);aspect-ratio:var(--media-ratio);isolation:isolate;border-radius:8px;width:100%;max-height:440px;position:relative;overflow:hidden}.project-poster,.project-video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.project--draft .project-poster{object-fit:cover}.project-video{opacity:0;transition:opacity .15s}.project-number{letter-spacing:.06em;color:var(--muted);z-index:1;font-size:11px;position:absolute;top:14px;left:16px}.placeholder-label{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding-top:112px;display:flex;position:absolute;inset:0}.placeholder-label>span{color:var(--muted);font-size:13px}.placeholder-label>small{letter-spacing:.08em;text-transform:uppercase;color:#929b8f;font-size:10px}.duration{background:var(--bg);border-radius:3px;padding:2px 8px;font-size:11px;position:absolute;bottom:14px;right:14px}.project-meta{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;font-size:10px;display:flex}.draft-label{color:var(--accent);font-size:9px}.project-role{color:var(--text);margin-top:10px;font-size:13px}.project-description{color:var(--muted);max-width:45ch;margin-top:10px;font-size:13px}.watch-link{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:28px;min-height:44px;margin-top:12px;font-size:12px;display:inline-flex}.watch-link span{color:var(--accent);font-size:17px}.preview-toggle{z-index:2;background:var(--bg);border:1px solid #70796e;border-radius:4px;min-height:44px;padding:8px 14px;font-size:12px;position:absolute;bottom:14px;left:14px}.preview-status{background:var(--bg);max-width:65%;padding:0 6px;font-size:11px;position:absolute;top:14px;right:14px}.preview-status:empty{display:none}.about-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:32px;margin-top:72px;padding:40px 0;display:grid}.about-section h2{font-size:26px}.about-section>p{color:var(--muted);letter-spacing:-.015em;max-width:43ch;font-size:18px}.contact-section{padding:68px 0 72px}.contact-section h2{letter-spacing:-.055em;margin-top:20px;font-size:clamp(44px,6.5vw,78px)}.contact-links{justify-content:space-between;align-items:center;gap:24px;margin-top:32px;display:flex}.email-link{letter-spacing:-.04em;align-items:center;gap:32px;min-height:44px;font-size:clamp(19px,2.7vw,30px);display:flex}.email-link span{color:var(--accent)}.instagram-link{color:var(--muted);align-items:center;gap:22px;min-height:44px;font-size:13px;display:flex}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:26px 0 32px;font-size:11px;display:flex}.site-footer .brand{color:var(--text);font-size:17px}.site-footer>a:last-child{align-items:center;min-height:44px;display:flex}.empty-work{color:var(--muted);padding:32px 0 48px}.empty-work a{color:var(--accent);margin-top:12px;display:block}dialog{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;width:min(960px,100% - 32px);max-height:calc(100svh - 32px);padding:24px;overflow:auto}dialog::backdrop{background:#000000d6}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.dialog-heading h2{margin-top:6px;font-size:24px}.dialog-close{border-radius:4px;align-items:center;gap:20px;min-height:44px;padding:8px 12px;font-size:13px;display:flex}.dialog-close span{font-size:22px}.dialog-player{aspect-ratio:var(--player-ratio,16 / 9);width:100%;max-width:var(--player-max-width,100%);background:#090b09;place-items:center;margin:auto;display:grid;position:relative}.dialog-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.dialog-loading{color:var(--muted);text-align:center;padding:20px;font-size:13px}.dialog-footer{justify-content:space-between;align-items:baseline;gap:20px;margin-top:18px;font-size:12px;display:flex}.dialog-footer p{color:var(--muted);max-width:55ch}.dialog-footer a{color:var(--accent);white-space:nowrap;text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.caption-status{color:var(--muted);margin-top:8px;font-size:11px}@media (width>=1024px){.group--short-form .project-media{aspect-ratio:auto;height:440px}}@media (width<=1023px){.page-shell{padding:0 32px}.intro{padding-top:44px}.intro h1{font-size:48px}.group--short-form .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{gap:32px 24px}.about-section{grid-template-columns:1fr;gap:24px}.about-section>p{margin-left:44px}.contact-section{padding:52px 0}.site-header{height:92px}}@media (width<=639px){.page-shell{padding:0 20px}.site-header{height:80px}.brand{font-size:21px}.site-header nav{gap:20px;font-size:12px}.intro{padding:36px 0 32px;display:block}.intro-label{margin-bottom:16px;font-size:10px}.intro h1{font-size:clamp(34px,8.6vw,48px);line-height:1.2}.intro-copy{margin-top:18px;font-size:14px}.intro-cta{gap:40px;min-height:44px;margin-top:16px;font-size:12px;display:inline-flex}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:16px}.heading-with-index{gap:14px}.section-index{font-size:10px}.work-section{padding-top:24px}.draft-notice{margin-bottom:26px;padding:12px;font-size:11px}.project-grid,.group--short-form .project-grid,.group--long-form .project-grid{grid-template-columns:1fr;gap:32px}.project-media{max-height:min(520px,65svh)}.group--short-form .project-media{aspect-ratio:auto;height:min(520px,65svh)}.project-group+.project-group{margin-top:40px}.project-meta{margin-top:14px}.project h3{font-size:22px}.about-section{gap:20px;margin-top:48px;padding:30px 0}.about-section h2{font-size:24px}.about-section>p{margin-left:0;font-size:16px}.contact-section{padding:44px 0}.contact-section h2{font-size:52px}.contact-links{margin-top:24px;display:block}.instagram-link{justify-content:space-between;margin-top:12px}.email-link{justify-content:space-between}.site-footer{flex-wrap:wrap;gap:8px;padding:20px 0}.site-footer>span{display:none}.dialog-footer{display:block}dialog{padding:16px}.dialog-heading h2{font-size:20px}.dialog-heading .eyebrow{font-size:10px}.dialog-close{gap:12px}.dialog-footer a{white-space:normal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}body{container-type:inline-size}.project-track{--track-gap:clamp(28px,3vw,48px);gap:var(--track-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent;width:100cqw;margin:-6px calc(50% - 50cqw) 0;padding:6px 0 20px;scroll-padding-inline:0;display:flex;overflow-x:auto}.project-track>.project{scroll-snap-align:start;flex:0 0 min(35%,420px);min-width:0}.project-track{--edge-fade:max(80px,calc((100cqw - 1200px) / 2 + 32px));-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--edge-fade),#000 calc(100% - var(--edge-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--edge-fade),#000 calc(100% - var(--edge-fade)),transparent 100%)}.project-track:focus-within{-webkit-mask-image:none;mask-image:none}.project-track .project-media{aspect-ratio:3/4;height:auto;max-height:none}.group--short-form .project-track .project-media{aspect-ratio:3/4;height:auto}@media (width>=1024px){.group--short-form .project-track>.project{flex-basis:calc((100% - 3 * var(--track-gap)) / 3)}}.group--long-form .project-track>.project{flex-basis:min(66%,792px)}.group--long-form .project-track .project-media{aspect-ratio:16/9;height:auto}.project-track .project-video,.project-track .project-poster{object-fit:cover}.project-track .preview-toggle:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;padding:0;overflow:hidden}.carousel-enhanced .project-track{cursor:grab;scrollbar-width:none;scroll-snap-type:none}.carousel-enhanced .project-track::-webkit-scrollbar{display:none}.project-track.is-dragging{cursor:grabbing;user-select:none}.project-track img{-webkit-user-drag:none}.project-media .project-video{opacity:0;transition:opacity .18s}.project-media.is-playing .project-video{opacity:1}.carousel-enhanced .project-media{transform-origin:50%;transition:border-color .35s,scale .55s cubic-bezier(.22,1,.36,1)}.project-track.is-dragging .project-media{border-color:#74806a;scale:.985}@media (hover:hover){.carousel-enhanced .project-media:hover{border-color:#7f8a76}}@media (width<=1023px){.project-track{--edge-fade:56px}.project-track>.project{flex-basis:44%}.group--long-form .project-track>.project{flex-basis:80%}}@media (width<=639px){.project-track{--track-gap:24px;--edge-fade:36px}.project-track>.project,.group--long-form .project-track>.project{flex-basis:88%}}:root{--section-space:clamp(80px, 9vw, 136px);--work-row-space:clamp(72px, 8vw, 120px);--heading-space:clamp(28px, 4vw, 48px)}.intro{padding-block:clamp(44px,5.5vw,76px) clamp(48px,6vw,88px)}.intro-copy{margin-top:28px}.work-section{padding-top:clamp(32px,4vw,52px)}.section-heading{margin-bottom:var(--heading-space)}.section-summary{max-width:38ch;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.draft-notice{margin-bottom:var(--heading-space);max-width:76ch;padding:16px 20px}.group-heading{margin-bottom:clamp(24px,3vw,36px)}.project-group+.project-group{margin-top:var(--work-row-space)}.project-meta{margin-top:26px}.project h3{margin-top:12px}.project-role{margin-top:14px}.project-description{margin-top:14px;line-height:1.8}.watch-link{margin-top:20px}.about-section{margin-top:var(--section-space);gap:36px 64px;padding-block:clamp(48px,6vw,80px)}.about-section>p{line-height:1.85}.contact-section{padding-block:var(--section-space)}.contact-section h2{margin-top:28px}.contact-links{margin-top:clamp(36px,4vw,56px)}.site-footer{padding-block:32px 40px}@media (width<=639px){.section-summary{flex-basis:100%;max-width:none}.intro-copy,.intro-cta{margin-top:24px}.draft-notice{padding:14px 16px}.project-meta{margin-top:22px}.about-section{gap:28px}.instagram-link{margin-top:24px}.site-footer{padding-block:24px 32px}}html{scroll-snap-type:y proximity;scroll-padding-top:0}.page-shell{position:relative}.site-header{z-index:2;position:absolute;top:0;left:48px;right:48px}.page-screen{scroll-snap-align:start;scroll-snap-stop:normal;min-height:100svh;padding-block:clamp(48px,6svh,80px)}.intro{text-align:center;justify-content:center;align-items:center;padding-top:152px;padding-bottom:72px;display:flex}.intro h1{letter-spacing:-.075em;font-size:clamp(88px,13vw,176px);line-height:.95}.intro .title-role{letter-spacing:-.04em;margin-top:24px;font-size:clamp(28px,4vw,48px);line-height:1.2}.intro-copy{max-width:36ch;margin:24px auto 0}.intro-cta{gap:48px;margin-top:44px;display:inline-flex}.work-section{flex-direction:column;justify-content:center;display:flex}.work-section .section-heading{margin-bottom:clamp(48px,7svh,72px)}.work-section .draft-notice{margin-bottom:28px}.long-work-screen{flex-direction:column;justify-content:center;display:flex}.long-work-screen .group-heading h3{letter-spacing:-.045em;font-size:clamp(26px,3vw,34px)}.closing-screen{flex-direction:column;justify-content:center;padding-bottom:0;display:flex}.closing-screen .about-section{margin-top:0;padding-block:36px}.closing-screen .contact-section{padding-block:clamp(56px,8svh,96px)}.closing-screen .site-footer{margin-top:auto}@media (prefers-reduced-motion:no-preference){.scene-transitions .page-screen>:not(.site-footer){translate:0 var(--scene-shift,0px)}.scene-transitions .page-screen .project-media{opacity:var(--scene-opacity,1)}.scene-transitions .page-screen:focus-within>*{opacity:1;translate:none}.scene-transitions .page-screen:focus-within .project-media{opacity:1}}@media (width<=1023px){.site-header{left:32px;right:32px}.intro{padding-top:132px}}@media (width<=639px){.site-header{left:20px;right:20px}.intro{padding-top:112px;padding-bottom:56px}.intro h1{font-size:clamp(80px,24vw,120px)}.intro .title-role{margin-top:20px}.intro-cta{margin-top:36px}.page-screen:not(.intro){padding-top:40px}.closing-screen .about-section{padding-block:28px}.closing-screen .contact-section{padding-block:48px 64px}}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}}.side-nav{z-index:10;background:linear-gradient(90deg,#151716f0,#151716b3 65%,#0000);border-radius:0 12px 12px 0;padding:28px 32px 28px 24px;display:grid;position:fixed;top:50%;left:0;translate:0 -50%}.side-nav a{min-height:44px;color:var(--muted);letter-spacing:.02em;align-items:center;gap:12px;font-size:12px;transition:color .18s ease-out;display:flex}.side-nav a>span{opacity:.65;background:currentColor;width:24px;height:1px}.side-nav a:hover,.side-nav a:focus-visible{color:var(--text)}.side-nav a[aria-current=location]{color:var(--text);font-weight:750}.side-nav a[aria-current=location]>span{opacity:1;height:2px}.side-nav.is-collapsible{width:60px;height:60px;padding:0;transition:width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1)}.side-nav.is-collapsible.is-open{width:164px;height:164px}.side-nav-toggle{border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:0;transition:opacity .14s ease-out;display:flex;position:absolute;inset:8px}.side-nav-toggle span{background:var(--muted);border-radius:999px;width:24px;height:1px}.side-nav[data-active=home] .side-nav-toggle span:first-child,.side-nav[data-active=work] .side-nav-toggle span:nth-child(2),.side-nav[data-active=contact] .side-nav-toggle span:nth-child(3){background:var(--text);height:3px}.side-nav.is-collapsible .side-nav-links{opacity:0;visibility:hidden;width:116px;transition:opacity .16s ease-out,transform .24s ease-out,visibility .16s;position:absolute;top:16px;left:24px;transform:translate(-8px)}.side-nav.is-open .side-nav-links{opacity:1;visibility:visible;transform:none}.side-nav.is-open .side-nav-toggle{opacity:0;pointer-events:none}.side-nav-toggle:focus-visible{outline:none}.side-nav:has(.side-nav-toggle:focus-visible) .side-nav-links{border-left:1px solid var(--muted);padding-left:8px}@media (width<=767px){.side-nav{padding:8px 24px 8px 16px;top:12px;translate:none}.side-nav a{gap:10px;min-height:36px;font-size:11px}.side-nav a>span{width:18px}.side-nav.is-collapsible.is-open{width:148px;height:140px}.side-nav.is-collapsible .side-nav-links{left:16px}}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2")}
