@font-face{font-family:Montserrat;src:url(/fonts/montserrat-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Covered By Your Grace;src:url(/fonts/covered-by-your-grace.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--cloud:#f0eee9;--ink:#000;--white:#fff;--blue:#0c8ce9;--yellow:#ffcd29;--purple:#9747ff;--green:#14ae5c;--orange:#ff4c00;--gold:#f0bb33;--mat:#0d7562;--card:#2c251c;--m:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--i:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--r:"Roboto",system-ui,sans-serif;--h:"Covered By Your Grace","Comic Sans MS",cursive;--shadow-card:0 4px 12px #00000040}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--cloud)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--cloud);color:var(--ink);font-family:var(--m);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-weight:400;overflow-x:hidden}h1,h2,h3,h4,p,figure,ul{margin:0;padding:0}ul{list-style:none}img,svg{display:block}a{color:inherit;text-decoration:none}strong{font-weight:600}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:100;color:#fff;background:#000;border-radius:10px;padding:10px 14px;font-size:14px;transition:top .2s;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.btn{height:52px;font:400 16px/1 var(--m);white-space:nowrap;border-radius:26px;justify-content:center;align-items:center;padding-top:2px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s;display:inline-flex}.btn-blue{background:var(--blue);color:#fff}.btn-white{color:#000;background:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000024}.btn:active{transform:translateY(0)}.nav-wrap{z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.nav{pointer-events:auto;white-space:nowrap;background:#fff;align-items:center;display:flex;box-shadow:0 4px 20px #00000040}.nav a{transition:opacity .2s;position:relative}.nav a:after{content:"";transform-origin:0;background:currentColor;height:1.5px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a.is-active:after{transform:scaleX(1)}.pin{pointer-events:none;transform-origin:15px 15.3px;background:50%/contain no-repeat;width:30px;height:46px;position:absolute}.pin-blue{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 46%27%3E%3Cpath d=%27M15.6 27.5 16.6 44.5%27 stroke=%27%23d6d6d6%27 stroke-width=%271.4%27 stroke-linecap=%27round%27/%3E%3Cellipse cx=%2715%27 cy=%2723.6%27 rx=%2711.6%27 ry=%275.6%27 fill=%27%2372c9f8%27 stroke=%27%232394dc%27 stroke-width=%27.8%27/%3E%3Cpath d=%27M11.2 11.5h7.6v11.9a3.8 1.7 0 0 1-7.6 0z%27 fill=%27%2333aef2%27/%3E%3Crect x=%2712.3%27 y=%2713%27 width=%272.1%27 height=%279.5%27 rx=%271%27 fill=%27%238fd8ff%27 opacity=%27.75%27/%3E%3Cellipse cx=%2715%27 cy=%279%27 rx=%279.4%27 ry=%277.8%27 fill=%27%2333aef2%27/%3E%3Cellipse cx=%2712.4%27 cy=%276.5%27 rx=%274.3%27 ry=%273.2%27 fill=%27%238fd8ff%27/%3E%3C/svg%3E")}.pin-green{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 46%27%3E%3Cpath d=%27M15.6 27.5 16.6 44.5%27 stroke=%27%23d6d6d6%27 stroke-width=%271.4%27 stroke-linecap=%27round%27/%3E%3Cellipse cx=%2715%27 cy=%2723.6%27 rx=%2711.6%27 ry=%275.6%27 fill=%27%233bd28c%27 stroke=%27%23139f5c%27 stroke-width=%27.8%27/%3E%3Cpath d=%27M11.2 11.5h7.6v11.9a3.8 1.7 0 0 1-7.6 0z%27 fill=%27%231fc576%27/%3E%3Crect x=%2712.3%27 y=%2713%27 width=%272.1%27 height=%279.5%27 rx=%271%27 fill=%27%2366e3aa%27 opacity=%27.75%27/%3E%3Cellipse cx=%2715%27 cy=%279%27 rx=%279.4%27 ry=%277.8%27 fill=%27%231fc576%27/%3E%3Cellipse cx=%2712.4%27 cy=%276.5%27 rx=%274.3%27 ry=%273.2%27 fill=%27%2366e3aa%27/%3E%3C/svg%3E")}.pin-red{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 46%27%3E%3Cpath d=%27M15.6 27.5 16.6 44.5%27 stroke=%27%23d6d6d6%27 stroke-width=%271.4%27 stroke-linecap=%27round%27/%3E%3Cellipse cx=%2715%27 cy=%2723.6%27 rx=%2711.6%27 ry=%275.6%27 fill=%27%23ff7d6c%27 stroke=%27%23d9402f%27 stroke-width=%27.8%27/%3E%3Cpath d=%27M11.2 11.5h7.6v11.9a3.8 1.7 0 0 1-7.6 0z%27 fill=%27%23f2594a%27/%3E%3Crect x=%2712.3%27 y=%2713%27 width=%272.1%27 height=%279.5%27 rx=%271%27 fill=%27%23ff978b%27 opacity=%27.75%27/%3E%3Cellipse cx=%2715%27 cy=%279%27 rx=%279.4%27 ry=%277.8%27 fill=%27%23f2594a%27/%3E%3Cellipse cx=%2712.4%27 cy=%276.5%27 rx=%274.3%27 ry=%273.2%27 fill=%27%23ff978b%27/%3E%3C/svg%3E")}.pin-purple{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 46%27%3E%3Cpath d=%27M15.6 27.5 16.6 44.5%27 stroke=%27%23d6d6d6%27 stroke-width=%271.4%27 stroke-linecap=%27round%27/%3E%3Cellipse cx=%2715%27 cy=%2723.6%27 rx=%2711.6%27 ry=%275.6%27 fill=%27%23b97ef7%27 stroke=%27%238a3cdc%27 stroke-width=%27.8%27/%3E%3Cpath d=%27M11.2 11.5h7.6v11.9a3.8 1.7 0 0 1-7.6 0z%27 fill=%27%23a257f0%27/%3E%3Crect x=%2712.3%27 y=%2713%27 width=%272.1%27 height=%279.5%27 rx=%271%27 fill=%27%23d3a8ff%27 opacity=%27.75%27/%3E%3Cellipse cx=%2715%27 cy=%279%27 rx=%279.4%27 ry=%277.8%27 fill=%27%23a257f0%27/%3E%3Cellipse cx=%2712.4%27 cy=%276.5%27 rx=%274.3%27 ry=%273.2%27 fill=%27%23d3a8ff%27/%3E%3C/svg%3E")}.print{transform-origin:50%;background:#fffcf4;box-shadow:0 6px 16px #00000047}.print img{object-fit:cover;position:absolute}.print{flex:none;position:relative}.proj-card{position:relative}.proj-go{aspect-ratio:1;background:#000;border-radius:50%;width:30.04%;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;top:71%;left:69.42%}.proj-go svg{width:100%;height:100%}.proj-card:hover .proj-go{transform:rotate(45deg)}.print figcaption{text-align:center;font:400 14px/14px var(--r);color:#000;position:absolute;left:0;right:0}.print-1{width:343.6px;height:274.4px;transform:rotate(-6.7deg)}.print-1 img{width:318px;height:200px;top:21px;left:12px}.print-1 figcaption{top:236px}.print-2{width:283.3px;height:346.1px;transform:rotate(8.05deg)}.print-2 img{width:254px;height:255px;top:20px;left:14px}.print-2 figcaption{top:288px}.print-3{width:172.4px;height:276.6px;transform:rotate(-8.9deg)}.print-3 img{width:154px;height:204px;top:15px;left:9px}.print-3 figcaption{top:229px}.print-4{width:244px;height:298.1px;transform:rotate(3.15deg)}.print-4 img{width:219px;height:220px;top:16px;left:12px}.print-4 figcaption{top:248px}.print-1 .pin{top:-9.8px;left:185.4px;transform:rotate(44.7deg)scale(1.07)}.print-2 .pin{top:-12.4px;left:118.3px;transform:rotate(6deg)scale(1.07)}.print-3 .pin{top:-17.1px;left:76.1px;transform:rotate(.4deg)scale(1.07)}.print-4 .pin{top:-14.4px;left:113.6px;transform:rotate(-3deg)scale(1.07)}@media (width>=1024px){.sec{margin-bottom:calc(128px * var(--z,1));position:relative;overflow:hidden}.foot{margin-bottom:0}.canvas{zoom:var(--z,1);width:1440px;position:relative}.canvas>*,.canvas .abs{position:absolute}.nav-wrap{zoom:var(--z,1)}.nav{height:52px;font:400 16px/1 var(--m);color:#000;border-radius:26px;gap:18.4px;margin-top:21px;padding:3px 16px 0 15px}.hero{background:url(/assets/hero-bg.webp) top/100% 100% no-repeat,#efede8}.hero .canvas{height:1024px}.hero-title{font:800 142px/142px var(--m);letter-spacing:0;white-space:nowrap;top:401px;left:344px}.hero-sub{font:400 32px/39px var(--m);white-space:nowrap;top:559px;left:430px}.hero-sub span{display:block}.hero-sub .pill{object-fit:cover;vertical-align:0;border-radius:16px;width:60px;height:32px;margin:0 -2px 0 1px;display:inline-block}.bubbles{inset:0}.bubble{color:#fff;font:600 32px/32px var(--m);white-space:nowrap;align-items:center;padding-left:18px;display:flex;position:absolute}.b-yellow{background:var(--yellow);border-radius:32px 20px 0 32px;width:423px;height:64px;top:263px;left:100px}.b-purple{background:var(--purple);border-radius:20px 48px 48px 0;width:317px;height:96px;top:235px;left:1023px}.b-green{background:var(--green);border-radius:48px 0 20px 48px;width:285px;height:96px;top:742px;left:100px}.b-orange{background:var(--orange);border-radius:0 32px 32px 20px;width:253px;height:64px;top:823px;left:1087px}.cursors{pointer-events:none;width:1440px;height:1024px;position:absolute;inset:0;overflow:visible}.hero-cta .btn{position:absolute;top:709px}.hero-cta .btn-blue{width:188px;left:571px}.hero-cta .btn-white{width:87px;left:783px}.about .canvas{height:1023px}.about-title{text-align:right;width:700px;font:700 142px/125px var(--i);letter-spacing:-.6px;background:linear-gradient(#0d0d0d 0 48px,#f0eee9 226px);color:#0000;-webkit-background-clip:text;background-clip:text;top:72px;right:110px}.about-title span{display:block}.about-photo{width:463px;height:539px;box-shadow:var(--shadow-card);border-radius:28px;top:320px;left:111px;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%}.about-note{width:160px;height:100px;top:821px;left:196px}.note-arrow{width:64px;height:84px;position:absolute;top:-1px;left:34px;overflow:visible}.about-note span{font:400 16px/16px var(--h);white-space:nowrap;position:absolute;top:82px;left:2px}.about-resume{width:87px;top:899px;left:487px}.about-bio{width:611px;font:400 16px/18px var(--m);text-align:justify;text-align-last:left;top:372px;left:719px}.about-edu,.about-contact,.about-tools{font:400 16px/20px var(--m)}.about h3{font:600 16px/20px var(--m)}.about-edu{width:300px;top:532px;left:719px}.about-edu p{margin-top:16px}.about-contact{width:280px;top:532px;left:1065px}.about-contact ul{margin-top:17px}.about-contact li+li{margin-top:6px}.about-contact a{align-items:center;gap:8px;display:flex}.about-contact svg{fill:#000;flex:none;width:17px;height:17px}.about-tools{top:773px;left:718px}.about-tools ul{gap:10px;margin-top:16px;display:flex}.about-tools img{width:50px;height:50px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.about-tools img:hover{transform:translateY(-4px)rotate(-4deg)}.things{background:url(/assets/things-bg.webp) top/100% 100% no-repeat,#0e6f5d}.things .canvas{height:2251px}.things-title{font:400 142px/1 var(--h);letter-spacing:0;word-spacing:-18.5px;color:var(--yellow);white-space:nowrap;top:197px;left:345px}.cat{display:contents}.cat-text{text-align:center;color:#fff;position:absolute}.cat-text h3{font:400 32px/1 var(--h);color:var(--yellow);white-space:nowrap}.cat-text p{font:400 16px/22px var(--h)}.print{box-shadow:none;position:absolute}.print-1{top:526.2px;left:332.6px}.print-2{top:1024.9px;left:800.8px}.print-3{top:1619.4px;left:329.2px}.print-4{top:1566.8px;left:769.7px}.doodle{pointer-events:none;position:absolute}.cat-uiux .cat-text{width:330px;top:600px;left:851px}.cat-uiux .cat-text p{margin-top:31px}.d-uiux{top:755px;left:775px}.cat-social .cat-text{width:330px;top:1110px;left:280px}.cat-social .cat-text p{margin-top:30px}.d-loop{top:995px;left:560px}.cat-poster .cat-text{width:330px;top:1961px;left:262px}.cat-poster .cat-text p{margin-top:29px}.d-poster{top:1900px;left:275px}.cat-brand .cat-text{width:330px;top:1958px;left:726px}.cat-brand .cat-text p{margin-top:29px}.d-zigzag{top:1880px;left:1030px}.work .canvas{height:2201px}.work-title{font:700 144px/1 var(--i);letter-spacing:-2.6px;background:linear-gradient(#0d0d0d 22px,#f0eee9 126px);color:#0000;-webkit-background-clip:text;background-clip:text;top:88px;right:112px}.proj{display:contents}.proj-card{display:block;position:absolute}.proj-card img{width:100%;height:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.proj-card:hover img{transform:translateY(-4px)}.proj-desc{font:500 16px/20px var(--m);white-space:nowrap;position:absolute}.proj-year{font:600 32px/1 var(--m);position:absolute}.proj-ch .proj-card{width:1204px;top:294px;left:118px}.proj-ch .proj-desc{top:808px;left:120px}.proj-ch .proj-year{top:820px;left:1241px}.proj-vayu .proj-card{width:640px;top:931px;left:118px}.proj-vayu .proj-desc{top:1445px;left:120px}.proj-vayu .proj-year{top:1457px;left:677px}.proj-swagat .proj-card{width:466px;top:931px;left:838px}.proj-swagat .proj-desc{top:1445px;left:840px}.proj-cyi .proj-card{width:1204px;top:1568px;left:118px}.proj-cyi .proj-desc{top:2082px;left:120px}.proj-cyi .proj-year{top:2094px;left:1241px}.behind{background:url(/assets/behind-bg.webp) top/100% 100% no-repeat,#0e6f5d}.behind .canvas{height:3625px}.behind-title{font:400 142px/1 var(--h);letter-spacing:-1.3px;word-spacing:-2px;color:var(--gold);white-space:nowrap;top:143px;left:756px}.cs-name{font:700 64px/1 var(--m);letter-spacing:-.5px;color:#fff;white-space:nowrap;top:329px;left:219px}.cs-kind{font:700 32px/1 var(--m);letter-spacing:-.33px;color:var(--gold);white-space:nowrap;top:650px;left:220px}.cs-intro{width:367px;font:400 16px/20px var(--m);color:var(--gold);text-align:justify;top:539px;left:853px}.shots{display:contents}.shot{position:absolute}.s1{top:780px;left:220px}.s2{top:780px;left:740px}.s3{top:1130px;left:740px}.s4{top:2581px;left:220px}.s5{top:2581px;left:857px}.s6{top:3037px;left:220px}.s7{top:3136px;left:857px}.logo-story,.ls-row{display:contents}.ls-row img{position:absolute;left:214px}.ls-row p{width:231px;font:400 16px/20px var(--m);color:var(--gold);text-align:justify;position:absolute;left:428px}.ls-c img{top:1670px}.ls-c p{top:1676px}.ls-eyes img{top:1938px}.ls-eyes p{top:1944px}.ls-full img{top:2226px}.ls-full p{top:2232px}.swatches{width:102px;top:1674px;left:710px}.sw{font:400 12px/15px var(--m);padding:8px 8px 0;display:block;position:relative}.sw span{display:block}.sw b{font-weight:400;position:absolute;bottom:9px;left:8px}.sw-white{color:#000;background:#fff;height:299px}.sw-blue{color:#fff;background:#0071e3;height:113px}.sw-charcoal{color:#fff;background:#262628;height:144px}.sw-black{color:#fff;background:#000;height:223px}.type{display:contents}.type-name{font:700 66px/1 var(--i);color:#fff;position:absolute;top:1663px;left:908px}.type-why{width:321px;font:400 16px/24px var(--m);color:var(--gold);text-align:justify;position:absolute;top:1744px;left:899px}.type-spec{display:contents}.type-spec p{color:#fff;font:400 16px/24px var(--i);letter-spacing:-.2px;white-space:nowrap;position:absolute}.sp-up{top:1998px;left:899px}.sp-lo{top:2056px;left:899px}.sp-num{top:2113px;left:899px}.sp-aa{letter-spacing:-1px;top:1979px;left:1054px;font:700 130px/1 var(--i)!important}.sp-aabb{letter-spacing:-1.2px;-webkit-text-stroke:1.2px #fff;top:2341px;left:895px;font:400 135.4px/1 var(--i)!important;color:#0000!important}.foot .canvas{height:613px}.foot:after{content:"";height:calc(251px * var(--z,1));z-index:-1;background:url(/assets/footer-bg.png) top/100% 100% no-repeat;position:absolute;bottom:0;left:0;right:0}.foot{isolation:isolate}.now{display:contents}.now-label{font:600 16px/20px var(--m);letter-spacing:-.2px;position:absolute}.now-played .now-label{top:79px;left:130px}.now-watched .now-label{top:79px;left:1082px}.player{background:var(--card);width:880px;height:240px;box-shadow:var(--shadow-card);color:#fff;border-radius:32px;position:absolute;top:104px;left:100px}.player>*{position:absolute}.player-art{object-fit:cover;border-radius:24px;width:192px;height:192px;top:24px;left:24px}.player-meta{top:52px;left:232px}.player-song{font:600 32px/40px var(--m);white-space:nowrap}.player-artist{font:300 24px/30px var(--m);white-space:nowrap;margin-top:6px}.player-brand{width:108px;height:36px;top:22px;left:750px}.player-bar{width:560px;height:26px;top:187px;left:230px}.player-bar>*{position:absolute}.pb-rew{top:0;left:0}.pb-track{background:#6b6660;border-radius:2px;width:441px;height:4px;top:17px;left:33px}.pb-fwd{top:0;left:478px}.pb-time{font:500 14px/14px var(--m);top:7px;left:516px}.player-play{background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .25s;display:grid;top:174px;left:816px}.player-play svg{fill:#000;width:40px;height:40px}.player-play:hover{transform:scale(1.08)}.poster{object-fit:cover;width:288px;height:240px;box-shadow:var(--shadow-card);border-radius:24px;position:absolute;top:104px;left:1052px}.foot-base{display:contents}.foot-nav{font:400 14px/21px var(--m);flex-direction:column;display:flex;position:absolute;top:380px;left:100px}.foot-social{text-align:right;position:absolute;top:381px;right:100px}.foot-social h2,.foot-works h2{font:600 16px/20px var(--m)}.foot-social ul{justify-content:flex-end;gap:6.3px;margin:5px -1px 0 0;display:flex}.foot-social svg{width:18px;height:18px}.foot-works{text-align:right;position:absolute;top:497px;right:100px}.foot-works h2{font-size:14px}.foot-works ul{font:400 14px/21px var(--m);margin-top:5px}.foot a:hover{opacity:.6}.thanks{width:455px;height:151px;position:absolute;top:462px;left:495px}.thanks img{width:455px;height:116px}.thanks span{font:400 32px/1 var(--h);white-space:nowrap;position:absolute;top:115px;left:263px}.foot-copy{font:400 12px/18px var(--m);color:#0000009e;white-space:nowrap;position:absolute;top:582px;left:100px}}@media (width<=1023.98px){:root{--gut:20px}.canvas{width:100%;max-width:680px;padding:0 var(--gut);margin:0 auto;position:relative}.sec{position:relative;overflow:hidden}.d{display:none}.nav-wrap{padding-top:max(12px,env(safe-area-inset-top))}.nav{height:44px;font:400 14px/1 var(--m);color:#000;border-radius:22px;gap:16px;padding:2px 18px 0;box-shadow:0 4px 18px #0000002e}.hero{background:url(/assets/hero-bg.webp) 50%/cover no-repeat,#efede8;min-height:100svh;display:flex}.hero .canvas{flex-direction:column;justify-content:center;align-items:center;gap:0;padding-top:96px;padding-bottom:56px;display:flex}.hero-title{font:800 clamp(58px,17.4vw,128px)/1 var(--m);letter-spacing:-.01em;text-align:center;order:3;margin:22px 0 14px}.hero-sub{font:400 clamp(16px,4.6vw,24px)/1.55 var(--m);text-align:center;order:4}.hero-sub span{display:block}.hero-sub .pill{object-fit:cover;vertical-align:-.12em;border-radius:1em;width:2.05em;height:1.1em;margin:0 .05em;display:inline-block}.bubbles{display:contents}.cursors{display:none}.bubble{color:#fff;font:600 clamp(15px,4.3vw,22px)/1.2 var(--m);white-space:nowrap;margin:6px 0;padding:.55em .9em;display:inline-block;position:relative}.bubble:after{content:"";filter:drop-shadow(0 1px 1.5px #0000004d);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-18 -4 36 42'%3E%3Cpath d='M0 0 13.6 33.4 0 27.6-13.6 33.4Z' fill='%23fff' stroke='%23fff' stroke-width='2.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:26px;height:30px;position:absolute}.b-yellow{background:var(--yellow);border-radius:999px 14px 0 999px;order:1;align-self:flex-start;transform:rotate(-2deg)}.b-yellow:after{bottom:-26px;right:-22px;transform:rotate(142deg)}.b-purple{background:var(--purple);border-radius:14px 999px 999px 0;order:2;align-self:flex-end;margin-top:18px;transform:rotate(2deg)}.b-purple:after{bottom:-26px;left:-22px;transform:rotate(-142deg)}.b-green{background:var(--green);border-radius:999px 0 14px 999px;order:5;align-self:flex-start;margin-top:34px;transform:rotate(1.5deg)}.b-green:after{top:-24px;right:-20px;transform:rotate(35deg)}.b-orange{background:var(--orange);border-radius:0 999px 999px 14px;order:6;align-self:flex-end;margin-top:22px;transform:rotate(-2deg)}.b-orange:after{top:-24px;left:-20px;transform:rotate(-35deg)}.hero-cta{order:7;gap:16px;margin-top:34px;display:flex}.hero-cta .btn{height:48px;padding:0 22px;font-size:15px}.about{padding:88px 0 72px}.about .canvas{grid-template-columns:1fr auto;grid-template-areas:"title title""photo photo""note resume""bio bio""edu edu""contact contact""tools tools";column-gap:16px;display:grid}.about-title{text-align:right;white-space:nowrap;font:700 clamp(56px,20.5vw,142px)/.88 var(--i);letter-spacing:-.01em;background:linear-gradient(#0d0d0d 0 20%,#f0eee9 100%);color:#0000;-webkit-background-clip:text;background-clip:text;grid-area:title;justify-self:end;margin-bottom:36px;padding-bottom:.06em}.about-title span{display:block}.about-photo{aspect-ratio:463/539;width:100%;box-shadow:var(--shadow-card);border-radius:24px;grid-area:photo;overflow:hidden}.about-photo img{object-fit:cover;width:100%;height:100%}.about-note{grid-area:note;height:86px;margin-top:-20px;padding-left:4px;position:relative}.note-arrow{width:58px;height:76px;position:absolute;top:-6px;left:46px;overflow:visible}.about-note span{font:400 17px/1 var(--h);white-space:nowrap;position:absolute;bottom:0;left:8px}.about-resume{grid-area:resume;place-self:end;height:48px;margin-bottom:-6px;padding:0 22px}.about-bio{font:400 16px/1.6 var(--m);grid-area:bio;margin-top:40px}.about h3{font:600 16px/20px var(--m)}.about-edu{font:400 16px/1.45 var(--m);grid-area:edu;margin-top:36px}.about-edu p{margin-top:12px}.about-contact{font:400 16px/20px var(--m);grid-area:contact;margin-top:32px}.about-contact ul{gap:12px;margin-top:14px;display:grid}.about-contact a{word-break:break-all;align-items:center;gap:10px;display:inline-flex}.about-contact svg{fill:#000;flex:none;width:18px;height:18px}.about-tools{grid-area:tools;margin-top:36px}.about-tools ul{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.about-tools img{border-radius:10px;width:48px;height:48px}.mat{color:#fff;background-color:#0e7360;background-image:radial-gradient(120% 60% at 0 0,#00281e8c,#0000 55%),radial-gradient(90% 50% at 100% 55%,#00281e59,#0000 60%),radial-gradient(80% 40% at 30% 100%,#00281e73,#0000 60%),radial-gradient(70% 45% at 70% 30%,#28bea038,#0000 70%),linear-gradient(#42ecbf61 1px,#0000 1px),linear-gradient(90deg,#42ecbf61 1px,#0000 1px),linear-gradient(#42ecbf1c 1px,#0000 1px),linear-gradient(90deg,#42ecbf1c 1px,#0000 1px);background-size:auto,auto,auto,auto,200px 200px,200px 200px,40px 40px,40px 40px;background-position:0 0,0 0,0 0,0 0,var(--gut) 0,var(--gut) 0,var(--gut) 0,var(--gut) 0}.mat:before{content:"";pointer-events:none;opacity:.22;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.mat .canvas{z-index:1}.things{padding:88px 0 96px}.things-title{font:400 clamp(60px,17vw,120px)/1 var(--h);color:var(--yellow);text-align:center;word-spacing:-.12em;margin-bottom:28px}.cat{flex-direction:column;align-items:center;margin-top:56px;display:flex}.cat-text{text-align:center;max-width:360px;margin-top:30px}.cat-text h3{font:400 clamp(30px,8.4vw,40px)/1 var(--h);color:var(--yellow)}.cat-text p{font:400 17px/24px var(--h);margin-top:14px}.cat-social .cat-text{order:3}.doodle{display:none}.print{box-shadow:0 8px 22px #00000059}.print .pin{z-index:1}.work{padding:88px 0 40px}.work .canvas{grid-template-columns:1fr;row-gap:0;display:grid}.work-title{font:700 clamp(72px,24vw,150px)/1 var(--i);letter-spacing:-.02em;background:linear-gradient(#0d0d0d 16%,#f0eee9 96%);color:#0000;-webkit-background-clip:text;background-clip:text;justify-self:end;margin-bottom:20px}.proj{grid-template-columns:1fr auto;align-items:center;column-gap:12px;margin-top:26px;scroll-margin-top:80px;display:grid}.proj-card{grid-column:1/-1;display:block}.proj-card img{width:100%;height:auto}.proj-desc{font:500 15px/1.4 var(--m);margin-top:12px}.proj-desc br{display:none}.proj-year{font:600 26px/1 var(--m);margin-top:12px}.behind{padding:88px 0 96px}.behind .canvas{flex-direction:column;display:flex}.behind-title{font:400 clamp(60px,17vw,120px)/1 var(--h);color:var(--gold);align-self:flex-end}.cs-name{font:700 clamp(36px,10vw,64px)/1.1 var(--m);margin-top:28px}.cs-kind{font:700 clamp(22px,6vw,32px)/1.2 var(--m);color:var(--gold);margin-top:10px}.cs-intro{font:400 16px/1.55 var(--m);color:var(--gold);margin-top:22px}.shots{grid-template-columns:1fr;gap:16px;margin-top:36px;display:grid}.shot{width:100%;height:auto}.logo-story{gap:34px;margin-top:56px;display:grid}.ls-row{grid-template-columns:96px 1fr;align-items:start;gap:18px;display:grid}.ls-row img{width:96px;height:auto}.ls-row p{font:400 15px/1.55 var(--m);color:var(--gold)}.swatches{border-radius:14px;grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid;overflow:hidden}.sw{height:170px;font:400 12px/15px var(--m);flex-direction:column;justify-content:space-between;padding:10px;display:flex;position:relative}.sw b{font-weight:400}.sw-white{color:#000;background:#fff}.sw-blue{background:#0071e3}.sw-charcoal{background:#262628}.sw-black{background:#000}.type{margin-top:52px;display:block}.type-name{font:700 clamp(48px,14vw,72px)/1 var(--i)}.type-why{font:400 16px/1.55 var(--m);color:var(--gold);margin-top:16px}.type-spec{grid-template-columns:1fr auto;align-items:end;gap:6px 12px;margin-top:28px;display:grid}.type-spec p{font:400 15px/1.5 var(--i);overflow-wrap:anywhere}.sp-up,.sp-lo,.sp-num{grid-column:1}.sp-aa{letter-spacing:-.02em;grid-area:1/2/4;font:700 clamp(84px,24vw,130px)/1 var(--i)!important}.sp-aabb{letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1.2px #fff;grid-column:1/-1;margin-top:10px;font:400 clamp(96px,30vw,150px)/1 var(--i)!important}.shots-b{margin-top:48px}.foot{background:var(--cloud);padding:64px 0 0}.foot .canvas{flex-direction:column;display:flex}.now{display:block}.now-label{font:600 16px/20px var(--m);margin:0 0 10px 18px}.now-watched{margin-top:30px}.player{background:var(--card);box-shadow:var(--shadow-card);color:#fff;border-radius:26px;grid-template-columns:auto 1fr;grid-template-areas:"art meta""bar bar";gap:16px;padding:16px;display:grid;position:relative}.player-art{aspect-ratio:1;object-fit:cover;border-radius:18px;grid-area:art;width:clamp(88px,26vw,150px);height:auto}.player-meta{grid-area:meta;align-self:center;min-width:0;padding-top:30px}.player-song{font:600 clamp(19px,5.4vw,30px)/1.15 var(--m)}.player-artist{font:300 clamp(15px,4.2vw,22px)/1.3 var(--m);margin-top:4px}.player-brand{width:auto;height:28px;position:absolute;top:14px;right:16px}.player-bar{grid-area:bar;align-items:center;gap:8px;padding-right:52px;display:flex}.pb-rew,.pb-fwd{flex:none;width:24px;height:auto}.pb-track{background:#6b6660;border-radius:2px;flex:1;height:4px}.pb-time{font:500 13px/1 var(--m);flex:none}.player-play{background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:12px;right:16px}.player-play svg{fill:#000;width:38px;height:38px}.poster{aspect-ratio:288/240;object-fit:cover;width:100%;max-width:360px;height:auto;box-shadow:var(--shadow-card);border-radius:22px}.foot-base{margin:56px calc(-1 * var(--gut)) 0;padding:28px var(--gut) 0;background:url(/assets/footer-bg.png) bottom/auto 251px no-repeat,#f7f5f3;grid-template-columns:1fr 1fr;grid-template-areas:"nav social""nav works""thanks thanks""copy copy";gap:22px 16px;min-height:430px;display:grid;position:relative}.foot-nav{font:400 15px/26px var(--m);flex-direction:column;grid-area:nav;display:flex}.foot-social{text-align:right;grid-area:social}.foot-social h2,.foot-works h2{font:600 16px/20px var(--m)}.foot-social ul{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.foot-social svg{width:20px;height:20px}.foot-works{text-align:right;grid-area:works}.foot-works ul{font:400 15px/26px var(--m);margin-top:6px}.thanks{grid-area:thanks;justify-self:center;width:min(100%,420px);margin-top:18px;padding-bottom:22px;position:relative}.thanks img{width:100%;height:auto}.thanks span{text-align:right;font:400 clamp(22px,6.6vw,30px)/1 var(--h);margin:4px 2% 0 0;display:block}.foot-copy{text-align:center;font:400 12px/18px var(--m);color:#0000009e;grid-area:copy;justify-self:center;margin-top:-8px;padding-bottom:20px}}@media (width>=640px) and (width<=1023.98px){:root{--gut:32px}.about .canvas{grid-template-areas:"title title""photo photo""note resume""bio bio""edu contact""tools tools"}.about-contact{margin-top:36px}.work .canvas{grid-template-columns:1fr 1fr;column-gap:24px}.work-title,.proj-ch,.proj-cyi{grid-column:1/-1}.proj-vayu,.proj-swagat{align-self:start}.shots-a{grid-template-columns:1fr 1fr}.shots-a .s1{grid-row:span 2}.shots-b{grid-template-columns:1.4fr 1fr}.now{display:block}.foot .canvas{grid-template-columns:1fr auto;align-items:start;column-gap:24px;display:grid}.now-watched{margin-top:0}.poster{width:240px}.foot-base{grid-column:1/-1}}@media (width<=380px){:root{--gut:16px}.nav{gap:11px;padding:2px 14px 0;font-size:12.5px}.print{zoom:.88}.hero-cta .btn{padding:0 18px;font-size:14px}}