@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}@font-face{font-family:Geist Local;src:url(/fonts/geist-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono Local;src:url(/fonts/geist-mono-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--font-sans:"Geist Local";--font-mono:"Geist Mono Local";--ink:#12120f;--paper:#f1f0ea;--acid:#d9ff3f;--teal:#20c6c3;--line:#12120f38;--ease:cubic-bezier(.22,1,.36,1);--progress:0%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}button{background:0 0;border:0}a{text-decoration:none}.progress{z-index:1000;width:var(--progress);background:var(--acid);height:2px;position:fixed;top:0;left:0}header{z-index:80;animation:navIn .7s .1s both var(--ease);grid-template-columns:1fr 1fr auto;align-items:center;padding:28px 38px;display:grid;position:absolute;inset:0 0 auto}@keyframes navIn{0%{opacity:0;transform:translateY(-10px)}}.brand{text-align:left;cursor:pointer;align-items:center;gap:18px;display:flex}.brand b{letter-spacing:-.08em;font-size:22px}.brand span,.available{font:10px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.available{justify-self:center}.available i{background:#16a76d;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #16a76d22}.menu-btn{cursor:pointer;z-index:101;place-content:center;gap:7px;width:50px;height:50px;display:grid}.menu-btn span{width:28px;height:1px;transition:.45s var(--ease);background:currentColor;display:block}.menu-btn.open{color:var(--paper)}.menu-btn.open span:first-child{transform:translateY(4px)rotate(45deg)}.menu-btn.open span:last-child{transform:translateY(-4px)rotate(-45deg)}.overlay{z-index:70;background:var(--ink);color:var(--paper);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .72s var(--ease),visibility 0s .72s;flex-direction:column;padding:28px 38px 34px;display:flex;position:fixed;inset:0}.overlay.open{clip-path:inset(0);visibility:visible;transition:clip-path .72s var(--ease)}.overlay-top,.overlay-bottom{font:10px var(--font-mono);letter-spacing:.07em;justify-content:space-between;display:flex}.overlay nav{margin:auto 0}.nav-mask{overflow:hidden}.nav-mask button{color:inherit;text-transform:uppercase;letter-spacing:-.07em;transition:transform .75s var(--ease);cursor:pointer;gap:12px;font-size:clamp(48px,7vw,105px);line-height:.92;display:flex;transform:translateY(115%)}.overlay.open .nav-mask button{transform:none}.nav-mask sup{font:10px var(--font-mono);letter-spacing:0;margin-top:8px}.overlay-bottom{justify-content:flex-start;gap:7vw}.overlay-bottom a{margin-left:auto}.hero{flex-direction:column;justify-content:space-between;min-height:100svh;padding:150px 38px 35px;display:flex}.hero>small{font:10px var(--font-mono);letter-spacing:.08em;opacity:0;animation:up .8s 1.25s both var(--ease)}h1{letter-spacing:-.085em;text-transform:uppercase;margin:0;font-size:clamp(58px,10.4vw,158px);font-weight:570;line-height:.82}.mask{padding:0 .07em .09em 0;display:block;overflow:hidden}.mask>span{display:block}.hero .mask>span{animation:line 1.05s both var(--ease);transform:translateY(110%)}.hero .mask:first-child>span{animation-delay:.42s}.hero .mask:nth-child(2)>span{animation-delay:.52s}.hero .mask:nth-child(3)>span{animation-delay:.62s}@keyframes line{to{transform:none}}h1 em,.statement em,.about em,.experience em,.footer-cta em{text-transform:none;letter-spacing:-.08em;font-family:Georgia,serif;font-weight:400}.hero-foot{opacity:0;animation:up .85s 1.25s both var(--ease);grid-template-columns:1.4fr .7fr .6fr;align-items:end;gap:40px;display:grid}@keyframes up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hero-foot p{max-width:530px;margin:0;font-size:17px;line-height:1.35}.hero-foot>div{gap:35px;font-size:12px;display:flex}.hero-foot small,.hero-foot>a{font:9px var(--font-mono);text-transform:uppercase}.hero-foot>a{justify-self:end}.hero-foot>a i{border:1px solid var(--line);border-radius:50%;place-content:center;width:28px;height:28px;margin-left:9px;font-style:normal;display:inline-grid}.marquee{background:var(--ink);color:var(--paper);white-space:nowrap;padding:21px 0;font-size:17px;display:flex;overflow:hidden}.marquee div{animation:28s linear infinite marquee}.marquee i{color:var(--acid);margin:0 14px;font-style:normal}@keyframes marquee{to{transform:translate(-100%)}}.work,.expertise{padding:140px 38px}.intro{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;margin-bottom:130px;padding-top:15px;display:grid}.intro span,.sticky{font:10px var(--font-mono);letter-spacing:.08em}.intro p{letter-spacing:-.04em;max-width:900px;margin:0;font-size:clamp(25px,3vw,43px);line-height:1.08}.project{border-top:1px solid var(--line);margin-bottom:150px;padding-top:14px}.meta{font:9px var(--font-mono);text-transform:uppercase;justify-content:space-between;display:flex}.project h2{letter-spacing:-.075em;margin:42px 0 20px;font-size:clamp(55px,8vw,120px);font-weight:520;line-height:.9}.project a>p{max-width:440px;margin:0 0 25px;font-size:15px;line-height:1.45}.case{font:10px var(--font-mono);margin-bottom:35px;display:inline-block;position:relative}.case:after{content:"";transform-origin:100%;width:100%;transition:.4s var(--ease);border-bottom:1px solid;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.project a:hover .case:after{transform-origin:0;transform:scaleX(1)}.case i{transition:.35s var(--ease);margin-left:5px;font-style:normal;display:inline-block}.project a:hover .case i{transform:translate(7px)}.image{clip-path:inset(100% 0 0);transition:clip-path 1.15s var(--ease);overflow:hidden}.image.seen{clip-path:inset(0)}.art{height:min(70vw,800px);min-height:540px;transition:transform .9s var(--ease);position:relative;overflow:hidden}.project a:hover .art{transform:scale(1.022)}.zindigi{color:#fff;background:#151917;place-items:center;display:grid}.phone{color:#111;z-index:2;background:#eff1e8;border-radius:38px;flex-direction:column;width:270px;height:510px;padding:45px 25px 20px;display:flex;transform:rotate(-6deg);box-shadow:0 30px 70px #000}.phone b{margin-top:60px;font-size:25px}.quick{gap:10px;margin:28px 0;display:flex}.quick i{background:var(--teal);border-radius:16px;width:55px;height:55px}.chart{background:linear-gradient(150deg,#111 40%,#29302d);border-radius:20px;height:125px}.orbit{border:1px solid #3b4641;border-radius:50%;width:70vw;max-width:900px;height:70vw;max-height:900px;position:absolute;box-shadow:0 0 0 100px #202622,0 0 0 101px #3b4641}.zindigi>strong{color:var(--teal);font:clamp(35px,6vw,85px) Georgia;position:absolute;bottom:4%;left:4%}.minor{color:#fff;background:#5667e9;padding:6%}.card{border-radius:25px;flex-direction:column;width:300px;height:190px;padding:25px;display:flex;position:absolute}.card b{margin:auto 0;font-size:27px}.card small,.card span{font:10px var(--font-mono)}.card.one{color:#151515;background:#dfff4f;top:19%;left:12%;transform:rotate(-7deg)}.card.two{background:#ff8dcd;top:44%;left:33%;transform:rotate(6deg)}.card.two i{border:1px solid;border-radius:50%;place-content:center;width:48px;height:48px;font-size:11px;display:grid;position:absolute;bottom:20px;right:22px}.minor>strong,.split>strong,.petro>strong{letter-spacing:-.07em;text-align:right;font-size:clamp(45px,7vw,100px);line-height:.85;position:absolute;bottom:6%;right:5%}.split{color:#201b18;background:#f06631;place-items:center;display:grid}.circle{background:#f7eeda;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:310px;height:310px;display:flex}.circle b{font-size:38px}.avatars{display:flex;position:absolute;bottom:9%;left:7%}.avatars i{background:var(--acid);border:3px solid #f06631;border-radius:50%;place-content:center;width:55px;height:55px;margin-left:-10px;font-style:normal;display:grid}.avatars i:nth-child(2){background:#ffd6e9}.avatars i:nth-child(3){background:#b5d9ff}.avatars i:nth-child(4){color:#fff;background:#161616}.split>strong{color:#f7eeda}.petro{color:#172321;background:#b9e6dd;place-items:center;display:grid}.fuel{color:#e9ff6f;background:#132723;border-radius:45px;flex-direction:column;width:330px;height:520px;padding:45px;display:flex;box-shadow:20px 20px #ff8b4b}.fuel b{letter-spacing:-.09em;margin-top:auto;font-size:105px;line-height:.8}.fuel>i{background:linear-gradient(90deg,#e9ff6f 0 72%,#47605a 72%);height:6px;margin:35px 0}.petro>strong{color:#172321}.statement{background:var(--acid);letter-spacing:-.075em;padding:130px 38px;font-size:clamp(43px,7.5vw,112px);line-height:.88}.lines .mask>span{transition:transform 1s var(--ease);transform:translateY(110%)}.lines.seen .mask>span{transform:none}.about,.experience{grid-template-columns:1fr 3fr;padding:150px 38px;display:grid}.sticky{height:min-content;position:sticky;top:30px}.about h2,.timeline>h2{letter-spacing:-.075em;margin:0 0 100px;font-size:clamp(48px,7vw,108px);line-height:.88}.portrait{clip-path:inset(100% 0 0);margin:0 0 90px;overflow:visible}.portrait.seen{clip-path:inset(0)}.portrait-frame{background:#d7d7d5;height:min(68vw,820px);overflow:hidden}.portrait img{object-fit:cover;object-position:center 12%;filter:grayscale()contrast(1.04);width:100%;height:112%;transition:transform 1.4s var(--ease),filter .7s var(--ease);display:block;transform:scale(1.055)}.portrait:hover img{filter:grayscale(.15)contrast(1.02);transform:scale(1.015)}.portrait figcaption{border-top:1px solid var(--line);font:9px var(--font-mono);letter-spacing:.07em;justify-content:space-between;margin-top:13px;padding-top:13px;display:flex}.columns{grid-template-columns:1fr 1fr;gap:8vw;display:grid}.columns p{margin:0;font-size:19px;line-height:1.5}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:100px;padding-top:25px;display:grid}.facts div{align-items:start;gap:25px;display:flex}.facts b{letter-spacing:-.07em;font-size:56px}.facts span{margin-top:10px;font-size:11px;line-height:1.4}.expertise{background:var(--ink);color:var(--paper)}.expertise .intro,.cap{border-color:#444}.cap{transition:.5s var(--ease);border-top:1px solid #444;grid-template-columns:.3fr 2fr 1.3fr auto;align-items:center;padding:27px 0;display:grid}.cap:last-child{border-bottom:1px solid #444}.cap>span{font:10px var(--font-mono)}.cap h3{letter-spacing:-.05em;transition:.5s var(--ease);margin:0;font-size:clamp(27px,3.2vw,50px);font-weight:450}.cap p{color:#aaa;max-width:310px;font-size:12px;line-height:1.5}.cap i{opacity:0;transition:.4s var(--ease);font-size:25px;font-style:normal;transform:translate(-8px,8px)}.cap:hover{padding-left:10px}.cap:hover h3{color:var(--acid)}.cap:hover i{opacity:1;transform:none}.timeline>h2{margin-bottom:130px}.role{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr 1.2fr;padding:25px 0 70px;display:grid}.role>span{font:10px var(--font-mono)}.role h3{letter-spacing:-.04em;margin:0;font-size:30px}.role h3 small{margin-top:8px;font-size:12px;font-weight:400;display:block}.role p{max-width:390px;margin:0;font-size:13px;line-height:1.5}footer{color:var(--paper);background:#151513;padding:120px 38px 35px}footer>small{font:10px var(--font-mono)}.footer-cta{letter-spacing:-.085em;text-transform:uppercase;margin-top:80px;font-size:clamp(60px,11vw,165px);font-weight:520;line-height:.8;display:block}.footer-cta i{transition:.4s var(--ease);font-size:.55em;font-style:normal;display:inline-block}.footer-cta:hover i{transform:translate(8px,-8px)}.footer-bottom{font:9px var(--font-mono);border-top:1px solid #3a3a36;gap:40px;margin-top:100px;padding-top:20px;display:flex}.footer-bottom a:first-of-type{margin-left:auto}.footer-bottom button{color:inherit;font-size:inherit;cursor:pointer;padding:0}.reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(35px)}.reveal.seen{opacity:1;transform:none}.cursor{z-index:10000;background:var(--acid);pointer-events:none;width:12px;height:12px;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease);font:8px var(--font-mono);mix-blend-mode:difference;border-radius:50%;place-content:center;display:grid;position:fixed;top:-6px;left:-6px}.cursor.view{mix-blend-mode:normal;width:70px;height:70px;margin:-29px 0 0 -29px}.cursor.link{width:34px;height:34px;margin:-11px 0 0 -11px}@media (max-width:800px){.cursor,.available{display:none}header{grid-template-columns:1fr auto;padding:20px}.overlay{padding:22px 20px}.overlay-bottom{flex-wrap:wrap;gap:18px}.overlay-bottom a{margin-left:0}.hero{padding:115px 20px 25px}.hero h1{font-size:16vw}.hero-foot{grid-template-columns:1fr 1fr;gap:30px}.hero-foot p{grid-column:1/-1}.work,.expertise{padding:100px 20px}.intro{grid-template-columns:1fr;gap:25px;margin-bottom:80px}.project{margin-bottom:100px}.art{height:115vw;min-height:450px}.card{width:210px;height:140px}.card.one{top:17%;left:7%}.card.two{top:43%;left:22%}.minor>strong,.split>strong,.petro>strong{font-size:11vw}.circle{width:230px;height:230px}.fuel{width:225px;height:390px;padding:30px}.fuel b{font-size:75px}.statement{padding:95px 20px}.about,.experience{grid-template-columns:1fr;padding:100px 20px}.sticky{margin-bottom:60px;position:static}.about h2,.timeline>h2{margin-bottom:70px}.portrait{margin-bottom:60px}.portrait-frame{height:120vw;max-height:680px}.portrait img{object-position:center top;height:108%}.portrait figcaption{gap:16px}.columns,.facts{grid-template-columns:1fr;gap:30px}.cap{grid-template-columns:.25fr 1.75fr auto}.cap p{grid-column:2/-1}.role{grid-template-columns:1fr;gap:16px}.role p{margin-top:20px}footer{padding:90px 20px 25px}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom a:first-of-type{margin-left:0}}@media (pointer:coarse){.cursor{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero .mask>span,.lines .mask>span{transform:none!important}.reveal{opacity:1;transform:none}.image{clip-path:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}