.ContactFolder_contactMain__WmfYp{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:26px;align-items:center}.ContactFolder_contactMain__WmfYp h2{font-size:clamp(48px,6.2vw,88px)}.ContactFolder_contactCopy__BN6gq{padding-bottom:12px}.ContactFolder_wrapper__TebDJ{width:380px;max-width:100%;justify-self:end}.ContactFolder_folder__nOiJ4{position:relative;height:350px;isolation:isolate;transform:scale(1.08);transform-origin:center bottom;animation:ContactFolder_folderFloat__FLxhY 6s ease-in-out infinite}.ContactFolder_folder__nOiJ4:after{content:"";position:absolute;z-index:-1;bottom:0;left:50%;width:280px;height:30px;transform:translateX(-50%);border-radius:50%;background:#3b443726;filter:blur(20px);pointer-events:none}.ContactFolder_back__rkXoQ{position:absolute;bottom:35px;left:50%;width:272px;height:294px;transform:translateX(-50%);border-radius:12px 22px 20px 20px;background:linear-gradient(145deg,#d1d3cf,#c3c6bf);box-shadow:inset 0 1px 1px #fff9,0 8px 20px #29332a0a}.ContactFolder_back__rkXoQ:before{content:"";position:absolute;left:0;top:-30px;width:116px;height:44px;border-radius:25px 26px 0 0;background:#d1d3cf;clip-path:polygon(0 0,62% 0,70% 4%,79% 20%,89% 52%,100% 69%,100% 100%,0 100%)}.ContactFolder_files__mr61s{position:absolute;inset:0;pointer-events:none}.ContactFolder_card__eUUlZ{position:absolute;left:calc(50% - 74px);bottom:55px;width:148px;height:190px;padding:14px 13px;border:4px solid #fff;border-radius:15px;background:#fafbf8;color:#202420;box-shadow:0 4px 8px #26302b14,0 12px 24px #26302b12;text-decoration:none;display:flex;flex-direction:column;transform-origin:50% 100%;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .25s;pointer-events:auto}.ContactFolder_linkedin__oE1SU{--x:-91px;--angle:-23deg;--lift:-66px;transform:translate(-66px,-30px) rotate(-15deg);background:#edf3f8;z-index:1}.ContactFolder_github__1e_L3{--x:0px;--angle:-3deg;--lift:-100px;transform:translateY(-45px) rotate(-3deg);z-index:3;background:#edf0e9}.ContactFolder_email__OOkn7{--x:91px;--angle:22deg;--lift:-65px;transform:translate(66px,-30px) rotate(15deg);z-index:2;background:#fbf6ef}.ContactFolder_card__eUUlZ{overflow:hidden;isolation:isolate}.ContactFolder_card__eUUlZ:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 23px,currentColor 23px 24px);opacity:.035;pointer-events:none}.ContactFolder_linkedin__oE1SU{color:#173b58;background:linear-gradient(155deg,#f6faff,#dfebf4)}.ContactFolder_github__1e_L3{color:#2c422e;background:linear-gradient(155deg,#fafcf7,#e0e9d9)}.ContactFolder_email__OOkn7{color:#6c3634;background:linear-gradient(155deg,#fffaf5,#f5e4dc)}.ContactFolder_watermark__AK_Fm{position:absolute;z-index:-1;right:-25px;top:37px;width:120px;height:120px;opacity:.07;transform:rotate(-18deg);pointer-events:none}.ContactFolder_detailIcon___Gzkt{position:absolute;z-index:-1;bottom:-10px;left:6px;opacity:.1;transform:rotate(12deg);pointer-events:none}.ContactFolder_cardTop__sEPQs{display:flex;align-items:center;justify-content:space-between;gap:8px}.ContactFolder_platform__9VP1p{font-size:10px;font-weight:600;letter-spacing:-.02em}.ContactFolder_logo__9rpkg{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;margin:20px 0 15px;background:#fff;box-shadow:0 2px 4px #00000009;font-size:28px}.ContactFolder_linkedin__oE1SU .ContactFolder_logo__9rpkg{color:#0a66c2}.ContactFolder_email__OOkn7 .ContactFolder_logo__9rpkg{color:#bc3941}.ContactFolder_github__1e_L3 .ContactFolder_logo__9rpkg{color:#24292f}.ContactFolder_email__OOkn7 .ContactFolder_logo__9rpkg{margin-left:auto}.ContactFolder_email__OOkn7 .ContactFolder_cardDetail__1ExLP,.ContactFolder_email__OOkn7 .ContactFolder_cardName__1UJPF{text-align:right}.ContactFolder_cardName__1UJPF{font-size:20px;font-weight:600;letter-spacing:-.06em}.ContactFolder_cardDetail__1ExLP{font-size:9px;color:#626963;margin-top:6px}.ContactFolder_front__v03xz{position:absolute;z-index:5;bottom:27px;left:50%;width:282px;height:139px;transform:translateX(-50%);border:0;border-radius:19px 19px 24px 24px;background:linear-gradient(120deg,rgb(255 255 255/.16),rgb(244 245 240/.08) 45%,rgb(236 238 231/.12));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 14px 28px -9px #26302b38,0 4px 10px #26302b12;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;padding:23px;color:#262a26;transition:transform .55s cubic-bezier(.22,1,.36,1),background .4s}.ContactFolder_folderLabel__sspO3{display:flex;flex-direction:column;gap:7px;padding-bottom:4px}.ContactFolder_folderLabel__sspO3>span:first-child{font-size:17px}.ContactFolder_count__dnyn5{font-size:10px;color:#61675e}.ContactFolder_arrow__YiTFx{width:44px;height:44px;border-radius:50%;background:#242824;color:#f5f6f2;display:grid;place-items:center;transition:transform .4s,background .4s}.ContactFolder_hint__SfKlk{margin:8px 0 0;text-align:center;font:12px Pixelify,monospace;color:#646b63}@keyframes ContactFolder_folderFloat__FLxhY{0%,to{translate:0 0}50%{translate:0 -7px}}.ContactFolder_folder__nOiJ4:has(.ContactFolder_card__eUUlZ:focus-visible) .ContactFolder_front__v03xz,.ContactFolder_folder__nOiJ4[data-open=true] .ContactFolder_front__v03xz{transform:translate(-50%,7px) rotateX(-8deg)}.ContactFolder_folder__nOiJ4[data-open=true] .ContactFolder_arrow__YiTFx{background:#b63840;transform:rotate(45deg)}.ContactFolder_folder__nOiJ4[data-open=true] .ContactFolder_card__eUUlZ{transform:translate(var(--x),calc(var(--lift) - 14px)) rotate(var(--angle));box-shadow:0 15px 28px #26302b26}.ContactFolder_folder__nOiJ4 .ContactFolder_card__eUUlZ:focus-visible,.ContactFolder_folder__nOiJ4 .ContactFolder_card__eUUlZ[data-active=true]{z-index:4;outline-offset:3px;transform:translate(var(--x),calc(var(--lift) - 14px)) rotate(var(--angle));box-shadow:0 15px 28px #26302b26}@media(hover:hover){.ContactFolder_folder__nOiJ4[data-open=false] .ContactFolder_card__eUUlZ:hover{z-index:4;transform:translate(var(--x),calc(var(--lift) - 16px)) rotate(var(--angle));box-shadow:0 15px 28px #26302b26}}@media(max-width:1000px) and (min-width:701px){.ContactFolder_contactMain__WmfYp{grid-template-columns:minmax(0,1fr) 330px;gap:10px}.ContactFolder_contactMain__WmfYp h2{font-size:clamp(45px,6vw,65px)}.ContactFolder_contactCopy__BN6gq>a{font-size:15px;gap:10px}.ContactFolder_wrapper__TebDJ{width:330px}.ContactFolder_folder__nOiJ4{transform:scale(.9);transform-origin:center bottom}.ContactFolder_hint__SfKlk{margin-top:-5px}}@media(max-width:700px){.ContactFolder_contactMain__WmfYp{grid-template-columns:minmax(0,1fr);gap:0}.ContactFolder_contactMain__WmfYp h2{font-size:clamp(48px,9vw,65px)}.ContactFolder_wrapper__TebDJ{justify-self:center;width:350px;margin-top:10px}.ContactFolder_folder__nOiJ4{height:315px;transform:scale(.74);transform-origin:center bottom;margin-top:-55px}.ContactFolder_hint__SfKlk{font-size:13px}}@media(max-width:390px){.ContactFolder_folder__nOiJ4{transform:scale(.68);margin-top:-65px}.ContactFolder_wrapper__TebDJ{width:300px}}@media(prefers-reduced-motion:reduce){.ContactFolder_folder__nOiJ4{animation:none}.ContactFolder_folder__nOiJ4 *{transition:none}}@media(prefers-reduced-transparency:reduce){.ContactFolder_front__v03xz{background:#e9ece4;backdrop-filter:none;-webkit-backdrop-filter:none}}.IntroDuck_identity__11R0g{display:flex;flex-direction:column;gap:14px}.IntroDuck_duck__ACSCx{position:relative;width:min(190px,100%);aspect-ratio:1;margin-top:12px;overflow:hidden;border-radius:12px;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent,#000 4%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 4%)}@media (max-width:700px){.IntroDuck_identityColumn__5bJt3{align-items:flex-start}.IntroDuck_duck__ACSCx{width:min(112px,32vw);margin-top:0}}.TransitArtwork_art__Fu_Co{position:absolute;inset:0;border-radius:inherit;overflow:visible;isolation:isolate;z-index:0;clip-path:inset(-160% 0 0)}.TransitArtwork_video__I9XXM{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.TransitArtwork_videoFrame__P6KOy{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.TransitArtwork_videoPoster__bJ3fZ{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.TransitArtwork_mask__UzV_k{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.TransitArtwork_image__Hy3tL{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:50% 100%;pointer-events:none;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.TransitArtwork_top__JL5_D{z-index:1;filter:drop-shadow(0 8px 10px #111c2340)}.johar-art:hover .TransitArtwork_image__Hy3tL,.transit-art:hover .TransitArtwork_image__Hy3tL,.wheel-card:focus-visible .TransitArtwork_image__Hy3tL,.wheel-card:hover .TransitArtwork_image__Hy3tL{transform:scale(1.6)}@media (prefers-reduced-motion:reduce){.TransitArtwork_image__Hy3tL{transition:none}}@font-face{font-family:Poppins;src:url(/fonts/poppins-light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}.HeroTitle_title__kG49p{display:flex;flex-direction:column;gap:2px;line-height:1}.HeroTitle_game__LtXJ_{font-family:Pixelify,monospace;font-size:clamp(32px,3.5vw,52px);font-weight:700;letter-spacing:.015em}.HeroTitle_portfolio__k7lej{font-family:Poppins,sans-serif;font-size:clamp(34px,4vw,60px);font-weight:300;letter-spacing:.22em;line-height:1.15}@media(min-width:701px){.HeroTitle_title__kG49p{margin-left:clamp(24px,3vw,48px);width:max-content}.HeroTitle_game__LtXJ_{font-size:clamp(35px,3.85vw,57px)}.HeroTitle_portfolio__k7lej{font-size:clamp(37px,4.4vw,66px)}}@media(max-width:700px){.HeroTitle_title__kG49p{align-items:center;gap:3px}.HeroTitle_game__LtXJ_{font-size:clamp(27px,7vw,38px)}.HeroTitle_portfolio__k7lej{font-size:clamp(26px,6.7vw,37px);letter-spacing:.2em}}.nav-drop-floating{font-weight:300;font-synthesis:none;-webkit-font-smoothing:antialiased}.nav-drop-floating[data-open=true] a{opacity:.85;animation:nav-fan-down .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--item-index) * 45ms);transition:rotate .25s cubic-bezier(.22,1,.36,1);transition-delay:0s}.nav-drop-floating[data-open=false]{visibility:visible;pointer-events:none;transition:none}.nav-drop-floating[data-open=false] a{animation:nav-fan-up .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc((var(--item-count) - var(--item-index) - 1) * 45ms)}.nav-drop-floating a span{display:inline-block;transform-origin:center;transition:transform .25s cubic-bezier(.22,1,.36,1)}.nav-drop-floating a:is(:hover,:focus-visible) span{transform:scale(1.24)}.nav-drop-floating a:has(~a:is(:hover,:focus-visible)){rotate:4deg}.nav-drop-floating a:is(:hover,:focus-visible)~a{rotate:-4deg}@keyframes nav-fan-down{0%{opacity:0;transform:rotate(18deg)}to{opacity:.85;transform:rotate(calc(-10deg - var(--item-index) * 10deg))}}@keyframes nav-fan-up{0%{opacity:.85;transform:rotate(calc(-10deg - var(--item-index) * 10deg))}to{opacity:0;transform:rotate(18deg)}}@media (prefers-reduced-motion:reduce){.nav-drop-floating[data-open=true] a{animation:none}}.ProjectSections_section__Hce9d{position:relative;isolation:isolate}.ProjectSections_content__WsFIj{position:relative;z-index:1}