:root{--white-80: hsl(0 0% 77% / 1);--white-90: hsl(0 0% 90% / 1);--white-100: hsl(0 0% 100% / 1);--grey-05: hsl(0 0% 6% / 1);--grey-07: hsl(0 0% 7% / 1);--grey-10: hsl(0 0% 10% / 1);--grey-15: hsl(0 0% 13% / 1);--grey-20: hsl(0 0% 20% / 1);--grey-30: hsl(0 0% 30% / 1);--grey-50: hsl(0 0% 47% / 1);--grey-60: hsl(0 0% 60% / 1);--grey-70: hsl(0 0% 66% / 1);--highlight-yellow: hsl(70 97% 64% / 1);--highlight-cyan: hsl(162 79% 57% / 1);--highlight-pink: hsl(337 88% 59% / 1);--highlight-purple: hsl(249, 73%, 75%, 1);--bg-color: var(--grey-05);--border: .3rem solid var(--grey-15);--border-radius: 3rem;--header-height: 10rem;--gradient: linear-gradient(90deg, var(--highlight-yellow), var(--highlight-cyan), var(--highlight-pink), var(--highlight-yellow));--primary-ff: "Outfit", system-ui;--secondary-ff: "Short Stack", "consolas";--ff-thin: 100;--ff-extralight: 200;--ff-light: 300;--ff-regular: 400;--ff-medium: 500;--ff-semi-bold: 600;--ff-bold: 700;--ff-h1: 6rem;--ff-h2: 4rem;--ff-h3: 3rem;--ff-h4: 2.4rem;--ff-p1: 2.2rem;--ff-p2: 1.8rem;--ff-caption: 1.5rem;--ff-small: 1.2rem;--ff-tiny: .9rem}.ff-primary{font-family:var(--primary-ff)}.ff-secondary{font-family:var(--secondary-ff)}.fs-h1,h1{font-size:var(--ff-h1)}.fs-h2,h2{font-size:var(--ff-h2)}.fs-h3,h3{font-size:var(--ff-h3)}.fs-h4,h4{font-size:var(--ff-h4)}.fs-p1{font-size:var(--ff-p1)}.fs-p2{font-size:var(--ff-p2)}.fs-caption{font-size:var(--ff-caption)}.fs-small{font-size:var(--ff-small)}.fs-tiny{font-size:var(--ff-tiny)}.fw-thin{font-weight:var(--ff-thin)}.fw-extralight{font-weight:var(--ff-extralight)}.fw-light{font-weight:var(--ff-light)}.fw-regular{font-weight:var(--ff-regular)}.fw-medium{font-weight:var(--ff-medium)}.fw-semi-bold{font-weight:var(--ff-semi-bold)}.fw-bold{font-weight:var(--ff-bold)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-uppercase{text-transform:uppercase}.color-w80{color:var(--white-80)}.color-w90{color:var(--white-90)}.color-w100{color:var(--white-100)}.color-g05{color:var(--grey-05)}.color-g10{color:var(--grey-10)}.color-g15{color:var(--grey-15)}.color-g20{color:var(--grey-20)}.color-g30{color:var(--grey-30)}.color-g50{color:var(--grey-50)}.color-g60{color:var(--grey-60)}.color-g70{color:var(--grey-70)}.color-bluecyan{color:#378497!important}.color-red{color:#d90000}.br-100{border-radius:var(--border-radius)}.br-50{border-radius:calc(var(--border-radius) / 2)}.br-25{border-radius:calc(var(--border-radius) / 3)}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.gap-5{gap:5rem}.gap-6{gap:6rem}.gap-10{gap:10rem}.gap-half{gap:.5rem}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.justify-items-start{justify-items:start}.justify-items-center{justify-items:center!important}.justify-items-end{justify-items:end}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}.justify-self-start{justify-self:start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:end}.align-self-center{align-self:center}.align-self-start{align-self:start}.align-self-end{align-self:end}.flex-1{flex:1}.image-fit{width:100%;height:fit-content}html{font-size:62.5%;box-sizing:border-box;background-color:var(--bg-color)}body{font-family:var(--primary-ff);font-weight:var(--ff-regular);max-width:100%;overflow-x:hidden}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}ul,li{list-style:none}a{text-decoration:none;color:inherit}.hide_scroll{overflow-y:hidden}.page_wrap{display:flex;flex-direction:column;justify-content:flex-start;width:100%;min-height:100vh;overflow-x:hidden}.content_wrap{margin:0 auto;width:1050px!important}.line{--height: .3rem;display:block;width:100%;height:var(--height);background-color:var(--grey-15);border-style:none}.gradient-line{background-image:var(--gradient);background-color:unset}button{--border-color: var(--white-90);position:relative;font-family:var(--primary-ff);font-weight:var(--ff-regular);font-size:var(--ff-p2);color:var(--white-90);border-radius:1rem;padding:1rem 2.5rem;min-height:4.5rem;min-width:max-content;background-color:var(--grey-10);border:.2rem solid var(--border-color);text-align:center;transition:background-color .5s ease}button[data-focus],button[data-focus]:disabled{--border-color: transparent;background-clip:padding-box;color:var(--white-90)}button[disabled]{background-color:var(--grey-10);color:var(--grey-50);--border-color: var(--grey-50);cursor:context-menu!important}button:not(:disabled):hover{cursor:pointer;background-color:var(--grey-15)}button:not(:disabled):active{background-color:var(--white-100);color:var(--grey-10)}button[data-focus]:before{content:"";z-index:-1;position:absolute;inset:0;margin:-.2rem;border-radius:inherit;background-image:var(--gradient);background-size:150% 100%}button[data-focus]:disabled:before{filter:contrast(20%) saturate(120%)}button[data-focus]:not(:disabled):hover:before{animation:gradient-rotate 1s infinite linear}@keyframes gradient-rotate{0%{background-position:0% 100%}to{background-position:300% 100%}}.highlight_yellow{color:var(--highlight-yellow)!important}.highlight_pink{color:var(--highlight-pink)!important}.highlight_cyan{color:var(--highlight-cyan)!important}.highlight_purple{color:var(--highlight-purple)!important}header{position:fixed;display:grid;place-content:center;place-items:center;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--bg-color);border-bottom:.3rem solid var(--grey-15);z-index:100}header .header__wrapper{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header__logo{display:block;width:3.7rem;aspect-ratio:1;background-image:url(/assets/mihir-taksale-logo.svg);background-position:center center;background-repeat:no-repeat;background-size:100% auto}.header__menu{margin-right:.5rem;width:2.5rem;height:max-content;gap:.6rem;display:flex;flex-direction:column;justify-self:right;justify-content:space-between;display:none}.header__menu span{height:.26rem;background-color:var(--white-80);width:100%}nav{display:flex;justify-content:space-between;gap:5rem}nav a{text-decoration:none;color:var(--white-90);font-weight:var(--ff-light);font-size:var(--ff-p2)}nav[data-highlight=home] .nav__home,nav[data-highlight=work] .nav__work,nav[data-highlight=about] .nav__about{font-weight:var(--ff-medium);color:var(--white-100)}.mobile_nav{z-index:200;position:fixed;top:0;left:0;background-color:var(--grey-10);height:100%;width:100%;display:none;justify-content:center;align-items:center;animation:reveal 1s ease both}.mobile_nav--open{display:flex}@keyframes reveal{0%{opacity:0}to{opacity:1}}.mobile_nav--items{margin-top:-5rem;display:flex;flex-direction:column;align-items:center;gap:6rem;width:max-content;color:var(--white-100);font-size:var(--ff-h2)}.mobile_nav--items ul{display:flex;flex-direction:column;align-items:center;gap:.7rem}.mobile_nav--items ul a:nth-child(1){animation:reveal 1s ease .3s both}.mobile_nav--items ul a:nth-child(2){animation:reveal 1s ease .6s both}.mobile_nav--items ul a:nth-child(3){animation:reveal 1s ease .9s both}.mobile_nav--items ul a:nth-child(4){animation:reveal 1s ease 1.2s both}.mobile_nav--items .close{display:grid;margin-top:6rem}.mobile_nav--items .close span{grid-area:1/1;width:3rem;height:.3rem;background-image:var(--gradient);background-repeat:no-repeat;transform-origin:50% 50%;animation:reveal 1s ease 1.5s both}.mobile_nav--items .close span:nth-child(1){transform:rotate(45deg);background-size:200%}.mobile_nav--items .close span:nth-child(2){transform:rotate(-45deg);background-size:100%}main{flex:1;display:flex;min-height:fit-content;justify-content:center;margin-top:calc(var(--header-height) - .3rem)}footer{display:flex;justify-content:space-between;color:var(--grey-50);font-weight:var(--ff-light);font-size:var(--ff-p2);padding:3.5rem 0px}footer ul{display:flex;flex-direction:row;gap:3rem}footer ul img{min-height:2rem;width:auto;filter:initial;transition:filter .2s ease-in}footer #linkedin{height:2.4rem}footer #behance{height:2.28rem}footer #email{height:3.3rem;transform:translateY(-.4rem)}footer #medium{height:2.3rem}footer a:hover>img{filter:contrast(200%)}.about{display:flex;flex-direction:column;justify-content:center;gap:10rem}.about .intro{display:flex;flex-direction:column;gap:4.5rem}.about .intro>h1{color:var(--white-100);font-size:var(--ff-h1);font-weight:var(--ff-extralight);line-height:6.4rem;letter-spacing:.1rem;width:80%}.about .intro img{margin-bottom:-7px;height:6rem;width:auto}.about .intro b{font-weight:var(--ff-medium)}.about .intro p{color:var(--white-90);font-size:var(--ff-p1);letter-spacing:.01rem}.about .cta{display:flex;gap:2rem}.work{display:flex;flex-direction:column;gap:3rem;margin-top:5rem;margin-bottom:5rem}.work__item{display:grid;grid-template-columns:minmax(50rem,2fr) 1fr;padding:3.5rem;border-radius:3rem;border:.3rem solid var(--grey-15)}.work__item .thumbnail{grid-area:span 1;display:flex;justify-content:center;align-items:center;width:100%;height:20rem;border-radius:2rem;background-color:var(--grey-15)}.work__item .thumbnail img{width:15rem;height:auto}.work__item .content{grid-area:1/1;display:flex;flex-direction:column;gap:2rem}.work__item .content h2{font-size:var(--ff-h2);color:var(--white-100);font-weight:var(--ff-regular);line-height:4.8rem}.work__item .content ul{display:flex;gap:1rem;font-size:var(--ff-p1);font-weight:var(--ff-medium);color:var(--grey-70);margin-top:-1rem}.work__item .content p{font-size:var(--ff-p2);font-weight:var(--ff-regular);color:var(--grey-50)}.work__item .content button{width:max-content;margin-top:2rem}.case_study__section{gap:5rem;padding:5rem}.section_inset{margin:0 3rem}.section_image{width:100%;height:fit-content}.section_box{--background-color: var(--grey-07);--border-color: var(--grey-15);--padding: 2rem;background-color:var(--background-color);padding:var(--padding);border:.2rem solid var(--border-color)}.section_bubble{--background-color: var(--grey-10);--arrow-size: 4rem;position:relative;background-color:var(--background-color);padding:1.5rem 2rem}.section_bubble:after{z-index:-1;content:"";display:block;position:absolute;bottom:0;height:var(--arrow-size);width:var(--arrow-size);background-color:var(--background-color);transform:rotate(45deg) translate(50%) scaleX(.7)}.section_bubble:is(.bubble_right):after{right:var(--arrow-size)}.section_bubble:is(.bubble_center):after{right:50%}.tag{--background-color: var(--grey-10);--width: 100%;width:var(--width);background-color:var(--background-color);padding:1rem 1.5rem;border-radius:calc(var(--border-radius)/5)}.note{--background-color: red;--fold-color: yellow;--outer-color: var(--bg-color);--height: 12rem;position:relative;display:grid;place-content:start;place-items:center;gap:1rem;background-color:var(--background-color);padding:.7rem;width:100%;height:var(--height);text-align:center}.note:after{content:"";display:block;position:absolute;bottom:0;right:0;border-style:solid;border-color:var(--fold-color) var(--outer-color);border-width:3rem 3rem 0rem 0rem}.section_circle_icon{--background-color: var(--grey-10);--size: 10rem;--icon-size: 90%;--padding: .5rem;display:grid;place-items:center;place-content:center;aspect-ratio:1;width:var(--size);height:var(--size);padding:var(--padding);background-color:var(--background-color);border-radius:100%}.section_circle_icon>img{width:var(--icon-size);height:fit-content}.grid{display:grid}.col-4{grid-template-columns:repeat(4,1fr)}.col-3{grid-template-columns:repeat(3,1fr)}.col-2{grid-template-columns:repeat(2,1fr)}.row-2{grid-template-rows:repeat(2,1fr)}.span-2{grid-area:auto / span 2}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}[data-animate],.hidden{opacity:0;visibility:hidden;transition:all 1s}.visible{visibility:visible;opacity:1;transition:all 1s}.verify{max-width:20%}.verify .tag{background-color:#ae26243b;color:#e8322c;border:.01rem solid hsla(1,66%,41%,1);width:fit-content;padding:.8rem 3rem;margin-top:-1rem}.verify a{text-decoration:underline}.case_study{width:100%;gap:3rem}.case_study__nav{--focus-color: #8CF7CA;position:fixed;top:50%;left:10rem;font-size:var(--ff-caption);font-weight:var(--ff-light);color:var(--white-80);z-index:600}.case_study__nav ul{gap:1rem;justify-content:flex-end}.case_study__nav ul li{gap:1.3rem;justify-content:right;align-items:center;position:relative;cursor:pointer;transition:all 1s}.case_study__nav ul li:hover{color:var(--white-100)}.case_study__nav li:after{content:"";display:flex;margin-top:.1rem;height:1.5rem;width:1.5rem;border-radius:100%;border:.1rem solid var(--grey-50);background-color:var(--grey-20);transition:all 1s}.case_study__nav ul li[data-focus]:after{background-color:var(--focus-color);background-image:radial-gradient(var(--focus-color) 20%,var(--white-100) 100%);box-shadow:0 0 .5rem .1rem var(--focus-color)}.case_study__nav ul li[data-focus]{color:var(--white-100);font-weight:var(--ff-regular)}.case_study__section--header{gap:1rem}.case_study__section--header span{font-size:var(--ff-p1);font-weight:var(--ff-regular);text-transform:uppercase;color:var(--grey-70)}.case_study__section--header p{font-size:var(--ff-p1);font-weight:var(--ff-light);color:var(--grey-50)}.case_study__header{--gradient-0: hsla(0, 0%, 10%, 100%);--gradient-100: hsla(249, 35%, 16%, 85%);--gradient-pos-0: 0%;--gradient-pos-100: 100%;position:unset;display:inline-block;background-repeat:no-repeat;background-image:linear-gradient(180deg,var(--gradient-0) var(--gradient-pos-0),var(--gradient-100) var(--gradient-pos-100));overflow-y:hidden;height:75vh;width:100%;animation:headerGradientOnLoad 1s}@keyframes headerGradientOnLoad{0%{background-size:100% 300%;background-position:center 100%}to{background-position:center center;background-size:100% 100%}}.case_study__header--item{align-items:center}.case_study__header--item h2{font-size:var(--ff-h2);font-weight:var(--ff-extralight);color:var(--white-100);margin-top:4rem;text-align:center}.case_study__header--item b{font-weight:var(--ff-regular);color:var(--highlight-purple)}.case_study__screens{margin-top:10rem;justify-content:space-between!important;width:100%;animation:headerScreensOnLoad 1s}@keyframes headerScreensOnLoad{0%{transform:translateY(20%)}to{transform:translateY(0)}}.case_study__screens img{width:30rem;height:auto}#details ul{grid-template-columns:1.5fr 1fr 1fr;background-color:var(--grey-10);border:var(--border);border-radius:var(--border-radius);margin-top:10rem;margin-bottom:4rem;padding:5rem 4rem;gap:5rem 0rem!important}#details ul li{gap:1.5rem}#details ul li img{display:inline-block;width:3.5rem;height:fit-content;margin-top:.5rem}#details ul li img[data-emoji=bookmark],#details ul li img[data-emoji=alarm-clock]{width:3rem;margin-top:1rem}#details ul li span{gap:.5rem}#details ul li span h4{font-size:var(--ff-h4);font-weight:var(--ff-regular);color:var(--grey-70)}#details ul li span p{font-size:var(--ff-p1);font-weight:var(--ff-light);color:var(--grey-50)}#ending_notes{margin-top:5rem;padding:15rem 0;background-color:var(--grey-10);color:var(--white-80)}#ending_notes>div{gap:7rem}#ending_notes h4{font-size:var(--ff-h4);font-weight:var(--ff-medium)}#ending_notes ul{gap:3rem}#ending_notes ul li{font-size:var(--ff-p1);font-weight:var(--ff-light);margin-left:2rem;gap:2rem;list-style-type:disc}#next_case_study{position:relative;padding:5rem 0}#next_case_study:before{z-index:-1;content:"";padding:.5rem;position:absolute;top:-.5rem;left:0;right:0;background-image:var(--gradient)}#next_case_study h2{font-size:var(--ff-h2);font-weight:var(--ff-medium);color:var(--white-90)}.about-me{gap:20rem;padding:15rem 0}.about-me>.intro p{line-height:3.6rem}.about-me h1{font-size:5rem}.about-me .after-hours{gap:12rem}.about-me .after-hours h1 img{height:6rem;width:fit-content;transform:translateY(1rem)}.ah-carousel{overflow-x:hidden}.ah-carousel-track{--carousel-track-width: auto;gap:2rem;animation:ah-scroll 40s linear infinite}@keyframes ah-scroll{0%{transform:0%}to{transform:translate(calc(var(--carousel-track-width) * -1))}}.ah-carousel-item{flex:1}.ah-carousel-item:nth-child(1){margin-left:2rem}.ah-carousel-item>img{width:fit-content;height:36rem}.about-music button{max-width:fit-content}.about-music img{height:fit-content;width:60%}.music img{height:26rem;width:fit-content}.music img:nth-of-type(1){border-radius:30%}.music p{letter-spacing:.05rem}.music button{padding:0 7rem;max-width:fit-content}@media screen and (max-width: 1650px){.case_study__nav{left:2rem}}@media screen and (max-width: 1440px){:root{--ff-h1: 5rem;--ff-h2: 3.5rem;--ff-h3: 3rem;--ff-h4: 2rem;--ff-p1: 1.8rem;--ff-p2: 1.6rem;--ff-caption: 1.4rem;--ff-small: 1.2rem;--ff-tiny: .9rem}br{display:none}.content_wrap{width:70%!important}header .header__wrapper{width:70vw!important}.case_study__section{padding:4rem}.case_study__screens{width:fit-content;justify-content:space-between;gap:2rem}.case_study__screens img{width:22rem}.case_study--2 #ideation_and_brainstorm .information-architecture>img{max-width:70%!important}.verify{max-width:30%}.about-music img{width:80%}}@media screen and (max-width: 1200px){.case_study__nav{display:none}}@media screen and (max-width: 1024px){.content_wrap{width:90%!important}header .header__wrapper{width:90vw!important}br{display:none}.case_study__screens{gap:2rem}.case_study__screens img{width:33.3%}.about .intro>h1{width:100%}.work__item .content ul{flex-wrap:wrap;line-height:70%}#details ul{grid-template-columns:1fr 1fr}#details ul li{grid-area:span 1}}@media screen and (max-width: 900px){:root{--ff-h1: 4rem;--ff-h2: 2.5rem;--ff-h3: 1.8rem;--ff-h4: 1.7rem;--ff-p1: 1.5rem;--ff-p2: 1.3rem;--ff-caption: 1.1rem}.work__item{grid-template-columns:1fr;gap:3rem;padding:1.2rem;gap:2rem}.work__item .thumbnail{grid-area:1/1}.work__item .content{grid-area:span 1;gap:1.5rem}.work__item .content ul{margin-top:-.5rem;line-height:70%}.work__item .content h2{line-height:3rem}.work__item .thumbnail{height:15rem}.work__item .thumbnail img{width:13rem}.verify{max-width:80%}}@media screen and (max-width: 720px){:root{--border-radius: 2rem;--border: .2rem solid var(--grey-15);--header-height: 10rem}.grid-responsive{display:grid!important;grid-template-columns:1fr!important}.flex-responsive{flex-direction:column!important;width:100%}.flex-responsive-reverse{flex-direction:column-reverse!important;width:100%}header .header__wrapper{width:100vw!important;padding:0 2rem}.header__logo{margin-left:1rem}nav{display:none}.header__menu{display:flex}.line{height:.2rem}footer{padding:2.5rem 0;flex-direction:column-reverse;justify-content:center;align-items:center;gap:1.5rem}footer ul{gap:2rem}footer #linkedin{height:2.2rem}footer #behance{height:1.8rem;margin-right:-.7rem}footer #medium{height:1.6rem}.carousel{display:grid!important;grid-template-columns:repeat(auto-fill,60vw)!important;grid-auto-columns:60vw!important;grid-auto-flow:column;overflow-x:scroll;scrollbar-width:none;scroll-snap-type:x mandatory;width:100%!important;margin:0!important;padding:0 3rem!important}.carousel>*{height:inherit!important;scroll-snap-align:center}.about{gap:6rem;padding:5rem 0}.about .intro{gap:3rem}.about .intro>h1{width:100%;line-height:110%}.about .intro img{height:5rem}.about .cta{flex-direction:column;gap:1.2rem}.about .cta button{width:100%;font-size:var(--ff-p1)}.work{gap:3rem}.work__item{border-radius:2rem}.work__item .thumbnail{border-radius:1rem}.work__item .content button{margin-top:1rem;padding:1.6rem;width:100%}.work__item .content ul{gap:.5rem;line-height:100%}.case_study__section{gap:3rem!important;padding:0}.case_study__header{height:auto;overflow:hidden;padding-bottom:2rem}.case_study__header--item{width:100%!important;gap:5rem}.case_study__header--item h2{margin-top:2rem;padding:0 2rem}.case_study__screens{margin-top:unset;padding:0;overflow-x:scroll;scrollbar-width:none;scroll-snap-type:x mandatory;padding:0 2rem;width:100%!important}.case_study__screens img{scroll-snap-align:center;width:20rem}#details ul{margin-top:5rem;padding:3rem 2rem;gap:3.5rem!important}#details img[data-emoji]{width:3rem}#details img[data-emoji=bookmark],#details img[data-emoji=alarm-clock]{width:2.5rem!important}#ending_notes{padding:10rem 0}.about-me{padding:8rem 0;gap:7rem}.about-me .intro{gap:7em}.about-me .intro .section_inset{margin:0;gap:5rem}.about-me .intro .section_inset img{width:100%;height:fit-content}.about-me>.intro p{line-height:2rem}.about-music img{height:fit-content;width:100%!important}.about-music .gap-5{gap:2rem!important}.about-music .gap-3{gap:1.4rem}.about-music button{margin-top:2rem;max-width:100%}.about-me .after-hours{gap:7rem}.about-me .after-hours h1{font-size:3.5rem}.about-me .after-hours h1 img{height:4rem;width:fit-content;transform:translateY(1rem)}.ah-carousel-item>img{width:fit-content;height:30rem}.music>div{gap:6rem!important}.music img{max-width:100%;height:fit-content}}