:root{--base-font-size: 14px;--color-white: #f5f5f5;--color-black: #000000;--color-gray-900: #b8b8b8;--color-gray-500: #6a6a6a;--color-gray-200: #262626;--color-blue-500: #007bff;--color-background: #000000;--color-text: #ececec;--color-text-secondary: #9a9a9a;--color-border: #262626;--color-link: #6bb6ff;--color-link-hover: #9dceff;--color-link-underline: #4d9fdf;--color-button-primary-bg: #007bff;--color-button-primary-fg: #ffffff;--color-button-secondary-bg: #0c0c0c;--color-button-secondary-fg: var(--color-text);--color-button-secondary-border: #3a3a3a;--color-card-hover-bg: #151515;--color-card-hover-fg: #fefefe;--footer-marquee-bg: #000000;--footer-marquee-fg: #ffffff;--footer-marquee-border: 1px solid #ffffff;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 3.5rem;--space-5xl: 4rem;--space-6xl: 4.25rem;--space-7xl: 5rem;--space-8xl: 5.35rem;--space-9xl: 6rem;--space-10xl: 8.5rem;--space-11xl: 14.3rem;--section-gap: var(--space-3xl);--section-gap-sm: var(--space-md);--section-gap-lg: var(--space-8xl);--footer-margin-top: var(--space-4xl);--footer-padding-y: var(--space-6xl);--footer-padding-bottom: var(--space-10xl);--footer-gap: var(--space-4xl);--footer-text-margin: var(--space-lg);--hero-padding: var(--space-3xl);--hero-padding-x: var(--space-6xl);--card-margin-bottom: var(--space-xl);--card-inner-padding-y: var(--space-sm);--card-inner-padding-x: var(--space-lg);--works-margin-top: var(--space-11xl);--grid-gap: var(--space-xl);--card-hover-translate: var(--space-4xl);--entrance-translate-sm: var(--space-sm);--entrance-translate-md: var(--space-md);--entrance-translate-lg: var(--space-lg);--circle-size: var(--space-xs);--circle-offset: var(--space-2xs);--project-margin: var(--space-8xl);--project-margin-top: var(--space-9xl);--project-max-width: 900px;--project-content-max-width: 800px;--font-regular: "Ranade-Regular", sans-serif;--font-bold: "Ranade-Bold", sans-serif;--font-light: "Ranade-Light", sans-serif;--font-light-italic: "Ranade-LightItalic", sans-serif;--font-size-xxs: .85rem;--font-size-sm: 1rem;--font-size-md: 1.5rem;--font-size-lg: 2.25rem;--font-size-xl: 3rem;--font-size-2xl: 3.5rem;--font-size-body: var(--font-size-sm);--radius-sm: 3px;--radius-md: 6px;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .45s;--ease-out: ease-out;--ease-in-out: ease-in-out;--z-base: 1;--z-content: 5;--z-canvas: 2;--z-sticky: 10}@media(prefers-color-scheme:light){:root{--color-white: #fefefe;--color-black: #151515;--color-gray-900: #222222;--color-gray-500: #888888;--color-gray-200: #d7d7d7;--color-background: var(--color-white);--color-text: var(--color-black);--color-text-secondary: var(--color-gray-900);--color-border: var(--color-gray-200);--color-link: #005a9c;--color-link-hover: #004578;--color-link-underline: #004578;--color-button-primary-bg: var(--color-black);--color-button-primary-fg: var(--color-white);--color-button-secondary-bg: var(--color-white);--color-button-secondary-fg: var(--color-black);--color-button-secondary-border: var(--color-black);--footer-marquee-bg: #000000;--footer-marquee-fg: var(--color-white);--footer-marquee-border: 1px solid transparent}}@font-face{font-family:Ranade-Light;src:url(/assets/Ranade-Light-Da6huhcJ.woff2) format("woff2"),url(/assets/Ranade-Light-Ca5KLAwE.woff) format("woff"),url(/assets/Ranade-Light-y1PAr-PX.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Ranade-Regular;src:url(/assets/Ranade-Regular-Djk7jf9E.woff2) format("woff2"),url(/assets/Ranade-Regular-B9qNwEL4.woff) format("woff"),url(/assets/Ranade-Regular-lJNZ4Vcf.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Ranade-Bold;src:url(/assets/Ranade-Bold-D0F2wANm.woff2) format("woff2"),url(/assets/Ranade-Bold-ChKXJ5Lj.woff) format("woff"),url(/assets/Ranade-Bold-BwWMqTp-.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Ranade-LightItalic;src:url(/assets/Ranade-LightItalic-O3xumfvH.woff2) format("woff2"),url(/assets/Ranade-LightItalic-Dy5eN9Jg.woff) format("woff"),url(/assets/Ranade-LightItalic-9gRqaVof.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}main{overflow:hidden}.hero{margin:var(--section-gap) var(--section-gap-sm);padding:var(--hero-padding) var(--hero-padding-x);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:64.29rem;position:relative}.hero .three-canvas{position:absolute;bottom:-14.29rem;width:100vw;height:100vh;z-index:var(--z-canvas);pointer-events:none;transform:translateZ(0)}.hero .circle{width:var(--circle-size);height:var(--circle-size);background-color:var(--color-border);border-radius:50%;position:absolute;top:calc(-1 * var(--circle-offset));right:calc(-1 * var(--circle-offset))}.hero .mask{width:50rem;height:50rem;position:absolute;bottom:-14.29rem;right:-14.29rem;background:repeating-linear-gradient(to top right,color-mix(in srgb,var(--color-background) 0%,transparent) 0%,var(--color-background) 30%,var(--color-background) 70%,color-mix(in srgb,var(--color-background) 0%,transparent) 100%)}.hero-content{position:relative;z-index:var(--z-content);margin-top:3em}.hero-content h1{margin:0;font-family:var(--font-regular);font-weight:400;font-size:var(--font-size-md)}.hero-content img{display:block;width:100%;max-width:21.43rem;height:auto;aspect-ratio:298 / 447;margin-bottom:-5rem;filter:grayscale(100%);transition:filter var(--duration-normal) var(--ease-in-out)}.hero-content img:hover{filter:grayscale(0%)}.hero-content p{max-width:38.57rem;font-family:var(--font-light);margin-top:0;margin-bottom:3em}.works{margin:var(--section-gap) var(--section-gap-lg);margin-top:var(--works-margin-top);min-height:60vh}.works h2{font-family:var(--font-light);font-size:var(--font-size-md)}.works .projects{display:inline-grid;grid-template-columns:repeat(3,25.71rem);column-gap:var(--grid-gap);row-gap:0}.works .card{color:inherit;position:relative;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:25.71rem;isolation:isolate;background-color:var(--color-background);transition:background-color var(--duration-normal) var(--ease-in-out);grid-row:span 27;height:19.29rem;margin-bottom:var(--card-margin-bottom)}.works .card>div:first-child{height:6.43rem;transition:height var(--duration-normal) var(--ease-in-out)}.works .card>div:first-child>div{position:absolute;z-index:var(--z-content);margin:var(--card-inner-padding-y) var(--card-inner-padding-x);transition:color var(--duration-normal) var(--ease-in-out),transform var(--duration-normal) var(--ease-in-out)}.works .card h3{margin:0;font-weight:300;font-size:var(--font-size-lg)}.works .card h3 strong{font-weight:700}.works .card p{margin:0;font-family:var(--font-light);font-size:var(--font-size-xxs)}.works .card img{display:block;width:100%;height:12.86rem;aspect-ratio:358 / 261;object-fit:cover;mix-blend-mode:difference;filter:grayscale(100%);transition:height var(--duration-normal) var(--ease-in-out),opacity var(--duration-normal) var(--ease-in-out)}.works .card.inverted img{mix-blend-mode:normal}.works .card.medium{height:23.57rem;grid-row:span 33}.works .card.medium img{height:17.14rem}.works .card.large{height:27.86rem;grid-row:span 39}.works .card.large img{height:21.43rem}.works .card:hover{background-color:var(--color-card-hover-bg)}.works .card:hover>div:first-child{height:0}.works .card:hover>div:first-child>div{transform:translateY(var(--card-hover-translate));color:var(--color-card-hover-fg)}.works .card:hover>div:first-child>div p{color:var(--color-card-hover-fg)}.works .card:hover img{opacity:.5;height:19.29rem;mix-blend-mode:normal;filter:grayscale(0%)}.works .card.medium:hover img{height:23.57rem}.works .card.large:hover img{height:27.86rem}.hero.hero-loaded .hero-content h1,.hero.hero-loaded .hero-content p,.hero.hero-loaded .hero-content img,.hero.hero-loaded .circle{opacity:1;transform:translateY(0)}.hero-content h1,.hero-content p,.hero-content img{opacity:0;transform:translateY(var(--entrance-translate-md));transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.hero-content h1{transition-delay:.05s}.hero-content p{transition-delay:.15s}.hero-content img{transform:translateY(var(--entrance-translate-sm));transition-delay:.25s}.works h2{opacity:0;transform:translateY(var(--entrance-translate-sm));transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.works h2.is-visible{opacity:1;transform:translateY(0)}.projects .card{opacity:0;transform:translateY(var(--entrance-translate-lg));transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.projects .card.is-visible{opacity:1;transform:translateY(0)}.projects .card.is-visible:nth-child(1){transition-delay:0s}.projects .card.is-visible:nth-child(2){transition-delay:.06s}.projects .card.is-visible:nth-child(3){transition-delay:.12s}.projects .card.is-visible:nth-child(4){transition-delay:.18s}.projects .card.is-visible:nth-child(5){transition-delay:.24s}.projects .card.is-visible:nth-child(6){transition-delay:.3s}.projects .card.is-visible:nth-child(7){transition-delay:.36s}.projects .card.is-visible:nth-child(8){transition-delay:.42s}.projects .card.is-visible:nth-child(9){transition-delay:.48s}@media(max-width:64rem){.hero .three-canvas{opacity:.5;height:80vh;bottom:calc(-1 * var(--space-6xl))}.hero{margin:var(--section-gap-sm) var(--section-gap-sm);padding:var(--space-6xl) var(--space-md)}.works .projects{grid-template-columns:repeat(2,1fr)}.works .projects .card{width:100%}}@media(max-width:48rem){.works{margin:var(--section-gap-lg) var(--section-gap-sm)}.works .projects{grid-template-columns:1fr}.works .projects .card{width:100%}.works .card h3{font-size:var(--font-size-md);word-break:break-all}}@media(prefers-reduced-motion:reduce){.hero-content h1,.hero-content p,.hero-content img,.hero .circle,.works h2,.projects .card{animation:none!important;transition:none!important}.hero-content h1,.hero-content p,.hero-content img,.hero .circle,.projects .card,.works h2{opacity:1;transform:none}}body.project h1{font-size:var(--font-size-xl);font-family:var(--font-light)}body.project .header{margin-top:var(--project-margin-top);margin-left:var(--project-margin);margin-bottom:var(--space-2xl)}body.project .sticky-sentinel{height:1px;width:100%;pointer-events:none;visibility:hidden}body.project .sticky{position:sticky;top:0;background-color:var(--color-background);z-index:1000}body.project .project-title p{overflow:hidden;opacity:var(--stuck-opacity, 1);transform:translateY(calc(var(--stuck-progress, 0) * -.35em));max-height:calc(12em * (1 - var(--stuck-progress, 0)));margin-top:calc(var(--space-2xs) * (1 - var(--stuck-progress, 0)))}body.project .sticky.is-fully-stuck .project-title p{pointer-events:none;visibility:hidden}body.project .project-title{padding-top:var(--space-xs);margin:0 var(--project-margin)}body.project .project-title h1{margin-top:var(--space-xs);margin-bottom:var(--space-2xs);animation:project-title-in .5s ease-out both}body.project .project-title p{font-family:var(--font-light-italic);animation:project-title-in .5s ease-out .1s both}body.project .project-title .cta{margin-bottom:var(--space-xl);display:flex;gap:var(--space-xl);animation:project-title-in .5s ease-out .2s both}body.project .separator{height:1px;width:calc(var(--project-max-width) + var(--project-margin));background-color:var(--color-border)}body.project main{max-width:var(--project-content-max-width);margin:var(--project-margin);margin-left:calc(var(--space-2xl) + var(--project-margin))}body.project main a{color:var(--color-link)}body.project .back-to-top{display:flex;margin:var(--project-margin);margin-left:var(--project-margin)}body.project .back-to-top a:first-child{margin-right:var(--space-md)}body.project .back-to-top a:last-child{margin-left:var(--space-md);font-family:var(--font-bold)}@keyframes project-title-in{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}@media(max-width:64rem){body.project .header{margin-left:var(--space-md)}body.project .project-title{margin:0 var(--space-md)}body.project main{margin:var(--space-md) var(--space-md)}body.project .separator{width:100%}body.project .back-to-top{margin:var(--space-6xl) var(--space-md)}}html{scroll-behavior:smooth;font-size:var(--base-font-size);color-scheme:dark}@media(prefers-color-scheme:light){html{color-scheme:light}}body{margin:0;min-height:100vh;font-family:var(--font-regular);color:var(--color-text);background-color:var(--color-background)}p{color:var(--color-text-secondary);line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:.01em;line-height:1.2}h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child){margin-top:var(--space-6xl)}a:not(.card-link):not(.cta-link){color:var(--color-link);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-decoration-thickness:max(1px,.08em);text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-in-out),text-decoration-color var(--duration-fast) var(--ease-in-out)}a:not(.card-link):not(.cta-link):hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}a:not(.card-link):not(.cta-link):focus-visible{outline:2px solid var(--color-link);outline-offset:2px;border-radius:1px}.header a:not(.card-link):not(.cta-link),.footer a:not(.card-link):not(.cta-link){color:inherit;text-decoration:none;text-decoration-color:transparent;transition:opacity var(--duration-fast) var(--ease-in-out)}.header a:not(.card-link):not(.cta-link):hover,.footer a:not(.card-link):not(.cta-link):hover{color:inherit;text-decoration:none;text-decoration-color:transparent;opacity:.85}.header a:not(.card-link):not(.cta-link):focus-visible,.footer a:not(.card-link):not(.cta-link):focus-visible{outline:2px solid var(--color-text);outline-offset:2px;border-radius:1px}img{max-width:100%;height:auto;vertical-align:middle}strong{font-family:var(--font-bold)}a.cta-link{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--color-button-primary-bg);width:fit-content;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-button-primary-fg)}a.cta-link.secondary{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-fg);border:1px solid var(--color-button-secondary-border)}a.cta-link.secondary svg path{fill:var(--color-button-secondary-fg)}.header div{font-family:var(--font-light);font-size:var(--font-size-md)}.header div:last-child{color:var(--color-text-secondary);font-family:var(--font-light);font-size:var(--font-size-xxs)}.footer{position:relative;z-index:var(--z-content);margin-top:var(--footer-margin-top);padding:var(--footer-padding-y) 0 var(--footer-padding-bottom);border-top:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center;align-items:center}.footer .marquee{align-self:stretch;margin-bottom:var(--footer-gap);overflow:hidden;background:var(--footer-marquee-bg);color:var(--footer-marquee-fg);border:var(--footer-marquee-border);padding:var(--space-sm) 0}.footer .marquee__track{display:flex;width:max-content;animation:footer-marquee 25s linear infinite}.footer .marquee__row{display:flex;align-items:center;gap:var(--space-lg);padding-right:var(--space-lg);flex-shrink:0;font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.footer .marquee__dot{opacity:.4}@keyframes footer-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.footer .marquee__track{animation:none;justify-content:center;width:100%;flex-wrap:wrap}.footer .marquee__row[aria-hidden=true]{display:none}.footer .marquee__row{justify-content:center;padding-right:0;white-space:normal}}.footer ul{list-style:none;padding:0;display:flex;justify-content:center;gap:var(--footer-gap);flex-wrap:wrap;margin:0 10px}.footer p{font-family:var(--font-light);font-size:var(--font-size-xxs);margin-top:var(--footer-text-margin);text-align:center}