@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/0acc7fdf55eb3220-s.p.3oprs0vbfre0x.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:Orbitron Fallback;src:local(Arial);ascent-override:81.5%;descent-override:19.59%;line-gap-override:0.0%;size-adjust:124.05%}.orbitron_d6a675bd-module__lKSnbq__className{font-family:Orbitron,Orbitron Fallback;font-style:normal}.orbitron_d6a675bd-module__lKSnbq__variable{--font-orbitron:"Orbitron", "Orbitron Fallback"}
@font-face{font-family:pretendard;src:url(../media/Pretendard_Regular-s.0b3u7ignt8dbu.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:pretendard;src:url(../media/Pretendard_Medium-s.0-n5zj38p5zco.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:pretendard;src:url(../media/Pretendard_SemiBold-s.2je90oztabw7z.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:pretendard;src:url(../media/Pretendard_Bold-s.1cfk49tbzmfis.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_2c9a8ebf-module__uxYxvG__className{font-family:pretendard,pretendard Fallback}.pretendard_2c9a8ebf-module__uxYxvG__variable{--font-pretendard:"pretendard", "pretendard Fallback"}
@font-face{font-family:ppEiko;src:url(../media/PPEiko_Thin-s.2wfaqb8afwx70.otf)format("opentype");font-display:swap;font-weight:100;font-style:normal}@font-face{font-family:ppEiko;src:url(../media/PPEiko_LightItalic-s.2vyxa_0bbs_do.otf)format("opentype");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:ppEiko;src:url(../media/PPEiko_Medium-s.1etvt-sh7vu5b.otf)format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:ppEiko Fallback;src:local(Arial);ascent-override:82.46%;descent-override:11.24%;line-gap-override:34.39%;size-adjust:106.72%}.ppeiko_4b8bf80e-module__6WHEuG__className{font-family:ppEiko,ppEiko Fallback}.ppeiko_4b8bf80e-module__6WHEuG__variable{--font-pp-eiko:"ppEiko", "ppEiko Fallback"}
@font-face{font-family:ppSupplySans;src:url(../media/PPSupplySans_Ultralight-s.2hq0kcxrrm1ia.otf)format("opentype");font-display:swap;font-weight:200}@font-face{font-family:ppSupplySans;src:url(../media/PPSupplySans_Regular-s.19t6n5lfiz0a3.otf)format("opentype");font-display:swap;font-weight:400}@font-face{font-family:ppSupplySans Fallback;src:local(Arial);ascent-override:94.29%;descent-override:20.0%;line-gap-override:0.0%;size-adjust:104.99%}.ppsupplysans_54cfd077-module__-1gUXa__className{font-family:ppSupplySans,ppSupplySans Fallback}.ppsupplysans_54cfd077-module__-1gUXa__variable{--font-pp-supply-sans:"ppSupplySans", "ppSupplySans Fallback"}
@font-face{font-family:ppSupplyMono;src:url(../media/PPSupplyMono_Ultralight-s.2ddtm3cs5m3w-.otf)format("opentype");font-display:swap;font-weight:200}@font-face{font-family:ppSupplyMono;src:url(../media/PPSupplyMono_Regular-s.15r-9kagwoj4o.otf)format("opentype");font-display:swap;font-weight:400}@font-face{font-family:ppSupplyMono Fallback;src:local(Arial);ascent-override:75.29%;descent-override:15.97%;line-gap-override:0.0%;size-adjust:131.49%}.ppsupplymono_378177ad-module__0ef7EG__className{font-family:ppSupplyMono,ppSupplyMono Fallback}.ppsupplymono_378177ad-module__0ef7EG__variable{--font-pp-supply-mono:"ppSupplyMono", "ppSupplyMono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--progress:0}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-black:#121212;--color-text-dark:#212121;--color-text-medium:#616161;--color-text-light:#9e9e9e;--color-bg-light:#f5f6f7}}@layer base,components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--color-border-radius:4px;--color-bg:linear-gradient(0deg, #ffffff4d, #ffffff4d), linear-gradient(180deg, #e5e5e5, #f3f3f3 79.17%, #e2e2e2);--container-max-width:1200px;--header-height:80px;--content-padding:4%;--font-size-xs:1.2rem;--font-size-sm:1.4rem;--font-size-base:1.6rem;--font-size-md:1.8rem;--font-size-lg:2rem;--font-size-xl:2.2rem;--font-size-2xl:2.4rem;--font-size-3xl:3rem;--font-size-4xl:4.8rem;--font-size-5xl:5.2rem;--font-size-6xl:6.8rem;--font-size-7xl:18.2rem}@media (min-width:787px) and (max-width:1200px){:root{--font-size-xs:1.1rem;--font-size-sm:1.3rem;--font-size-base:1.5rem;--font-size-md:1.7rem;--font-size-lg:1.9rem;--font-size-xl:2rem;--font-size-2xl:2.2rem;--font-size-3xl:2.6rem;--font-size-4xl:3.8rem;--font-size-5xl:4rem;--font-size-6xl:5.2rem;--font-size-7xl:12rem}}@media (max-width:786px){:root{--font-size-xs:1rem;--font-size-sm:1.2rem;--font-size-base:1.4rem;--font-size-md:1.6rem;--font-size-lg:1.8rem;--font-size-xl:1.8rem;--font-size-2xl:2rem;--font-size-3xl:1.9rem;--font-size-4xl:2.4rem;--font-size-5xl:2.4rem;--font-size-6xl:3.4rem;--font-size-7xl:5.4rem}}*{box-sizing:border-box;margin:0;padding:0}:root{font-size:62.5%}html,body{width:100%;height:100%;font-size:1.6rem;overflow-x:hidden}@media (min-width:787px) and (max-width:1200px){html,body{font-size:1.5rem}}@media (max-width:786px){html,body{font-size:1.4rem}}img{vertical-align:bottom;width:100%;max-width:100%;height:100%}li{list-style:none}a{color:#222;font-weight:400;text-decoration:none}section{background:var(--color-bg-light);margin-bottom:-2px}section,footer{min-height:100vh;position:relative}#smooth-wrapper{height:100vh;overflow:hidden}#smooth-content{pointer-events:none;width:100%;overflow:hidden}#smooth-content>main{pointer-events:none}#smooth-content>main>*{pointer-events:auto}html,body{background:#000}html{--current-color-bg:#f5f6f7;--current-color-text:#212121;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{color:var(--color-text-medium);font-family:var(--font-pretendard), sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#000;width:100%;height:100%;font-weight:400;overflow:hidden}#intro{z-index:999;background-color:#0000;justify-content:center;align-items:center;transition:--progress .45s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;inset:0;overflow:hidden}#intro .intro-overlay{z-index:0;opacity:0;backface-visibility:hidden;will-change:opacity;background-color:#000;position:absolute;inset:0;transform:translateZ(0)}#intro .intro-grid{z-index:1;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:0;display:grid;position:absolute;inset:0}@media (max-width:1024px) and (not (max-width:786px)){#intro .intro-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr)}}@media (max-width:786px){#intro .intro-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr)}}#intro .intro-grid .grid-item{backface-visibility:hidden;background-color:#000;position:relative;overflow:hidden;transform:translateZ(0)}#intro .intro-content{z-index:2;flex-direction:column;align-items:center;gap:3rem;display:flex;position:relative}#intro .intro-progress{flex-direction:column;align-items:center;gap:2.4rem;display:flex}@media (max-width:786px){#intro .intro-progress{gap:2rem}}#intro .intro-progress .orbital-dial{width:200px;height:200px;position:relative}@media (max-width:786px){#intro .intro-progress .orbital-dial{width:164px;height:164px}}#intro .intro-progress .orbital-dial:before{content:"";background:radial-gradient(circle,#bfd7ff1f 0%,#bfd7ff0a 45%,#0000 70%);border-radius:50%;position:absolute;inset:-36px}#intro .intro-progress .orbital-dial .dial-rings{width:100%;height:100%;position:absolute;inset:0}#intro .intro-progress .orbital-dial .dial-bracket{stroke:#ffffff8c;stroke-width:1px}#intro .intro-progress .orbital-dial .dial-ticks{stroke:#ffffff73;stroke-width:5px;stroke-dasharray:1 9.05}#intro .intro-progress .orbital-dial .dial-track{stroke:#ffffff4d;stroke-width:1.5px}#intro .intro-progress .orbital-dial .dial-arc{stroke:#f2f5fa;stroke-width:2px;stroke-linecap:round;stroke-dasharray:527.8;stroke-dashoffset:calc(527.8 - 527.8 * var(--progress,0) / 100);transform-origin:50%;filter:drop-shadow(0 0 6px #bfd7ff8c);transform:rotate(-90deg)}#intro .intro-progress .orbital-dial .dial-readout{font-family:var(--font-orbitron), sans-serif;grid-auto-flow:column;place-content:center;align-items:baseline;gap:.18em;display:grid;position:absolute;inset:0}#intro .intro-progress .orbital-dial .dial-readout .progress-percentage{letter-spacing:.04em;color:#f2f5fa;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 0 18px #bfd7ff59;min-width:2ch;font-size:2.75rem;font-weight:500}@media (max-width:786px){#intro .intro-progress .orbital-dial .dial-readout .progress-percentage{font-size:2.2rem}}#intro .intro-progress .orbital-dial .dial-readout .dial-unit{letter-spacing:.2em;color:#ffffff73;font-size:.85rem;font-weight:400}#intro .intro-progress .loading-message{align-items:center;gap:.8em;height:20px;display:flex}#intro .intro-progress .loading-message:before{content:"";background:#ffffffd9;width:5px;height:5px;animation:1.6s ease-in-out infinite telemetryPulse;box-shadow:0 0 6px #fff9}#intro .intro-progress .loading-message .message-text{font-family:var(--font-pp-supply-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;will-change:opacity, transform;font-size:12px;transition:opacity .3s,transform .3s}@media (max-width:786px){#intro .intro-progress .loading-message .message-text{font-size:11px}}@property --progress{syntax:"<number>";inherits:true;initial-value:0}@keyframes telemetryPulse{50%{opacity:.15}}@media (prefers-reduced-motion:reduce){#intro .loading-message:before{animation:none}.fake-scroll-mouse,.fake-scroll-wheel,.section03-scroll-mouse,.section03-scroll-wheel,.cube-project-link:before,.section-project-link:before{animation:none!important}}@keyframes arrowDown{0%{opacity:0;transform:translate(-50%)translateY(-10px)rotate(-45deg)}50%{opacity:1;transform:translate(-50%)translateY(0)rotate(-45deg)}to{opacity:0;transform:translate(-50%)translateY(10px)rotate(-45deg)}}@keyframes fakeScrollMouse{0%,to{transform:translateY(0)}50%{transform:translateY(.12em)}}@keyframes fakeScrollWheel{0%{opacity:0;transform:translate(-50%,-.18em)}35%{opacity:.9}to{opacity:0;transform:translate(-50%,.42em)}}@keyframes projectLinkRipple{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--link-accent-color) 58%, transparent)}72%,to{box-shadow:0 0 0 .9em color-mix(in srgb, var(--link-accent-color) 0%, transparent)}}.scroll-down{z-index:10;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:4%;left:50%;transform:translate(-50%)}@media (max-width:786px){.scroll-down{gap:8px;bottom:10.4%}}.scroll-down .scroll-arrows{flex-direction:column;justify-content:center;align-items:center;width:32px;height:40px;display:flex;position:relative}@media (max-width:1024px) and (not (max-width:786px)){.scroll-down .scroll-arrows{width:28px;height:36px}}@media (max-width:786px){.scroll-down .scroll-arrows{width:24px;height:32px}}.scroll-down .scroll-arrows .arrow{opacity:0;border-bottom:2px solid #fff9;border-left:2px solid #fff9;width:16px;height:16px;position:absolute;left:50%;transform:translate(-50%)rotate(-45deg)}@media (max-width:1024px) and (not (max-width:786px)){.scroll-down .scroll-arrows .arrow{border-bottom-width:1.8px;border-left-width:1.8px;width:14px;height:14px}}@media (max-width:786px){.scroll-down .scroll-arrows .arrow{border-bottom-width:1.5px;border-left-width:1.5px;width:12px;height:12px}}.scroll-down .scroll-arrows .arrow:first-child{top:0}.scroll-down .scroll-arrows .arrow:nth-child(2){top:8px}@media (max-width:1024px) and (not (max-width:786px)){.scroll-down .scroll-arrows .arrow:nth-child(2){top:7px}}@media (max-width:786px){.scroll-down .scroll-arrows .arrow:nth-child(2){top:6px}}.scroll-down .scroll-arrows .arrow:nth-child(3){top:16px}@media (max-width:1024px) and (not (max-width:786px)){.scroll-down .scroll-arrows .arrow:nth-child(3){top:14px}}@media (max-width:786px){.scroll-down .scroll-arrows .arrow:nth-child(3){top:12px}}.scroll-down .scroll-text{font-family:var(--font-orbitron), sans-serif;font-weight:400;font-size:var(--font-size-xs);letter-spacing:.2em;color:#ffffffd6;text-transform:uppercase}@media (max-width:1024px) and (not (max-width:786px)){.scroll-down .scroll-text{letter-spacing:.18em}}@media (max-width:786px){.scroll-down .scroll-text{letter-spacing:.15em}}.scroll-down:hover .arrow{border-color:#ffffffe6}.scroll-down:hover .scroll-text{color:#ffffffe6}section.section,.waves{position:relative}:is(section.section,.waves):before{content:"";mix-blend-mode:exclusion;opacity:.04;pointer-events:none;z-index:100;background-image:url(/images/texture-bg.webp);background-position:50%;width:100%;height:100%;position:absolute;inset:0% auto auto 0%}#progress{z-index:8;font-family:var(--font-orbitron), sans-serif;opacity:0;font-weight:500;position:fixed;top:50%;right:3%;transform:translateY(-50%)}#progress.dark{color:var(--color-text-medium)}#progress.light{color:var(--color-bg-light)}@media (max-width:786px){#progress{display:none}}#progress .count{font-size:var(--font-size-3xl)}#progress .per{font-size:.8em;font-weight:800}#smooth-wrapper{visibility:hidden;opacity:0}body:not(.is-ios) #smooth-wrapper,body:not(.is-ios) #smooth-content{overflow:hidden}body.is-ios #smooth-wrapper{height:auto!important;overflow:visible!important}body.is-ios #smooth-content{will-change:auto!important;overflow:visible!important;transform:none!important}.l_container{max-width:var(--container-max-width);margin:0 auto}.intro-line{background-color:var(--color-black);height:1px;width:calc(100% - var(--content-padding));z-index:22;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-intro{width:calc(100% - var(--content-padding));font-family:var(--font-pp-supply-mono), sans-serif;font-weight:400;font-size:var(--font-size-lg);margin:0 auto;padding:3rem 12px 0}@media (max-width:786px){.section-intro{padding-top:2.8rem}}.section-intro .intro-description{color:var(--current-color-text);justify-content:space-between;align-items:center;display:flex}.header{z-index:15;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-user-select:none;user-select:none;width:100%;max-width:240px;font-family:var(--font-pp-supply-sans), sans-serif;font-weight:200;font-size:var(--font-size-lg);background-color:#fff6;border:1px dashed #121212;border-radius:40px;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:2.4%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a}@media (max-width:786px){.header{max-width:234px;padding:12px}}.header .header-container>ul{justify-content:center;align-items:center;gap:1.2em;font-size:1.7rem;display:flex;position:relative}.header .header-container>ul>li{justify-content:center;align-items:center;display:flex}@media (max-width:786px){.header .header-container>ul>li{margin-bottom:-.06em}}.header .header-container>ul>li>a{margin-left:.05em}@media (max-width:786px){.header .header-container>ul>li>a{margin-left:unset}}.header .header-container>ul>li.active>a{color:#fff}.header .header-container>ul .back-round{box-sizing:content-box;z-index:-1;background-color:#0000001a;border-radius:28px;width:0;height:28px;margin:auto 0;padding:4px;position:absolute;top:0;bottom:0;left:0}@media (max-width:786px){.header .header-container>ul .back-round{border-radius:24px;height:24px;padding:3px}}.canvas-wrapper{background-color:#0000;position:relative}.canvas-wrapper .hero-grid>canvas:last-child{z-index:20}.canvas-wrapper .three-canvas-one-wrapper{pointer-events:none;position:relative}.canvas-wrapper .three-canvas-one-wrapper #three-canvas-one{pointer-events:auto;touch-action:pan-y;will-change:auto;backface-visibility:hidden;transform:translateZ(0)}.canvas-wrapper .three-canvas-one-wrapper .scope{--x:1%;--y:2%;color:#fff;left:var(--x);right:var(--x);top:var(--y);bottom:var(--y);z-index:22;pointer-events:none;position:absolute}.canvas-wrapper .three-canvas-one-wrapper .scope .box{--boder-color:#fff;--border:1px solid var(--boder-color);opacity:.9;border-radius:2px;width:1.5%;height:2.5%;position:absolute}.canvas-wrapper .three-canvas-one-wrapper .scope .box.left-top{border-left:var(--border);border-top:var(--border);top:0;left:0}.canvas-wrapper .three-canvas-one-wrapper .scope .box.left-top .logo{font-family:var(--font-orbitron), monospace;white-space:nowrap;color:var(--color-bg-light);opacity:.8;font-size:1.6rem;font-weight:700;position:absolute;top:45%;left:60%}@media not all and (min-width:786px){.canvas-wrapper .three-canvas-one-wrapper .scope .box.left-top .logo{font-size:1.4rem;left:220%}}.canvas-wrapper .three-canvas-one-wrapper .scope .box.right-top{border-right:var(--border);border-top:var(--border);top:0;right:0}.canvas-wrapper .three-canvas-one-wrapper .scope .box.left-bottom{border-left:var(--border);border-bottom:var(--border);bottom:0;left:0}.canvas-wrapper .three-canvas-one-wrapper .scope .box.left-bottom .device-info{font-family:var(--font-pp-supply-mono), sans-serif;white-space:nowrap;opacity:1;text-shadow:15px 15px 20px #000c,5px 5px 10px #0009;font-size:1.8rem;font-weight:200;position:absolute;bottom:70%;left:70%}@media not all and (min-width:786px){.canvas-wrapper .three-canvas-one-wrapper .scope .box.left-bottom .device-info{opacity:.8;font-size:1.2rem;bottom:10%;left:220%}}.canvas-wrapper .three-canvas-one-wrapper .scope .box.left-bottom .device-info>li:not(:last-child){margin-bottom:.2em}.canvas-wrapper .three-canvas-one-wrapper .scope .box.right-bottom{border-right:var(--border);border-bottom:var(--border);bottom:0;right:0}.canvas-wrapper .waves{--height:200px;width:100%;height:var(--height);margin-bottom:-2px;margin-top:calc(var(--height) * -1);z-index:21;position:relative;overflow:hidden}.canvas-wrapper .waves svg{transform-origin:bottom;width:100%;max-width:100%;display:block;position:absolute;bottom:-2px;left:50%;overflow:hidden;transform:translate(-50%)scaleY(1.1)}@media (max-width:786px){.canvas-wrapper .waves svg{height:80px;transform:translate(-50%)scaleY(1.2)}}.canvas-wrapper .spacer{width:100%;height:100px}.hero{background-color:var(--current-color-bg);pointer-events:none;padding-bottom:100px}.hero .cube_wrapper{--perspective:clamp(600px, 80vw, 1000px);width:100%;min-height:100vh;perspective:var(--perspective);perspective-origin:50%;transform-style:preserve-3d;contain:layout style;pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible;transform:translateZ(0)}.hero .cube_wrapper .cube{--size:clamp(300px, 40vw, 500px);--height:calc(var(--size) / 2);--translateZ:calc(var(--size) / 2);width:var(--size);height:var(--height);transform-style:preserve-3d;transform-origin:50%;cursor:pointer;pointer-events:auto;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px) and (not (max-width:786px)){.hero .cube_wrapper .cube{--fontSize:38px}}@media (max-width:786px){.hero .cube_wrapper .cube{--fontSize:36px}}.hero .cube_wrapper .cube .fake{background-color:var(--current-color-bg);font-size:var(--font-size-4xl);font-family:var(--font-orbitron), monospace;letter-spacing:.04em;color:var(--color-text-medium)}.hero .cube_wrapper .cube .fake .fake-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero .cube_wrapper .cube .fake .fake-wrapper .title{font-size:var(--font-size-6xl);color:var(--color-text-dark);letter-spacing:.05em;margin:0;line-height:1.18}.hero .cube_wrapper .cube .fake .fake-wrapper .title>p{white-space:nowrap}.hero .cube_wrapper .cube .fake .fake-wrapper .title>p:nth-child(2){letter-spacing:.065em}.hero .cube_wrapper .cube .fake .fake-wrapper .fake-scroll-cue{font-family:var(--font-pp-supply-mono), monospace;font-size:var(--font-size-xs);letter-spacing:.12em;color:#1212127a;text-transform:uppercase;align-items:center;gap:.68em;margin-top:clamp(2.4rem,3vw,3.4rem);font-weight:400;display:inline-flex}@media (max-width:786px){.hero .cube_wrapper .cube .fake .fake-wrapper .fake-scroll-cue{margin-top:2.6rem;font-size:.95rem}}.hero .cube_wrapper .cube .fake .fake-wrapper .fake-scroll-cue .fake-scroll-mouse{border:1px solid;border-radius:999px;width:1em;height:1.55em;animation:1.35s ease-in-out infinite fakeScrollMouse;display:inline-block;position:relative}.hero .cube_wrapper .cube .fake .fake-wrapper .fake-scroll-cue .fake-scroll-wheel{background:currentColor;border-radius:999px;width:2px;height:.32em;animation:1.35s ease-in-out infinite fakeScrollWheel;position:absolute;top:.32em;left:50%;transform:translate(-50%)}.hero .cube_wrapper .cube.face1{transform:rotateX(0)rotateY(0)}.hero .cube_wrapper .cube.face2{transform:rotateX(0)rotateY(-90deg)}.hero .cube_wrapper .cube.face3{transform:rotateX(0)rotateY(-180deg)}.hero .cube_wrapper .cube.face4{transform:rotateX(0)rotateY(-270deg)}.hero .cube_wrapper .cube.face5{transform:rotateX(-90deg)rotateY(0)}.hero .cube_wrapper .cube.face6{transform:rotateX(-270deg)rotateY(0)}.hero .cube_wrapper .cube>article{text-align:center;width:100%;height:100%;color:var(--color-text-light);font-size:var(--fontSize);backface-visibility:hidden;pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:0;left:0;overflow:hidden}.hero .cube_wrapper .cube>article a{cursor:pointer;pointer-events:none;width:100%;height:100%;display:block}.hero .cube_wrapper .cube>article video{object-fit:cover;pointer-events:none;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero .cube_wrapper .cube>article.current-progress{background:#000}.hero .cube_wrapper .cube>article.current-progress:after{font-family:var(--font-pp-supply-sans), sans-serif;letter-spacing:.04em;font-weight:400;font-size:var(--font-size-2xl);content:"Currently in progress..";position:absolute}.hero .cube_wrapper .cube>article.skills{--rgb:0, 0, 0;--color:#fff;transform-origin:50%;will-change:width, height, left, top;contain:layout style paint;background-color:#0000;overflow:hidden!important}.hero .cube_wrapper .cube>article.skills .holder{opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;color:var(--color);backface-visibility:hidden;pointer-events:auto;will-change:opacity;contain:layout style;background-color:#0000;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)translateZ(0)}.hero .cube_wrapper .cube>article.skills .holder .rolodex{perspective:1260px;backface-visibility:hidden;contain:layout style;place-content:center;width:420px;display:grid;position:absolute;overflow:hidden;transform:translate(0)}@media (max-width:1024px) and (not (max-width:786px)){.hero .cube_wrapper .cube>article.skills .holder .rolodex{perspective:960px;width:320px}}@media (max-width:786px){.hero .cube_wrapper .cube>article.skills .holder .rolodex{perspective:750px;width:250px}}.hero .cube_wrapper .cube>article.skills .holder .rolodex ul{width:100%;height:100%;transform-style:preserve-3d;margin:0;padding:0;list-style-type:none;position:absolute;top:0;left:0}.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li{font-family:var(--font-pp-supply-sans), sans-serif;text-transform:uppercase;text-align:center;white-space:nowrap;backface-visibility:hidden;width:100%;transform-style:preserve-3d;background-color:#0000;justify-content:center;align-items:center;gap:14px;font-weight:300;line-height:1.7;display:flex;position:absolute}@media not all and (min-width:1024px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li{gap:12px}}@media not all and (min-width:786px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li{gap:10px}}.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li .skill-logo{--size:42px;max-width:var(--size);max-height:var(--size);display:flex}@media not all and (min-width:1024px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li .skill-logo{--size:36px}}@media not all and (min-width:786px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li .skill-logo{--size:24px}}.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li .skill-logo img{vertical-align:bottom;object-fit:cover;opacity:.5;width:100%;max-width:100%;height:100%}.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li>p{text-transform:uppercase;color:#fff;opacity:.8;font-size:4.2rem;font-weight:600}@media not all and (min-width:1024px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li>p{font-size:3.2rem;line-height:1.8}}@media not all and (min-width:786px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li>p{font-size:2.4rem;line-height:2.2}}.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li>h2{font-size:6rem}@media not all and (min-width:1024px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li>h2{font-size:4.6rem}}@media not all and (min-width:786px){.hero .cube_wrapper .cube>article.skills .holder .rolodex ul li>h2{font-size:3.6rem}}.hero .cube_wrapper .cube>article.skills>video{image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero .cube_wrapper .cube>article:first-of-type{transform:rotateY(0deg) translateZ(var(--translateZ))}.hero .cube_wrapper .cube>article:nth-of-type(2){transform:rotateY(90deg) translateZ(var(--translateZ))}.hero .cube_wrapper .cube>article:nth-of-type(3){transform:rotateY(180deg) translateZ(var(--translateZ))}.hero .cube_wrapper .cube>article:nth-of-type(4){transform:rotateY(270deg) translateZ(var(--translateZ))}.hero .cube_wrapper .cube>article:nth-of-type(5){transform:rotateX(90deg) translateZ(calc(var(--translateZ) + 3px))}@media (min-width:1025px){.hero .cube_wrapper .cube>article:nth-of-type(5){height:200%}}@media (max-width:1024px) and (not (max-width:786px)){.hero .cube_wrapper .cube>article:nth-of-type(5){height:200%}}@media (max-width:786px){.hero .cube_wrapper .cube>article:nth-of-type(5){height:200%}}.hero .cube_wrapper .cube>article:nth-of-type(6){transform:rotateX(-90deg) translateZ(var(--translateZ))}@media (min-width:1025px){.hero .cube_wrapper .cube>article:nth-of-type(6){height:200%;transform:rotateX(-90deg)translateZ(0)}}@media (max-width:1024px) and (not (max-width:786px)){.hero .cube_wrapper .cube>article:nth-of-type(6){height:200%;transform:rotateX(-90deg)translateZ(0)}}@media (max-width:786px){.hero .cube_wrapper .cube>article:nth-of-type(6){height:200%;transform:rotateX(-90deg)translateZ(0)}}.hero .cube_wrapper .content-title{font-family:var(--font-pp-eiko), sans-serif;color:var(--color-text-light);text-transform:uppercase;opacity:.3;z-index:-10;pointer-events:none;margin-top:-5%;font-size:4vw;font-style:italic;font-weight:100;overflow:hidden}.hero .cube_wrapper .content-title .content-title-wrapper{white-space:nowrap;position:relative}.hero .cube_wrapper .content-title .marquee-line{white-space:nowrap;width:100%;height:auto;position:relative;overflow:hidden}.hero .cube_wrapper .content-title .marquee-line h2.marquee-content{white-space:nowrap;margin:0;padding:0;display:inline-flex}.hero .cube_wrapper .content-title .marquee-line h2.marquee-content span{white-space:nowrap;padding-right:0;display:inline-block}.hero .cube_wrapper .hero-text-wrapper{text-align:center;pointer-events:none;word-break:keep-all;max-width:800px;padding:0 5%;position:absolute;top:67%;left:50%;transform:translate(-50%)}@media (max-width:786px){.hero .cube_wrapper .hero-text-wrapper{max-width:unset;width:100%;top:62%}}.hero .cube_wrapper .hero-text-wrapper .tech-tags{width:100%;font-size:var(--font-size-sm);font-family:var(--font-pp-supply-sans), sans-serif;flex-wrap:wrap;justify-content:center;gap:.46em;margin-bottom:1.18rem;font-weight:700;display:flex}@media (min-width:787px) and (max-width:1200px){.hero .cube_wrapper .hero-text-wrapper .tech-tags{gap:.44em;margin-bottom:1.06rem}}@media (max-width:786px){.hero .cube_wrapper .hero-text-wrapper .tech-tags{display:none}}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li{--tag-color:#121212;border:1px solid var(--tag-color);align-items:center;gap:.38em;padding:.4em .68em;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.hero .cube_wrapper .hero-text-wrapper .tech-tags>li{border:1px solid color-mix(in srgb, var(--tag-color) 32%, transparent)}}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li{color:#1f2937;-webkit-backdrop-filter:blur(8px);background:#ffffffa8;border-radius:999px;box-shadow:0 12px 28px #12121214}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li:before{content:"";background-color:var(--tag-color);width:.46em;height:.46em;box-shadow:0 0 0 3px var(--tag-color);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.hero .cube_wrapper .hero-text-wrapper .tech-tags>li:before{box-shadow:0 0 0 3px color-mix(in srgb, var(--tag-color) 16%, transparent)}}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.javascript{--tag-color:#d8b400}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.gsap{--tag-color:#00a63e}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.scss{--tag-color:#c6538c}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.tailwindcss{--tag-color:#0ea5e9}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.react{--tag-color:#0891b2}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.threejs{--tag-color:#111827}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.typescript{--tag-color:#3178c6}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.nextjs{--tag-color:#000}.hero .cube_wrapper .hero-text-wrapper .tech-tags>li.zustand{--tag-color:#9a6b24}.hero .cube_wrapper .hero-text-wrapper .description{font-size:var(--font-size-md);color:var(--color-text-medium);margin:0 auto;line-height:2}@media (min-width:787px) and (max-width:1200px){.hero .cube_wrapper .hero-text-wrapper .description{line-height:1.92}}@media (max-width:786px){.hero .cube_wrapper .hero-text-wrapper .description{line-height:1.86}}.hero .cube_wrapper .hero-text-wrapper .cube-project-link{--project-accent-color:#a65b42;--link-accent-color:var(--project-accent-color);pointer-events:auto;font-family:var(--font-pp-supply-mono), monospace;font-size:var(--font-size-sm);letter-spacing:.08em;color:var(--color-text-dark);text-transform:uppercase;justify-content:center;align-items:center;gap:.56em;margin-bottom:clamp(1.7rem,2.2vw,2.5rem);padding:0;font-weight:500;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}@media (min-width:787px) and (max-width:1200px){.hero .cube_wrapper .hero-text-wrapper .cube-project-link{margin-bottom:2rem}}@media (max-width:786px){.hero .cube_wrapper .hero-text-wrapper .cube-project-link{margin-bottom:2.2rem}}.hero .cube_wrapper .hero-text-wrapper .cube-project-link:before{content:"";background:var(--project-accent-color);width:.46em;height:.46em;box-shadow:0 0 0 3px var(--project-accent-color);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.hero .cube_wrapper .hero-text-wrapper .cube-project-link:before{box-shadow:0 0 0 3px color-mix(in srgb, var(--project-accent-color) 16%, transparent)}}.hero .cube_wrapper .hero-text-wrapper .cube-project-link:before{will-change:box-shadow;animation:1.25s ease-out infinite projectLinkRipple}.hero .cube_wrapper .hero-text-wrapper .cube-project-link:after{content:"";border-top:1px solid;border-right:1px solid;width:.62em;height:.62em;margin-left:.06em;transition:transform .25s;transform:rotate(45deg)}@media (min-width:787px) and (hover:hover) and (pointer:fine){.hero .cube_wrapper .hero-text-wrapper .cube-project-link:hover{color:var(--project-accent-color);transform:translateY(-1px)}.hero .cube_wrapper .hero-text-wrapper .cube-project-link:hover:after{transform:translate(.25em)rotate(45deg)}}.hero .cube_wrapper .hero-text-wrapper .cube-project-link:focus-visible{outline:2px solid var(--project-accent-color);outline-offset:.35em;color:var(--project-accent-color)}.hero .cube_wrapper .hero-text-wrapper .cube-project-link:focus-visible:after{transform:translate(.25em)rotate(45deg)}.hero .cube_wrapper .scroll-down-guide{text-align:center;white-space:nowrap;-webkit-text-stroke:1px #fff;color:#0000;opacity:0;visibility:hidden;font-size:10vw;position:absolute;transform:translateY(-2%)}@media (max-width:786px){.hero .cube_wrapper .scroll-down-guide{font-size:12vw}}.hero .cube_wrapper .scroll-down-guide h4{margin-bottom:.4em}.hero .cube_wrapper .scroll-down-guide .scroll-down{opacity:1;visibility:visible;pointer-events:auto;margin-top:20px;position:relative;bottom:auto;left:auto;transform:none}.hero .cube_wrapper .scroll-down-guide .scroll-down .arrow{opacity:1}.hero .cube_wrapper .scroll-down-guide .scroll-down .arrow:first-child{animation:1.5s ease-in-out infinite arrowDown}.hero .cube_wrapper .scroll-down-guide .scroll-down .arrow:nth-child(2){animation:1.5s ease-in-out .15s infinite arrowDown}.hero .cube_wrapper .scroll-down-guide .scroll-down .arrow:nth-child(3){animation:1.5s ease-in-out .3s infinite arrowDown}.hero .cube_wrapper .scroll-down-guide .scroll-down .scroll-text{opacity:1}.section01,.section02{background-color:var(--current-color-bg);height:200dvh;padding-top:200px;padding-bottom:300px;position:relative}@media (max-width:786px){.section01,.section02{height:100dvh;padding-top:100px;padding-bottom:150px}}:is(.section01,.section02) .section-content-wrapper{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}:is(.section01,.section02) .title-wrapper{z-index:3;white-space:nowrap;text-transform:uppercase;font-family:var(--font-pp-supply-mono), sans-serif;text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.section01,.section02) .title-wrapper .holder{color:var(--color-bg-light);height:fit-content;overflow:hidden}:is(.section01,.section02) .title-wrapper .holder .title{letter-spacing:-.08em;text-shadow:0 2px 20px #ffffff40;font-size:10vw;font-weight:400}:is(.section01,.section02) .title-wrapper .section-project-link{--link-accent-color:var(--section-project-accent,#d6b276);color:var(--color-bg-light);font-family:var(--font-pp-supply-mono), monospace;font-size:var(--font-size-sm);letter-spacing:.1em;align-items:center;gap:.62em;margin-top:clamp(1rem,1.6vw,1.6rem);font-weight:500;line-height:1;display:inline-flex}:is(.section01,.section02) .title-wrapper .section-project-link:before{content:"";background:var(--section-project-accent,#d6b276);width:.46em;height:.46em;box-shadow:0 0 0 3px var(--section-project-accent,#d6b276);border-radius:999px}@supports (color:color-mix(in lab, red, red)){:is(.section01,.section02) .title-wrapper .section-project-link:before{box-shadow:0 0 0 3px color-mix(in srgb, var(--section-project-accent,#d6b276) 20%, transparent)}}:is(.section01,.section02) .title-wrapper .section-project-link:before{will-change:box-shadow;animation:1.25s ease-out infinite projectLinkRipple}:is(.section01,.section02) .title-wrapper .section-project-link:after{content:"";border-top:1px solid;border-right:1px solid;width:.62em;height:.62em;margin-left:.04em;transform:rotate(45deg)}:is(.section01,.section02) .clip-trigger-one,:is(.section01,.section02) .clip-trigger-two{transform-origin:50%;background:#121212;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}:is(:is(.section01,.section02) .clip-trigger-one,:is(.section01,.section02) .clip-trigger-two):hover video{opacity:.78}:is(:is(.section01,.section02) .clip-trigger-one,:is(.section01,.section02) .clip-trigger-two) video{pointer-events:none;vertical-align:bottom;object-fit:cover;opacity:.65;width:100%;max-width:100%;height:100%;transition:opacity .5s ease-in-out}.section01{--section-project-accent:#b77d64;z-index:10}@media (max-width:786px){.section01{padding-bottom:100px}}.section02{--section-project-accent:#8cb4c4;z-index:5}.section03{background-color:var(--current-color-bg);position:relative}@media (max-width:786px){.section03{min-height:100dvh}}.section03 .section-intro{z-index:20;position:absolute;left:50%;transform:translate(-50%)}.section03 .section03-wrapper{overflow:hidden}@media (max-width:786px){.section03 .section03-wrapper{min-height:100dvh}}.section03 .section03-wrapper section.section03-section{color:#fff;font-family:var(--font-pretendard), sans-serif;font-weight:400}@media (max-width:786px){.section03 .section03-wrapper section.section03-section{min-height:100dvh}}.section03 .section03-wrapper section.section03-section:first-of-type{background-color:var(--current-color-bg)}.section03 .section03-wrapper section.section03-section:first-of-type .section03-scroll-cue{z-index:5;color:#ffffff94;font-family:var(--font-pp-supply-mono), monospace;font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.68em;font-weight:400;display:inline-flex;position:absolute;bottom:clamp(1.8rem,4vh,3.6rem);left:50%;transform:translate(-50%)}@media (max-width:786px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-scroll-cue{bottom:calc(1rem + env(safe-area-inset-bottom,0px));font-size:.95rem}}.section03 .section03-wrapper section.section03-section:first-of-type .section03-scroll-cue .section03-scroll-mouse{border:1px solid;border-radius:999px;width:1em;height:1.55em;animation:1.35s ease-in-out infinite fakeScrollMouse;display:inline-block;position:relative}.section03 .section03-wrapper section.section03-section:first-of-type .section03-scroll-cue .section03-scroll-wheel{background:currentColor;border-radius:999px;width:2px;height:.32em;animation:1.35s ease-in-out infinite fakeScrollWheel;position:absolute;top:.32em;left:50%;transform:translate(-50%)}.section03 .section03-wrapper section.section03-section:first-of-type .section03-point-wrapper{transform-origin:50%;z-index:10;background-color:#000;width:34%;height:clamp(200px,20vh,300px);margin:0 auto;position:absolute;top:18%;left:0;right:0;overflow:hidden}@media (max-width:1279px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-point-wrapper{width:42%;height:clamp(180px,18vh,260px);top:19%}}@media (max-width:1024px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-point-wrapper{width:50%;height:clamp(160px,16vh,220px);top:20%}}@media (max-width:786px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-point-wrapper{width:90.4%;height:clamp(120px,15vh,150px);top:20%}}@media (max-width:786px) and (max-height:700px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-point-wrapper{height:clamp(104px,14dvh,120px);top:16%}}.section03 .section03-wrapper section.section03-section:first-of-type .section03-point-wrapper>img{vertical-align:bottom;object-fit:cover;width:100%;max-width:100%;height:100%;position:absolute}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper{text-align:center;z-index:2;padding:0 4.8%;position:absolute;top:calc(18% + clamp(200px,20vh,300px) + 4vh);left:0;right:0}@media (max-width:1279px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper{top:calc(19% + clamp(180px,18vh,260px) + 4vh)}}@media (max-width:1024px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper{top:calc(20% + clamp(160px,16vh,220px) + 3.5vh)}}@media (max-width:786px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper{top:calc(20% + clamp(120px,15vh,150px) + 3vh)}}@media (max-width:786px) and (max-height:700px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper{top:calc(16% + clamp(104px,14dvh,120px) + 2dvh)}}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-title{font-size:var(--font-size-3xl);margin-bottom:clamp(.8rem,1.5vw,1.6rem);font-weight:600;line-height:1.6}@media (max-width:1024px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-title{line-height:1.7}}@media (max-width:786px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-title{line-height:1.8}}@media (max-width:786px) and (max-height:700px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-title{margin-bottom:.5rem;line-height:1.55}}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-title p{white-space:nowrap}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-title .name{color:#ffbe4e}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-description{line-height:2;font-size:var(--font-size-md);color:var(--color-text-light);margin-bottom:clamp(1.2rem,2vw,2.4rem)}@media (max-width:1024px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-description{line-height:1.9}}@media (max-width:786px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-description{word-break:keep-all;line-height:1.8}}@media (max-width:786px) and (max-height:700px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-description{margin-bottom:.7rem;line-height:1.55}}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-description .mobile-breakpoint{display:block}@media (max-width:786px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-description .mobile-breakpoint{display:inline}}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career{text-align:center;border-top:1px solid #fff3;width:min(100%,720px);margin:0 auto clamp(1.3rem,2.2vw,2.6rem);padding-top:clamp(.9rem,1.6vw,1.5rem)}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-label{color:#ffffff94;width:fit-content;font-family:var(--font-pp-supply-mono), monospace;font-size:var(--font-size-xs);letter-spacing:.14em;justify-content:center;align-items:center;gap:.72rem;margin:0 auto clamp(.8rem,1.2vw,1.2rem);font-weight:500;display:inline-flex}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-label:before,.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-label:after{content:"";background-color:#ffbe4e;flex:none;width:2.4rem;height:1px}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-list{margin:0;padding:0;list-style:none;display:grid}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item{justify-items:center;padding:clamp(.8rem,1.2vw,1.2rem) 0;display:grid;position:relative}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item+:is(.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item){margin-top:.35rem;padding-top:clamp(1.2rem,1.8vw,1.8rem)}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item+:is(.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item):before{content:"";background-color:#ffffff24;width:min(12rem,30%);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-period{color:#ffffff85;font-family:var(--font-pp-supply-mono), monospace;font-size:var(--font-size-xs);letter-spacing:.06em;white-space:nowrap;margin-bottom:.45rem;line-height:1.6}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details{text-align:center}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details h3{color:var(--color-text-light);font-size:var(--font-size-base);margin:0 0 .25rem;font-weight:600;line-height:1.4}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details h4{color:#ffbe4e;font-family:var(--font-pp-supply-mono), monospace;font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .55rem;font-weight:500;line-height:1.5}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details p{color:#ffffff9e;font-size:var(--font-size-xs);word-break:keep-all;margin:0;line-height:1.7}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details p+p{margin-top:.24rem}@media (max-width:786px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career{margin-bottom:1.5rem;padding-top:.8rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-label{margin-bottom:.65rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item{padding:.7rem 0}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item+:is(.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item){padding-top:1rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-period{margin-bottom:.35rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details h4{margin-bottom:.4rem}}@media (max-width:786px) and (max-height:700px){.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career{margin-bottom:.8rem;padding-top:.45rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-label{margin-bottom:.3rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item{padding:.45rem 0}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item+:is(.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-item){margin-top:.2rem;padding-top:.75rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-period{margin-bottom:.2rem}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details h3{margin-bottom:.15rem;line-height:1.3}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details h4{margin-bottom:.25rem;line-height:1.35}.section03 .section03-wrapper section.section03-section:first-of-type .section03-text-wrapper .section03-career .section03-career-details p{line-height:1.5}}.section03 .section03-wrapper section.section03-section:nth-of-type(2){background-color:tomato}.section03 .section03-wrapper section.section03-section:nth-of-type(3){background-color:#6b8e23}.section03 .section03-wrapper section.section03-section:nth-of-type(4){background-color:#4169e1}.section03 .section03-line{z-index:1;width:48%;position:absolute;top:10%;left:50%;transform:translate(-50%)rotate(-4deg)}@media (max-width:1279px){.section03 .section03-line{width:65%;top:14%}}@media (max-width:1024px){.section03 .section03-line{width:72%;top:14%}}@media (max-width:786px){.section03 .section03-line{display:none}}.section03 .section03-line path{fill:none;stroke:#424242;stroke-width:2px}@keyframes rocket{0%{transform:translateY(0)}to{transform:translateY(-5%)}}.footer{font-family:var(--font-pp-supply-mono), monospace;--color:#fff;z-index:-999;will-change:transform;pointer-events:none;font-weight:200;display:flex;position:sticky;bottom:0;left:0;overflow:hidden;transform:translateZ(0)}.footer .footer-grid>canvas:last-child{z-index:20}.footer #three-canvas-two{z-index:1;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.footer .footer-wrapper{pointer-events:none;color:var(--color);z-index:10;padding:2% 3%;position:absolute;inset:0}@media (max-width:786px){.footer .footer-wrapper{padding:2% 4%}}.footer .footer-wrapper .footer-top{font-size:var(--font-size-xl);grid-template-columns:repeat(3,1fr);margin-bottom:140px;display:grid}@media (max-width:1200px){.footer .footer-wrapper .footer-top{padding-top:110px}}@media (max-width:786px){.footer .footer-wrapper .footer-top{grid-template-columns:repeat(2,1fr);margin-bottom:42px;padding-top:84px}}.footer .footer-wrapper .footer-top .footer-left .name{font-weight:500}@media (max-width:786px){.footer .footer-wrapper .footer-top .footer-left .name{margin-bottom:.6em}}.footer .footer-wrapper .footer-top .footer-right{padding-right:100px}@media (max-width:786px){.footer .footer-wrapper .footer-top .footer-right{padding-right:unset}}.footer .footer-wrapper .footer-top .footer-right p{margin-bottom:.3em}.footer .footer-wrapper .footer-top .footer-right p.location{margin-bottom:.8em;font-weight:600}.footer .footer-wrapper .footer-top .footer-right p.email{letter-spacing:.04em;margin-bottom:.8em;text-decoration:underline}.footer .footer-wrapper .footer-top .footer-right p.phone,.footer .footer-wrapper .footer-top .footer-right p.address{margin-bottom:.8em}.footer .footer-wrapper .footer-top .footer-right p.copyright{text-transform:uppercase;opacity:.8}.footer .footer-wrapper .footer-middle{font-size:var(--font-size-xl);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:786px){.footer .footer-wrapper .footer-middle{grid-template-columns:repeat(2,1fr)}}.footer .footer-wrapper .footer-middle .footer-contact-icon{object-fit:contain;opacity:.78;filter:invert();flex:none;width:1em;height:1em}.footer .footer-wrapper .footer-middle .footer-left-title .github-title{font-size:var(--font-size-xl);letter-spacing:.02em;text-underline-offset:.1em;color:#fff;pointer-events:auto;align-items:center;gap:.42em;font-weight:400;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.footer .footer-wrapper .footer-middle .footer-left-title .github-title a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;cursor:pointer}.footer .footer-wrapper .footer-middle .footer-right-content{grid-column:3}@media (max-width:786px){.footer .footer-wrapper .footer-middle .footer-right-content{grid-column:unset}}.footer .footer-wrapper .footer-middle .footer-right-content .footer-connect{font-size:var(--font-size-xl);text-underline-offset:.15em;align-items:center;gap:.42em;margin-bottom:.8em;font-weight:400;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.footer .footer-wrapper .footer-middle .footer-right-content .footer-email .email-text{font-size:var(--font-size-md);text-transform:uppercase;margin-bottom:.8em;line-height:1.6}@media not all and (min-width:786px){.footer .footer-wrapper .footer-middle .footer-right-content .footer-email .email-text{line-height:1.4}}.footer .footer-wrapper .footer-middle .footer-right-content .footer-email .email-input{font-size:var(--font-size-md);text-transform:uppercase;opacity:.7}.footer .footer-wrapper .footer-bottom{left:0;right:0;bottom:max(2%, env(safe-area-inset-bottom,0px));text-align:center;font-family:var(--font-orbitron), monospace;padding:0 2%;font-size:8.8vw;font-weight:700;position:absolute}@media (max-width:786px){.footer .footer-wrapper .footer-bottom{letter-spacing:-.015em;bottom:max(6%, env(safe-area-inset-bottom,20px));padding-bottom:max(30px, env(safe-area-inset-bottom,20px))}}.footer .footer-wrapper .footer-bottom .holder{pointer-events:auto;white-space:nowrap;overflow:hidden}.footer .footer-wrapper .footer-bottom .holder:hover>p{opacity:1}.footer .footer-wrapper .footer-bottom .holder:hover>p .rocket{animation:.65s ease-in-out infinite alternate rocket}.footer .footer-wrapper .footer-bottom .holder>p{opacity:.6;cursor:pointer;transition:opacity .25s ease-in-out}@media (max-width:786px){.footer .footer-wrapper .footer-bottom .holder>p{opacity:1}}.footer-connect-scene{z-index:10;pointer-events:none;width:100%;height:101dvh;position:relative}.pin-spacer{pointer-events:none}.mobile-menu-wrapper{z-index:100;-webkit-tap-highlight-color:transparent;position:fixed;top:0;right:0}.mobile-menu-toggle{opacity:0;visibility:hidden;cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(7px);will-change:transform, background, box-shadow;background-color:#fff6;border:1px dashed #121212;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;padding:0;display:flex;position:fixed;top:3%;right:2.6%;transform:translateZ(0);box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a}@media (max-width:1024px) and (not (max-width:786px)){.mobile-menu-toggle{width:48px;height:48px;top:2.8%;right:2.6%}}@media (max-width:786px){.mobile-menu-toggle{width:44px;height:44px;top:max(2.42%, env(safe-area-inset-top,2.42%));right:max(18px, env(safe-area-inset-right,18px));gap:5px}}.mobile-menu-toggle:active{transform:translateZ(0)scale(.95);box-shadow:0 1px 4px #0000000f,0 2px 8px #00000008}.hamburger-line{transform-origin:50%;background:#121212;border-radius:2px;width:22px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:786px){.hamburger-line{width:22px;height:2px}}@media (max-width:480px){.hamburger-line{width:20px}}.mobile-menu-toggle.active{background-color:#ffffff8c;border-color:#121212;box-shadow:0 4px 12px #0000001a,0 6px 20px #0000000f}.mobile-menu-toggle.active .hamburger-line:first-child{transform:translateY(8px)rotate(45deg)}@media (max-width:786px){.mobile-menu-toggle.active .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}}@media (max-width:480px){.mobile-menu-toggle.active .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:translate(-10px)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (max-width:786px){.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}@media (max-width:480px){.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.mobile-menu-panel{opacity:0;visibility:hidden;width:auto;font-family:var(--font-pp-supply-sans), sans-serif;transform-origin:100% 0;will-change:transform, opacity;font-weight:200;position:fixed;top:82px;right:2.6%;transform:translate(120%)}@media (max-width:1024px) and (not (max-width:786px)){.mobile-menu-panel{top:80px;right:22px}}@media (max-width:786px){.mobile-menu-panel{top:max(84px, calc(env(safe-area-inset-top,18px) + 84px));right:max(18px, env(safe-area-inset-right,18px))}}@media (max-width:480px){.mobile-menu-panel{top:max(84px, calc(env(safe-area-inset-top,15px) + 84px));right:max(15px, env(safe-area-inset-right,15px))}}.mobile-menu-panel.active{opacity:1;visibility:visible;transform:translate(0)}.mobile-menu-nav{justify-content:flex-end;align-items:flex-start;padding:0;display:flex}.mobile-menu-nav ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:786px){.mobile-menu-nav ul{gap:10px}}@media (max-width:480px){.mobile-menu-nav ul{gap:8px}}.mobile-menu-nav li{opacity:0;transform:translate(50px)}.mobile-menu-nav a{color:#121212;letter-spacing:.8px;white-space:nowrap;-webkit-backdrop-filter:blur(7px);text-align:left;will-change:transform, box-shadow;background-color:#fff6;border:1px dashed #121212;border-radius:40px;padding:11px 22px 11px 26px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a}@media (max-width:1024px) and (not (max-width:786px)){.mobile-menu-nav a{padding:10px 20px 10px 24px;font-size:13px}}@media (max-width:786px){.mobile-menu-nav a{padding:9px 18px 9px 22px;font-size:12px}}@media (max-width:480px){.mobile-menu-nav a{letter-spacing:.6px;padding:8px 16px 8px 20px;font-size:11px}}.mobile-menu-nav a:before{content:"";opacity:.6;background:#121212;border-radius:50%;width:5px;height:5px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:11px;transform:translateY(-50%)}@media (max-width:786px){.mobile-menu-nav a:before{width:4px;height:4px;left:9px}}@media (max-width:480px){.mobile-menu-nav a:before{width:3px;height:3px;left:8px}}.mobile-menu-nav a:after{content:"";opacity:0;background:#1212120d;border-radius:40px;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.mobile-menu-nav a:hover{background-color:#ffffff8c;border-color:#121212;transform:translate(-10px)translateZ(0);box-shadow:0 4px 12px #0000001a,0 6px 20px #0000000f}.mobile-menu-nav a:hover:before{opacity:.85;width:7px;height:7px;left:9px}@media (max-width:786px){.mobile-menu-nav a:hover:before{width:6px;height:6px;left:7px}}@media (max-width:480px){.mobile-menu-nav a:hover:before{width:5px;height:5px;left:6px}}.mobile-menu-nav a:hover:after{opacity:1}.mobile-menu-nav a:active{transform:translate(-8px)translateZ(0)scale(.97);box-shadow:0 1px 4px #0000000f,0 2px 8px #00000008}.mobile-menu-panel.active .mobile-menu-nav li{opacity:1;transform:translate(0)}.mobile-menu-overlay{opacity:0;visibility:hidden;z-index:999;-webkit-backdrop-filter:blur(8px);background:#00000040;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}