@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--radius:4px;--background:oklch(14% .005 240);--foreground:oklch(97% .005 90);--card:oklch(17% .005 240);--card-foreground:oklch(97% .005 90);--popover:oklch(17% .005 240);--popover-foreground:oklch(97% .005 90);--primary:oklch(97% .005 90);--primary-foreground:oklch(14% .005 240);--secondary:oklch(22% .005 240);--secondary-foreground:oklch(97% .005 90);--muted:oklch(22% .005 240);--muted-foreground:oklch(62% .01 240);--accent:oklch(92% .06 85);--accent-foreground:oklch(14% .005 240);--destructive:oklch(62% .22 25);--destructive-foreground:oklch(97% 0 0);--border:oklch(24% .005 240);--input:oklch(24% .005 240);--ring:oklch(92% .06 85);--hairline:oklch(100% 0 0/.12);--cream:oklch(92% .06 85);--signal:oklch(72% .18 30);--font-sans:"Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif}*,:before,:after{box-sizing:border-box;border-color:var(--border);margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}::selection{background:var(--cream);color:var(--background)}img,svg,video,iframe{max-width:100%;display:block}img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.mono-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.page-shell{background-color:var(--background);min-height:100vh;color:var(--foreground)}main{padding-top:80px}.container{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (width>=768px){.container{padding-left:40px;padding-right:40px}}.grid{gap:24px;display:grid}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=640px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.col-span-12{grid-column:span 12/span 12}.col-span-6{grid-column:span 6/span 6}.col-span-2{grid-column:span 2/span 2}.col-span-10{grid-column:span 10/span 10}@media (width>=768px){.md\:grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-start-5{grid-column-start:5}}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);background-color:oklch(14% .005 240/.7);position:fixed;top:0;left:0;right:0}.site-header .container{justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;display:flex}.site-header nav{align-items:center;gap:24px;display:flex}@media (width>=768px){.site-header nav{gap:32px}}.site-header a{transition:color .2s}.site-header a:hover,.site-header a.active{color:var(--foreground)}.logo{align-items:center;gap:12px;display:flex}.logo svg{width:auto;height:16px;color:var(--foreground);transition:color .2s}.logo:hover svg{color:var(--cream)}.site-footer{border-top:1px solid var(--hairline);margin-top:128px}.site-footer .container{padding-top:40px;padding-bottom:40px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.footer-grid p,.footer-grid a{font-size:14px;line-height:1.5}.footer-grid a{transition:color .2s;display:block}.footer-grid a:hover{color:var(--cream)}.footer-grid ul{margin-top:8px;list-style:none}.footer-grid li+li{margin-top:4px}.footer-bottom{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin-top:40px;font-size:11px}.hairline-t{border-top:1px solid var(--hairline)}.hairline-b{border-bottom:1px solid var(--hairline)}.hero{padding-top:32px;position:relative}@media (width>=768px){.hero{padding-top:64px}}.hero--full{isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:100vh;margin-top:-80px;padding:0;display:flex;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg iframe{pointer-events:none;border:0;width:max(100%,177.778vh);height:max(100vh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overtint{z-index:1;pointer-events:none;background:linear-gradient(#07090a8c 0%,#07090ad1 100%),radial-gradient(120% 80% at 20% 90%,#07090a80 0%,#07090a00 60%);position:absolute;inset:0}.hero-grain{z-index:2;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:180px 180px;position:absolute;inset:0}.hero--full .hero-grid{z-index:3;opacity:.55;inset:0;-webkit-mask-image:none;mask-image:none}.hero-eyebrow{z-index:5;position:absolute;top:96px;left:max(24px,50% - 776px)}@media (width>=768px){.hero-eyebrow{top:104px;left:max(40px,50% - 760px)}}.hero-headline{z-index:5;padding-top:128px;position:relative}@media (width>=768px){.hero-headline{padding-top:152px}}.hero-content{z-index:5;padding-top:20px;padding-bottom:48px;position:relative}@media (width>=768px){.hero-content{padding-top:28px;padding-bottom:64px}}.hero--full p{max-width:620px;font-size:18px;line-height:1.5}@media (width>=768px){.hero--full p{max-width:680px;font-size:20px}}.hero--full .hero-actions{gap:20px;margin-top:28px}.hero--full .hero-actions .btn{padding:12px 22px;font-size:13px}.hero--full .hero-actions .mono-label{font-size:13px}.hero-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:1px;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:48px;font-weight:500;line-height:.95}@media (width>=768px){.hero h1{font-size:clamp(56px,7vw,112px)}}.hero--full h1{max-width:16ch;font-size:clamp(40px,6vw,72px)}@media (width>=768px){.hero--full h1{font-size:clamp(48px,5.5vw,84px)}}.hero p{max-width:460px;color:var(--muted-foreground);white-space:pre-line;font-size:14px;line-height:1.6}.hero--full p{color:#f6f4f1c7}.hero-actions{align-items:center;gap:16px;margin-top:40px;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);border:1px solid var(--hairline);padding:8px 16px;font-size:11px;transition:background-color .2s,color .2s;display:inline-block}.btn:hover{background-color:var(--foreground);color:var(--background)}.btn--solid{color:#0a0a0a;background-color:#fff;border-color:#fff}.btn--solid:hover{color:#fff;background-color:#0000}.featured-video{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.featured-video iframe{aspect-ratio:16/9;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.featured-meta{justify-content:space-between;align-items:baseline;margin-top:16px;display:flex}.featured-meta h2{font-family:var(--font-display);font-size:20px;font-weight:500}.marquee-section{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-top:0;overflow:hidden}.marquee{white-space:nowrap;animation:40s linear infinite marquee;display:flex}.marquee-track{flex-shrink:0;align-items:center;gap:96px;padding-top:32px;padding-bottom:32px;padding-right:96px;display:flex}.marquee img{object-fit:contain;opacity:.8;filter:brightness(0)invert();width:auto;height:32px;transition:opacity .2s}@media (width>=768px){.marquee img{height:40px}}.marquee img:hover{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.work-section{padding-top:64px}.section-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex}.section-header h2{font-family:var(--font-display);margin-top:12px;font-size:28px;font-weight:500}@media (width>=768px){.section-header h2{font-size:36px}}.work-grid{gap:56px 24px;margin-top:40px}.project-card{group:true;display:block}.project-thumb{aspect-ratio:1;transition:transform .5s;position:relative;overflow:hidden}.project-card:hover .project-thumb{transform:translateY(-4px)}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s;position:absolute;inset:0}.project-card:hover .project-thumb img{transform:scale(1.03)}.project-thumb .thumb-gifs{grid-template-columns:1fr 1fr;gap:1px;display:grid;position:absolute;inset:0}.project-thumb .thumb-gifs--single{grid-template-columns:1fr;gap:0}.project-thumb .thumb-gifs img{object-fit:cover;width:100%;height:100%;transition:transform .7s;position:relative;inset:auto}.project-card:hover .project-thumb .thumb-gifs img{transform:scale(1.04)}.project-thumb .grid-overlay{pointer-events:none;opacity:.07;background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(currentColor 1px,#0000 1px);background-size:16px 16px;transition:opacity .5s;position:absolute;inset:0}.project-card:hover .project-thumb .grid-overlay{opacity:.15}.project-thumb .thumb-header,.project-thumb .thumb-footer{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:16px;font-size:10px;display:flex;position:absolute;left:0;right:0}.project-thumb .thumb-header{top:0}.project-thumb .thumb-footer{bottom:0}.project-thumb .thumb-glyph{place-items:center;display:grid;position:absolute;inset:0}.project-thumb .thumb-glyph span{font-family:var(--font-display);letter-spacing:-.02em;font-size:60px;font-weight:500;transition:transform .7s}@media (width>=768px){.project-thumb .thumb-glyph span{font-size:72px}}.project-card:hover .project-thumb .thumb-glyph span{transform:scale(1.03)}.project-thumb .view-hint{opacity:0;transition:opacity .3s}.project-card:hover .project-thumb .view-hint{opacity:1}.project-card .project-info{justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px;display:flex}.project-card .project-info .title-group{min-width:0}.project-card .project-info h3{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.project-card .project-info p{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.mini-about{margin-top:128px}.mini-about p{font-family:var(--font-display);white-space:pre-line;font-size:24px;line-height:1.35}@media (width>=768px){.mini-about p{font-size:30px}}.mini-about a{text-underline-offset:4px;margin-top:32px;text-decoration:underline;display:inline-block}.mini-about a:hover{color:var(--foreground)}.about-hero h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:500;line-height:1.02}@media (width>=768px){.about-hero h1{font-size:60px}}.about-hero p{color:var(--muted-foreground);font-size:16px;line-height:1.6}@media (width>=768px){.about-hero p{font-size:18px}}.portrait{background-color:#ffffff08;height:100%;position:relative;overflow:hidden}.portrait img{object-fit:cover;filter:grayscale();width:100%;height:100%}.portrait figcaption{color:var(--cream);opacity:.8;position:absolute;bottom:12px;left:12px}@media (width>=768px){.about-bio{flex-direction:column;justify-content:space-between;height:100%;display:flex}}.about-bio__cta{margin-top:2.5rem}.services-list{border-top:1px solid var(--hairline);list-style:none}.services-list li{border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr;gap:12px 24px;padding:24px 0;display:grid}@media (width>=768px){.services-list li{grid-template-columns:auto 1fr 1fr;gap:12px 32px}}.services-list .number{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);min-width:24px;padding-top:4px;font-size:11px}.services-list h3{font-family:var(--font-display);font-size:24px;font-weight:500}.services-list p{color:var(--muted-foreground);grid-column:2/-1;font-size:14px}@media (width>=768px){.services-list p{grid-column:auto}}.clients-list{font-family:var(--font-display);flex-wrap:wrap;gap:32px 24px;font-size:20px;list-style:none;display:flex}@media (width>=768px){.clients-list{font-size:24px}}.clients-list li{transition:color .2s}.clients-list li:hover{color:var(--cream)}.contact-callout{font-family:var(--font-display);font-size:30px;font-weight:500;line-height:1.2}@media (width>=768px){.contact-callout{font-size:40px}}.contact-callout a{color:var(--cream)}.contact-callout a:hover{text-underline-offset:8px;text-decoration:underline}.project-meta{border-bottom:1px solid var(--hairline);padding-top:24px;padding-bottom:24px}.project-meta .grid-12>div{margin-bottom:16px}@media (width>=768px){.project-meta .grid-12>div{margin-bottom:0}}.project-meta .label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);font-size:11px}.project-meta .value{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px}.project-title{padding-top:48px;padding-bottom:64px}.project-title h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:60px;font-weight:500;line-height:.95}@media (width>=768px){.project-title h1{font-size:9vw}}.project-title p{max-width:560px;color:var(--muted-foreground);margin-top:32px;font-size:16px}.project-hero{aspect-ratio:16/9;position:relative;overflow:hidden}.project-video{position:absolute;inset:0;overflow:hidden}.project-video iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.project-hero .grid-overlay{pointer-events:none;opacity:.08;background-image:linear-gradient(90deg,currentColor 1px,#0000 1px),linear-gradient(currentColor 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.project-hero .hero-header,.project-hero .hero-footer{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:24px;font-size:11px;display:flex;position:absolute;left:0;right:0}.project-hero .hero-header{top:0}.project-hero .hero-footer{bottom:0}.project-hero .glyph{place-items:center;display:grid;position:absolute;inset:0}.project-hero .glyph span{font-family:var(--font-display);letter-spacing:-.04em;font-size:22vw;font-weight:500;line-height:1}@media (width>=768px){.project-hero .glyph span{font-size:14vw}}.pulse{background-color:var(--signal);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.project-summary{padding-top:64px}.project-summary h3{font-family:var(--font-display);font-size:24px;line-height:1.35}@media (width>=768px){.project-summary h3{font-size:30px}}.project-summary .summary-blocks--single{grid-template-columns:1fr}.project-summary .summary-blocks--single>div{aspect-ratio:auto}.project-summary .summary-blocks--single>div img{object-fit:contain;height:auto}.project-summary .summary-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;display:grid}.project-summary .summary-blocks>div{aspect-ratio:1;place-items:center;display:grid;overflow:hidden}.project-summary .summary-blocks>div img{object-fit:cover;width:100%;height:100%;display:block}.project-summary .summary-blocks span{font-family:var(--font-display);font-size:48px;font-weight:500}@media (width>=768px){.project-summary .summary-blocks span{font-size:60px}}.project-summary .notes{color:var(--muted-foreground);margin-top:48px;font-size:14px;line-height:1.6}.project-cta{margin-top:48px}.next-project{margin-top:128px}.next-project a{border-top:1px solid var(--hairline);padding-top:32px;transition:color .2s;display:block}.next-project a:hover{color:var(--cream)}.next-project a:hover .arrow{transform:translate(8px)}.next-project .row{justify-content:space-between;align-items:center;display:flex}.next-project h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:16px;font-size:40px;font-weight:500}@media (width>=768px){.next-project h3{font-size:60px}}.next-project p{color:var(--muted-foreground);margin-top:12px;font-size:14px}.next-project .arrow{transition:transform .3s}.not-found{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found .inner{text-align:center;max-width:420px}.not-found h1{font-family:var(--font-display);letter-spacing:-.02em;margin-top:16px;font-size:60px;font-weight:500}.not-found p{color:var(--muted-foreground);margin-top:12px;font-size:14px}.not-found a{text-underline-offset:4px;margin-top:32px;text-decoration:underline;display:inline-block}.not-found a:hover{color:var(--foreground)}.reveal{animation:.9s cubic-bezier(.2,.7,.1,1) both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pt-8{padding-top:32px}.pt-10{padding-top:40px}.pt-16{padding-top:64px}.pb-4{padding-bottom:16px}.pb-6{padding-bottom:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-12{margin-top:48px}.mt-24{margin-top:96px}.mt-32{margin-top:128px}.max-w-md{max-width:420px}.max-w-2xl{max-width:672px}.max-w-xl{max-width:576px}.whitespace-pre-line{white-space:pre-line}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-6{gap:24px}.gap-24{gap:96px}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.text-foreground{color:var(--foreground)}.text-cream{color:var(--cream)}.text-muted{color:var(--muted-foreground)}.text-white{color:#fff}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-base{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.font-medium{font-weight:500}.leading-relaxed{line-height:1.6}.leading-snug{line-height:1.35}.tracking-tight{letter-spacing:-.02em}.underline{text-decoration:underline}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-cream:hover{color:var(--cream)}.transition{transition:all .2s}.transition-colors{transition:color .2s}.transition-opacity{transition:opacity .2s}.transition-transform{transition:transform .2s}.menu-toggle{color:var(--foreground);cursor:pointer;background:0 0;border:none;display:none}@media (width<=767px){.menu-toggle{display:block}.site-header:has(nav.open){-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#07090a}.site-header nav{border-top:1px solid var(--hairline);z-index:60;background-color:#07090a;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0;transition:transform .5s cubic-bezier(.22,1,.36,1);position:fixed;inset:49px 0 0;transform:translate(100%)}.site-header nav.open{transform:translate(0)}.site-header nav a{font-size:18px;font-family:var(--font-display);text-transform:none;letter-spacing:0;border-bottom:1px solid var(--hairline);background-color:#07090a;width:100%;padding:20px 24px;display:block}}.video-overlay{cursor:pointer;color:inherit;z-index:3;background:0 0;border:0;grid-auto-flow:row;place-items:center;gap:16px;padding:0;transition:background-color .3s;display:grid;position:absolute;inset:0}.video-overlay:focus-visible{outline-offset:-4px;outline:2px solid #fff6}.play-button,.video-overlay__label{display:none}.video-lightbox{z-index:100;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s;position:fixed;inset:0}.video-lightbox.is-open{opacity:1;visibility:visible;transition:opacity .35s,visibility}.video-lightbox__backdrop{-webkit-backdrop-filter:blur(6px);background-color:#060606e0;position:absolute;inset:0}.video-lightbox__stage{aspect-ratio:16/9;opacity:0;background-color:#050505;border-radius:6px;width:min(92vw,1100px);transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-48%)scale(.94);box-shadow:0 40px 120px #000000a6,0 0 0 1px #ffffff0f}.video-lightbox.is-open .video-lightbox__stage{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-lightbox__stage[data-aspect="1 / 1"]{aspect-ratio:1;width:min(88vh,900px);max-width:92vw}.video-lightbox__frame{position:absolute;inset:0}.video-lightbox__frame iframe{border:0;width:100%;height:100%;display:block}.video-lightbox__close{z-index:2;color:#fcf9ee;cursor:pointer;opacity:.75;background:0 0;border:0;padding:6px 8px;transition:opacity .2s;position:absolute;top:14px;right:16px}.video-lightbox__close:hover{opacity:1}body.lightbox-open{overflow:hidden}