@font-face{font-family:LINE Seed Sans EN;font-style:normal;font-weight:100;src:url(./LINESeedSans_W_Th.CHMspXRN.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans EN;font-style:normal;font-weight:400;src:url(./LINESeedSans_W_Rg.x5aEoxyD.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans EN;font-style:normal;font-weight:700;src:url(./LINESeedSans_W_Bd.fB4mDeJm.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans EN;font-style:normal;font-weight:800;src:url(./LINESeedSans_W_XBd.Bq382W6X.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans EN;font-style:normal;font-weight:900;src:url(./LINESeedSans_W_He.DuwAQVdc.woff2) format("woff2")}:root{--bg-color:#fff;--text-color:#000;--border-width:2px}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{color:var(--text-color);font-family:LINE Seed Sans EN,Helvetica,Arial,sans-serif;overflow-x:hidden}.loading-overlay,body{background-color:var(--bg-color)}.loading-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.loading-content{text-align:center}.loading-overlay .text-stroke{font-size:clamp(2rem,10vw,6rem)}.loading-quote{font-size:.9rem;font-weight:700;letter-spacing:.3em;margin-top:10px;text-transform:uppercase}.text-stroke{color:transparent;-webkit-text-stroke:var(--border-width) var(--text-color);transition:color .3s ease}.text-stroke:hover{color:var(--text-color)}.panel{border:var(--border-width) solid var(--text-color);margin:40px}.section-title{font-size:clamp(3rem,10vw,5rem);font-weight:900;letter-spacing:.05em;padding:40px 20px 0;text-align:center;transform:rotate(-2deg)}.section-paragraph{font-size:1rem;line-height:1.6;margin:20px auto 0;max-width:500px;padding:0 20px 40px;text-align:center}.navbar{left:0;mix-blend-mode:difference;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:20px}.logo{color:#fff;font-size:2.5rem;font-weight:700;text-decoration:none;-webkit-text-stroke:var(--border-width) #fff;z-index:1001}.desktop-nav ul{display:flex;gap:15px;list-style:none}.desktop-nav a{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.05em;padding:5px;text-decoration:none}.desktop-nav li.active a{text-decoration:line-through}.menu-button{background:none;border:none;cursor:pointer;display:none;height:20px;position:relative;width:30px;z-index:1001}.menu-button span{background-color:#fff;display:block;height:2px;left:0;position:absolute;transition:transform .3s ease,top .3s ease;width:100%}.menu-button span:first-child{top:0}.menu-button span:last-child{top:100%;transform:translateY(-100%)}.menu-button.active span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.menu-button.active span:last-child{top:50%;transform:translateY(-50%) rotate(-45deg)}.sidebar-nav{background-color:var(--text-color);height:100%;left:0;padding:100px 40px;position:fixed;top:0;transform:translate(-100%);transition:transform .4s cubic-bezier(.23,1,.32,1);width:280px;z-index:1000}.sidebar-nav.open{transform:translate(0)}.sidebar-nav ul{display:flex;flex-direction:column;gap:20px;list-style:none}.sidebar-nav a{color:var(--bg-color);font-size:1.8rem;font-weight:900;text-decoration:none}.sidebar-overlay{background:#0000004d;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .4s ease;width:100%;z-index:999}.sidebar-overlay.active{opacity:1;pointer-events:all}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 5vw}.hero-title{font-size:clamp(5rem,20vw,18rem);font-weight:800;letter-spacing:.02em;line-height:.85}.about,.skills{padding:0}.skills-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:40px 20px}.skill-tag{border:var(--border-width) solid var(--text-color);padding:5px 0}.skill-tag .text-stroke{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;padding:0 15px}.projects{border:none;overflow:hidden;padding:100px 0}.projects-container{max-width:100%}.projects-container .section-title{margin-bottom:60px}.projects-track{display:flex;gap:5vw;padding:0 5vw;width:-moz-max-content;width:max-content}.project-card{align-items:flex-end;border:var(--border-width) solid var(--text-color);display:flex;height:70vh;max-width:600px;padding:30px;position:relative;transition:background-color .4s ease;width:70vw}.card-bg{background-image:radial-gradient(circle,rgba(0,0,0,.15) 1px,transparent 0);background-size:4px 4px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.project-card:hover .card-bg{opacity:1}.project-card:hover{background-color:#fff}.card-number{font-size:1rem;font-weight:700;left:30px;position:absolute;top:20px}.card-content h3{font-size:clamp(2.5rem,8vw,5rem);font-weight:900}.social{padding:60px 40px}.social-container{align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}.profile-display{text-align:center}.avatar-placeholder{border:var(--border-width) solid var(--text-color);border-radius:50%;height:150px;margin:0 auto 20px;overflow:hidden;width:150px}.avatar-placeholder img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.profile-display h3{font-size:2rem;font-weight:900}.social-links-list ul{display:flex;flex-direction:column;gap:15px;list-style:none}.social-links-list a{font-size:clamp(2rem,6vw,4rem);font-weight:900;text-decoration:none}.footer{padding:0;text-align:center}.footer .section-title{transform:rotate(2deg)}.neko-link{color:transparent;display:inline-block;font-size:clamp(1.5rem,8vw,5rem);font-weight:900;-webkit-text-stroke:var(--border-width) var(--text-color);padding:40px 20px;text-decoration:none}.neko-link:hover{color:var(--text-color)}@media (max-width:768px){.desktop-nav{display:none}.menu-button{display:block}.panel{margin:20px}.projects-track{align-items:center;flex-direction:column;gap:40px;padding:0 20px;width:100%}.project-card{height:60vh;max-width:400px;width:100%}.social-container{grid-template-columns:1fr}.profile-display{margin-bottom:40px}.social-links-list{align-items:center;text-align:center}}