.spider-web-canvas{z-index:2147483646;pointer-events:none;position:fixed;inset:0}.spider-cursor{z-index:2147483647;opacity:0;pointer-events:none;will-change:transform;width:38px;height:38px;transition:opacity .12s;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.spider-cursor__icon{pointer-events:none;filter:drop-shadow(0 2px 3px #1d11313d);user-select:none;transition:opacity 80ms,transform .12s ease-out;display:block;position:absolute}.spider-cursor__icon--normal{opacity:1;width:24px;height:auto;transform:rotate(var(--spider-cursor-tilt,0deg));transform-origin:0 0;top:0;left:0}.spider-cursor__icon--click{opacity:0;width:34px;height:auto;transform:translateX(-37%) rotate(var(--spider-cursor-tilt,0deg)) scale(.86);transform-origin:37% 0;top:0;left:0}.spider-cursor--click .spider-cursor__icon--normal{opacity:0;transform:rotate(var(--spider-cursor-tilt,0deg)) scale(.82)}.spider-cursor--click .spider-cursor__icon--click{opacity:1;transform:translateX(-37%) rotate(var(--spider-cursor-tilt,0deg)) scale(1)}@media (pointer:fine){.spider-cursor-active,.spider-cursor-active body,.spider-cursor-active *,.spider-cursor-active dialog,.spider-cursor-active dialog *,.spider-cursor-active ::backdrop{cursor:none!important}}@media (prefers-reduced-motion:reduce){.spider-cursor,.spider-cursor__icon{transition:none}}.loading-screen{--loader-spider-start:160px;z-index:20000;pointer-events:all;position:fixed;inset:0}.loading-screen__spider-curtain{opacity:1;-webkit-mask-image:linear-gradient(#fff 0 0),url(/Portfolio/assets/spider-VrCPrnRC.svg);-webkit-mask-position:50%,50%;-webkit-mask-repeat:no-repeat,no-repeat;-webkit-mask-size:100% 100%, auto var(--loader-spider-start);-webkit-mask-composite:xor;mask-image:linear-gradient(#fff 0 0),url(/Portfolio/assets/spider-VrCPrnRC.svg);mask-position:50%,50%;mask-repeat:no-repeat,no-repeat;mask-size:100% 100%, auto var(--loader-spider-start);will-change:opacity, mask-size;background:#fff;position:absolute;inset:0;mask-composite:exclude}.loading-screen--dark .loading-screen__spider-curtain{background:#000}.loading-screen--reveal .loading-screen__spider-curtain{animation:.75s cubic-bezier(.4,0,.2,1) forwards spider-page-reveal,.35s ease-out .2s forwards white-surroundings-fade}@keyframes spider-page-reveal{0%,5%{-webkit-mask-size:100% 100%, auto var(--loader-spider-start);mask-size:100% 100%, auto var(--loader-spider-start)}35%{mask-size:100% 100%,auto 80vmin}68%{mask-size:100% 100%,auto 180vmax}to{mask-size:100% 100%,auto 900vmax}}@keyframes white-surroundings-fade{0%,14%{opacity:1}45%{opacity:.58}72%{opacity:.12}to{opacity:0}}@media (width<=760px){.loading-screen{--loader-spider-start:132px}}@media (prefers-reduced-motion:reduce){.loading-screen--reveal .loading-screen__spider-curtain{animation-duration:1ms}}.comic-menu-overlay{z-index:9999;backdrop-filter:blur(8px);background:#211d1ed1;place-items:center;width:100vw;height:100dvh;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards comicOverlayFade;display:grid;position:fixed;inset:0}@keyframes comicOverlayFade{0%{opacity:0;backdrop-filter:blur()}to{opacity:1;backdrop-filter:blur(8px)}}.comic-menu-modal{border:3.5px solid var(--comic-ink,#211d1e);width:min(100%,720px);max-height:calc(100dvh - 40px);box-shadow:10px 10px 0 var(--comic-ink,#211d1e), 0 20px 40px #00000059;color:var(--comic-ink,#211d1e);overscroll-behavior:contain;transform-origin:50% 30%;background:#fff;border-radius:24px;flex-direction:column;padding:clamp(24px,4vw,36px);animation:.38s cubic-bezier(.34,1.56,.64,1) forwards comicBookUnfold;display:flex;position:relative;overflow:hidden auto}.comic-menu-modal>*{flex-shrink:0}@keyframes comicBookUnfold{0%{opacity:0;transform:perspective(1000px)rotateX(-12deg)rotateY(4deg)scale(.82)translateY(24px)}60%{transform:perspective(1000px)rotateX(2deg)rotateY(-1deg)scale(1.02)translateY(-4px)}to{opacity:1;transform:perspective(1000px)rotateX(0)rotateY(0)scale(1)translateY(0)}}.comic-menu-web{opacity:.14;pointer-events:none;width:240px;animation:25s linear infinite comicWebSpin;position:absolute;top:-45px;right:-45px}@keyframes comicWebSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comic-menu-modal__header{border-bottom:3px dashed var(--comic-ink,#211d1e);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.comic-menu-modal__kicker{letter-spacing:1.5px;color:var(--comic-purple,#74128f);text-transform:uppercase;font-family:Might Makes Right,cursive,sans-serif;font-size:1rem;display:block}.comic-menu-modal__heading{color:var(--comic-ink,#211d1e);text-transform:uppercase;letter-spacing:1px;margin:2px 0 0;font-family:Might Makes Right,cursive,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);line-height:.88}.comic-menu-modal__close-btn{border:3px solid var(--comic-ink,#211d1e);box-shadow:3px 3px 0 var(--comic-ink,#211d1e);color:var(--comic-ink,#211d1e);text-transform:uppercase;cursor:pointer;background:#fff;border-radius:25px;place-items:center;padding:8px 22px;font-family:Might Makes Right,cursive,sans-serif;font-size:1.8rem;line-height:.85;transition:transform .15s,box-shadow .15s,background-color .15s;display:grid;transform:rotate(1.5deg)}.comic-menu-modal__close-btn:hover{color:#fff;box-shadow:1px 1px 0 var(--comic-ink,#211d1e);background:#e91a9a;transform:translate(2px,2px)rotate(-1.5deg)scale(1.04,.96)}.comic-menu-modal__grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.comic-menu-item{border:2.5px solid var(--comic-ink,#211d1e);width:100%;box-shadow:3.5px 3.5px 0 var(--comic-ink,#211d1e);cursor:pointer;text-align:left;opacity:0;animation:.34s cubic-bezier(.16,1,.3,1) forwards comicCardSlideIn;animation-delay:var(--stagger-delay,0s);background:#fff;border-radius:16px;outline:none;align-items:center;gap:16px;padding:14px 20px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s,background-color .18s;display:flex;position:relative}@keyframes comicCardSlideIn{0%{opacity:0;transform:translate(-24px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.comic-menu-item:hover{box-shadow:7px 8px 0 var(--comic-ink,#211d1e);border-color:var(--item-accent);background:#fffdf8;transform:translate(-3px,-4px)rotate(-.5deg)}.comic-menu-item:active{box-shadow:1.5px 1.5px 0 var(--comic-ink,#211d1e);transform:translate(2px,2px)rotate(0)}.comic-menu-item__num{color:var(--item-accent);font-family:Might Makes Right,cursive,sans-serif;font-size:1.65rem;line-height:1;transition:transform .18s}.comic-menu-item:hover .comic-menu-item__num{transform:scale(1.2)rotate(-4deg)}.comic-menu-item__text{flex-direction:column;flex:1;display:flex}.comic-menu-item__title{color:var(--comic-ink,#211d1e);text-transform:uppercase;letter-spacing:.5px;font-family:Might Makes Right,cursive,sans-serif;font-size:1.85rem;line-height:.9}.comic-menu-item__subtitle{color:#666;margin-top:3px;font-family:sans-serif;font-size:.84rem}.comic-menu-item__arrow{color:var(--comic-ink,#211d1e);font-family:Might Makes Right,sans-serif;font-size:1.5rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),color .18s}.comic-menu-item:hover .comic-menu-item__arrow{color:var(--item-accent);transform:translate(6px)scale(1.2)}.comic-menu-modal__footer{border-top:3px dashed var(--comic-ink,#211d1e);justify-content:center;align-items:center;gap:24px;padding-top:16px;display:flex}.comic-menu-footer-link{color:var(--comic-ink,#211d1e);font-family:Might Makes Right,cursive,sans-serif;font-size:1.35rem;text-decoration:none;transition:color .15s,transform .15s}.comic-menu-footer-link:hover{color:var(--comic-purple,#74128f);transform:translateY(-3px)rotate(-1deg)}@media (width<=500px){.comic-menu-item{padding:12px 14px}.comic-menu-item__title{font-size:1.5rem}.comic-menu-item__subtitle{font-size:.78rem}}@font-face{font-family:Might Makes Right;src:url(/Portfolio/assets/Might%20Makes%20Right%20BB-CCyPGF35.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Might Makes Right;src:url(/Portfolio/assets/Might%20Makes%20Right%20BB%20Italic-d147-lza.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Might Makes Right;src:url(/Portfolio/assets/Might%20Makes%20Right%20BB%20Bold%20Italic-BQYNL7wT.ttf)format("truetype");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Bazinga;src:url(/Portfolio/assets/Bazinga-Regular-CxGvCY49.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}:root{--comic-ink:#211d1e;--comic-purple:#74128f;--comic-pink:#e999cf;--comic-blue:#189bd5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;overflow-x:hidden}button{font:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-hero{--mouse-x:0;--mouse-y:0;--scroll-progress:0;isolation:isolate;width:100%;min-height:max(760px,100svh);color:var(--comic-ink);background:#fff;position:relative;overflow:hidden}.comic-stack{z-index:2;width:min(100%,1440px);transform:translate3d(-50%, calc(var(--scroll-progress) * -58px), 0);transition:transform 80ms linear;position:absolute;top:0;bottom:0;left:50%}.comic-cover,.halftone{pointer-events:none;user-select:none;max-width:none;display:block;position:absolute}.comic-cover--background{transform-origin:50%;filter:saturate(.94)contrast(1.04)drop-shadow(0 6px 2px #12071c2e);will-change:transform}.comic-cover--middle{z-index:2;opacity:.96;width:min(42.65vw,614px);transform:translate3d(calc(var(--mouse-x) * -9px), calc(var(--mouse-y) * -6px), 0) rotate(4.11deg);transform-origin:0 0;top:-3.6%;left:21.7%;overflow:hidden}.comic-cover--middle>img{width:100%;height:auto;display:block}.comic-cover--middle__overlay{mix-blend-mode:hard-light;opacity:.71;pointer-events:none;background:#160128;display:block;position:absolute;inset:0}.comic-cover--left{z-index:1;width:min(42.72vw,615px);transform:translate3d(calc(var(--mouse-x) * -7px), calc(var(--mouse-y) * -5px), 0);top:-4.25%;left:14.6%}.comic-cover--right{z-index:3;width:min(59.36vw,855px);transform:translate3d(calc(var(--mouse-x) * 10px), calc(var(--mouse-y) * 7px), 0);top:-9.87%;left:32.3%}.main-comic{z-index:4;width:min(52.16vw,751px);transform:translate3d(calc(var(--mouse-x) * 4px), calc(var(--mouse-y) * 3px), 0) perspective(1400px) rotateX(calc(var(--mouse-y) * -1deg)) rotateY(calc(var(--mouse-x) * 1.1deg));transform-origin:50% 42%;will-change:transform;transition:transform .12s ease-out;position:absolute;top:-5.97%;left:23.82%}.comic-cover--main{filter:saturate(1.08)contrast(1.04)drop-shadow(6px 8px 2px #1a06282e);width:100%;height:auto;position:relative}.halftones{z-index:1;pointer-events:none;position:absolute;inset:0}.halftone{opacity:.56;will-change:transform}.halftone--left{opacity:.54;width:min(25vw,360px);bottom:-4.5%;left:-4.5%;transform:none}.halftone--right{opacity:.5;width:min(38vw,548px);transform:translate3d(calc(var(--mouse-x) * 2px), calc(var(--mouse-y) * -2px), 0);top:-7%;right:-9%}.comic-sticker{z-index:8;background:radial-gradient(circle, #4d154a3b 0 1px, transparent 1.35px) 0 0 / 5px 5px, var(--comic-pink);color:#050405;text-transform:uppercase;filter:drop-shadow(-12px -10px #080708)drop-shadow(12px 12px #080708);padding:10px 20px 14px;font-family:Might Makes Right,cursive;font-size:clamp(2.6rem,3.8vw,3.45rem);font-style:italic;line-height:.92;transition:transform .17s cubic-bezier(.2,.8,.2,1);position:absolute}.comic-sticker span{white-space:nowrap;display:block;transform:translateY(-.06em)}.comic-sticker--portfolio{text-align:center;justify-content:center;align-items:center;width:max-content;min-width:0;max-width:30vw;min-height:0;padding:8px 24px 12px;font-size:clamp(2.25rem,3.22vw,2.9rem);font-weight:700;display:inline-flex;top:26.39%;left:6.53%;transform:rotate(-.35deg)}.comic-sticker--name{text-align:center;justify-content:center;align-items:center;width:max-content;min-width:0;max-width:32vw;min-height:0;padding:8px 24px 12px;font-size:clamp(2.5rem,3.68vw,3.32rem);display:inline-flex;top:64.2%;right:7.2%;transform:rotate(.35deg)}.comic-sticker:hover{transform:translateY(-5px)rotate(-1.2deg)scale(1.025)}.comic-sticker--name:hover{transform:translateY(-5px)rotate(1.2deg)scale(1.025)}.year-badge{z-index:8;width:clamp(92px,8.3vw,120px);min-height:clamp(145px,13.2vw,190px);color:var(--comic-purple);text-align:center;background:#fff;border:2px solid #0b090b;place-content:center;font-family:Bazinga,fantasy;font-size:clamp(4.3rem,6.3vw,5.8rem);line-height:.76;display:grid;position:absolute;bottom:22.4%;left:8.4%;transform:rotate(-.18deg);box-shadow:7px 7px #00000029}.comic-menu{z-index:990;border:3px solid var(--comic-ink);width:auto;min-width:86px;height:auto;min-height:40px;box-shadow:3px 3px 0 var(--comic-ink);color:#050405;text-transform:uppercase;cursor:pointer;background:#fff;border-radius:22px;place-items:center;padding:4px 16px;font-family:Might Makes Right,cursive;font-size:clamp(1.4rem,1.8vw,1.8rem);line-height:.82;transition:transform .14s,box-shadow .14s;display:grid;position:fixed;top:10px;right:16px;transform:rotate(1deg)}.comic-menu span{display:block;transform:translateY(-.04em)}.comic-menu:hover{box-shadow:4px 4px 0 var(--comic-ink);color:var(--comic-purple);background:#fff;transform:translate(-2px,-2px)rotate(-2deg)scale(1.06)}.comic-menu:active{box-shadow:1px 1px 0 var(--comic-ink);transform:translate(2px,2px)rotate(0)scale(.96)}.comic-menu:focus-visible{outline-offset:5px;outline:4px solid #e91a9a}.bottom-comic-banner{z-index:12;color:#fff;height:126px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.bottom-comic-banner__accent,.bottom-comic-banner__ink{display:block;position:absolute}.bottom-comic-banner__accent--purple{z-index:0;background:var(--comic-purple);height:15px;bottom:0;left:0;right:0}.bottom-comic-banner__accent--blue-upper{z-index:1;background:var(--comic-blue);clip-path:polygon(0 0,100% 100%,0 100%);width:62%;height:23px;bottom:101px;left:0}.bottom-comic-banner__accent--blue-lower{z-index:3;background:var(--comic-blue);clip-path:polygon(0 100%,100% 0,100% 100%);width:29%;height:15px;bottom:0;right:0}.bottom-comic-banner__ink{z-index:2;background:var(--comic-ink);height:86px;bottom:15px;left:0;right:0;overflow:hidden}.marquee-text{z-index:1;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.marquee-text__track{will-change:transform;width:max-content;animation:14s linear infinite comic-marquee;display:flex}.marquee-text__group{flex:none;display:flex}.marquee-text span{text-transform:uppercase;flex:none;padding-right:clamp(3.5rem,7vw,7rem);font-family:Might Makes Right,cursive;font-size:clamp(2.15rem,3.2vw,2.9rem);line-height:.9;display:block;transform:translateY(-.08em)}@keyframes comic-marquee{to{transform:translate(-50%)}}@media (width>=561px) and (width<=1024px){.portfolio-hero{min-height:max(720px,100svh)}.comic-stack{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.main-comic{width:min(64vw,560px);top:48%;left:50%;transform:translate(-50%,-50%)}.comic-cover--middle{width:min(56vw,480px);top:48%;left:46%;transform:translate(-50%,-52%)rotate(4deg)}.comic-cover--left{width:min(54vw,460px);top:48%;left:36%;transform:translate(-50%,-50%)}.comic-cover--right{width:min(62vw,520px);top:48%;left:56%;transform:translate(-50%,-48%)}.comic-sticker{filter:drop-shadow(-8px -7px #080708)drop-shadow(8px 8px #080708);padding:8px 20px 11px}.comic-sticker--portfolio{width:max-content;min-width:0;max-width:40vw;min-height:0;font-size:clamp(1.6rem,3.2vw,2.5rem);top:25%;left:4%}.comic-sticker--name{width:max-content;min-width:0;max-width:44vw;min-height:0;font-size:clamp(1.75rem,3.5vw,2.7rem);top:auto;bottom:22%;right:4%}.year-badge{bottom:18.5%;left:4%}.halftone--left{width:45vw}.halftone--right{width:44vw}}@media (width<=560px){.portfolio-hero{min-height:max(690px,100svh)}.comic-stack{width:100%;top:0;bottom:0;left:50%}.comic-cover--middle{width:102vw;top:4%;left:-34%}.comic-cover--left{width:100vw;top:6%;left:-50%}.comic-cover--right{width:122vw;top:0;left:42%}.main-comic{width:114vw;top:4%;left:-7%}.comic-menu{min-width:80px;min-height:40px;box-shadow:2px 2px 0 var(--comic-ink);border-width:2.5px;border-radius:20px;padding:4px 14px;font-size:1.5rem;top:14px;right:14px}.comic-sticker{filter:drop-shadow(-6px -5px #080708)drop-shadow(6px 6px #080708);padding:7px 14px 9px;font-size:clamp(1.4rem,6vw,2.1rem)}.comic-sticker--portfolio{letter-spacing:-.02em;width:max-content;min-width:0;max-width:48vw;min-height:0;padding:6px 12px 8px;font-size:clamp(1.25rem,5.2vw,1.85rem);top:33%;left:2%}.comic-sticker--name{width:max-content;min-width:0;max-width:52vw;min-height:0;padding:6px 14px 8px;font-size:clamp(1.35rem,5.8vw,2rem);top:64%;bottom:auto;right:2.5%}.year-badge{width:66px;min-height:122px;font-size:3.15rem;bottom:17%;left:3%}.halftone--left{width:64vw;bottom:8%;left:-14%}.halftone--right{width:66vw;top:-8%;right:-34%}.bottom-comic-banner{height:102px;left:0;right:0}.bottom-comic-banner__accent--purple{height:10px}.bottom-comic-banner__accent--blue-upper{width:66%;height:18px;bottom:84px}.bottom-comic-banner__accent--blue-lower{width:32%;height:10px}.bottom-comic-banner__ink{height:74px;bottom:10px}.marquee-text span{padding-right:3.5rem;font-size:2rem;line-height:.82}}@media (prefers-reduced-motion:reduce){.comic-stack,.comic-cover--left,.comic-cover--right,.main-comic,.halftone,.comic-sticker,.comic-menu{transition:none}.marquee-text__track{animation:none}}:root{--profile-paper:#dfe0cf;--profile-purple:#802bc1;--profile-pink:#f580c0;--profile-blue:#159fc5;--profile-yellow:#e7bb00}.section-two{--ticket-progress:0;isolation:isolate;background:var(--profile-paper);width:100vw;height:100svh;min-height:680px;position:relative;overflow:hidden}.section-two__canvas,.section-two__background,.section-two__doodles{position:absolute;inset:0}.section-two__canvas{width:100%;height:100%;overflow:hidden}.section-two__art{pointer-events:none;user-select:none;max-width:none;display:block;position:absolute}.section-two__background{z-index:1}.section-two__doodles{z-index:3}.section-two__yellow-shape{z-index:3;mix-blend-mode:multiply;width:min(603px,58.91vh);height:auto;top:-17.61%;left:-5.95%}.section-two__city{z-index:2;width:min(40.37vw,56.77vh);height:auto;top:-.2%;left:-5.08%}.section-two__pink-paint{z-index:1;mix-blend-mode:darken;width:min(40.77vw,57.33vh);height:auto;bottom:-22.32%;left:-5.1%}.section-two__purple-circle{z-index:1;mix-blend-mode:multiply;width:min(40.72vw,57.26vh);height:auto;bottom:-32.6%;right:-14.41%}.section-two__blue-splash{z-index:2;mix-blend-mode:darken;width:min(24.09vw,33.88vh);height:auto;top:57.77%;left:67.36%}.section-two__halftone{z-index:3;opacity:.9;mix-blend-mode:multiply;width:min(46.55vw,65.46vh);height:auto;top:70.28%;left:71.19%}.section-two__ui{z-index:5;width:min(29.15vw,41vh);height:auto;top:-12.1%;right:-2.4%}.section-two__ux{z-index:5;width:min(29.8vw,41.91vh);height:auto;top:25.79%;right:-4.45%}.section-two__hacker{z-index:5;width:min(41.3vw,58.08vh);height:auto;top:-32.74%;left:32.27%}.section-two__yellow-dot{z-index:4;height:auto}.section-two__yellow-dot--large{width:min(3.64vw,5.12vh);top:2.34%;left:39.48%}.section-two__yellow-dot--small{width:min(2.56vw,3.6vh);top:6.43%;left:37.07%}.section-two__line{z-index:6;height:auto}.section-two__line--one{width:min(5vw,7.03vh);top:-1.2%;left:68.3%}.section-two__line--two{opacity:.92;width:min(22.85vw,32.13vh);top:-31%;left:66.2%}.section-two__tech{z-index:4;mix-blend-mode:multiply;height:auto}.section-two__tech--ai{width:min(10.36vw,14.57vh);top:7.62%;left:25.41%}.section-two__tech--react{width:min(10.91vw,15.34vh);top:84.31%;left:36.87%}.section-two__tech--figma{width:min(9.98vw,14.03vh);top:82.18%;left:49.74%}.section-two__tech--flutter{width:min(14.5vw,20.39vh);top:77.11%;left:60.56%}.section-two__ticket{z-index:10;filter:drop-shadow(0 9px #23231c8c);width:min(84vw,132vh);transform:translate3d(-50%, calc(-50% + (1 - var(--ticket-progress)) * 30vh), 0) perspective(1400px) rotateX(calc((1 - var(--ticket-progress)) * -44deg)) rotateZ(calc((1 - var(--ticket-progress)) * -4deg)) scale(calc(.8 + var(--ticket-progress) * .2));transform-origin:50% 100%;will-change:transform;margin:0;position:absolute;top:50%;left:48.3%}.section-two__ticket img{user-select:none;width:100%;height:auto;display:block}@media (width>=1500px) and (aspect-ratio>=16/10){.section-two__city{width:min(46vw,66vh);left:0}.section-two__yellow-shape{left:-3%}.section-two__pink-paint{z-index:4;width:min(46vw,67vh);left:-5%}}@media (width<=1100px){.section-two{min-height:640px}.section-two__ticket{width:min(91vw,126vh);top:54%;left:50%}.section-two__yellow-shape{width:min(560px,56vh);top:-11%;left:-18%}.section-two__city{width:min(43vw,40vh);top:-2%;left:-8%}.section-two__ui{width:min(46vw,35vh);top:-9%;right:-11%}.section-two__ux{width:min(47vw,36vh);top:24%;right:-14%}.section-two__hacker{width:min(52vw,44vh);top:-29%;left:50%;transform:translate(-50%)}.section-two__pink-paint{width:min(72vw,53vh);bottom:-15%;left:-16%}.section-two__purple-circle{width:min(74vw,57vh);bottom:-29%;right:-29%}.section-two__halftone{width:min(78vw,60vh);inset:auto -27% -26% auto}.section-two__tech--react{width:min(16vw,12vh);top:auto;bottom:-2%;left:17%}.section-two__tech--figma{width:min(14vw,10vh);top:auto;bottom:-4%;left:45%}.section-two__tech--flutter{width:min(20vw,14vh);top:auto;bottom:-3%;left:69%}}@media (width>=561px) and (width<=1100px) and (orientation:landscape){.section-two__ticket{width:min(87vw,120vh);top:54%}.section-two__pink-paint{bottom:-11%}.section-two__purple-circle,.section-two__halftone{bottom:-23%}}@media (width<=560px){.section-two{min-height:620px}.section-two__yellow-dot,.section-two__line,.section-two__tech,.section-two__blue-splash,.section-two__city,.section-two__hacker{display:none}.section-two__ticket{width:110vw;transform:translate3d(-50%, calc(-50% + (1 - var(--ticket-progress)) * 26vh), 0) perspective(1000px) rotateX(calc((1 - var(--ticket-progress)) * -28deg)) rotateZ(calc((1 - var(--ticket-progress)) * -3deg)) scale(calc(.86 + var(--ticket-progress) * .14));top:51%;left:50%}.section-two__yellow-shape{width:min(520px,62vh);top:-5%;left:-58%}.section-two__ui{width:64vw;top:-7%;right:-20%}.section-two__ux{width:63vw;top:18%;right:-23%}.section-two__hacker{width:88vw;top:-27%;left:7%}.section-two__pink-paint{width:116vw;bottom:-15%;left:-37%}.section-two__purple-circle{width:112vw;bottom:-28%;right:-47%}.section-two__halftone{width:115vw;bottom:-21%;right:-42%}}@media (width>=561px) and (width<=1024px){.section-two{height:max(780px,100svh);min-height:700px;max-height:1100px}.section-two__yellow-dot,.section-two__line,.section-two__city{display:none}.section-two__ui,.section-two__ux,.section-two__hacker,.section-two__tech,.section-two__blue-splash{display:block}.section-two__ui{width:44%;top:-3%;left:-2%;right:auto}.section-two__ux{width:45%;top:-3%;right:-4%}.section-two__ticket{filter:drop-shadow(0 8px #23231c8c);width:min(88vw,760px);transform:translate3d(-50%, calc(-50% + (1 - var(--ticket-progress)) * 14vw), 0) perspective(1100px) rotateX(calc((1 - var(--ticket-progress)) * -30deg)) rotateZ(calc((1 - var(--ticket-progress)) * -3deg)) scale(calc(.88 + var(--ticket-progress) * .12));top:42%;left:50%}.section-two__pink-paint{z-index:2;width:28%;top:36%;bottom:auto;left:15%}.section-two__blue-splash{width:42%;top:66%;left:36%}.section-two__halftone{width:44%;inset:76% auto auto 42%}.section-two__yellow-shape{width:75%;top:auto;bottom:-6%;left:-30%;transform:rotate(120deg)}.section-two__purple-circle{width:72%;bottom:-22%;right:-24%}.section-two__hacker{width:68%;inset:auto -8% -1% auto;transform:rotate(6.28deg)}.section-two__tech--ai{width:17%;top:62%;left:2%;transform:rotate(16deg)}.section-two__tech--react{width:16%;top:88%;bottom:auto;left:18%}.section-two__tech--figma{width:15%;top:80%;bottom:auto;left:4%}.section-two__tech--flutter{width:22%;top:70%;bottom:auto;left:18%}}@media (width<=680px){.section-two{height:175.134vw;min-height:540px}.section-two__yellow-dot,.section-two__line,.section-two__city{display:none}.section-two__ui,.section-two__ux,.section-two__hacker,.section-two__tech,.section-two__blue-splash{display:block}.section-two__ui{width:56.12%;top:-5.5%;left:-3.61%;right:auto}.section-two__ux{width:57.37%;top:-5.34%;right:-7.51%}.section-two__ticket{filter:drop-shadow(0 6px #23231c8c);width:100.51%;transform:translate3d(-50%, calc(-50% + (1 - var(--ticket-progress)) * 18vw), 0) perspective(1100px) rotateX(calc((1 - var(--ticket-progress)) * -30deg)) rotateZ(calc((1 - var(--ticket-progress)) * -3deg)) scale(calc(.88 + var(--ticket-progress) * .12));top:41.99%;left:50.66%}.section-two__pink-paint{z-index:2;width:30.64%;top:35.16%;bottom:auto;left:15.48%}.section-two__blue-splash{width:46.39%;top:66.99%;left:37.16%}.section-two__halftone{width:46.16%;inset:76.77% auto auto 44.54%}.section-two__yellow-shape{width:80.64%;top:auto;bottom:-6.19%;left:-34.22%;transform:rotate(120deg)}.section-two__purple-circle{width:78.39%;bottom:-25.48%;right:-27.75%}.section-two__hacker{width:79.5%;inset:auto -12.5% -.77% auto;transform:rotate(6.28deg)}.section-two__tech--ai{width:19.88%;top:62.6%;left:-1.07%;transform:rotate(16deg)}.section-two__tech--react{width:18.41%;top:89.62%;bottom:auto;left:18.72%}.section-two__tech--figma{width:17.49%;top:82.37%;bottom:auto;left:2.41%}.section-two__tech--flutter{width:25.43%;top:72.9%;bottom:auto;left:20.59%}}@media (prefers-reduced-motion:reduce){.section-two__ticket{will-change:auto;transform:translate(-50%,-50%)}}.section-three{--stage-scale:min(1, calc(100vw / 1440px), calc(100svh / 960px));background:#000;width:100%;height:100svh;min-height:560px;position:relative;overflow:visible}.section-three__under-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.section-three__under-stage{width:calc(1440px * var(--stage-scale));height:calc(1024px * var(--stage-scale));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-three__scale-frame{z-index:10;width:calc(1440px * var(--stage-scale));height:calc(1024px * var(--stage-scale));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-three__stage{width:1440px;height:1024px;transform:scale(var(--stage-scale));transform-origin:0 0;position:relative;overflow:visible}.section-three__dots,.section-three__webs{pointer-events:none;user-select:none;max-width:none;display:block;position:absolute}.section-three__dots{z-index:0;top:calc(-325px * var(--stage-scale));right:calc(-315px * var(--stage-scale));width:calc(620px * var(--stage-scale));opacity:.72}.section-three__webs{z-index:0;opacity:.75;transform-origin:0 100%;width:clamp(320px,max(32vw,48svh),680px);bottom:0;left:0;transform:translate(-30%,32%)}.section-three__pages{z-index:2;position:absolute;inset:0;transform:translate(-91px)}.section-three__page{--page-rotation:0deg;cursor:pointer;filter:drop-shadow(2px 5px 4px #0000006b)drop-shadow(8px 17px 18px #00000057);width:577px;height:878px;transform:rotate(var(--page-rotation));transform-origin:50%;will-change:transform;background:0 0;border:0;margin:0;padding:0;transition:transform .34s cubic-bezier(.22,1,.36,1),filter .34s cubic-bezier(.22,1,.36,1);position:absolute}.section-three__page img{object-fit:contain;pointer-events:none;user-select:none;width:100%;height:100%;transition:filter .3s cubic-bezier(.22,1,.36,1);display:block}.section-three__page--about img,.section-three__page--designs img{filter:brightness(.66)saturate(.82)contrast(.94)}.section-three__page--projects img{filter:brightness()saturate()}.section-three__pages--has-selection .section-three__page:not(.is-selected) img,.section-three__pages:has(.section-three__page:hover) .section-three__page:not(:hover) img,.section-three__pages:focus-within .section-three__page:not(:focus-visible):not(.is-selected) img{filter:brightness(.45)saturate(.72)contrast(.9)!important}.section-three__page.is-selected img,.section-three__page:hover img,.section-three__page:focus-visible img{filter:brightness(1.08)saturate(1.05)contrast()!important}.section-three__page--about{--page-rotation:-7.21deg;z-index:2;top:80px;left:151px}.section-three__page--projects{--page-rotation:-2.52deg;z-index:4;top:29px;left:458px}.section-three__page--designs{--page-rotation:3.14deg;z-index:3;top:72px;left:923px}.section-three__page.is-selected,.section-three__page:hover,.section-three__page:focus-visible{z-index:12;filter:drop-shadow(3px 7px 6px #00000075)drop-shadow(13px 25px 25px #00000061);transform:translateY(-25px) scale(1.02) rotate(var(--page-rotation));outline:none}.section-three__page:focus-visible:after{content:"";pointer-events:none;border:6px solid #c22d81;position:absolute;inset:5px}.section-three__cta{z-index:20;background:radial-gradient(circle at center, #3b074a94 0, #3b074a94 1.4px, transparent 1.5px) 0 0 / 5.5px 5.5px, var(--comic-purple,#74128f);border:0;width:580px;height:90px;padding:7px;position:absolute;bottom:115px;right:20px;transform:rotate(.15deg);box-shadow:inset 0 0 0 4px #fff}.section-three__cta-inner{z-index:1;color:#fff;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;height:100%;padding:2px 9px 5px 52px;font-family:Might Makes Right,cursive;font-size:30px;font-style:italic;font-weight:700;line-height:.9;display:flex;position:relative}.section-three__cta img{object-fit:contain;filter:brightness(0)invert();width:38px;height:44px;display:block;position:absolute;top:-5px;left:2px;transform:rotate(-13deg)}@media (width>=1441px){.section-three{height:100svh}}@media (width<=720px){.section-three{--mobile-page-width:min(72vw, 280px);height:100svh;min-height:680px}.section-three__webs{width:max(480px,55svh);transform:translate(-38%,39%)}.section-three__scale-frame{width:100%;height:100%;inset:0;transform:none}.section-three__stage{width:100%;height:100%;transform:none}.section-three__dots{width:390px;top:-155px;right:-220px}.section-three__pages{inset:0;transform:none}.section-three__page{width:var(--mobile-page-width);height:calc(var(--mobile-page-width) * 1.5185)}.section-three__page--about{z-index:2;top:2.5%;left:18px}.section-three__page--projects{--page-rotation:-5.5deg;z-index:4;margin-left:calc(var(--mobile-page-width) * -.5);top:40%;left:50%}.section-three__page--designs{z-index:3;top:21%;left:auto;right:16px}.section-three__cta{background:radial-gradient(circle at center, #3b074a94 0, #3b074a94 1.3px, transparent 1.4px) 0 0 / 5px 5px, var(--comic-purple,#74128f);width:calc(100% - 24px);height:64px;padding:6px;bottom:14px;right:12px;box-shadow:inset 0 0 0 4px #fff}.section-three__cta-inner{padding:3px 8px 6px 42px;font-size:18px}.section-three__cta img{width:32px;height:38px;top:-5px;left:2px}.section-three__page:hover{filter:drop-shadow(2px 5px 4px #0000006b)drop-shadow(8px 17px 18px #00000057);transform:rotate(var(--page-rotation))}}@media (prefers-reduced-motion:reduce){.section-three__page{transition-duration:1ms}}@font-face{font-family:Comic Roasting;src:url(/Portfolio/assets/Comic%20Roasting-HC9W1Y6h.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Might Makes Right;src:url(/Portfolio/assets/Might%20Makes%20Right%20BB%20Bold%20Italic-BQYNL7wT.ttf)format("truetype");font-style:italic;font-weight:700;font-display:swap}.contact{--contact-purple:var(--comic-purple,#74128f);--contact-accent:#c650e5;--contact-purple-deep:#3b074a;--contact-scale:min(1, calc(100vw / 1440px));--shared-web-size:clamp(320px, max(32vw, 48svh), 680px);width:100%;height:calc(1024px * var(--contact-scale));color:#fcfcfc;background:#000;min-height:0;position:relative;overflow:hidden}.contact__webs{z-index:1;top:calc(var(--shared-web-size) * -.67);width:var(--shared-web-size);opacity:.75;pointer-events:none;user-select:none;max-width:none;display:block;position:absolute;left:0;transform:translate(-30%)}.contact__scale-frame{z-index:2;width:calc(1440px * var(--contact-scale));height:calc(1024px * var(--contact-scale));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact__stage{width:1440px;height:1024px;transform:scale(var(--contact-scale));transform-origin:0 0;background:0 0;position:relative}.contact__title{z-index:10;color:#fff;text-align:center;white-space:nowrap;pointer-events:none;width:526px;margin:0;font-family:Comic Roasting,Comic Sans MS,cursive;font-size:139px;font-style:normal;font-weight:400;line-height:168px;position:absolute;top:289.23px;left:50%;transform:translate(-50%)}.contact__social{color:#fcfcfc;outline:none;width:516.12px;height:644.92px;text-decoration:none;display:block;position:absolute}.contact__social img{object-fit:contain;pointer-events:none;user-select:none;width:100%;height:100%;transition:filter .22s,transform .26s cubic-bezier(.22,1,.36,1);display:block}.contact__social span,.contact__detail{z-index:12;color:#fcfcfc;white-space:nowrap;font-family:Might Makes Right,Comic Sans MS,cursive;font-size:39.75px;font-style:italic;font-weight:700;line-height:48px;text-decoration:none;position:absolute}.contact__social span{transition:color .18s,text-shadow .18s,transform .18s}.contact__social:hover img,.contact__social:focus-visible img{filter:brightness(1.18)saturate(1.15)drop-shadow(0 0 18px #c650e580);transform:translateY(-10px)scale(1.015)}.contact__social:hover span,.contact__social:focus-visible span{color:var(--contact-accent);text-shadow:3px 3px 0 var(--contact-purple-deep)}.contact__social--linkedin:hover span,.contact__social--linkedin:focus-visible span{transform:translate(-50%,-3px)}.contact__social:focus-visible:after,.contact__detail:focus-visible{outline:4px solid var(--contact-accent);outline-offset:6px}.contact__social--linkedin{z-index:3;top:13.16px;left:calc(50% - 244.8px)}.contact__social--linkedin span{text-align:center;width:251px;top:183.18px;left:50%;transform:translate(-50%)}.contact__social--behance{z-index:2;top:141px;right:84.76px}.contact__social--behance span{text-align:center;width:291px;top:235.96px;right:31.9px}.contact__social--github{z-index:4;top:157.25px;left:56.75px}.contact__social--github span{text-align:center;width:286px;font-size:40px;top:209px;left:65.61px}.contact__details{z-index:20;grid-template-columns:1.35fr .85fr;gap:22px;width:920px;display:grid;position:absolute;top:817px;left:50%;transform:translate(-50%)rotate(-.35deg)}.contact__detail{background:radial-gradient(circle, #3b074a8c 0 1.2px, transparent 1.35px) 0 0 / 5px 5px, var(--contact-purple);min-width:0;height:94px;box-shadow:9px 9px 0 var(--contact-accent);color:#fff;text-align:center;border:4px solid #fcfcfc;justify-content:center;align-items:center;padding:20px 22px 15px;font-size:34px;line-height:1;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.contact__detail:nth-child(2){transform:rotate(1deg)}.contact__detail-label{background:var(--contact-accent);color:#fff;text-transform:uppercase;padding:5px 12px 4px;font-size:23px;line-height:1;position:absolute;top:-20px;left:18px;transform:rotate(-2deg)}.contact__detail:hover,.contact__detail:focus-visible{box-shadow:5px 5px 0 var(--contact-purple-deep);color:var(--contact-accent);background-color:#fff;transform:translate(4px,4px)rotate(.5deg)}.contact__detail:hover .contact__detail-label,.contact__detail:focus-visible .contact__detail-label{color:#160a19}@media (width<=700px){.contact{--shared-web-size:max(480px, 55svh);height:100svh;min-height:720px}.contact__webs{top:calc(var(--shared-web-size) * -.6);transform:translate(-38%)}.contact__scale-frame,.contact__stage{width:100%;height:100%;inset:0;transform:none}.contact__title{width:100%;font-size:clamp(68px,22vw,90px);line-height:.85;top:44%}.contact__social{aspect-ratio:516.12/644.92;width:min(76vw,310px);height:auto}.contact__social span{font-size:clamp(24px,8vw,34px);line-height:1}.contact__social--linkedin{top:2%;left:50%;transform:translate(-50%)}.contact__social--linkedin span{top:28.4%}.contact__social--github{top:30%;left:-20%}.contact__social--github span{width:auto;top:63%;left:30%}.contact__social--behance{top:30%;right:-20%}.contact__social--behance span{width:auto;top:76%;right:30%}.contact__details{grid-template-columns:1fr;gap:18px;width:calc(100% - 32px);top:auto;bottom:4.5%;transform:translate(-50%)}.contact__detail{height:58px;box-shadow:6px 6px 0 var(--contact-accent);border-width:3px;padding:12px 12px 8px;font-size:clamp(24px,7.2vw,31px)}.contact__detail:nth-child(2){transform:none}.contact__detail-label{padding:3px 8px 2px;font-size:16px;top:-13px;left:10px}.contact__detail:first-child .contact__detail-value{font-size:clamp(19px,5.5vw,22px)}}@media (prefers-reduced-motion:reduce){.contact__social img,.contact__social span,.contact__detail{transition:none}}::selection{color:inherit!important;background-color:#0000!important}::selection{color:inherit!important;background-color:#0000!important}