*{margin:0;padding:0;box-sizing:border-box}body{font-family:Goldman,sans-serif;background-color:#171821;color:#fff;overflow:hidden;margin:0;padding:0;height:100vh}#root{width:100%;height:100vh;overflow:hidden}.landing-page{width:100%;height:100vh;background-color:#171821;position:relative;overflow:hidden}.navbar{width:100%;padding:1.5rem 2rem;position:fixed;top:0;left:0;z-index:1000;background-color:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;box-shadow:0 0 #0000;transition:background-color .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .5s cubic-bezier(.4,0,.2,1),border-bottom .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.navbar.scrolled{background:#0f285466!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-bottom:1px solid rgba(119,159,191,.15)!important;box-shadow:0 8px 32px #0000001f,0 2px 8px #779fbf14!important}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative;-webkit-tap-highlight-color:transparent}.hamburger-line{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line.active:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-menu{display:flex;list-style:none;gap:5rem;align-items:center;margin:0;padding:0;position:relative}.nav-menu li{position:relative}.nav-menu li a{font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(.875rem,1vw,1rem);color:#fff;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.02em;text-transform:capitalize;margin-top:1rem;padding:.5rem 1rem;position:relative;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.nav-menu li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#fff,#fffc);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:2px}.nav-menu li a:hover{opacity:1;transform:translateY(-2px)}.nav-menu li a:hover:after{width:100%}.nav-menu li a.active{opacity:1;font-weight:500;color:#fff}.nav-menu li a.active:after{width:100%;background:linear-gradient(90deg,#fff,#ffffffe6);box-shadow:0 0 8px #ffffff80}.hero-section{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:20px;padding-bottom:0;position:absolute;top:0;left:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);opacity:1;z-index:1}.hero-section.active{opacity:1;z-index:1}.hero-section.inactive{opacity:0;pointer-events:none;z-index:0}.hero-content{max-width:1400px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin:0 auto;position:relative;overflow:visible;min-height:calc(100vh - 100px);text-align:center}.greeting-image{position:absolute;left:-3%;top:40%;transform:translateY(-50%);z-index:6;width:32rem;max-width:100%;height:auto;object-fit:contain}.portfolio-title{font-family:Goldman,sans-serif;font-weight:700;font-size:clamp(60px,11vw,250px);color:#779fbf;letter-spacing:.02em;text-align:center;line-height:1;width:auto;max-width:100vw;white-space:nowrap;padding:0;position:absolute;bottom:24%;left:50%;transform:translate(-50%);z-index:5;margin:0;box-sizing:border-box;text-transform:uppercase;pointer-events:none}.hero-text{position:absolute;right:1rem;top:15%;font-family:Bayon,sans-serif;font-weight:400;font-size:20px;line-height:1.5;color:#fff;letter-spacing:4px;margin:0;padding:0;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;z-index:10;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.hero-text.fade-out{opacity:0}.resume-btn{position:absolute;bottom:17%;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;margin:0;font-family:Goldman,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:none;background:linear-gradient(135deg,#779fbf40,#0f285480);border:1px solid rgba(119,159,191,.45);border-radius:999px;overflow:hidden;z-index:10;transition:color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff14}.resume-btn:hover{color:#fff;border-color:#779fbfb3;box-shadow:0 8px 28px #779fbf40,inset 0 1px #ffffff1f;transform:translate(-50%) translateY(-2px)}.resume-btn:focus-visible{outline:2px solid rgba(119,159,191,.8);outline-offset:3px}.resume-btn-icon{font-size:1.15rem;flex-shrink:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.resume-btn:hover .resume-btn-icon{transform:scale(1.1)}.resume-btn-text{position:relative;z-index:1}.resume-btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.12) 55%,transparent 100%);z-index:0;transition:left .6s ease}.resume-btn:hover .resume-btn-shine{left:100%}.main-footer{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:100;pointer-events:none;border-top:1px solid rgba(119,159,191,.2);background:linear-gradient(180deg,#0f28541a,#0f28544d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 0;margin-top:5rem}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;pointer-events:all}.footer-left{display:flex;gap:2.5rem;align-items:center}.social-link{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8;min-width:44px;min-height:44px;padding:.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.social-link:hover{opacity:1;transform:translateY(-2px);color:#779fbf}.social-icon{font-size:24px;width:24px;height:24px}.footer-right{display:flex;align-items:center}.footer-text{font-family:Goldman,sans-serif;font-size:20px;color:#fff;font-weight:400;letter-spacing:.02em}.scroll-to-top-btn{position:fixed;bottom:6rem;right:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#779fbf33,#779fbf1a);border:1px solid rgba(119,159,191,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99;opacity:0;transform:translateY(20px);pointer-events:none}.scroll-to-top-btn.show{opacity:1;transform:translateY(0);pointer-events:all}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#779fbf66,#779fbf33);border-color:#779fbf99;transform:translateY(-3px);box-shadow:0 4px 12px #779fbf66}.scroll-to-top-btn svg{color:#fff;transition:transform .3s ease}.scroll-to-top-btn:hover svg{transform:translateY(-2px)}.hero-row-1,.hero-row-2,.hero-row-3,.developer-text{display:none}.hero-content:before{content:"";display:none}.hero-image{display:flex;justify-content:center;align-items:center;width:100%;margin:0;padding:0;position:relative;overflow:visible;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.hero-image.move-right{transform:translate(30%);opacity:0}.hero-image img{max-width:60%;height:auto;display:block;margin:0 auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border:none!important;outline:none!important}.animated-arrow{position:absolute;right:5rem;top:50%;transform:translateY(-50%);z-index:10;animation:slideRight 1.8s infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);margin-right:0;will-change:transform;cursor:pointer;transition:opacity .3s ease}.animated-arrow:hover{opacity:.8}.animated-arrow svg{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:opacity .3s ease}.animated-arrow-fade{position:absolute;right:5rem;top:50%;transform:translateY(-50%) translate(-18px);z-index:8;animation:slideRightFade 1.8s infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);margin-right:0;will-change:transform,opacity}.animated-arrow-fade svg{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.animated-arrow.left-arrow{right:auto;left:5rem;animation:slideLeft 1.8s infinite}.animated-arrow-fade.left-arrow-fade{right:auto;left:5rem;transform:translateY(-50%) translate(18px);animation:slideLeftFade 1.8s infinite}.about-section .animated-arrow.right-arrow{right:5rem;left:auto;animation:slideRight 1.8s infinite}.about-section .animated-arrow-fade.right-arrow-fade{right:5rem;left:auto;transform:translateY(-50%) translate(-18px);animation:slideRightFade 1.8s infinite}.skills-arrow.animated-arrow.left-arrow{left:5rem;right:auto;z-index:1000;position:fixed;top:50%;transform:translateY(-50%)}.skills-arrow.animated-arrow-fade.left-arrow-fade{left:5rem;right:auto;z-index:998;position:fixed;top:50%;transform:translateY(-50%) translate(18px)}.skills-arrow.animated-arrow.right-arrow{right:5rem;left:auto;animation:slideRight 1.8s infinite;z-index:1000;position:fixed;top:50%;transform:translateY(-50%)}.skills-arrow.animated-arrow-fade.right-arrow-fade{right:5rem;left:auto;transform:translateY(-50%) translate(-18px);animation:slideRightFade 1.8s infinite;z-index:998;position:fixed;top:50%}.work-section{width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:2rem;padding-top:80px;padding-bottom:2rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;opacity:0;pointer-events:none;z-index:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.work-section::-webkit-scrollbar{width:8px}.work-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.work-section::-webkit-scrollbar-thumb{background:#779fbf80;border-radius:10px;transition:background .3s ease}.work-section::-webkit-scrollbar-thumb:hover{background:#779fbfb3}.work-section.active{opacity:1;pointer-events:all;z-index:4}.work-section.inactive{opacity:0;pointer-events:none;z-index:0}.work-content{position:relative;width:85%;max-width:1200px;margin:2rem auto;padding-bottom:8rem;transform:translate(-100px);opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1) .3s,opacity .8s cubic-bezier(.4,0,.2,1) .3s;z-index:4}.work-content.show-left{transform:translate(0);opacity:1}.work-title{font-family:Goldman,sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);color:#fff;margin-bottom:3rem;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#779fbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.work-projects{display:flex;flex-direction:column;gap:4rem}.work-project{width:100%}.project-row{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.project-images{width:100%;display:flex;align-items:center;justify-content:center}.iwms-image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:5px;background:transparent;transition:transform .3s ease,box-shadow .3s ease;cursor:none}.iwms-image-container:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#779fbfe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;top:0;left:0;transform:translate(var(--cursor-x, 0px),var(--cursor-y, 0px)) translate(-50%,-50%) scale(0);transition:opacity .1s ease-out,transform .2s cubic-bezier(.25,.46,.45,.94);z-index:10;box-shadow:0 8px 32px #0000004d;will-change:transform,opacity}.iwms-image-container:after{content:"explore";position:absolute;top:0;left:0;transform:translate(var(--cursor-x, 0px),var(--cursor-y, 0px)) translate(-50%,-50%) scale(0);color:#fff;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .1s ease-out,transform .2s cubic-bezier(.25,.46,.45,.94);z-index:11;white-space:nowrap;will-change:transform,opacity}.iwms-image-container:hover{transform:scale(1.02);box-shadow:0 4px 20px #779fbf4d}.iwms-image-container:hover:before{opacity:1;transform:translate(var(--cursor-x, 0px),var(--cursor-y, 0px)) translate(-50%,-50%) scale(1)}.iwms-image-container:hover:after{opacity:1;transform:translate(var(--cursor-x, 0px),var(--cursor-y, 0px)) translate(-50%,-50%) scale(1)}.iwms-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:5px;border:none;outline:none;opacity:0;transition:opacity 3s ease-in-out;pointer-events:none;max-width:100%;height:auto}.iwms-image.active{opacity:1;pointer-events:auto}.project-details{display:flex;flex-direction:column;gap:1.5rem}.project-title{font-family:Goldman,sans-serif;font-weight:700;font-size:clamp(24px,3vw,36px);color:#779fbf;margin:0;margin-bottom:1rem;letter-spacing:.02em}.project-logo-section{margin-top:3rem;width:100%;display:flex;justify-content:center;align-items:center}.iwms-logo{max-width:300px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(119,159,191,.3));transition:all .3s cubic-bezier(.4,0,.2,1)}.iwms-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(119,159,191,.5))}.project-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(119,159,191,.3) 50%,transparent 100%);margin-top:4rem;margin-bottom:4rem;position:relative}.project-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#779fbf80;border-radius:50%;box-shadow:0 0 12px #779fbf80}.design-specs-container{margin-top:3rem;padding:0;background:transparent;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;display:flex;flex-direction:column;gap:2.5rem;width:100%}.design-specs-container:hover{transform:none}.color-schema-section{margin:0;padding:0;border:none}.color-schema-title{font-family:Goldman,sans-serif;font-weight:600;font-size:clamp(13px,1.1vw,15px);color:#779fbf;margin:0;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.color-schema-title:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#779fbf,#4988c4);border-radius:2px}.color-schema-colors{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.color-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#779fbf14;border:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.color-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.color-item:hover{background:#779fbf26;transform:translateY(-3px);box-shadow:0 6px 20px #779fbf40}.color-item:hover:before{left:100%}.color-swatch{width:40px;height:40px;border-radius:10px;border:none;box-shadow:0 4px 12px #0006,inset 0 1px #fff3;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.color-item:hover .color-swatch{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #00000080,inset 0 1px #ffffff4d}.color-code{font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(12px,1vw,14px);color:#fff;letter-spacing:.05em}.font-style-section{margin:0;padding:0;border:none}.font-style-title{font-family:Goldman,sans-serif;font-weight:600;font-size:clamp(13px,1.1vw,15px);color:#779fbf;margin:0;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.font-style-title:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#779fbf,#4988c4);border-radius:2px}.font-samples{display:flex;flex-direction:column;gap:1.25rem}.font-sample-item{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:#779fbf14;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.font-sample-item:hover{background:#779fbf26;transform:translate(5px)}.font-weight-label{font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(12px,1vw,14px);color:#779fbf;min-width:70px;text-transform:uppercase;letter-spacing:.05em}.font-style-display{font-family:Mona Sans,sans-serif;font-size:clamp(18px,2vw,24px);color:#fff;margin:0;letter-spacing:.02em;flex:1}.font-thin{font-weight:200}.font-regular{font-weight:400}.font-bold{font-weight:700}.project-technologies{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.tech-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#779fbf1f,#779fbf14);border:1px solid rgba(119,159,191,.25);border-radius:10px;font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(13px,1.2vw,15px);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tech-item:hover{background:linear-gradient(135deg,#779fbf40,#779fbf2e);border-color:#779fbf80;transform:translateY(-2px);box-shadow:0 4px 12px #779fbf4d}.tech-icon{font-size:1.2rem;color:#779fbf;flex-shrink:0;transition:transform .3s ease}.tech-item:hover .tech-icon{transform:scale(1.1)}.project-info{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(119,159,191,.2);border-bottom:none;padding-bottom:0}.info-item{display:flex;align-items:center;gap:1rem;font-family:Goldman,sans-serif}.info-label{font-weight:300;font-size:clamp(14px,1.2vw,16px);color:#779fbf;min-width:100px}.info-value{font-weight:300;font-size:clamp(14px,1.2vw,16px);color:#fff}.project-description{font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(14px,1.3vw,16px);color:#fff;line-height:1.8;letter-spacing:.02em;margin:0}.project-image{width:100%;height:auto;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden;background:transparent;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-image:hover{transform:translateY(-4px);box-shadow:0 12px 32px #779fbf33}.project-image img{width:100%;height:auto;object-fit:contain;border-radius:5px;border:none;outline:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:600px}.project-image-slider{width:100%;position:relative}.card-carousel-container{position:relative;width:100%;display:flex;align-items:center;gap:1rem}.card-carousel-wrapper{flex:1;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.card-carousel-track{display:flex;gap:1.5rem;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;padding:.5rem 0}.carousel-card{flex:0 0 calc(33.333% - 1rem);min-width:calc(33.333% - 1rem);background:transparent;border:none;border-radius:8px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.6;transform:scale(.95);cursor:pointer;position:relative}.carousel-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff08,#779fbf0d);border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.carousel-card.active{opacity:1;transform:scale(1);box-shadow:0 8px 24px #779fbf4d}.carousel-card.active:before{opacity:1}.carousel-card:hover{opacity:.9;transform:scale(1.02)}.carousel-card:hover:before{opacity:.5}.card-image{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:transparent;padding:0;overflow:hidden;position:relative;z-index:1}.card-image img{width:100%;height:100%;object-fit:contain;border-radius:8px;border:none;outline:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:transform .3s ease}.carousel-card.active .card-image img{transform:scale(1.05)}.carousel-nav-btn{flex-shrink:0;background:#171821cc;border:2px solid rgba(119,159,191,.4);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 4px 12px #0000004d;z-index:10}.carousel-nav-btn:hover{background:#779fbf4d;border-color:#779fbfb3;transform:scale(1.1);box-shadow:0 6px 20px #779fbf66}.carousel-nav-btn:active{transform:scale(.95)}.carousel-nav-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#779fbf99;transform:scale(1.2)}.carousel-dot.active{background:#779fbf;width:24px;border-radius:5px}.work-arrow.animated-arrow.left-arrow{left:5rem;right:auto;z-index:1000;position:fixed;top:50%;transform:translateY(-50%)}.work-arrow.animated-arrow-fade.left-arrow-fade{left:5rem;right:auto;z-index:998;position:fixed;top:50%;transform:translateY(-50%) translate(18px)}@keyframes slideRight{0%{transform:translateY(-50%) translate(0);opacity:1}40%{transform:translateY(-50%) translate(8px);opacity:1}60%{transform:translateY(-50%) translate(10px);opacity:.95}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes slideRightFade{0%{transform:translateY(-50%) translate(-18px);opacity:.3}40%{transform:translateY(-50%) translate(-10px);opacity:.6}60%{transform:translateY(-50%) translate(-8px);opacity:.75}to{transform:translateY(-50%) translate(-18px);opacity:.3}}@keyframes slideLeft{0%{transform:translateY(-50%) translate(0);opacity:1}40%{transform:translateY(-50%) translate(-8px);opacity:1}60%{transform:translateY(-50%) translate(-10px);opacity:.95}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes slideLeftFade{0%{transform:translateY(-50%) translate(18px);opacity:.3}40%{transform:translateY(-50%) translate(10px);opacity:.6}60%{transform:translateY(-50%) translate(8px);opacity:.75}to{transform:translateY(-50%) translate(18px);opacity:.3}}@keyframes slideRightMobile{0%{transform:translate(0);opacity:1}40%{transform:translate(8px);opacity:1}60%{transform:translate(10px);opacity:.95}to{transform:translate(0);opacity:1}}.about-section{width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:80px;opacity:0;pointer-events:none;z-index:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.about-section.active{opacity:1;pointer-events:all;z-index:2}.about-section.inactive{opacity:0;pointer-events:none;z-index:0}.about-image{position:absolute;right:20%;top:50%;transform:translateY(-50%) translate(100px);width:35%;max-width:450px;opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1) .2s,opacity .8s cubic-bezier(.4,0,.2,1) .2s;z-index:1;padding:1rem;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;border:5px solid rgba(119,159,191,.3);box-shadow:inset 0 0 20px #779fbf33,inset 0 0 40px #0000004d}.about-image.show-right{transform:translateY(-50%) translate(0);opacity:1}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block;border-radius:50%;aspect-ratio:1 / 1;border:none;outline:none;box-shadow:none}.about-content{position:absolute;left:15%;top:50%;transform:translateY(-50%) translate(-100px);width:40%;max-width:550px;opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1) .3s,opacity .8s cubic-bezier(.4,0,.2,1) .3s;z-index:2}.about-content.show-left{transform:translateY(-50%) translate(0);opacity:1}.about-title{font-family:Goldman,sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);color:#fff;margin-bottom:2rem;letter-spacing:.02em}.about-text{font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(16px,1.5vw,18px);color:#fff;line-height:1.8;letter-spacing:.02em}.about-text p{margin-bottom:1.5rem}.about-text p:last-child{margin-bottom:0}.hobbies-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(119,159,191,.2)}.hobbies-title{font-family:Goldman,sans-serif;font-weight:600;font-size:clamp(18px,2vw,22px);color:#779fbf;margin-bottom:1rem;letter-spacing:.02em}.hobbies-list{display:flex;flex-wrap:wrap;gap:.75rem}.hobby-item{display:inline-block;padding:.5rem 1rem;background:#779fbf1a;border:1px solid rgba(119,159,191,.3);border-radius:8px;font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(14px,1.2vw,16px);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.hobby-item:hover{background:#779fbf33;border-color:#779fbf80;transform:translateY(-2px);box-shadow:0 4px 12px #779fbf4d}.skills-section{width:100%;height:100vh;position:absolute;top:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 2rem;padding-top:80px;padding-bottom:2rem;opacity:0;pointer-events:none;z-index:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.skills-section::-webkit-scrollbar{width:8px}.skills-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.skills-section::-webkit-scrollbar-thumb{background:#779fbf80;border-radius:10px;transition:background .3s ease}.skills-section::-webkit-scrollbar-thumb:hover{background:#779fbfb3}.skills-section.active{opacity:1;pointer-events:all;z-index:3}.skills-section.inactive{opacity:0;pointer-events:none;z-index:0;visibility:hidden}.skills-image{position:absolute;right:20%;top:50%;transform:translateY(-50%) translate(100px);width:35%;max-width:450px;opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1) .2s,opacity .8s cubic-bezier(.4,0,.2,1) .2s;z-index:3}.skills-image.show-right{transform:translateY(-50%) translate(0);opacity:1}.skills-image img{width:100%;height:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.skills-content{position:relative;left:auto;top:auto;transform:translate(-100px);width:60%;max-width:900px;margin:2rem auto;padding-bottom:8rem;opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1) .3s,opacity .8s cubic-bezier(.4,0,.2,1) .3s;z-index:4;overflow:visible}.skills-content.show-left{transform:translate(0);opacity:1}.skills-title{font-family:Goldman,sans-serif;font-weight:700;font-size:clamp(32px,4vw,48px);color:#fff;margin-bottom:2rem;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#779fbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1200px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.skill-category{background:linear-gradient(135deg,#ffffff0d,#779fbf14);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);position:relative;overflow:hidden;animation:slideIn .5s ease-out backwards}.skill-category:nth-child(1){animation-delay:.1s}.skill-category:nth-child(2){animation-delay:.2s}.skill-category:nth-child(3){animation-delay:.3s}.skill-category:nth-child(4){animation-delay:.4s}.skill-category:nth-child(5){animation-delay:.5s}.skill-category:nth-child(6){animation-delay:.6s}.skill-category:nth-child(7){animation-delay:.7s}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#779FBF,transparent);opacity:0;transition:opacity .4s ease}.skill-category:hover{background:linear-gradient(135deg,#ffffff14,#779fbf1f);border-color:#779fbf66;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #779fbf33,0 0 0 1px #779fbf1a}.skill-category:hover:before{opacity:1}.category-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(119,159,191,.15)}.category-icon{font-size:1.5rem;color:#779fbf;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(119,159,191,.3))}.skill-category:hover .category-icon{transform:scale(1.1) rotate(5deg);color:#8fb8d9}.category-title{font-family:Goldman,sans-serif;font-weight:600;font-size:clamp(15px,1.4vw,17px);color:#fff;margin:0;letter-spacing:.03em;text-transform:uppercase}.skill-items{display:flex;flex-wrap:wrap;gap:.4rem}.skill-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#779fbf1f,#779fbf14);border:1px solid rgba(119,159,191,.25);border-radius:10px;font-family:Goldman,sans-serif;font-weight:400;font-size:clamp(12px,1.1vw,14px);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.skill-item:hover{background:linear-gradient(135deg,#779fbf40,#779fbf2e);border-color:#779fbf80;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #779fbf4d,0 0 0 1px #779fbf33}.skill-item:hover:before{left:100%}.skill-icon{font-size:1.2rem;color:#779fbf;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(119,159,191,.2))}.skill-item:hover .skill-icon{transform:scale(1.15) rotate(5deg);color:#8fb8d9;filter:drop-shadow(0 4px 8px rgba(119,159,191,.4))}@media (min-width: 1440px){.nav-container{max-width:1400px}.hero-content{max-width:1600px}.work-content{max-width:1400px}.skills-content{max-width:1100px}}@media (max-width: 1200px){.nav-menu{gap:4rem}.work-content{width:90%}}@media (max-width: 1024px){.hero-section{padding:2rem 1.5rem;padding-top:90px;padding-bottom:2rem;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{gap:2.5rem;min-height:calc(100vh - 140px);justify-content:center;align-items:center;text-align:center}.nav-menu{gap:3rem}.greeting-image{position:relative;left:auto;top:auto;transform:none;width:32px;max-width:32px;margin-bottom:.5rem;order:1}.hero-image{order:2;margin:0}.hero-image img{max-width:70%}.portfolio-title{position:relative;bottom:auto;left:auto;transform:none;font-size:clamp(56px,10vw,140px);margin:1rem 0;order:3;white-space:normal;line-height:1.1}.hero-text{position:relative;right:auto;top:auto;transform:none;writing-mode:horizontal-tb;margin:.75rem auto 0;font-size:clamp(16px,2.5vw,20px);letter-spacing:3px;text-align:center;order:4}.about-content{width:50%;left:3%}.about-image{width:45%;right:3%}.animated-arrow.left-arrow{left:3rem}.skills-content{width:70%;transform:translate(-100px);padding-bottom:6rem}.skills-content.show-left{transform:translate(0)}.skills-grid{grid-template-columns:1fr}.skills-image{width:45%;right:3%}.color-schema-colors{gap:.75rem}.color-item{padding:.6rem .8rem;gap:.6rem}.color-swatch{width:36px;height:36px}.font-samples{gap:1rem}.font-sample-item{padding:.6rem .85rem;gap:1.25rem}}@media (max-width: 992px){.nav-menu{gap:2.5rem}.about-content{width:55%}.about-image{width:40%}.work-content{width:90%}}@media (max-width: 768px){.navbar{padding:1rem 1.5rem}.nav-container{justify-content:flex-end}.hamburger-menu{display:flex}.menu-backdrop{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(180deg,#0f2854fa,#0f2854f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:80px 2rem 2rem;gap:0;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:-4px 0 20px #0000004d;overflow-y:auto}.nav-menu.open{right:0}.nav-menu li{width:100%;margin:0}.nav-menu li a{font-size:1.1rem;margin-top:0;padding:1rem 0;width:100%;display:block;border-bottom:1px solid rgba(119,159,191,.2);text-align:left}.nav-menu li:last-child a{border-bottom:none}.nav-menu li a:after{display:none}.nav-menu li a:hover{transform:translate(5px);color:#779fbf}.hero-section{padding:1.5rem 1rem;padding-top:80px;padding-bottom:2rem;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1.5rem;height:100%;min-height:calc(100vh - 120px);text-align:left;padding:0 1rem}.hero-section .hero-content{position:relative;display:grid!important;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0;align-items:center;justify-items:center;padding:.5rem 1.5rem 4rem;min-height:calc(100vh - 120px);width:100%}.hero-section .hero-content:after{content:"";grid-row:3;grid-column:1;display:flex;align-items:center;justify-content:center;gap:1rem}.hero-section .greeting-image{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;max-width:200px!important;min-width:160px!important;height:auto!important;margin:0 auto!important;padding:0!important;display:block!important;grid-row:1;grid-column:1;justify-self:center;margin-bottom:-3.5rem!important}.hero-section .greeting-image:after{content:"developer / designer";font-family:Bayon,sans-serif;font-weight:400;font-size:clamp(14px,3vw,18px);color:#ffffffe6;letter-spacing:3px;text-transform:lowercase;display:block;text-align:center;margin-top:0;margin-bottom:0;line-height:1.2}.hero-section .hero-content{grid-template-columns:1fr;gap:2rem;position:relative}.hero-section .greeting-image{grid-column:1 / -1}.hero-section .hero-image{display:flex!important;align-items:center;justify-content:flex-start;width:auto!important;max-width:none!important;margin:-2.5rem 0 -4rem!important;padding:0!important;position:relative!important;grid-row:2;grid-column:1;justify-self:start;margin-bottom:0!important}.hero-section .hero-image img[alt=Profile]{max-width:550px!important;width:auto!important;height:auto!important;margin:0!important;display:block!important;border-radius:0!important;border:none!important;outline:none!important;box-shadow:none!important}.hero-section .hero-text{position:absolute!important;right:5%!important;top:auto!important;bottom:auto!important;transform:none!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;font-family:Bayon,sans-serif;font-weight:400;font-size:clamp(14px,3.2vw,18px)!important;letter-spacing:4px!important;line-height:1.5!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-align:center;color:#fffffff2!important;display:flex!important;align-items:center;justify-content:center;z-index:15!important;grid-row:2;grid-column:1;justify-self:auto!important;align-self:center;height:auto;pointer-events:none}.hero-section .hero-image{position:relative}.hero-section .portfolio-title{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;font-family:Goldman,sans-serif;font-weight:700;font-size:clamp(36px,10vw,70px)!important;color:#779fbf;letter-spacing:.05em;margin:-7.5rem 0 .25rem!important;grid-row:3;grid-column:1;padding:0!important;white-space:normal!important;text-align:center;width:auto;max-width:100%;display:block!important;z-index:1!important;line-height:1.1;text-transform:uppercase;justify-self:center;align-self:start;pointer-events:none;order:1}.hero-section{position:relative;display:flex;flex-direction:column;align-items:center}.hero-content{order:1;width:100%}.hero-image{position:relative;margin-bottom:.5rem!important}.hero-section .hero-content{position:relative}.hero-section .hero-content .animated-arrow.right-arrow{position:relative!important;right:auto!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;align-items:center;justify-content:center;margin:0 auto!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;animation:slideRight 1.8s infinite!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important;will-change:transform!important;z-index:101!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;cursor:pointer!important;transition:opacity .3s ease!important;grid-row:3;grid-column:1;justify-self:center;align-self:center;background:transparent;order:2}.hero-section .hero-content .animated-arrow.right-arrow svg{width:50px!important;height:50px!important;display:block!important;visibility:visible!important;opacity:1!important;stroke:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important;transition:opacity .3s ease!important}.hero-section .hero-content .animated-arrow.right-arrow:hover{opacity:.8!important;cursor:pointer!important}.hero-section .hero-content .animated-arrow-fade.right-arrow-fade{display:none!important}.hero-section .hero-content .animated-arrow.right-arrow{display:flex!important;visibility:visible!important;opacity:1!important}.hero-section .portfolio-title{order:2;margin-top:-2rem!important;margin-bottom:0!important}.hero-section .hero-image{margin-bottom:.5rem!important}.hero-section{padding-bottom:3rem!important}.about-section{flex-direction:column;padding:1rem;padding-top:80px;gap:2rem;align-items:center}.about-content{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important;margin-bottom:1.5rem!important;padding:0 1rem!important;text-align:center;opacity:1!important}.hobbies-list{justify-content:center}.hobby-item{font-size:clamp(13px,2.5vw,15px);padding:.4rem .85rem}.about-image{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:60%!important;max-width:300px!important;margin:0 auto 1.5rem!important;opacity:1!important;flex-shrink:0}.about-title{font-size:clamp(28px,6vw,36px);margin-bottom:1.5rem}.about-text{font-size:clamp(14px,3vw,16px);line-height:1.6}.skills-section{flex-direction:column;padding:1rem;padding-top:80px}.skills-content{position:relative;left:auto;top:auto;transform:translate(-100px);width:100%;max-width:100%;margin:1rem auto 2rem;padding-bottom:6rem}.skills-content.show-left{transform:translate(0)}.skills-image{position:relative;right:auto;top:auto;transform:translateY(0) translate(0);width:60%;max-width:300px;margin:0 auto}.skills-title{font-size:clamp(28px,6vw,36px);margin-bottom:1.5rem;text-align:center}.skill-category{padding:1.25rem}.category-title{font-size:clamp(14px,3vw,16px)}.skill-item{font-size:clamp(12px,2.5vw,14px);padding:.4rem .75rem}.work-section{padding:1rem;padding-top:80px}.work-content{width:100%;margin:1rem auto;padding-bottom:6rem}.work-title{font-size:clamp(28px,6vw,36px);margin-bottom:2rem}.project-row{grid-template-columns:1fr;gap:2rem}.project-images{order:-1}.project-title{font-size:clamp(22px,5vw,28px)}.project-description{font-size:clamp(14px,3vw,16px)}.design-specs-container{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.color-schema-colors{gap:.5rem}.color-item{padding:.35rem .5rem}.color-swatch{width:24px;height:24px}.color-code{font-size:clamp(11px,1.5vw,13px)}.font-style-display{font-size:clamp(16px,3vw,20px)}.iwms-logo{max-width:250px}}@media (max-width: 480px){.navbar{padding:.75rem 1rem}.nav-container{max-width:100%;justify-content:flex-end}.hamburger-menu{width:28px;height:28px}.nav-menu{width:260px;padding:70px 1.5rem 2rem}.nav-menu li a{font-size:.85rem;margin-top:0;padding-top:0}.hero-section{padding:1rem .75rem;padding-top:70px;padding-bottom:1.5rem;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{gap:2rem;min-height:calc(100vh - 100px);justify-content:center;align-items:center;text-align:center;padding:1.5rem .75rem}.hero-image{gap:1rem!important}.hero-image{justify-content:flex-start!important}.hero-section .hero-image img[alt=Profile]{max-width:480px!important;border-radius:0!important;border:none!important;outline:none!important;margin:0!important;display:block!important;box-shadow:none!important}.hero-text{writing-mode:vertical-rl!important;text-orientation:mixed!important;white-space:nowrap!important}.greeting-image{max-width:200px!important;min-width:160px!important}@media (min-width: 768px) and (max-width: 1024px){.hero-section .greeting-image{max-width:250px!important;min-width:220px!important;width:auto!important}.hero-section .greeting-image:after{font-size:clamp(16px,2.5vw,20px)!important}}.hero-row-1 .greeting-image{max-width:180px;min-width:140px}.developer-text{font-size:clamp(13px,3vw,16px)}.hero-row-2 .hero-image img{max-width:100px}.hero-row-2 .hero-text{font-size:clamp(11px,2.5vw,14px)}.hero-row-3 .portfolio-title{font-size:clamp(32px,12vw,64px)}.main-footer{padding:1rem 0}.footer-container{flex-direction:column;gap:1rem;padding:0 1rem}.footer-left{gap:1.5rem}.social-icon{font-size:20px;width:20px;height:20px}.footer-text{font-size:16px}.scroll-to-top-btn{bottom:5rem;right:1rem;width:45px;height:45px}.main-footer{padding:.75rem 0}.footer-container{flex-direction:column;gap:.75rem;padding:0 .75rem}.footer-left{gap:1.25rem}.social-icon{font-size:18px;width:18px;height:18px}.footer-text{font-size:14px}.scroll-to-top-btn{bottom:4.5rem;right:.75rem;width:40px;height:40px}.skills-content{padding-bottom:5rem}.social-link{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.tech-item{min-height:44px;padding:.5rem 1rem}.project-info .info-item{min-height:44px}}@media (max-width: 360px){.navbar{padding:.5rem .75rem}.nav-menu{gap:1rem}.nav-menu li a{font-size:.75rem}.hero-section{padding:.75rem .5rem;padding-top:60px;padding-bottom:1rem}.hero-content{gap:1.75rem;min-height:calc(100vh - 90px);justify-content:center;align-items:center;text-align:center;padding:1.25rem .5rem}.greeting-image{max-width:180px!important;min-width:140px!important}.greeting-image:after{font-size:clamp(13px,3vw,16px);margin-top:.75rem}.hero-image{gap:1rem!important}.hero-image{justify-content:flex-start!important}.hero-section .hero-image img[alt=Profile]{max-width:420px!important;border-radius:0!important;border:none!important;outline:none!important;margin:0!important;display:block!important;box-shadow:none!important}.hero-text{writing-mode:vertical-rl!important;text-orientation:mixed!important;white-space:nowrap!important;font-size:clamp(12px,2.8vw,16px)!important}.portfolio-title{font-size:clamp(36px,11vw,70px)!important}.hero-row-3 .portfolio-title{font-size:clamp(28px,10vw,56px)}.main-footer{padding:.5rem 0}.footer-container{flex-direction:column;gap:.5rem;padding:0 .5rem}.footer-left{gap:1rem}.social-icon{font-size:16px;width:16px;height:16px}.footer-text{font-size:12px}.scroll-to-top-btn{bottom:4rem;right:.5rem;width:35px;height:35px}.scroll-to-top-btn svg{width:18px;height:18px}.work-content{width:95%;margin:1rem auto;padding-bottom:5rem}.work-title{font-size:clamp(24px,5vw,32px);margin-bottom:2rem}.project-row{grid-template-columns:1fr;gap:2rem}.project-image{order:-1}.project-title{font-size:clamp(20px,4vw,28px)}.color-schema-colors{gap:.5rem;flex-wrap:wrap}.color-item{padding:.5rem .65rem;gap:.5rem}.color-swatch{width:32px;height:32px}.font-samples{gap:.85rem}.font-sample-item{padding:.5rem .75rem;gap:1rem;flex-direction:column;align-items:flex-start}.font-weight-label{min-width:auto;margin-bottom:.25rem}.color-code{font-size:clamp(10px,2vw,12px)}.design-specs-container{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.color-schema-title,.font-style-title{font-size:clamp(12px,2.5vw,14px)}.font-style-display{font-size:clamp(14px,3vw,18px)}.iwms-logo{max-width:200px}.project-description{font-size:clamp(13px,2.5vw,15px)}}@media (max-width: 768px) and (orientation: landscape){.hero-section{padding-top:60px;padding-bottom:1rem}.hero-content{flex-direction:row;gap:2rem;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.hero-image{order:1;flex:0 0 auto}.hero-image img{max-width:200px;width:auto}.greeting-image{order:0;position:absolute;left:5%;top:50%;transform:translateY(-50%);width:24px}.portfolio-title{position:relative;bottom:auto;left:auto;transform:none;font-size:clamp(32px,6vw,64px);margin:0;order:2;text-align:left;flex:1}.hero-text{position:absolute;right:5%;top:50%;transform:translateY(-50%);order:3;margin:0;writing-mode:vertical-rl;font-size:clamp(12px,2vw,16px)}.about-section,.skills-section,.work-section{padding-top:60px}.navbar{padding:.75rem 1.5rem}}@media (max-width: 320px){.navbar{padding:.5rem}.nav-menu{gap:.75rem}.nav-menu li a{font-size:.7rem;padding:.5rem .75rem}.portfolio-title{font-size:clamp(20px,8vw,50px)}.hero-text{font-size:11px}.footer-left{gap:.75rem}.social-icon{font-size:14px;width:14px;height:14px}.footer-text{font-size:11px}}@media (hover: none) and (pointer: coarse){.nav-menu li a{padding:.75rem 1rem;min-height:48px}.social-link{min-width:48px;min-height:48px;padding:.5rem}.tech-item{min-height:48px;padding:.75rem 1.25rem}.scroll-to-top-btn,.animated-arrow{min-width:48px;min-height:48px}.nav-menu li a:hover,.social-link:hover{transform:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-image img,.about-image img,.iwms-image,.iwms-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.navbar,.animated-arrow,.scroll-to-top-btn,.main-footer{display:none}.landing-page{background:#fff;color:#000}.hero-section,.about-section,.skills-section,.work-section{position:static;height:auto;page-break-inside:avoid}}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0f2854f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:galleryFadeIn .3s ease}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes imageSlide{0%{opacity:0;transform:scale(.95) translateZ(-20px)}to{opacity:1;transform:scale(1) translateZ(0)}}.gallery-modal-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:3rem;perspective:1000px}.gallery-close-btn{position:absolute;top:2rem;right:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffe6;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003,0 0 #779fbf66;z-index:10001;transform-style:preserve-3d}.gallery-close-btn:hover{background:#ffffff26;border-color:#779fbf80;transform:translateY(-2px) rotate(90deg);box-shadow:0 8px 24px #0000004d,0 0 20px #779fbf4d}.gallery-close-btn:active{transform:translateY(0) rotate(90deg) scale(.95)}.gallery-image-wrapper{position:relative;width:100%;max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.gallery-image-3d{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;animation:imageSlide .4s cubic-bezier(.4,0,.2,1)}.gallery-image{max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:20px;background:#17182166;padding:1rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transform:translateZ(0);transition:transform .3s ease}.gallery-image-wrapper:hover .gallery-image{transform:translateZ(10px) scale(1.01)}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%) translateZ(0);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#ffffffe6;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003,0 0 #779fbf66;z-index:10001;transform-style:preserve-3d}.gallery-prev{left:2rem}.gallery-next{right:2rem}.gallery-nav-btn:hover{background:#ffffff26;border-color:#779fbf80;transform:translateY(-50%) translateZ(10px) scale(1.1);color:#779fbf;box-shadow:0 8px 24px #0000004d,0 0 20px #779fbf4d}.gallery-nav-btn:active{transform:translateY(-50%) translateZ(5px) scale(.95)}.gallery-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%) translateZ(0);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem 1.5rem;color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.05em;box-shadow:0 4px 12px #0003,0 0 #779fbf66;z-index:10001;transform-style:preserve-3d;transition:all .3s ease}.gallery-counter:hover{transform:translate(-50%) translateZ(5px);box-shadow:0 8px 24px #0000004d,0 0 20px #779fbf33}@media (max-width: 768px){.gallery-modal-content{padding:1.5rem}.gallery-close-btn{top:1rem;right:1rem;width:44px;height:44px}.gallery-image-wrapper{max-width:95vw;max-height:75vh}.gallery-image{max-height:75vh;padding:.75rem;border-radius:16px}.gallery-nav-btn{width:48px;height:48px}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-counter{bottom:1.5rem;padding:.6rem 1.25rem;font-size:13px}}@media (max-width: 480px){.gallery-modal-content{padding:1rem}.gallery-close-btn{top:.75rem;right:.75rem;width:40px;height:40px}.gallery-image-wrapper{max-width:100vw;max-height:70vh}.gallery-image{max-height:70vh;padding:.5rem;border-radius:12px}.gallery-nav-btn{width:44px;height:44px}.gallery-prev{left:.5rem}.gallery-next{right:.5rem}.gallery-counter{bottom:1rem;padding:.5rem 1rem;font-size:12px}}