@import "https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}.portfolio-body{-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}body.portfolio-body,html.portfolio-body{-webkit-text-size-adjust:100%;background:#000;height:100%;font-family:Poppins,sans-serif;overflow:hidden}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:none;height:100svh;overflow-y:scroll}.scroll-container::-webkit-scrollbar{display:none}.project-section{scroll-snap-align:center;width:100%;height:100svh;position:relative;overflow:hidden}.project-content{opacity:.4;background:#000;border-radius:32px;width:100%;height:100%;text-decoration:none;transition:transform .9s cubic-bezier(.19,1,.22,1),opacity .9s cubic-bezier(.19,1,.22,1),border-radius .9s cubic-bezier(.19,1,.22,1);display:block;position:relative;overflow:hidden;transform:perspective(1500px)rotateX(15deg)scale(.85);box-shadow:0 30px 60px #0006}.project-section.active .project-content{opacity:1;box-shadow:none;border-radius:0;transform:perspective(1500px)rotateX(0)scale(1)}.full-screen-iframe{z-index:1;pointer-events:none;background-color:#111;border:none;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000008c 0%,#0000001f 34% 66%,#0000004d 100%),linear-gradient(#0000 68%,#00000080 100%);transition:opacity .6s;position:absolute;inset:0}.title-group{z-index:10;opacity:0;flex-direction:column;align-items:center;gap:22px;transition:opacity .6s,left .6s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.project-index{writing-mode:vertical-rl;letter-spacing:.32em;color:#ffffff8c;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:500;transform:rotate(180deg)}.project-section h2{writing-mode:vertical-rl;color:#fff;letter-spacing:.55em;text-transform:uppercase;text-shadow:0 2px 15px #0000008c;pointer-events:none;margin:0;font-size:clamp(1.05rem,.9rem + .5vw,1.4rem);font-weight:300;transform:rotate(180deg)}.project-tag{writing-mode:vertical-rl;letter-spacing:.24em;text-transform:uppercase;color:#ffffff80;font-size:.6rem;font-weight:400;transform:rotate(180deg)}.visit-btn{color:#fff;-webkit-backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:background .3s,color .3s,transform .3s;display:flex}.visit-btn:hover{color:#000;background:#fff;transform:scale(1.08)}.project-section.active .title-group{opacity:1;left:40px}.nav-dots{z-index:100;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:26px;transform:translateY(-50%)}.dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .3s,transform .3s,box-shadow .3s;box-shadow:0 2px 4px #0000004d}.dot:hover{background:#ffffffd9;transform:scale(1.3)}.dot.active{background:#2563eb;transform:scale(1.5);box-shadow:0 0 15px #2563ebcc}.progress-bar-container{z-index:100;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;align-items:center;width:min(320px,62vw);height:26px;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.progress-bar-container:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border-radius:4px;height:4px;transition:height .2s,background .2s;position:absolute;left:0;right:0}@media (hover:hover){.progress-bar-container:hover:before{background:#ffffff52;height:6px}.progress-bar-container:hover .progress-bar-fill{height:6px}.progress-bar-container:hover .progress-bar-fill:after{width:18px;height:18px;right:-9px}}.progress-bar-container:focus-visible:before,.progress-bar-container.is-scrubbing:before{background:#ffffff52;height:6px}.progress-bar-container:focus-visible{outline-offset:6px;border-radius:6px;outline:2px solid #ffffffd9}.progress-bar-container.is-scrubbing{cursor:grabbing}.progress-bar-fill{pointer-events:none;z-index:1;background:#fff;border-radius:4px;width:0%;height:4px;transition:height .2s;position:relative}.progress-bar-container:focus-visible .progress-bar-fill,.progress-bar-container.is-scrubbing .progress-bar-fill{height:6px}.progress-bar-fill:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:width .2s,height .2s,right .2s,box-shadow .2s;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 1px 6px #0009}.progress-bar-container:focus-visible .progress-bar-fill:after{width:18px;height:18px;right:-9px}.progress-bar-container.is-scrubbing .progress-bar-fill:after{width:22px;height:22px;right:-11px;box-shadow:0 2px 12px #000000b3,0 0 0 6px #ffffff29}.scroll-hint{z-index:100;letter-spacing:.24em;text-transform:uppercase;color:#fff6;pointer-events:none;white-space:nowrap;font-size:.6rem;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.project-section.active .title-group{left:26px}}@media (max-width:900px){.nav-dots{gap:12px;right:14px}}@media (max-width:768px){.nav-dots{display:none}.progress-bar-container{width:min(78vw,420px);height:26px;bottom:26px}.scroll-hint{display:none}.title-group{-webkit-backdrop-filter:blur(10px);background:#0000006b;border:1px solid #ffffff24;border-radius:40px;flex-direction:row;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;top:auto;bottom:62px;transform:translate(-50%);left:50%!important}.project-section.active .title-group{left:50%!important}.project-index,.project-tag{display:none}.project-section h2{writing-mode:horizontal-tb;letter-spacing:.18em;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden;transform:none}.visit-btn{width:34px;height:34px}.overlay{background:linear-gradient(#00000047 0%,#0000001a 66%,#0000009e 100%)}}@media (max-width:420px){.project-section h2{letter-spacing:.14em;font-size:.82rem}.title-group{gap:10px;padding:8px 12px;bottom:58px}}@media (prefers-reduced-motion:reduce){.scroll-container{scroll-behavior:auto}.project-content,.project-section.active .project-content{opacity:1;border-radius:0;transition:opacity .3s;transform:none}}