@import "https://fonts.googleapis.com/css2?family=Sniglet:wght@400;800&display=swap";*,:before,:after{box-sizing:border-box}body{background-color:#fff;width:100%;height:100%;margin:0;padding:0;font-family:Sniglet,cursive}.tech-logo-loop{width:min(1120px,94vw);margin:0 auto;padding:.5rem 0;position:relative;overflow:hidden}.tech-logo-loop:before,.tech-logo-loop:after{content:"";z-index:2;pointer-events:none;width:64px;height:100%;position:absolute;top:0}.tech-logo-loop:before{background:linear-gradient(90deg,#fff,#fff0);left:0}.tech-logo-loop:after{background:linear-gradient(270deg,#fff,#fff0);right:0}.tech-logo-track{gap:2.25rem;width:max-content;animation:22s linear infinite tech-loop;display:flex}.tech-logo-loop:hover .tech-logo-track{animation-play-state:paused}.tech-logo-item{flex-shrink:0;align-items:center;gap:.75rem;padding:.25rem 0;display:inline-flex}.tech-logo-item img{object-fit:contain;width:auto;height:5rem}.tech-logo-item span{color:#111;text-transform:uppercase;white-space:nowrap;font-size:2rem;font-weight:700}@keyframes tech-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){.tech-logo-loop:before,.tech-logo-loop:after{width:32px}.tech-logo-item{gap:.5rem}.tech-logo-item img{height:3.2rem}.tech-logo-item span{font-size:1.25rem}}.about-me-section{background:linear-gradient(#f7faf7 0%,#eef3ee 100%);padding:4rem 1rem 5rem}.about-me-shell{width:min(980px,94vw);margin:0 auto}.about-me-title{text-align:center;color:#27352d;margin:0;font-size:clamp(2rem,4vw,2.75rem)}.about-carousel{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin:1.6rem auto 0;display:grid}.about-carousel-stage{background:#dfe8de;border:1px solid #d3ddd3;border-radius:1rem;height:clamp(260px,48vw,460px);position:relative;overflow:hidden;box-shadow:0 16px 30px #19281d1f}.about-slide{object-fit:contain;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .42s,transform .42s;position:absolute;inset:0;transform:scale(1.03)}.about-slide-active{opacity:1;transform:scale(1)}.about-arrow{color:#334737;cursor:pointer;background:#fff;border:1px solid #b7c4b7;border-radius:999px;width:2.6rem;height:2.6rem;font-size:1.25rem;transition:transform .18s,background-color .18s}.about-arrow:hover{background:#eff5ef;transform:translateY(-1px)}.about-dots{justify-content:center;gap:.45rem;margin-top:.95rem;display:flex}.about-dot{cursor:pointer;background:#aebcad;border:0;border-radius:999px;width:.58rem;height:.58rem}.about-dot-active{background:#3d5945}.project-card-hover{position:relative;overflow:hidden}.device-fade-separator{filter:blur(5px);opacity:0;background:linear-gradient(90deg,#95ae9800,#95ae9899,#95ae9800);border-radius:999px;height:1rem;margin-top:.45rem;transition:opacity .22s,transform .22s;transform:translateY(-5px)}.project-card-hover:hover .device-fade-separator{opacity:1;transform:translateY(0)}.about-slogan{text-align:center;color:#2f4234;letter-spacing:.02em;margin:1rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700}@media (width<=768px){.about-carousel{gap:.5rem}.about-arrow{width:2.2rem;height:2.2rem;font-size:1.05rem}}.contact-me-section{background:#112846;padding:4rem 1rem 5rem}.contact-me-shell{color:#f2f6fb;width:min(1080px,94vw);margin:0 auto}.contact-me-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.contact-me-title{color:#f7fbff;margin:0;font-size:clamp(2rem,4vw,2.85rem)}.contact-me-logo{opacity:.8;width:auto;height:clamp(38px,5vw,60px)}.contact-me-grid{grid-template-columns:1fr 1fr;gap:2.2rem;margin-top:1.8rem;display:grid}.contact-me-links,.contact-me-actions{flex-direction:column;gap:.95rem;display:flex}.contact-link,.contact-action-link{color:#edf4fc;text-underline-offset:3px;align-items:center;gap:.62rem;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .18s,transform .18s;display:inline-flex}.contact-link:hover,.contact-action-link:hover{opacity:.85;transform:translate(2px)}.contact-link img{object-fit:contain;width:1.55rem;height:1.55rem}.contact-icon-text{letter-spacing:.04em;border:1px solid #edf4fc80;border-radius:999px;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;font-size:.58rem;font-weight:700;display:inline-flex}.contact-label{color:#f7fbff;margin:.5rem 0 0;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:700}@media (width<=860px){.contact-me-grid{grid-template-columns:1fr;gap:1.4rem}}