@font-face{font-family:"Awesome Serif";src:url("Awesome Serif VAR-VF.ttf")}@font-face{font-family:Montreal Mono;src:url(/assets/PPNeueMontrealMono-Book-J4SPym8w.otf);font-weight:400}@font-face{font-family:main-ss;src:url(/assets/BagossStandardTRIAL-Regular-tmjKTbKw.ttf);font-weight:400}@font-face{font-family:main-ss;src:url(/assets/BagossStandardTRIAL-Medium-4Y_9_xJT.ttf)}@font-face{font-family:main-ss;src:url(/assets/BagossStandardTRIAL-Bold-v4bzIRKc.ttf);font-weight:700}@font-face{font-family:main-ss;src:url(/assets/BagossStandardTRIAL-Light-StjFiWMp.ttf);font-weight:lighter}@font-face{font-family:main-ss;src:url(/assets/BagossStandardTRIAL-SemiBold-CLZT-2Fp.ttf);font-weight:600}@font-face{font-family:Montreal Mono;src:url(/assets/PPNeueMontrealMono-Medium-Cj1ZaRGe.otf);font-weight:500}@font-face{font-family:SF Pro Display;src:url(/assets/SFPRODISPLAYBOLD-CkqE-6tD.OTF);font-weight:700}@font-face{font-family:Neue-Mono;src:url(/assets/PPNeueMontrealMono-Medium-Cj1ZaRGe.otf)}@font-face{font-family:"45mono-l";src:url(/assets/Mono45Headline-Light-BBGt3Fwv.ttf)}@font-face{font-family:"45mono-r";src:url(/assets/Mono45Headline-Regular-CRmViKKX.ttf)}@font-face{font-family:"45mono-b";src:url(/assets/Mono45Headline-Bold-DklF7r6m.ttf)}@font-face{font-family:"Awesome Serif Italic";src:url("Awesome Serif Italic VAR-VF.ttf")}@font-face{font-family:"Instrument Serif";src:url(/assets/InstrumentSerif-Regular-D2fgtoWl.ttf)}@font-face{font-family:"Instrument Serif Italic";src:url(/assets/InstrumentSerif-Italic-D67hM5si.ttf)}@font-face{font-family:Neue Montreal;src:url(/assets/NeueMontreal-Regular-CxM6MvLr.otf)}:root{font-family:Bagoss Standard TRIAL,Neue Montreal;font-weight:400;line-height:1;--page-padding: 1.5rem;--color-text: #fff;--color-link: rgba(255,255,255,.6);--color-link-hover: #fff;--color-bg-1: #94260F;--color-bg-2: #EDDCCC;--color-bg-3: #2E424A;--color-accent: #FFFF9B;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;--line-color: #2D232E;--line-color: #ffffff;--footer-link-color:rgb(70, 50, 50);--sea-green: #30464D}button{font-family:Bagoss Standard Trial,Neue Montreal;cursor:pointer}*{box-sizing:border-box}body{margin:0;padding:0;background-color:#fffef5}.preloader{background-color:#000;height:100dvh;width:100%;position:fixed;top:0;left:0;z-index:10000;overflow:hidden;display:block;pointer-events:none}.top-right-fixed{scale:0;display:flex;align-items:center;justify-self:right;right:1.5rem;top:1.5rem;border-radius:50%;z-index:100}.cta h1{font-weight:500;color:#e2e2e2;font-size:1rem;text-transform:uppercase}.cta{background-color:#4c3b3b;padding:0rem 1rem;border-radius:1.2rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}.cta:hover{background-color:#000;scale:1.01;transition:.2s ease;color:#f7f755}.menu-logo{position:absolute;top:2rem;left:2rem}.menu-logo a img{width:8rem}.menu-logo a{color:#fff}.menu-copy p{color:var(--color-accent)}.menu-toggle{position:fixed;top:1.5rem;right:2rem;background-color:var(--sea-green);height:3rem;width:8rem;border-radius:8rem;transition:width .5s cubic-bezier(.075,.82,.165,1);transform-origin:right;cursor:pointer;z-index:1001;scale:0}.menu-toggle.opened{width:4rem}.menu-copy{position:absolute;top:50%;left:2.3rem;transform:translateY(-50%);color:#fff;transition:left .5s cubic-bezier(.075,.82,.165,1);z-index:1001}.menu-copy p{text-transform:uppercase;font-weight:500;font-size:.8rem;margin:0;padding:0;color:var(--color-accent)}.menu-toggle:hover .menu-copy{color:#fff;left:1.5rem}.menu-toggle.opened .menu-copy{opacity:0}.menu-toggle-icon{position:absolute;right:0;width:4rem;height:4rem;border-radius:100%;clip-path:circle(10% at 50% 37%);background-color:var(--color-accent);transition:all .5s cubic-bezier(.075,.82,.165,1);z-index:1001;overflow:hidden}.menu-toggle:hover .menu-toggle-icon{clip-path:circle(30% at 50% 40%)}.menu-toggle.opened .menu-toggle-icon{clip-path:circle(30% at 50% 40%);transform:scale(1.4);z-index:1001}.hamburger{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;transition:all 1s cubic-bezier(.075,.82,.165,1);opacity:0;z-index:1001}.menu-toggle:hover .hamburger,.menu-toggle.opened .hamburger{top:40%;left:50%;opacity:1}.menu-bar{position:absolute;width:1rem;height:1.5px;background-color:var(--sea-green);transition-property:transform;transition:all .25s ease-out;z-index:1001}.menu-bar[data-position=top]{transform:translateY(-3px);z-index:1001}.menu-bar[data-position=bottom]{transform:translateY(3px);z-index:1001}.menu-toggle.opened .menu-bar[data-position=top]{transform:translateY(0) rotate(45deg) scaleX(1.05)}.menu-toggle.opened .menu-bar[data-position=bottom]{transform:translateY(0) rotate(-45deg) scaleX(1.05)}.menu{z-index:1000;position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;background-color:var(--sea-green);pointer-events:none;transform-style:preserve-3d;perspective:1000px;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}.col{flex:1}.col-2{flex:2}.col{position:relative;height:100%;padding:10rem 2rem 2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.link{position:relative;transform:translateY(30px);opacity:0}.link a{text-decoration:none;color:#fff;font-size:3rem;font-weight:300;letter-spacing:-1.5px;line-height:125%;transition:.3s ease}.link a:hover{text-decoration:none;color:var(--color-accent);font-size:3rem;transition:.3s ease}.video-wrapper{width:100%;aspect-ratio:16/9;background-color:#1d1d1d;overflow:hidden;padding:2rem;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}.video-wrapper video{width:100%;height:100%;object-fit:cover}.socials{width:50%;display:flex;gap:2em}.socials .sub-col{flex:1}.socials .sub-col p{position:relative;color:#fff;opacity:0;transform:translateY(2rem);font-size:.8rem;font-weight:400}.sub-col a{color:#fff}.header{height:15rem;display:flex;align-items:center}.header h1{color:#fff;font-size:8rem;font-weight:500;height:10rem}.landing{margin:.5rem;padding:0;background-color:#eaeaea;border-radius:1rem;min-height:calc(100dvh - 1rem);background-image:url(/assets/test-Fw0b0Mpm.webp);background-position:50% 50%;background-size:cover;overflow:hidden}.background{margin:0;padding:0;display:flex;justify-content:center;width:100dvw;height:100dvh;position:fixed;top:0;left:0;background-image:url(/assets/overlay-C6sEGE4b.webp);opacity:.2;z-index:-1}.ball,.cassette,.vinyl{height:5rem}.cassette,.vinyl,.ball{z-index:10;filter:drop-shadow(10px 10px 10px rgba(65,65,65,.4))}.guitar{height:16rem;rotate:-60deg;z-index:10}.top-navbar-main{padding-right:2rem;padding-left:2rem;display:flex;align-items:center;justify-content:space-between;margin:1rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;overflow:hidden;border-radius:1rem;gap:2rem;width:calc(100dvw - 3rem);height:3rem}#main-logo{height:2.5rem;cursor:pointer}.top-nav-container{display:flex;padding:1rem;gap:4rem}.nav-link{display:inline-block;font-size:1.3rem;text-decoration:none;cursor:pointer;color:#fff;overflow:hidden;line-height:1.4rem;height:1.4rem}.nav-link:hover .letter,.nav-link.play .letter{transform:translateY(-100%)}.nav-link .block:last-child{color:#ffff9b}.nav-link .letter{display:inline-block;transition:transform .4s cubic-bezier(.76,0,.024,1)}.letter:nth-child(1){transition-delay:0s}.letter:nth-child(2){transition-delay:.03s}.letter:nth-child(3){transition-delay:.06s}.letter:nth-child(4){transition-delay:.09s}.letter:nth-child(5){transition-delay:.12s}.letter:nth-child(6){transition-delay:.15s}.letter:nth-child(7){transition-delay:.18s}.letter:nth-child(8){transition-delay:.21s}.letter:nth-child(9){transition-delay:.24s}.letter:nth-child(10){transition-delay:.27s}.letter:nth-child(11){transition-delay:.3s}.hero{height:80dvh;display:flex;justify-content:center;align-items:center}.hero-mobile{display:none}.main{display:flex;align-self:center;justify-content:center;max-width:100dvw;cursor:default}.hero-lines{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0rem 1rem}.line{display:flex;gap:.5rem}.line h1{margin:0;font-weight:500;font-size:4.8rem}.word{color:#fff;font-family:"Instrument Serif";letter-spacing:-3px}.word-i{color:var(--color-accent);font-style:italic;font-family:"Instrument Serif Italic";letter-spacing:-3px}.diff{mix-blend-mode:difference}.lines{display:flex;flex-direction:column;align-items:center;gap:0rem}.line-1,.line-3{display:flex;align-self:center;align-items:center;gap:1rem;line-height:0;height:fit-content;margin:-1rem;flex-wrap:wrap}.name,.name-i{font-size:6rem;font-family:"Instrument Serif";font-weight:200;color:#fff;line-height:0;letter-spacing:-6px}.name-i{font-weight:600;font-family:"Instrument Serif Italic";font-style:italic;color:#ffff9b;letter-spacing:-5px}.image-preview{width:10rem;height:5.5rem;border-radius:3rem;padding:0;margin:0;display:none}.bombay-text{mix-blend-mode:difference}.stickers{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.stickers:hover{transform:rotate(-5deg) scale(1.05);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.batbunny,.calendar,.camcorder,.cam,.can,.car,.pokemon-cards,.cat,.chocolates,.coffee,.coin,.cros,.die,.disco,.floppy,.flower,.gameboy,.guitar,.key,.kodak,.lappy,.mac,.molten,.molten2,.moon,.old-mac,.orange,.paint,.pal,.pick,.popsicle,.rock,.skelego,.sony-cas,.star,.strawberry,.sushi,.tab,.transp-cas,.watermelon,.bubble,.cd,.breader,.blb,.vinyl,.ball,.biscoff,.phone,.ipod,.pineapple,.fish,.cool-lego{height:7rem}.phone{height:18rem;left:1%;top:11%}.ipod{top:10%;right:2%;height:10rem}.fish{top:2%;left:15%}.paint{left:unset;top:unset;right:2%;bottom:2%}.guitar{height:15rem;bottom:0%;left:28%}.bubble{display:none;height:7rem;top:30%;right:27%}.batbunny{height:12rem;top:18%;left:30%;rotate:30deg}.pal{bottom:5%;right:24%}.orange{top:36%;left:20%}.pineapple{bottom:2%;left:42%;rotate:30deg;height:10rem}.ball{height:6.5rem;left:20%;bottom:30%}.blb{left:9%;top:31%}.pokemon-cards{bottom:5%;left:40%}.cros{bottom:3%;right:38%;rotate:-40deg;height:8rem}.strawberry{left:15%;bottom:24%}.popsicle{height:10rem;right:3%;bottom:18%}.kodak{right:17%;top:28%}.cat{top:20%;left:16%}.calendar{top:20%;left:8%}.biscoff{bottom:35%;right:10%}.breader{right:10%;top:30%;height:5rem;rotate:-30deg}.cd{top:11%;right:23%}.coffee{bottom:1%;left:21%}.star{top:13%;right:29%;height:10rem;rotate:-20deg}.mac{height:10rem;right:9%;bottom:14%}.old-mac{left:8.5%;top:42%;height:11rem}.vinyl{left:1%;bottom:2%}.molten2{height:10rem;right:1%;bottom:42%}.sony-cas{top:10%;right:10%}.floppy{top:12%;right:42%;height:6rem}.tab{bottom:21%;right:20%}.pick{height:8rem;top:46%;right:19%;rotate:-45deg}.gameboy{rotate:-20deg;left:3%;bottom:20%}.camcorder{left:40%;top:10%}.car{bottom:10%;left:9%}.sushi{top:32%;right:28%}.gameboy,.disco{height:10rem}.disco{top:0;left:25%}.bounding-box{border:1px solid #000000;min-height:calc(100dvh - 1rem);margin:.5rem;border-radius:1rem;overflow:hidden}.about-section{background-color:#fff;border:1px solid #000000;padding-bottom:3rem}.whoami-title{margin-left:1rem;display:flex;align-items:center;gap:.5rem}.whoami-title img{height:6rem}.whoami-title h1{font-family:"Instrument Serif Italic";font-size:4rem;letter-spacing:-1.5px;margin:1rem 0rem}.aboutme-overview{padding:0rem 0rem 0rem 2rem;font-size:4rem}.serif{font-family:"Instrument Serif Italic"}.sans-serif{font-family:Bagoss Standard Trial,Neue Montreal;font-weight:400;letter-spacing:-2px}.description-text{width:60dvw;font-size:2rem;margin-left:2rem}.aboutme-content{display:flex;gap:3rem}.my-picture,.phone-mockup{height:32dvw;position:absolute;z-index:2;transition:transform .5s ease,z-index 0s linear .5s;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.phone-mockup{z-index:1;transition:transform .5s ease,z-index 0s linear .5s;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.my-picture:hover{transform:rotate(-5deg) translate(-5rem)}.my-picture:hover+.phone-mockup{transform:rotate(5deg) translate(8rem)}.other-interests-text{margin-left:2rem;font-size:1.2rem}.interests{display:flex;gap:1rem;margin-left:2rem}.interest{font-size:1.4rem;padding:.6rem;border-radius:1rem;background-color:var(--color-accent);border:1px solid #f7f755;color:#000;display:flex}.interest-icon{width:1.2rem;height:1.2rem;margin-left:.4rem;margin-right:.4rem}.actual-icon{width:1.6rem;height:1.6rem;border-radius:50%}.services-holder{border:1px solid black;width:calc(100vw - 1rem);justify-self:center;border-radius:1rem}.services-section-title{display:flex;margin-left:2rem;margin-right:2rem;align-items:center;gap:2rem}.services-section-title img{height:10rem}.services-section-title-text{color:#000000ef;font-weight:400;font-size:8rem;line-height:0;font-family:"Instrument Serif Italic";letter-spacing:-4px}.mac-folder{width:7rem;cursor:cell;height:fit-content;grid-column:8;align-self:center;animation:float 8s ease-in-out infinite;filter:drop-shadow(0px 0px 1.5px rgba(0,0,0,.5))}.services-content{display:grid;grid-template-columns:repeat(8,1fr);align-items:normal}.services-text{font-size:1.2rem;font-family:"45mono-r";color:#747474;grid-column:2;margin-left:2rem;margin-top:.5rem}.trigger{grid-column:3/7}.trigger-text{font-size:1.4rem;text-align:justify;line-height:1.2}.services-list{display:flex;flex-direction:column;height:fit-content;overflow:hidden}.actual-services{display:grid;grid-template-columns:repeat(8,1fr);border-radius:3rem 3rem 1rem 1rem}.service-number{grid-column:1;font-size:2.5rem}.service-number p{margin-left:2rem;margin-top:3rem}.service{grid-column:3/7}.service-title h1{font-weight:500;font-size:2.5rem;margin-top:3rem}.service-description{font-size:1.25rem;line-height:1.2}.list-of-services{display:flex;flex-direction:column;gap:0;margin-bottom:3rem;height:clamp(50px,10dvw,fit-content)}.service-list-item{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;border-bottom:1px solid rgb(191,191,191)}.service-list-item-number{font-size:1.2rem;font-family:Neue-Mono}.service-list-item-name-text{font-size:1.6rem;font-weight:500}.service-list-item-name{font-size:1.4rem;font-weight:500;grid-column:3/10}.service-1{background-color:var(--color-bg-1)!important;color:#fff}.service-2{background-color:var(--color-accent)!important;color:var(--color-bg-3)}.service-2 .service-list-item{border-bottom:var(--color-bg-3) 1px solid}.service-3{background-color:var(--color-bg-3)!important;color:#fff}.collapsibles{border-radius:2rem;width:calc(100dvw - 1rem);display:flex;flex-direction:column;gap:.5rem;display:none}.collapsible-service{border:1px solid rgba(0,0,0,.404);display:flex;flex-direction:column;grid-template-columns:repeat(8,1fr);border-radius:2rem;overflow:hidden}.collapsible-service-header{display:grid;grid-template-columns:repeat(12,1fr);align-items:center;padding:2rem 1rem;margin-bottom:1rem;background-color:#2d232e;cursor:pointer}.collapsible-service-number{grid-column:1}.collapsible-service-number p{font-size:2rem}.collapsible-service-title{grid-column:3/11}.collapsible-service-title h1{font-weight:500;font-size:1.5rem}.collapsible-toggle-btn{background:#5e5e5ee7;color:#fff;border:none;padding:.5rem 1rem;border-radius:3rem;cursor:pointer;transition:background .3s;grid-column:12}.collapsible-toggle-btn:hover{background:#000}.collapsible-service-content{margin-top:-1.5rem;max-height:0;overflow:hidden;padding:0 1rem;transition:max-height .3s ease-out,padding .3s ease-out}.collapsible-service-description{margin:0}.collapsible-service-description p{font-size:1.2rem;line-height:1.2;margin:0;text-align:justify}.collapsible-service-list{display:flex;flex-direction:column;gap:0;margin-bottom:3rem}.collapsible-service-list-item{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;border-bottom:1px solid rgb(191,191,191)}.collapsible-service-list-item-number{font-size:1.2rem;grid-column:2}.collapsible-service-list-item-name{grid-column:3/10}.collapsible-service-list-item-name h1{font-size:1.8rem;font-weight:500}.work-section{background-color:#fff;border:1px solid #000000;min-height:calc(100dvh - 1rem);margin:.5rem;border-radius:1rem}.work-title{margin-left:2rem;display:flex;align-items:center;gap:1rem}.work-title img{height:5rem}.work-title-text{font-family:"Instrument Serif Italic";font-size:4rem;margin:2rem 0rem 1rem}::selection{background-color:#ff8400;color:#fff}.card img{width:100%;height:100%;object-fit:cover}.container{position:relative;margin:0;padding:0;width:calc(100dvw - 1rem);height:calc(100dvh - 9rem);overflow:hidden}.helper{margin:0;justify-self:center;color:#00000079}.slider{position:absolute;width:calc(100dvw - 1rem);height:100dvh;overflow:hidden;perspective:36dvh;perspective-origin:50% 100%}.card{position:absolute;top:35%;left:50%;width:50%;height:48dvh;border-radius:1rem;overflow:hidden;transform:translate3d(-50%,-50%,0);background:#000;cursor:alias;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.card img{position:absolute;opacity:.7}.copy{position:absolute;transform:translate3d(-50%,-50%);width:100%;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);display:flex;flex-direction:column;align-items:center}.card h1{position:relative;text-align:center;justify-self:center;align-self:center;font-family:"Instrument Serif";font-size:6dvw;font-weight:300;letter-spacing:-.05rem;text-transform:uppercase;color:#fff;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;filter:drop-shadow(0px 0px 20px rgba(0,0,0,052))}.card h1 span{position:relative;display:inline-block;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.card a{background-color:#000;padding:1rem 2rem;border-radius:1rem;color:var(--color-accent);transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;border:1px solid rgb(211,216,122);filter:drop-shadow(0px 0px 5px rgba(0,0,0,052));margin-bottom:1rem}.card a:hover{transform:translateY(-10px) scale(1.1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.floater{animation:float 3s ease-in-out infinite}.recent-works{margin:5rem 1rem 2rem;padding:1rem;display:flex;flex-direction:column;gap:2rem}.recent-works-title{margin-left:2rem;display:flex;align-items:center}.recent-works-title h1{font-family:"Instrument Serif Italic";font-size:4rem;letter-spacing:-2px;margin:0;margin-left:.5rem}.recent-works-title img{height:5rem}.recent-work{display:flex;flex-direction:column;justify-self:center;align-self:center}.recent-work img{width:60rem;border-radius:1rem;border:1px solid black;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.recent-work p{font-size:1.5rem;margin:.5rem 0rem;color:#802424}.cases-section{margin:0rem 2rem}.cases{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-bottom:0rem}.case{display:flex;flex-direction:column-reverse;width:max-content;gap:0}.cases-title{display:flex;align-items:center;gap:.5rem;justify-content:baseline;grid-row:1;margin-left:2rem}.cases-title img{height:6rem}.cases-title h1{font-family:"Instrument Serif Italic";font-size:4rem;margin:2rem 0rem 1rem}.grid-container{display:flex;perspective:1000px}.grid-item{border:1px black solid;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;display:flex;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.34,1.56,.64,1);perspective:1000px;overflow:hidden;height:18rem;width:38rem;border-radius:1rem;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:center;background-color:#fff}.grid-item:hover{transform:rotateX(6deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.grid-item:hover .grid-item img{transform:translateZ(30px)}.grid-item img{object-fit:cover;width:100%;height:100%;backface-visibility:hidden}.case-title{display:flex;gap:1rem}.case-title h1{font-size:1.5rem;font-weight:400;margin-bottom:0}.tags{grid-column:11}.tag{width:max-content}.tag p{padding:.5rem 1rem;border-radius:2rem;color:#e0e2d7;font-size:1rem}.ds{background:#0d232a;background:-moz-linear-gradient(0deg,rgba(13,35,42,1) 0%,rgba(40,60,156,1) 100%);background:-webkit-linear-gradient(0deg,rgba(13,35,42,1) 0%,rgba(40,60,156,1) 100%);background:linear-gradient(0deg,#0d232a,#283c9c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d232a",endColorstr="#283c9c",GradientType=1)}.genai{background:#0d232a;background:-moz-linear-gradient(0deg,rgba(13,35,42,1) 0%,rgba(156,40,111,1) 100%);background:-webkit-linear-gradient(0deg,rgba(13,35,42,1) 0%,rgba(156,40,111,1) 100%);background:linear-gradient(0deg,#0d232a,#9c286f);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d232a",endColorstr="#9c286f",GradientType=1)}.ml{background:#0d232a;background:-moz-linear-gradient(0deg,rgba(13,35,42,1) 0%,rgba(157,81,21,1) 100%);background:-webkit-linear-gradient(0deg,rgba(13,35,42,1) 0%,rgba(157,81,21,1) 100%);background:linear-gradient(0deg,#0d232a,#9d5115);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d232a",endColorstr="#9d5115",GradientType=1)}.playground-title{display:flex;align-items:center;margin-left:2rem;gap:1rem;margin-top:2rem}.playground-title img{height:6rem}.playground-title h1{font-family:"Instrument Serif Italic";font-size:4rem;letter-spacing:-2px;margin:0}.plg-image-grid{justify-content:center;border-radius:1rem;display:flex;flex-wrap:wrap;gap:1rem;margin:20px;padding:1rem;background-color:#fff;height:max-content;align-items:center}.plg-image-item{background-size:cover;background-position:center;border-radius:8px;box-shadow:0 4px 8px #0003;flex-shrink:0;width:13rem;height:15.6rem;transition:ease .3s}.plg-image-item:hover{transform:scale(1.02);transition:ease .3s;border-radius:50%}.time,.sirionigiri,.quote,.sleep{width:15.6rem;height:15.6rem}.more-on-insta{background-color:var(--color-bg-1);width:calc(100vw - 4rem);place-self:center;border-radius:5rem;text-align:center;align-items:center;height:max-content;margin-bottom:1rem;transition:.2s ease}.more-on-insta p{text-decoration:none;color:#fff;font-size:1.2rem;margin:0;padding:1rem;cursor:pointer}.more-on-insta:hover{background-color:var(--color-bg-3);transition:.2s ease}.more-on-insta a{text-decoration:none;display:flex;gap:0rem;justify-content:center;align-items:center}.brands{display:flex;flex-direction:column;width:calc(100vw - 2rem);place-self:center;margin-top:0}.brand{display:flex;padding:1rem;width:100%;gap:1rem;align-items:start;flex-wrap:wrap;border:1px rgb(154,131,15) solid;margin:.5rem;place-self:center;border-radius:1rem;background-color:ivory}.rr{background-color:#fbf4f6;border:1px #7a314a solid}.lawm{background-color:#f2e8f7;border:1px #7a314a solid}.brand-image{width:30rem;height:fit-content;border-radius:1rem;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.brand-image:hover img{filter:brightness(70%);transform:scale(1.08);transition:all .3s ease}.brand-image img{width:100%;scale:1.05;object-fit:cover;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.brand-content{display:flex;flex-direction:column}.brand-content h1{font-size:6rem;font-weight:500;font-family:"Instrument Serif";letter-spacing:-2px;margin:0}.brand-content p{width:calc(100vw - 600px);font-size:1.5rem;flex-grow:1}.brand-content ul{color:#000;list-style:circle;margin:0;padding:0}.brand-content ul li{margin-bottom:.5rem;font-size:1.1rem}.proof-title{font-family:"Instrument Serif Italic";font-size:4rem;margin:2rem 0rem 1rem 2rem}hr{margin:0}.menubar img{width:calc(100dvw - 1rem)}.exp-container{margin-top:0rem;flex-wrap:wrap;display:flex;gap:1rem;justify-content:center;justify-self:center;padding:1rem}.exp{display:flex;flex-direction:column;align-items:center}.exp p{font-weight:400;font-size:.8rem;color:#e0e2d7;font-family:SF Pro Display;font-weight:500}.breakout p{width:7rem;text-align:center}.usc img,.lawmatics img,.breakout img{height:6dvw;border-radius:1rem}.worked-as{margin:0%;margin-left:0rem;font-size:1.5rem;font-family:SF Pro Display;font-weight:800;color:#f7f7f7}.tech-stack-container{padding:1rem;display:flex;gap:1rem;flex-wrap:wrap}.macos{margin:0;display:flex;flex-direction:column;padding:0;width:100%;height:calc(100dvh - 1rem);background-image:url(/assets/mac-os-wp-BpKAbNmL.webp);background-size:cover;justify-content:space-between;align-items:center;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont}.macos-window{margin-top:0%;top:24px;right:0;border-radius:12px;width:calc(100dvw - 36rem);background:#32323299;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);box-shadow:0 8px 16px #00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-bottom:2rem;position:absolute;z-index:1}.title-bar{cursor:grab;display:flex;align-items:center;justify-content:flex-start;height:30px;background:#46464666;border-bottom:1px solid rgba(255,255,255,.1);padding:0 10px}.title-bar:active{cursor:grabbing}.traffic-lights{display:flex;gap:8px}.traffic-light{width:12px;height:12px;border-radius:50%}.traffic-light.close{background-color:#ff5f56}.traffic-light.minimize{background-color:#ffbd2e}.traffic-light.maximize{background-color:#27c93f}.content{padding:1rem;font-size:16px;color:#333}@media (max-width: 400px){.content{font-size:14px}}.macos-notes-window{position:absolute;bottom:20%;right:20%;width:400px;height:200px;background:#fff;border-radius:1rem;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;cursor:grab;border:1px solid #ccc;font-family:SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.window-header{height:40px;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 10px;cursor:grab}.traffic-lights{display:flex;gap:8px;margin-right:auto}.traffic-light{width:12px;height:12px;border-radius:50%;background-color:#f56c6c}.traffic-light:nth-child(2){background-color:#fbc02d}.traffic-light:nth-child(3){background-color:#5ab964}.window-title{font-size:16px;font-weight:700;margin-left:10px;font-family:SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.window-content{flex-grow:1;padding:20px}textarea{padding:1rem;width:100%;height:100%;border:none;background-color:transparent;font-family:SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;outline:none;resize:none;color:#f5f5f5}.dock{z-index:999;display:flex;justify-content:center;align-items:flex-end;background:#a7a7a749;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:4px;box-shadow:0 10px 20px #0003;width:max-content;justify-self:center}.dock-item{margin:0 4px;transition:transform .1s,box-shadow .1s;transform-origin:bottom center}.dock-item:hover .dock-item:last-child{margin-right:2rem}.dock-item:hover .dock-item:first-child{margin-left:2rem}.dock-item img{width:4rem;height:4rem;transition:transform .1s;-webkit-user-select:none;user-select:none}.dock-item:hover img{transform:scale(1.3)}.macos-finder-window{bottom:75px;left:0;position:absolute;width:700px;height:400px;background-color:transparent;display:flex;overflow:hidden;border-radius:16px;z-index:0}.window-header{height:40px;background:#2c2c2c;border-bottom:1px solid #3A3A3A;display:flex;align-items:center;padding:0 10px;cursor:grab;flex-shrink:0;gap:1rem}.window-header:active{cursor:grabbing}.traffic-lights{display:flex;gap:8px;margin-right:0}.traffic-light{width:12px;height:12px;border-radius:50%;background-color:#ff453a}.traffic-light:nth-child(2){background-color:#ffd60a}.traffic-light:nth-child(3){background-color:#32d74b}.window-title{font-size:16px;font-weight:700;margin-left:10px;color:#e7e7e7}.window-content{display:flex;flex-direction:column;width:100%;background-color:#1e1e1e;padding:0}.sidebar{width:200px;color:#a1a1a1;padding:10px;display:flex;flex-direction:column;font-size:14px;margin:0;background:#32323299;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);box-shadow:0 8px 16px #00000080;border:1px solid rgba(255,255,255,.1);overflow:hidden;border-top-left-radius:1rem;border-bottom-left-radius:1rem}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:10px 0;cursor:pointer;padding:5px;transition:background-color .3s;color:#fff}.sidebar li:hover{background-color:#383838}.sidebar ul li.active{background-color:#383838;color:#fff}.applications-panel{flex-grow:1;padding:10px;overflow-y:auto;background:#1e1e1e}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;align-items:end;padding-top:4px}.icon{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon img{height:3rem;padding:.2rem;border-radius:.5rem}.aws img{width:3rem;height:auto;padding-top:1.2rem}.icon{transition:.3s ease-in-out}.icon:hover{transform:scale(1.05);transition:.3s ease-in-out}li{display:flex;gap:.5rem}li img{height:.8rem}.icon span{font-size:12px;color:#fff;font-weight:500;border-radius:.2rem;padding:.15rem}.icon-selected{background-color:#363636}.span-selected{background-color:#d96c0a}.footer{border-radius:2rem;padding:1rem;margin:.5rem;border:#000 solid 1px}.bentobox{border-radius:1rem;gap:1rem;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr)}.bento-element{border-radius:2rem;border:#1d1d1d 1px solid;background-size:cover;object-fit:cover;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:.2s ease;text-decoration:none}.bento-element:hover{transform:rotate(1deg);transition:.2s ease}.instagram{grid-column:2/4;grid-row:2/4;background:url(/ig.webp);background-position:50% 50%;background-size:cover;object-fit:cover;background-repeat:no-repeat}.backdrop{text-decoration:none;width:100%;height:100%;background-color:#00000020;display:flex;flex-direction:column;justify-content:end;align-items:center}.instagram h1{color:#ebedf0;font-weight:400;font-size:2.5rem;text-decoration:none}.email{grid-column:1/3;grid-row:1;background-size:cover;background-position:50%;display:flex;justify-content:space-around;padding:1.5rem;flex-direction:row;cursor:default}.email-info{display:flex;flex-direction:column}.email img{height:8rem}.email a,.email span{text-decoration:none}.email span{font-size:2rem;font-weight:500}.email a{font-family:Montreal Mono;letter-spacing:-1px;font-weight:500;font-size:2rem;color:#ff69b4}.twitter{grid-column:4/6;grid-row:3;object-fit:cover;display:flex;align-items:center;background-color:#fbfbfb;justify-content:flex-start;gap:0rem}.logo-username{display:flex;gap:.5rem;align-items:center}.tweet{width:100%;padding:.5rem}.tw-title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.2rem .8rem}.tw-title p{font-size:1.5rem;color:#000}.tw-title img{height:4rem}.follow-btn button{background:#1f1f1f;background:linear-gradient(0deg,#000,#938686);border:none;border-radius:.8rem;padding:.7rem 1.5rem;color:#fff;transition:.3s ease}.twitter:hover .follow-btn button{padding:.7rem 3rem;transition:.3s ease;background-color:#707070}.linkedin{grid-column:4;grid-row:1;justify-content:flex-start;background-color:#fff;gap:.5rem}.li-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1rem 0rem;margin:1rem 1rem 0rem}.linkedin span{font-size:.8rem;color:#0966c2;font-weight:500}.li-head span{font-size:1rem;line-height:0}.li-head img{height:2rem}.li-mid{display:flex;gap:1rem;margin:0rem 1rem}.li-action{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.li-mid img{height:6rem;border-radius:50%}.linkedin button{background-color:#fff;border:#777777 1.5px solid;border-radius:1rem;padding:.4rem 1rem;color:#777;font-weight:500;transition:.3s ease;margin:0}.linkedin:hover button{background-color:#0057ff;transition:.3s ease;color:#fff;border:none;transform:scale(1.05)}.behance{grid-column:3;grid-row:1;background-color:#05f}.behance img{height:2.5rem}.behance span{color:#fff}.behance img:nth-child(2){border-radius:50%;height:4rem}.behance button{background:#1f1f1f;background:linear-gradient(0deg,#bebebe52,#bbbbf4c5);border:rgba(255,255,255,.279) 1px solid;border-radius:.5rem;padding:.5rem 1rem;color:#fff;transition:.3s ease}.behance:hover button{transform:scale(1.1);transition:.3s ease;color:#0057ff;background:linear-gradient(0deg,#e1e1ff,#fff)}.linktree{grid-column:5/6;grid-row:1;background-color:var(--color-accent);position:relative;overflow:hidden}.linktree img{height:15dvh;transition:.4s ease;z-index:2}.linktree span{font-weight:500;z-index:2;color:#000}.expander{position:absolute;background-color:#eaff00;border-radius:50%;height:20rem;width:20rem;z-index:0;transform:scale(0);transition:.4s ease;color:#000}.linktree:hover .expander{transform:scale(2);transition:.8s ease}.linktree:hover img{transform:scale(1.1);transition:.4s ease}.github{grid-column:4/6;grid-row:2;background-color:#262424;flex-direction:row;justify-content:space-around}.gh-creds{display:flex;flex-direction:column;align-items:center;gap:1rem}.github img{height:4rem}.github span{font-family:Montreal Mono;font-weight:500;color:#fff}.github button{background:#1f1f1f;background:linear-gradient(0deg,#1f1f1f,#73738f);border:none;border-radius:.5rem;padding:.5rem 1rem;color:#fff;cursor:pointer;transition:.3s ease}.github:hover button{background:linear-gradient(0deg,#b4b4b4,#f4eeff);color:#0f0f0f;transform:scale(1.1);transition:.3s ease}.heatmap{display:grid;grid-template-columns:repeat(8,16px);grid-gap:6px}.day{width:16px;height:16px;background-color:#ebedf0;border-radius:4px;border:#dedede 1px solid}.day.level-1{background-color:#eaedf0}.day.level-2{background-color:#9ae9a8}.day.level-3{background-color:#41c363}.day.level-4{background-color:#206d38}.resume{grid-row:2/4;grid-column:1;background-color:#ff6524;gap:0}.resume p{text-decoration:none;color:#fff;font-weight:500;margin-top:12rem;margin-bottom:1rem}.resume img:nth-child(2){height:8rem;transition:transform .3s ease;position:absolute;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.2))}.id{transform:rotate(90deg);width:8rem;height:auto;transition:transform .3s ease;position:absolute}.resume:hover .id{transform:rotate(100deg) translateY(-2rem);transition:transform .3s ease}.resume:hover img{transform:rotate(-15deg) translate(-2rem);transition:transform .3s ease}.shop-link{grid-row:3;grid-column:1;color:#000}.shop-link img{height:10rem}.retro-lines{margin:.5rem;display:flex;flex-direction:column;gap:4px}.rline{border-radius:2rem;border:1px solid var(--color-bg-3)}.rline:nth-child(1){height:.4rem;background-color:var(--line-color)}.rline:nth-child(2){height:1rem;background-color:var(--line-color)}.rline:nth-child(3){height:2rem;background-color:var(--line-color)}.rline:nth-child(4){height:3rem;background-color:var(--line-color)}.rline:nth-child(5){height:4rem;background-color:var(--line-color)}.cta-section{min-height:calc(100vh - 2rem);margin:.5rem;border:1px black solid;border-radius:2rem;height:max-content;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--line-color);color:#fff;gap:1rem}.cta-subsection{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-3);width:calc(100vw - 5.5rem);padding:2rem 0rem;border-radius:2rem}.cta-head h1{font-family:Montreal Mono;letter-spacing:-2px;color:var(--color-bg-2)}.cta-content{width:calc(100vw - 55rem);display:flex;flex-direction:column;align-items:center;gap:3rem}.cta-content h1{font-size:5rem;color:var(--line-color);text-align:center;font-weight:400;margin:0}.cta-content a{text-decoration:none;width:fit-content;padding:1rem 2rem;border-radius:2rem;display:flex;align-items:center;gap:1rem;border:1px solid hotpink;background-color:#ff69b4;color:#fff;overflow:hidden;position:relative;transition:transform .4s}.cta-content a p{font-size:2rem;margin:0;z-index:2}.cta-content a svg{height:2rem;scale:1.3}.bloom{transform:scale(0);position:absolute;background-color:#ff2793;border-radius:50%;width:50px;height:50px;left:40%;bottom:0%;z-index:0;transition:transform .4s}.cta-content a:hover .bloom{transform:scale(10);transition:transform .8s}.cta-content a:hover{transform:rotate(-3deg) scale(1.1)}.cta-bottom{display:flex;align-items:center;justify-content:center;width:100%}.right-cta{display:flex;flex-direction:column;gap:.5rem;align-items:end;margin-right:2rem;justify-content:center;place-items:center}.right-cta h1{font-weight:600;margin:0;color:var(--color-bg-1)}.right-cta a{color:var(--color-bg-1);margin:0;font-size:2rem}.cta-small{display:flex;gap:.5rem;align-items:center}.cta-small img{height:1.3rem}.cta-small p{font-family:"Instrument Serif Italic";margin:0;color:#a4a4a4;font-size:2rem;letter-spacing:-.5px}footer{border-radius:2rem;margin:.5rem;border:#000 solid 1px;background-color:var(--color-accent);display:flex;flex-direction:column;gap:0rem}.footer-links-container{padding:0rem 1rem;display:flex;justify-content:space-between;align-items:center;margin:0rem 1rem}.left-links{display:flex;gap:1rem}.footer-link{text-decoration:none;color:var(--footer-link-color);display:flex;align-items:center;gap:.1rem;font-size:1.3rem}.footer-link svg path{fill:var(--footer-link-color)}.right-links{display:flex;gap:.5rem;color:#fff;align-items:center}.footer-main{display:flex;align-items:center;justify-content:space-between}.big-logo img{width:22rem;height:fit-content;margin:0;padding:0;margin-left:1rem}.footer-nav-links{display:flex;flex-direction:column;gap:.5rem;font-size:1.2rem;text-align:right;margin-right:2rem}.footer-nav-links a{text-decoration:none;color:var(--footer-link-color)}.copyright{margin:1.5rem 0rem .5rem 2rem;color:var(--footer-link-color)}.wrap{position:relative}.main-content{padding:0;margin:0;display:flex;flex-direction:column}#local-time{font-size:1rem;color:var(--color-accent);background-color:var(--color-bg-1);width:fit-content;padding:.5rem;border-radius:.5rem}.content--perspective{perspective-origin:50% 0%;perspective:1000px}.text-large{font-size:clamp(1.5rem,5vw,3rem);max-width:900px;margin:0 0 .85em;line-height:1.2;font-variation-settings:"slnt" 0,"wdth" 100,"wght" 500,"INKT" 100}.content--sticky{justify-self:center;border-radius:3rem 3rem 1rem 2rem;width:calc(100vw - 1rem);position:sticky;top:0;--offset: 5rem;top:var(--offset);height:calc(100vh - var(--offset) + 3rem);border-radius:3rem 3rem 1rem 1rem}.content--grid,.content--grid .content__inner{overflow:hidden;grid-column-gap:5vw;grid-row-gap:2vh;align-content:center;grid-template-areas:"content-img" "content-title" "content-text";justify-items:center}.content--grid:has(.content__inner){display:block;padding:0}.content__inner{width:100%;height:100%;border-radius:0 0 2rem 2rem}.content--card{display:flex;flex-direction:column;height:80vh;width:95vw;max-width:500px;aspect-ratio:.8;top:10vh;margin:auto;border-radius:14px;gap:3vh;text-align:center;margin-bottom:5vh}.empty{display:none}.content--card .content__title{font-size:clamp(1.5rem,4vw,3.5rem)}.content--card .content__title i{display:block}.content--half{display:flex;flex-direction:column;gap:3vh;text-align:center}.content--half:nth-child(odd){margin-left:auto}.content__img{grid-area:content-img;width:50%;max-width:300px;height:auto}.content__img--large{width:60%;height:auto}.content__img--small{height:35%;width:auto}.spacer{margin-top:20vh}.content__title{grid-area:content-title;letter-spacing:-.095em;text-transform:uppercase;line-height:1;font-weight:400;font-size:clamp(2rem,6vw,5rem);margin:0;font-variation-settings:"slnt" 0,"wdth" 400,"wght" 900,"INKT" 400}.content__text{margin:0;max-width:500px;grid-area:content-text;text-align:center;line-height:1.5;padding:0 1rem;backface-visibility:hidden}.content__text--narrow{max-width:300px}.content--intro{padding-top:25vh;padding-bottom:25vh;z-index:2}.content--outro{padding-top:50vh;padding-bottom:30vh}.bg-1{background:var(--color-bg-1)}.bg-2{background:var(--color-bg-2)}.bg-3{background:var(--color-bg-3)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (max-width: 935px){.menu{z-index:10}.top-nav-container{display:none}.top-navbar-main{display:flex;justify-self:center;background-color:var(--color-bg-3);border-radius:2rem;padding:0 1rem;align-items:center;justify-content:unset;margin:1rem;gap:.8rem;width:calc(100dvw - 3rem);height:3rem}.block span{color:var(--color-bg-3)}.nav-link{scale:0;font-size:1rem;background-color:var(--color-accent);padding:1rem;color:var(--color-bg-3);line-height:0;border-radius:1rem}.empty{display:block;width:5rem}.logo{width:4rem;overflow:hidden}.logo img{width:100%;height:auto;object-fit:contain}.menu-toggle{border-radius:2rem;scale:1;z-index:11;scale:.8}.menu{display:flex;flex-direction:column}.col{position:relative;height:fit-content;padding:0rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.links{margin-top:10rem;justify-self:center}.col-1,.col-2{height:fit-content;width:fit-content}.socials{width:max-content;height:fit-content;padding:0;margin:0}.sub-col{width:fit-content;height:fit-content}.sub-col a{font-size:1.5rem;color:var(--color-accent)}.col-2{margin-top:-5rem}.menu-toggle-icon{position:absolute;right:0;width:4rem;height:4rem;border-radius:100%;clip-path:circle(10% at 50% 37%);background-color:var(--color-accent);transition:all .5s cubic-bezier(.075,.82,.165,1);z-index:10000001;overflow:hidden}.menu-copy p{color:#fff}.hero{margin:0rem 1rem;display:none}.hero-mobile{display:flex;justify-content:center}.hero-lines{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10rem 1rem 0rem}.line{display:flex;gap:.5rem}.line h1{margin:0;font-weight:500;font-size:3.5rem}.word{color:#fff;font-family:"Instrument Serif"}.word-i{color:var(--color-accent);font-style:italic;font-family:"Instrument Serif Italic"}.diff{mix-blend-mode:difference}.line-1{font-size:.5rem;margin-left:1rem}.image-preview,.my-photo{width:4rem;height:4rem}.engineer{margin-top:0rem}.bombay-text,.bombay{margin-top:0rem;mix-blend-mode:difference}.bombay{margin-top:-3rem}.logo{margin:0rem}#main-logo{height:2rem;cursor:pointer}.name{color:#fff;mix-blend-mode:difference;transform:translateZ(0)}.main{scale:.7}.landing{background-position:55%;background-repeat:no-repeat;background-size:cover;height:calc(100dvh - 1rem)}.hero{overflow:visible}.all-stickers{display:none}.about-section{height:max-content;position:relative;display:flex;flex-direction:column;align-items:center;margin:.5rem}.whoami-title img{height:4rem}.whoami-title{gap:0;margin-left:0}.whoami-title h1{font-size:3rem}.aboutme-content{flex-direction:column-reverse;gap:1rem;margin-bottom:2rem}.aboutme-overview{font-size:1.4rem}.sans-serif{letter-spacing:0px}.description{justify-content:center;text-align:center;align-items:center;align-self:center;justify-items:center;margin:0;padding:0;gap:2rem;display:flex;flex-direction:column}.description-text{font-size:1.1rem;padding:0;width:85%;text-align:center;margin:0;text-align:justify}.whoami-title{padding:0;justify-self:center;text-align:center}.whoami{font-size:2rem}.other-interests-text{margin-top:2rem;font-size:1.1rem}.interest{font-size:.8rem;font-weight:400;width:max-content;display:flex;align-items:center}.interests{display:flex;flex-wrap:wrap}.aboutme-content{position:relative}.aboutme-overview{padding-bottom:1rem}.picture{display:flex;justify-content:center;position:relative;height:16rem}.my-picture,.phone-mockup{height:16rem}.my-picture:hover{transform:rotate(-5deg) translate(-5rem)}.my-picture:hover+.phone-mockup{transform:rotate(5deg) translate(5rem)}.col{flex:2;align-items:flex-start}.link a{font-size:2rem}.video-wrapper{padding:.4rem}.header h1{font-size:150px;height:120px}.bounding-box,.about-section,.services-section{position:relative}.main-content{display:none}.services-holder{margin:.5rem;display:flex;flex-direction:column;align-items:center}.services-container{border-radius:2rem}.services-section{padding:0rem}.services-section-title{margin:0;justify-self:center;gap:1rem}.services-section-title img{height:5rem}.services-section-title-text{font-size:2.6rem;letter-spacing:-2px;line-height:1}.services-content{display:flex;flex-direction:column}.trigger-text{font-size:1rem;margin:.2rem 1rem 2rem}.mac-folder{animation:none;align-self:flex-end;margin-bottom:1rem;display:none}.service{grid-column:3/8}.services-text{margin-left:0rem;place-self:center}.actual-services{min-height:fit-content;border-radius:3rem;border:none;display:none}.list-of-services{margin-bottom:2rem}.actual-services h1{font-size:1.5rem}.actual-services p{font-size:1rem}.collapsibles{border-radius:2rem;width:calc(100dvw - 1rem);display:flex;flex-direction:column;gap:.5rem;place-self:center;padding:.5rem}.collapsible-service{border:1px solid rgba(0,0,0,.404);display:flex;flex-direction:column;grid-template-columns:repeat(8,1fr);border-radius:2rem;overflow:hidden}.collapsible-service-header{display:grid;grid-template-columns:repeat(12,1fr);align-items:center;padding:2rem 1rem;margin-bottom:1rem;background-color:#2d232e;cursor:pointer}.collapsible-service-number{grid-column:1}.collapsible-service-number p{font-size:2rem}.collapsible-service-title{grid-column:3/11}.collapsible-service-title h1{font-weight:500;font-size:1.5rem}.collapsible-toggle-btn{background:#5e5e5ee7;color:#fff;border:none;padding:.5rem 1rem;border-radius:3rem;cursor:pointer;transition:background .3s;grid-column:12}.collapsible-toggle-btn:hover{background:#000}.collapsible-service-content{margin-top:-1.5rem;max-height:0;overflow:hidden;padding:0 1rem;transition:max-height .3s ease-out,padding .3s ease-out}.collapsible-service-description{margin:0}.collapsible-service-description p{font-size:1.2rem;line-height:1.2;margin:0;text-align:justify}.collapsible-service-list{display:flex;flex-direction:column;gap:0;margin-bottom:3rem}.collapsible-service-list-item{display:grid;grid-template-columns:repeat(10,1fr);align-items:center;border-bottom:1px solid rgb(191,191,191)}.collapsible-service-list-item-number{font-size:1.2rem;grid-column:2}.collapsible-service-list-item-name{grid-column:3/10}.collapsible-service-list-item-name h1{font-size:1.8rem;font-weight:500}.work-section{display:flex;flex-direction:column;align-items:center}.work-title{gap:.5rem;justify-self:center;margin-left:0;align-items:center}.work-title img{height:4rem}.work-title h1{font-size:2.8rem;line-height:1;letter-spacing:-2px;text-align:center}.container{position:relative;margin:0;padding:0;width:calc(100dvw - 1rem);height:30rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.slider{position:absolute;width:calc(100dvw - 1rem);height:24rem;overflow:hidden;perspective:750px;perspective-origin:50% 80%;justify-content:center;align-items:center}.card{position:absolute;left:50%;width:calc(100dvw - 5rem);height:12rem;border-radius:1rem;overflow:hidden;transform:translate3d(-50%,-50%,0);background:#000;cursor:alias;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.card h1{margin:1rem;font-family:"Instrument Serif";font-size:12dvw;font-weight:500;letter-spacing:-2px;text-transform:uppercase;color:#fff}.card h1 span{position:relative;display:inline-block}.cases-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.cases-title{display:flex;align-items:center;justify-self:center;margin-left:0;gap:0}.cases-title h1{font-size:2.8rem;letter-spacing:-2px}.cases-title img{height:4rem}.case{max-width:calc(100dvw - 3rem)}.grid-item,.grid-item img{max-width:calc(100dvw - 4rem);height:11rem}.grid-container{justify-content:center}.case-title{max-width:calc(100dvw - 4rem)}.case-title h1{font-size:1.2rem}.tag p{font-size:.8rem}.brands{justify-self:center;place-self:center;align-self:center;justify-content:center;align-items:center;margin-left:.5rem;margin-right:.5rem}.brand-content{flex-direction:column}.brand-content h1{font-size:3rem}.brand-content p{width:100%;font-size:1.2rem}.playground{display:flex;flex-direction:column;justify-content:center;align-items:center}.playground-title{margin-left:0;place-self:center;gap:.5rem}.playground-title h1{margin-left:0;place-self:center;font-size:3rem}.playground-title img{height:3rem}.plg-image-grid{padding:.5rem}.plg-image-item{width:4rem;height:4.8rem}.time,.sirionigiri,.quote,.sleep{width:4.8rem;height:4.8rem}.proof-title{font-size:2.5rem;margin-left:1rem;text-align:center;letter-spacing:-1px}.macos{height:100dvh}.menu-bar{margin-top:0;padding:0;z-index:1000000000}.menu-bar img{margin:0;height:max-content;padding:0}.dock{width:80%;margin:0}.dock-item img{width:3rem;height:3rem}.dock-item:nth-child(7),.dock-item:nth-child(6),.dock-item:nth-child(3),.dock-item:nth-child(4),.dock-item:nth-child(5),.dock-item:nth-child(2){display:none}.macos-finder-window{position:absolute;scale:.6;overflow-y:scroll;left:0;width:100%;bottom:0}.icon img{width:2rem;height:2rem}.macos-notes-window{scale:.5;top:0;right:0;margin:0 auto}.macos-window{scale:.6;left:0;margin:auto;top:5%;width:20rem}.exp img{height:5rem}.bentobox{display:flex;flex-direction:column;height:fit-content}.li-mid{display:flex;justify-content:space-between;width:calc(100% - 2rem);margin:1rem}.li-head img{width:3rem;height:3rem}.li-head span{font-size:1.5rem}.li-action button{width:12rem;height:2rem}.bento-element{grid-column:span 1;min-height:12rem}.bento-element:hover{transform:none}.github{gap:0}.gh-creds,.heatmap{scale:.8}.email-info span,.email-info a{font-size:1.5rem}.email-icon img{width:100%;height:auto}.bounding-box{min-height:max-content}footer{border-radius:2rem;margin:.5rem;background-color:var(--line-color);display:flex;flex-direction:column;gap:1rem;justify-content:center;height:fit-content}.big-logo{overflow:hidden}.big-logo img{margin:0;height:8rem}.footer-links-container{margin:1rem;align-items:baseline}.left-links{flex-direction:column;gap:.5rem;flex-wrap:wrap}.left-links p{font-size:1rem;margin:0}.footer-link svg{display:none}.right-links{flex-direction:column;color:#0000;gap:0}.footer-link{font-size:1rem}.footer-main{flex-direction:column-reverse;justify-content:center;align-items:center;gap:2rem}.big-logo{width:100%;margin:0;display:flex;justify-content:center}.big-logo svg{width:80%;margin-left:0}.footer-nav-links{text-align:center;margin-right:0}.copyright{text-align:center;margin:0;display:flex;justify-content:center}.copyright p{margin-left:0;width:max-content;color:var(--color-bg-3)}.cta-content a{width:max-content}.cta-content a p{font-size:1.5rem}.bentobox{grid-template-columns:repeat(2,1fr)}.instagram{grid-column:span 2;grid-row:span 2}.linktree{display:none}.email,.behance,.linktree,.github,.quote{grid-column:span 1;grid-row:auto}.cta-subsection{width:calc(100% - 2rem);gap:0rem}.cta-head{font-size:1rem;padding:1rem;justify-content:center;display:flex;text-align:center}.cta-head h1{margin:0}.cta-content{gap:.5rem}.cta-content h1{scale:.5}.cta-content button{width:12rem}.cta-content button p{font-size:1.2rem;width:100%;padding:1px}.cta-bottom{justify-content:center}.cta-bottom img{display:none}.right-cta{align-items:center;margin:0}.cta-section{min-height:max-content;padding:1rem 0rem}.cta-small{margin-left:1rem;margin-right:1rem}.cta-small p{font-size:1.5rem;text-align:center}.cta-small a{font-size:1.5rem}footer{background-color:var(--color-accent)}.instagram{justify-content:end;padding:0}.instagram h1{font-size:1.5rem;font-weight:600}.backdrop{height:100%;padding:0;margin:0;justify-content:end}.recent-works{margin:0rem 1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.recent-works-title{display:flex;align-items:center;margin:0}.recent-works-title h1{font-family:"Instrument Serif Italic";font-size:3rem;letter-spacing:-2px;margin:0;margin-left:.5rem}.recent-works-title img{height:3rem}.recent-work{display:flex;flex-direction:column;justify-self:center;align-self:center}.recent-work img{width:calc(100dvw - 4rem);border-radius:.5rem;border:1px solid black;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.recent-work p{font-size:1rem;margin:.5rem 0rem;color:#802424}}@media (max-width: 1024px){.bentobox{grid-template-columns:repeat(3,1fr)}.instagram{grid-column:span 3;grid-row:span 2}.email,.behance,.linktree,.github,.quote{grid-column:span 1;grid-row:auto}}
