@font-face{font-family:Abel;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/abel-latin-400-normal-pACgcrUm.woff2) format("woff2"),url(/assets/abel-latin-400-normal-CBvT5ZTW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-ext-400-normal-DWiEslNC.woff2) format("woff2"),url(/assets/bebas-neue-latin-ext-400-normal-HFKRJXnW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2) format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2) format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2) format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2) format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2) format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-black: #000000;--c-white: #ffffff;--c-teal: #005147;--c-red: #ba2b2b;--c-orange: #ea553b;font-family:Abel,sans-serif,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none}html,body{background:var(--c-orange);margin:0;padding:0;width:100%;height:100%}main{width:100%}#canvas{top:0;width:100vw;height:100dvh;z-index:2;background:transparent}.title-section{position:absolute;display:flex;flex-direction:column;text-align:right;top:0;left:4rem}.section{width:calc(100% - 30px);height:calc(100dvh - 30px);display:flex;align-items:center;justify-content:center;color:var(--c-white);position:fixed;top:0;z-index:9;border:15px solid var(--c-white)}.header{font-family:Anton,sans-serif;text-align:left;font-size:6rem;line-height:.82;letter-spacing:-.01em;text-transform:uppercase}.space{height:100dvh}@media(max-width:768px){.section{border:none;width:100%;height:100%}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px}.skeleton-image{width:530px;height:auto;opacity:.2;filter:brightness(.8);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:.4}}#home.section{border:none;justify-content:flex-start;align-items:flex-start;overflow:hidden}.hero-backdrop-layer{position:fixed;inset:0;z-index:1}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse 120% 100% at 62% 42%,#ef7057,#ea553b 55%,#c8402a)}.hero-shoe-glow{position:absolute;left:50%;top:85%;width:30rem;height:5rem;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 50% at 50% 50%,#0b1f1cb3,#00000052 45%,#012b2600 75%);filter:blur(6px)}@media(max-width:900px){.hero-shoe-glow{left:48%;top:84%;width:12rem;height:3.5rem}}.hero-title-section{max-width:92vw;text-align:left;top:4rem}.hero-title-section .header{color:var(--c-white);margin:0;font-size:clamp(2.6rem,8vw,7rem);white-space:nowrap;text-shadow:0 2px 24px rgba(0,0,0,.18);line-height:.9}.subtitle{position:static;margin:.6rem -.1rem 0;font-size:1.15rem;letter-spacing:.22em;font-family:Abel,sans-serif;color:var(--c-white);text-transform:uppercase;opacity:.9;text-align:right}.scroll-cue{position:absolute;bottom:3rem;right:3rem;width:1.5rem;color:var(--c-white);filter:drop-shadow(0 0 6px rgba(0,0,0,.35)) drop-shadow(0 0 14px rgba(0,0,0,.2));animation:scroll-cue-bounce 2s ease-in-out infinite}.scroll-cue svg{width:100%;height:auto;display:block}@keyframes scroll-cue-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(max-width:768px){.hero-title-section{left:3rem;max-width:calc(100vw - 4rem)}.hero-title-section .header{font-size:5rem;white-space:normal}.subtitle{font-size:.8rem;letter-spacing:.2em}.scroll-cue{bottom:2rem;right:2rem}}#about .header{position:fixed;text-align:right;right:4rem}.content{margin:-.15rem;text-align:right;line-height:1.24rem;max-width:32rem;right:4rem;position:fixed;top:10rem}@media(max-width:768px){#about .header{max-width:250px;right:2rem;line-height:.9}.content{max-width:18rem;text-align:justify;top:16rem;right:2rem}}.container-skills .skills-section{display:flex;flex-direction:column;max-width:min-content;line-height:normal}.container-skills .header{text-align:right;position:fixed;max-width:18rem;right:4rem;bottom:9.8rem;line-height:.9}.tiles-wrapper{overflow:hidden;width:calc(100% - 130px);perspective:1000px;position:fixed;display:flex;flex-direction:column;gap:0;bottom:4rem}.tiles-scroll{display:flex;flex-flow:row nowrap;gap:0;width:fit-content;flex-shrink:0}.tiles-scroll-left{animation:scroll-infinite-left 40s linear infinite}.tiles-scroll-left-fast{animation:scroll-infinite-left 35s linear infinite}.tiles-scroll-right{animation:scroll-infinite-right 40s linear infinite}.tiles{padding:30px;display:flex;flex-flow:row wrap}.tile{position:relative;padding:5px;transform-style:preserve-3d;transform:translateZ(216px);animation:tile-fade-in .2s linear forwards;font-family:Bebas Neue,sans-serif}@keyframes tile-fade-in{0%{transform:translateZ(216px)}to{transform:translateZ(0)}}@keyframes scroll-infinite-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-infinite-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.tile .item{display:flex;justify-content:center;align-items:center;padding:7px;height:30px;text-align:center;font-size:3.5rem;font-weight:700;line-height:1;position:relative;color:var(--c-white);opacity:.5}@media(max-width:768px){.container-skills .header{right:2rem}.tiles-wrapper{left:0;width:100%}}#contact .title-section{position:relative;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;top:-3rem;left:0}#contact .content{margin:-.15rem;text-align:center;line-height:1.24rem;max-width:32rem;position:relative}.section-contact{display:flex;flex-direction:column;align-items:center;justify-content:center}.section-contact .links{display:flex;align-items:center;gap:1rem}a{text-decoration:none;color:inherit}.section-contact .link{cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:2rem;transition:color .2s ease}.section-contact .link:hover{color:var(--c-red)}.section-contact .email{font-size:1.2rem;top:-.6rem;left:.4rem;letter-spacing:.75rem;position:relative;cursor:pointer;transition:color .2s ease}.section-contact .email:hover{color:var(--c-red)}@media screen and (max-width:900px){.section-contact .links{flex-direction:column;line-height:1.3rem}.section-contact .email{top:.7rem;letter-spacing:.1rem}}