:root{--htl-bg:#0b0b0c;--htl-fg:#f5f7fa;--htl-dim:#a1a1aa;--htl-axis:#2a2a2c;--htl-accent:#41c9e2;--grid-alpha:0.08;--noise-opacity:0.08}.about-page{--color-primary:#ff5102}.about-page .text-primary{color:var(--color-primary)!important}.about-page .bg-primary{background-color:var(--color-primary)!important}.about-page .border-primary{border-color:var(--color-primary)!important}.htl-section{position:relative;background:var(--htl-bg);color:var(--htl-fg);overflow:hidden}.htl-bg-grid,.htl-bg-noise{position:absolute;inset:auto;left:0;top:0;height:100%;width:200%;pointer-events:none;z-index:0}.htl-bg-grid{background-image:linear-gradient(90deg,rgba(255,255,255,var(--grid-alpha)) 1px,transparent 1px),linear-gradient(rgba(255,255,255,var(--grid-alpha)) 1px,transparent 1px);background-size:40px 40px;opacity:1}.htl-bg-noise{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23noise)' opacity='${"${"}noise${"}"}'/></svg>");opacity:var(--noise-opacity);mix-blend-mode:normal}.htl-inner{position:relative;width:100%;height:100svh;overflow:hidden;z-index:1;display:flex;flex-direction:column;justify-content:center;row-gap:5rem;padding-top:15rem;padding-bottom:15rem}.htl-header{position:absolute;left:2rem;top:2rem;z-index:5}.htl-header h2{font-size:clamp(20px,2.5vw,36px);margin:0;font-weight:700}.htl-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:flex-start;gap:8vw;padding:0 0 0 23.5vw;width:-moz-max-content;width:max-content}.htl-axis{height:2px;transform:translateY(0);border-radius:3px;overflow:hidden;z-index:10}.htl-axis,.htl-axis-progress{position:absolute;left:0;width:100%;top:0}.htl-axis-progress{bottom:0;background-color:var(--color-primary)}.htl-step{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;min-width:400px;z-index:2}.htl-step-id{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 113 227/var(--tw-text-opacity,1))}.about-page .htl-step-id{color:var(--color-primary)}.htl-step-id{-webkit-font-smoothing:subpixel-antialiased}.htl-step-week{font-size:.9rem;color:var(--htl-dim)}.htl-step-title{position:relative;font-size:1.25rem;font-weight:500}.htl-underline{position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:var(--color-primary);display:block;transform:scaleX(0)}.htl-step-detail{font-size:.9rem;line-height:1.4;color:var(--htl-dim);margin-top:.25rem}@media (prefers-reduced-motion:reduce){.htl-bg-grid,.htl-bg-noise{transform:none!important}}.htl-step-detail{padding-top:.75rem;h4{padding-top:1rem;margin-bottom:.5rem}ul{li{display:flex;align-items:center;gap:.5rem;white-space:nowrap;-webkit-font-smoothing:subpixel-antialiased}}}.list-text>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.list-text{li{display:flex;align-items:center;gap:.5rem;line-height:2rem;opacity:.7;-webkit-font-smoothing:subpixel-antialiased}}.about-page .blur-link{.arrow-indicator{border-color:var(--color-primary);path{stroke:var(--color-primary)}}}.tech-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.tech-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tech-list-item{border-left-width:2px;--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem}.tech-list-title{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.micro-interaction-card{position:relative;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.micro-interaction-card,.micro-interaction-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.micro-interaction-card:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transform:translateY(-2px)}.pulse-dot{position:absolute;top:-.5rem;right:-.5rem;height:1rem;width:1rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 113 227/var(--tw-bg-opacity,1))}.about-page .pulse-dot{background-color:var(--color-primary)}.pulse-dot{animation:pulse 2s infinite}.pulse-dot-small{margin-top:.25rem;height:.75rem;width:.75rem;flex-shrink:0;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(0 113 227/var(--tw-bg-opacity,1))}.about-page .pulse-dot-small{background-color:var(--color-primary)}.pulse-dot-small{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,81,2,.7);transform:scale(1)}50%{box-shadow:0 0 0 10px rgba(255,81,2,0);transform:scale(1.1)}to{box-shadow:0 0 0 0 rgba(255,81,2,0);transform:scale(1)}}.micro-interaction-card:hover .pulse-dot{animation:pulse 1s infinite}.micro-interaction-card:hover .card-content h4{--tw-text-opacity:1;color:rgb(0 113 227/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.about-page .micro-interaction-card:hover .card-content h4{color:var(--color-primary)}.bg-gradient-to-r{background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.micro-interaction-card .card-content{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.micro-interaction-card:hover .card-content{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.micro-interaction-card .bg-blue-50,.micro-interaction-card .bg-green-50,.micro-interaction-card .bg-purple-50{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.micro-interaction-card:hover .bg-blue-50{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.micro-interaction-card:hover .bg-green-50{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.micro-interaction-card:hover .bg-purple-50{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}:root{--primary-color:#0dc478!important}.portfolio-category li button{position:relative;display:flex;align-items:center}.portfolio-category li button:before{content:"";left:0;width:0;height:1px;transition:width .2s ease-in-out;background-color:var(--primary-color)}.portfolio-category li button.active{gap:.5rem;--tw-text-opacity:1;color:rgb(0 113 227/var(--tw-text-opacity,1));&:before{width:.5rem}}.hover-thumbnail-layer{pointer-events:none;position:fixed;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(161 161 170/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);.thumbnail-image{overflow:hidden;border-radius:.5rem;-o-object-fit:contain;object-fit:contain;-o-object-fit:contain;object-fit:contain}}.slideshow-section{width:100%;padding-bottom:100px;padding-top:100px;position:relative;overflow:visible;z-index:10;perspective:2000px;perspective-origin:50%;background:radial-gradient(ellipse at top,rgba(75,0,130,.3) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(25,25,112,.4) 0,transparent 50%),radial-gradient(ellipse at bottom left,rgba(72,61,139,.3) 0,transparent 50%),radial-gradient(circle at 20% 30%,rgba(138,43,226,.2) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,0,139,.3) 0,transparent 40%),linear-gradient(180deg,#0a0a1a,#1a0a2e 25%,#16213e 50%,#0f3460 75%,#000);background-attachment:fixed}@media (max-width:768px){.slideshow-section{padding-bottom:0;padding-top:0}}.slideshow{max-width:1920px;margin:0 auto;aspect-ratio:16/5;z-index:10;overflow:visible!important}.slideshow,.slideshow-inner{width:100%;position:relative;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.slideshow-inner{height:100%;touch-action:none;cursor:grab}.slideshow-inner:active{cursor:grabbing}.slide{width:60vw;max-width:1200px;aspect-ratio:16/9;display:flex;justify-content:center;align-items:center;position:absolute!important;top:50%;left:50%;text-align:center;border-radius:15px;transform-style:preserve-3d;backface-visibility:visible;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){.slide{width:100vw;max-width:none;border-radius:10px}.slideshow-section{padding-top:0;padding-bottom:0;perspective:2500px}.slideshow{min-height:450px}.slide{min-width:300px;max-width:90vw;border-radius:15px}}.slide-image{position:absolute;width:100%;height:100%;background-position:50% 50%;top:0;background-size:cover;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transform:scale(1.2)}.slide-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;line-height:1;white-space:nowrap;word-break:break-word;color:#fff;z-index:100;text-transform:uppercase;font-weight:900;text-align:center;text-shadow:0 2px 10px #000}@media (max-width:768px){.slide-title{font-size:1.25rem;text-shadow:0 1px 5px rgba(0,0,0,.8);width:90%;white-space:normal}}.slide-title span{white-space:pre;display:inline-block;opacity:0}.slideshow-pagination{left:50%!important;transform:translateX(-50%)!important;width:auto!important;z-index:1000}.slideshow-navigation,.slideshow-pagination{position:absolute!important;bottom:50px!important;display:flex!important}.slideshow-navigation{right:50px!important;gap:10px;z-index:1001}@media (max-width:768px){.slideshow-pagination{bottom:20px!important}.slideshow-navigation{display:none!important}}.slideshow-navigation-button{width:40px;height:40px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:all .3s ease;position:relative}.slideshow-navigation-button:hover{background:rgba(0,0,0,.8)!important;transform:scale(1.1)}.pagination-block{width:auto!important;display:flex!important;align-items:center;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:50px}.slideshow-pagination-item{display:flex;align-items:center;cursor:pointer}.slideshow-pagination-item.active .pagination-number{opacity:1}.slideshow-pagination-item:not(.active) .pagination-number{opacity:.5}.slideshow-pagination-item.active .pagination-separator{width:80px}.pagination-number{font-size:14px;color:#fff;font-family:Oswald,-apple-system,BlinkMacSystemFont,sans-serif;padding:0 .5rem}.pagination-separator{display:block;position:relative;width:30px;height:1px;background:hsla(0,0%,100%,.25);transition:all .3s ease}@media (max-width:768px){.pagination-separator{display:none}}.pagination-separator-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}