/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{scroll-behavior:smooth}}@layer components;@layer utilities{.visible{visibility:visible}.mt-\[20px\]{margin-top:20px}.block{display:block}.contents{display:contents}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:#000;--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}@font-face{font-family:Horizon;src:url(/fonts/Horizon.woff2)format("woff2"),url(/fonts/Horizon.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Horizon Outlined;src:url(/fonts/Horizon_Outlined.woff2)format("woff2"),url(/fonts/Horizon_Outlined.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@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}#root{background-color:#000;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;height:100dvh;position:absolute;left:0;top:0;overflow:auto;overflow-x:hidden!important;padding-left:20px;padding-right:20px}#main{width:100%;max-width:1700px;height:100%;position:relative}#main .top-branding{padding-top:10vh;padding-top:10dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.2}#main .top-branding .name{font-size:2rem;font-family:Horizon,sans-serif;color:#ffffffab;text-align:center;animation:float-appear-top .5s ease-out 0s 1 forwards;opacity:0}#main .top-branding .tagline{font-size:3rem;font-family:Horizon,sans-serif;color:#fff;text-align:center;animation:float-appear-top .5s ease-out 0s 1 forwards;opacity:0}#main .header{position:relative;overflow:visible}#main .section-nav{position:sticky;top:0;z-index:10;display:flex;gap:12px;justify-content:center;align-items:center;padding:8px 12px;margin-top:10px;background:#0009;border:1px solid white;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#main .section-nav .section-link{font-family:Horizon,sans-serif;color:#fff;opacity:.8;padding:6px 10px;border-radius:14px;position:relative;transition:opacity .2s ease}#main .section-nav .section-link:hover,#main .section-nav .section-link.active{opacity:1}#main .section-nav .section-link.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-4px;height:2px;background:#003b58bd;border-radius:2px}#main .section-nav .section-link:focus-visible{outline:none;box-shadow:0 0 0 3px #003b58bd}#main .overview,#main .portfolio,#main .projects,#main .reviews,#main .contact{border-top:1px solid rgba(255,255,255,.08)}#main .portfolio .work-card,#main .projects .project-entry{transition:transform .25s ease,box-shadow .25s ease}#main .portfolio .work-card:hover,#main .projects .project-entry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #003b5838}#main .header .header-content{position:relative;z-index:1;padding-top:8vh;padding-top:8dvh;padding-bottom:8vh;padding-bottom:8dvh}#main .header .statistics{width:100%;display:flex;gap:30px;align-items:center;padding-top:9dvh}#main .header .statistics .thumbnail{width:430px;height:150px;border-radius:60px;background-image:url(/img-assets/WaveCoast.webp);background-size:cover;background-repeat:no-repeat;min-width:200px;animation:float-appear-left 1s ease-out .1s forwards;transform:translate(-50px);opacity:0}#main .header .statistics .count{font-size:3.2rem;font-family:Horizon,sans-serif;color:#ffffffab;text-wrap:wrap;width:300px;display:block;line-height:1.2;animation:float-appear-left 1s ease-out .3s forwards;opacity:0}#main .header .statistics .note{font-size:.86rem;font-family:Horizon,sans-serif;color:#ffffff3a;text-wrap:wrap;display:block;line-height:1.2;animation:float-appear-left 1s ease-out .5s forwards;opacity:0}#main .header .preview-row{display:flex;justify-content:space-between;padding-top:30px;gap:15px}#main .header .preview-row .section-1,#main .header .preview-row .section-2{display:flex;align-items:center;gap:15px}@keyframes float-appear-top{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes float-appear-left{0%{transform:translate(-50px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes float-appear-right{0%{transform:translate(50px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}#main .header .preview-row .section-1 .game1{width:150px;height:150px;background-image:url(/img-assets/Volcano.webp);background-size:cover;background-repeat:no-repeat;border-radius:60px;animation:float-appear-left 1s ease-out .1s forwards;transform:translate(-50px);opacity:0}#main .header .preview-row .section-1 .game2{width:420px;height:150px;background-image:url(/img-assets/SapphireCitdadel.webp);background-size:cover;background-repeat:no-repeat;border-radius:60px;animation:float-appear-left 1s ease-out .1s forwards;transform:translate(-50px);opacity:0}#main .header .preview-row .section-2 .game1{width:420px;height:150px;background-image:url(/img-assets/CosmicCollapse.webp);background-size:cover;background-repeat:no-repeat;border-radius:60px;animation:float-appear-right 1s ease-out .1s forwards;transform:translate(50px);opacity:0}#main .header .preview-row .section-2 .game2{width:150px;height:150px;background-image:url(/img-assets/Honey2.webp);background-size:cover;background-repeat:no-repeat;border-radius:60px;animation:float-appear-right 1s ease-out .1s forwards;transform:translate(50px);opacity:0}#main .header .contribution{width:100%;display:flex;gap:30px;align-items:center;padding-top:30px;text-align:right;justify-content:end}#main .header .contribution .thumbnail{width:430px;height:150px;border-radius:60px;background-image:url(/img-assets/Shibuya%20Funkway.webp);background-size:cover;background-repeat:no-repeat;animation:float-appear-right 1s ease-out .1s forwards;transform:translate(50px);opacity:0}#main .header .contribution .count{font-size:3.2rem;font-family:Horizon,sans-serif;color:#ffffffab;text-wrap:wrap;width:300px;display:block;line-height:1.2;animation:float-appear-right 1s ease-out .3s forwards;opacity:0}#main .header .contribution .note{font-size:.86rem;font-family:Horizon,sans-serif;color:#ffffff3a;text-wrap:wrap;display:block;line-height:1.2;animation:float-appear-right 1s ease-out .5s forwards;opacity:0}@keyframes glow-grow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}#main .header .description{width:100%;text-align:center;padding-top:13vh;padding-top:13dvh;font-size:1.5rem;font-family:Horizon,sans-serif;color:#ffffffab;animation:float-appear-top .5s ease-out .5s 1 forwards;opacity:0}#main .header .blue-glow{position:absolute;inset:0;background:radial-gradient(circle,#003b58bd,#000 60%);transform:scale(1.35);z-index:0;pointer-events:none;padding-top:100px;padding-bottom:100px;animation:glow-grow 3s ease-out 0s 1 forwards;transform:scale(0);opacity:0}#main .header .blue-glow:before,#main .header .blue-glow:after{content:"";position:absolute;inset:-20%;pointer-events:none;border-radius:50%;background:radial-gradient(60% 60% at 30% 30%,#003b5899,#0000 60%);filter:blur(60px);opacity:.6}#main .header .blue-glow:after{background:radial-gradient(60% 60% at 70% 70%,#003b5880,#0000 60%);opacity:.5}@keyframes blue-drift-a{0%{transform:translate(-2%,-3%) scale(1);opacity:.5}50%{transform:translate(2%,3%) scale(1.05);opacity:.7}to{transform:translate(-2%,-3%) scale(1);opacity:.5}}@keyframes blue-drift-b{0%{transform:translate(3%,-2%) scale(1.02);opacity:.4}50%{transform:translate(-3%,2%) scale(1.07);opacity:.6}to{transform:translate(3%,-2%) scale(1.02);opacity:.4}}#main .header .blue-glow:before{animation:blue-drift-a 18s ease-in-out 0s infinite}#main .header .blue-glow:after{animation:blue-drift-b 22s ease-in-out 0s infinite}#main .overview .title{width:100%;text-align:center;padding-top:100px;font-size:1.55rem;font-family:Horizon,sans-serif;color:#fff;padding-bottom:20px}#main .overview .overview-option{width:calc(100% - 20px);margin-left:10px;margin-top:40px;overflow:hidden}#main .overview .overview-button{width:100%;border:2px solid white;border-radius:20px;padding:15px 25px;font-size:1.55rem;font-family:Horizon,sans-serif;color:#fff;display:flex;align-items:center;cursor:pointer;justify-content:space-between}#main .overview .ui-design-row,#main .overview .buildings-row{width:100%;display:flex;gap:20px;padding-top:40px;padding-bottom:40px;position:relative}#main .overview .buildings-row .buildings-1{width:25%;height:350px;border-radius:60px;background-image:url(/img-assets/Shibuya%20Funkway.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .buildings-row .buildings-2{width:25%;height:350px;border-radius:60px;background-image:url(/img-assets/SapphireCitdadel.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .buildings-row .buildings-3{width:25%;height:350px;border-radius:60px;background-image:url(/img-assets/WaveCoast.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .buildings-row .buildings-4{width:25%;height:350px;border-radius:60px;background-image:url(/img-assets/CosmicCollapse.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .ui-design-row .ui-design-1{width:50%;height:350px;border-radius:60px;background-image:url(/img-assets/Party.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .ui-design-row .ui-design-2{width:50%;height:350px;border-radius:60px;background-image:url(/img-assets/Bag.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .ui-design-row .ui-design-3{width:30%;height:300px;border-radius:60px;background-image:url(/img-assets/Settings.webp);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;left:35%;top:calc(50% - 120px)}#main .overview .modelling-rigging-row{width:100%;display:flex;gap:20px;padding-top:40px;padding-bottom:40px;position:relative}#main .overview .modelling-rigging-row .model-1{width:25%;height:350px;border-radius:60px;background-image:url(/img-assets/Bird.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .modelling-rigging-row .model-2{width:25%;height:350px}#main .overview .modelling-rigging-row .model-2 .image{width:100%;height:260px;border-radius:30px;background-image:url(/img-assets/CamelStudio.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .modelling-rigging-row .model-2 .caption{font-size:1.2rem;font-family:Horizon,sans-serif;color:#ffffffab;margin-top:10px}#main .overview .modelling-rigging-row .model-3{width:50%;height:350px}#main .overview .modelling-rigging-row .model-3 .images{width:100%;height:300px;display:flex;gap:20px}#main .overview .modelling-rigging-row .model-3 .images .image-1{width:70%;height:100%;border-radius:30px;background-image:url(/img-assets/AnimationEditor.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .modelling-rigging-row .model-3 .images .image-2{width:30%;height:100%;border-radius:30px;background-image:url(/img-assets/Tung.webp);background-size:cover;background-repeat:no-repeat;background-position:center}#main .overview .modelling-rigging-row .model-3 .caption{font-size:1.2rem;font-family:Horizon,sans-serif;color:#ffffffab;margin-top:10px;text-align:right}#main .overview .scripting-row{font-size:1.5rem;color:#ffffffab;margin-top:10px;text-align:left;font-family:Horizon,sans-serif;padding:20px;border-radius:20px;border:2px solid white}#main .reviews{width:100%;padding:20px;padding-bottom:6dvh;border-bottom:1px solid rgba(255,255,255,.63)}#main .reviews .title{width:100%;display:flex;text-align:left;gap:20px;padding-top:5vh;padding-top:5dvh;align-items:center}#main .reviews .title .icon{width:100px;height:100px;color:#fff;flex-shrink:0}#main .reviews .title .content{font-family:Horizon,sans-serif;font-size:1.5rem;color:#fff;display:flex;flex-direction:column}#main .reviews .title .content .desc{color:#ffffffab}#main .reviews .title .content .desc-small{color:#ffffffab;font-size:1rem}#main .portfolio{width:100%;padding:20px}#main .portfolio .title{width:100%;text-align:center;padding-top:80px;font-size:1.55rem;font-family:Horizon,sans-serif;color:#fff;padding-bottom:20px}#main .portfolio .portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#main .portfolio .portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}#main .portfolio .filter-pill{border:2px solid white;border-radius:20px;padding:6px 12px;background:transparent;color:#fff;font-family:Horizon,sans-serif;cursor:pointer}#main .portfolio .filter-pill.active{background:#003b58bd}#main .portfolio .work-card{border:2px solid white;border-radius:20px;padding:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);opacity:0;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#main .portfolio .work-thumb{width:100%;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:#0a0a0a;position:relative}#main .portfolio .work-actions.in-thumb{position:absolute;right:10px;bottom:10px;z-index:2}#main .portfolio .work-thumb-skel{position:absolute;inset:0;border-radius:20px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff29 37%,#ffffff0f 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite;opacity:1;transition:opacity .25s ease}#main .portfolio .work-thumb.is-loaded .work-thumb-skel,#main .portfolio .work-thumb.is-loaded+.work-meta .work-thumb-skel,#main .portfolio .is-loaded .work-thumb-skel{opacity:0}#main .portfolio .work-thumb-img{width:100%;height:100%;object-fit:cover;display:block}#main .portfolio .work-meta{padding:10px 6px 2px}#main .portfolio .work-title{font-family:Horizon,sans-serif;font-size:1.1rem;color:#fff}#main .portfolio .work-role{font-family:Horizon,sans-serif;font-size:.9rem;color:#ffffffab}#main .portfolio .work-actions{position:absolute;top:12px;right:12px}#main .portfolio .view-btn{border:2px solid white;border-radius:14px;padding:6px 12px;color:#fff;font-family:Horizon,sans-serif;background:#0009}#main .portfolio .view-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #003b58bd}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#main .lightbox{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:lightbox-fade .2s ease-out}#main .lightbox-inner{position:relative;max-width:92vw;max-height:92vh;border:2px solid white;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 40px #003b5880;animation:lightbox-pop .2s ease-out}#main .lightbox-img{display:block;width:100%;height:auto;max-height:86vh}#main .lightbox-caption{padding:10px 14px;font-family:Horizon,sans-serif;color:#fff;text-align:center}#main .lightbox-close{position:absolute;top:8px;right:10px;border:2px solid white;border-radius:14px;padding:2px 10px;font-size:1.2rem;color:#fff;background:#0009}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes lightbox-pop{0%{transform:scale(.96)}to{transform:scale(1)}}#main .portfolio .fade-in{animation:review-appear .5s ease-out 0s 1 forwards;opacity:0;transform:translate(-200px)}#main .portfolio .fade-out{opacity:0}@keyframes review-appear{0%{transform:translate(-200px);opacity:0}to{transform:translate(0);opacity:1}}#main .projects{width:100%;padding:20px}#main .projects .title{width:100%;text-align:center;padding-top:80px;font-size:1.55rem;font-family:Horizon,sans-serif;color:#fff;padding-bottom:20px}#main .projects .project-list{display:flex;flex-direction:column;gap:20px}#main .projects .project-entry{display:flex;align-items:center;justify-content:space-between;border:2px solid white;border-radius:20px;padding:20px;opacity:0;background:linear-gradient(180deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#main .projects .project-info{display:flex;flex-direction:column;gap:10px;font-family:Horizon,sans-serif;color:#fff;line-height:1.3;flex:1}#main .projects .project-title{font-size:1.6rem}#main .projects .project-stats,#main .projects .project-workedon{color:#ffffffab;font-size:1.2rem}#main .projects .project-workedon .label{color:#ffffff3a}#main .projects .project-actions{margin-left:10px}#main .projects .view-btn{border:2px solid white;border-radius:14px;padding:6px 12px;color:#fff;font-family:Horizon,sans-serif}#main .projects .view-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #003b58bd}#main .projects .project-thumb-link{position:relative;flex-shrink:0;display:inline-block;cursor:pointer}#main .projects .project-thumb-link.disabled,#main .projects .project-thumb-link:not(a){cursor:default}#main .projects .projects-toggle,#main .portfolio .portfolio-toggle{display:flex;justify-content:center;margin-top:14px}@media screen and (max-width: 800px){#main .section-nav{flex-wrap:wrap;gap:8px;padding:8px 10px;overflow:hidden}#main .section-nav .section-link{padding:6px 8px}}@media screen and (max-width: 500px){#main .section-nav{gap:6px}#main .section-nav .section-link{font-size:.9rem}}#main .projects .project-thumb-skel{position:absolute;inset:0;border-radius:16px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff29 37%,#ffffff0f 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite;opacity:1;z-index:0;transition:opacity .25s ease}#main .projects .project-thumb-img{width:340px;height:160px;object-fit:cover;border-radius:16px;display:block;filter:blur(1px);transition:transform .25s ease,filter .25s ease}#main .projects .project-thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;z-index:2;transition:opacity .25s ease}#main .projects .project-thumb-link.is-loaded .project-thumb-skel,#main .projects .is-loaded .project-thumb-skel{opacity:0}#main .projects .project-thumb-link:focus-visible{outline:none;box-shadow:0 0 0 3px #003b58bd;border-radius:16px}#main .projects .project-thumb-overlay .click-icon{width:56px;height:56px;color:#fff;filter:drop-shadow(0 0 10px #003b58)}#main .projects .project-thumb-shade{position:absolute;inset:0;background:#00000080;border-radius:16px;pointer-events:none;z-index:1;transition:opacity .25s ease}#main .projects .project-thumb-link:hover .project-thumb-img{filter:blur(0);transform:scale(1.02)}#main .projects .project-thumb-link:hover .project-thumb-overlay,#main .projects .project-thumb-link:hover .project-thumb-shade{opacity:0}#main .projects .fade-in{animation:review-appear .5s ease-out 0s 1 forwards;opacity:0;transform:translate(-200px)}#main .projects .fade-out{opacity:0}#main .reviews .review{padding:13px 20px 20px;border:2px solid white;border-radius:20px;position:relative;margin-top:30px;opacity:0}#main .reviews .fade-in{animation:review-appear .5s ease-out 0s 1 forwards;opacity:0;transform:translate(-200px)}#main .reviews .fade-out{opacity:0}#main .reviews .review .user-id{font-family:Horizon,sans-serif;font-size:.8rem;color:#ffffff3a;text-align:right;margin-bottom:10px;width:100%}#main .reviews .review-content{display:flex;gap:20px;font-family:Horizon,sans-serif;font-size:1.1rem;color:#fff}#main .reviews .review-content .profile{display:flex;align-items:center;gap:10px;margin-bottom:20px}#main .reviews .review-content .profile-tags{color:#ffffffab}#main .reviews .review-content .profile .profile-image{width:70px;height:70px;background-color:#000;border-radius:50%;flex-shrink:0}#main .reviews .review-content .text{font-size:1.7rem;color:#ffffffab}#main .reviews .game-review-images{width:50%;flex-shrink:0;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}#main .reviews .game-review-images .sonic-race-rev{width:50%;height:150px;border-radius:30px;background-image:url(/img-assets/RaceRevolutionBanner.webp);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;z-index:1;margin-left:-10%;margin-top:-10%;transform:rotate(-4deg)}#main .reviews .game-review-images .brainrot-catchers{width:50%;height:150px;border-radius:30px;background-image:url(/img-assets/BrainrotCatchersBanner.webp);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;z-index:2;margin-left:10%;margin-top:10%;transform:rotate(4deg)}#main .reviews .game-review-images .sonic-generations{width:50%;height:150px;border-radius:30px;background-image:url(/img-assets/SonicGenerationsBanner.webp);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;z-index:3;margin-left:50%;margin-top:10%;transform:rotate(7deg)}#main .contact{left:-20px;position:relative;padding-top:2vh;padding-top:2dvh;width:calc(100% + 40px);text-wrap:wrap;word-wrap:break-word}#main .contact .contents{z-index:2;position:relative;display:block;padding:30px}#main .contact .gradient{width:200vw;left:-100vw;position:absolute;bottom:0;height:100%;background:#000;background:linear-gradient(0deg,#001925,#000);z-index:1}#main .contact .contact-text{font-family:Horizon,sans-serif;font-size:1.3rem;color:#ffffffb4;line-height:1.9}#main .contact .contact-link{display:inline-block}#main .contact .contact-link:hover{color:#fff;text-decoration:underline}#main .contact .contact-link:focus-visible{outline:none;box-shadow:0 0 0 3px #003b58bd;border-radius:8px}#main .contact .contents .title{font-family:Horizon,sans-serif;font-size:1.1rem;color:#fff}#main .contact .footer-text{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;height:200px;font-family:Horizon,sans-serif;font-size:1.7rem;color:#ffffff98}#main .contact .footer-text-small{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Horizon,sans-serif;font-size:1.2rem;color:#ffffff98}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#003b58}::-webkit-scrollbar-thumb:hover{background:#10628b}@media screen and (max-width: 800px){#main .header .statistics{left:-80px;position:relative}#main .header .preview-row{position:relative;flex-wrap:wrap;justify-content:center}#main .header .contribution{right:-80px;position:relative}#main .overview .ui-design-row{flex-wrap:wrap}#main .overview .ui-design-row .ui-design-1,#main .overview .ui-design-row .ui-design-2{width:100%;height:250px}#main .overview .ui-design-row .ui-design-3{width:100%;position:relative;left:0;top:0;height:250px}#main .overview .buildings-row{flex-wrap:wrap}#main .overview .buildings-row .buildings-1,#main .overview .buildings-row .buildings-2,#main .overview .buildings-row .buildings-3,#main .overview .buildings-row .buildings-4{width:100%}#main .overview .modelling-rigging-row{flex-wrap:wrap}#main .overview .modelling-rigging-row .model-1,#main .overview .modelling-rigging-row .model-2,#main .overview .modelling-rigging-row .model-3{width:100%}#main .reviews .title{align-items:start}#main .reviews .review .user-id{display:none}#main .reviews .review-content{flex-wrap:wrap}#main .reviews .review-content .game-review-images{height:200px;width:100%}#main .reviews .game-review-images .sonic-race-rev{margin-left:-50%;margin-top:-10%;transform:rotate(-8deg)}#main .reviews .game-review-images .brainrot-catchers{margin-left:0%;margin-top:10%;transform:rotate(4deg)}#main .reviews .game-review-images .sonic-generations{margin-left:50%;margin-top:10%;transform:rotate(7deg)}#main .portfolio .portfolio-grid{grid-template-columns:repeat(2,1fr)}#main .projects .project-entry{flex-wrap:wrap;gap:12px}#main .projects .project-thumb-img{width:100%;height:200px;margin-top:8px}#main .projects .project-title{font-size:1.4rem}#main .projects .project-stats,#main .projects .project-workedon{font-size:1.05rem}}@media screen and (max-width: 500px){#main .header .statistics{gap:30px}#main .header .statistics .count{font-size:2rem;width:150px}#main .header .statistics .note{font-size:.6rem}#main .header .contribution .count{font-size:2rem;width:150px}#main .header .contribution .note{font-size:.6rem}#main .header .description{font-size:1rem}#main .reviews .review-content .profile .profile-image{width:50px;height:50px}#main .reviews .review-content{font-size:.9rem}#main .reviews .review-content .text{font-size:1.3rem;color:#ffffffab}#main .reviews .title .icon{width:70px;height:70px}#main .reviews .title .content{font-family:Horizon,sans-serif;font-size:1.1rem;color:#fff;display:flex;flex-direction:column}#main .overview .scripting-row{font-size:1.2rem;color:#ffffffab;margin-top:10px;text-align:left;font-family:Horizon,sans-serif;padding:20px;border-radius:20px;border:2px solid white}#main .contact .contact-text{font-size:1rem}#main .portfolio .portfolio-grid{grid-template-columns:1fr}#main .projects .project-title{font-size:1.15rem}#main .projects .project-stats,#main .projects .project-workedon{font-size:.95rem}#main .projects .project-thumb-img{height:170px}#main .projects .project-thumb-overlay .click-icon{width:40px;height:40px}}
