html{font-size:62.5%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}body{font-size:1.8rem;line-height:1.618;max-width:38em;margin:auto;color:#4a4a4a;background-color:#f9f9f9;padding:13px}@media(max-width:684px){body{font-size:1.53rem}}@media(max-width:382px){body{font-size:1.35rem}}h1,h2,h3,h4,h5,h6{line-height:1.1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word}h1{font-size:2.35em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}p{margin-top:0;margin-bottom:2.5rem}small,sub,sup{font-size:75%}hr{border-color:#1d7484}a{text-decoration:none;color:#1d7484}a:visited{color:#144f5a}a:hover{color:#982c61;border-bottom:2px solid #4a4a4a}ul{padding-left:1.4em;margin-top:0;margin-bottom:2.5rem}li{margin-bottom:.4em}blockquote{margin-left:0;margin-right:0;padding:.8em .8em .8em 1em;border-left:5px solid #1d7484;margin-bottom:2.5rem;background-color:#f1f1f1}blockquote p{margin-bottom:0}img,video{height:auto;max-width:100%;margin-top:0;margin-bottom:2.5rem}pre{background-color:#f1f1f1;display:block;padding:1em;overflow-x:auto;margin-top:0;margin-bottom:2.5rem;font-size:.9em}code,kbd,samp{font-size:.9em;padding:0 .5em;background-color:#f1f1f1;white-space:pre-wrap}pre>code{padding:0;background-color:transparent;white-space:pre;font-size:1em}table{text-align:justify;width:100%;border-collapse:collapse;margin-bottom:2rem}td,th{padding:.5em;border-bottom:1px solid #f1f1f1}input,textarea{border:1px solid #4a4a4a}input:focus,textarea:focus{border:1px solid #1d7484}textarea{width:100%}.button,button,input[type=submit],input[type=reset],input[type=button],input[type=file]::file-selector-button{display:inline-block;padding:5px 10px;text-align:center;text-decoration:none;white-space:nowrap;background-color:#1d7484;color:#f9f9f9;border-radius:1px;border:1px solid #1d7484;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,input[type=file]::file-selector-button:hover{background-color:#982c61;color:#f9f9f9;outline:0}.button[disabled],button[disabled],input[type=submit][disabled],input[type=reset][disabled],input[type=button][disabled],input[type=file][disabled]{cursor:default;opacity:.5}.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible,input[type=button]:focus-visible,input[type=file]:focus-visible{outline-style:solid;outline-width:2px}textarea,select,input{color:#4a4a4a;padding:6px 10px;margin-bottom:10px;background-color:#f1f1f1;border:1px solid #f1f1f1;border-radius:4px;box-shadow:none;box-sizing:border-box}textarea:focus,select:focus,input:focus{border:1px solid #1d7484;outline:0}input[type=checkbox]:focus{outline:1px dotted #1d7484}label,legend,fieldset{display:block;margin-bottom:.5rem;font-weight:600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.6rem;line-height:1.7;color:#e8e8e8;background-color:#0a0a0a;max-width:72rem;margin:0 auto;padding:2rem 2rem 6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;color:#fff;letter-spacing:-.02em}h1{font-size:3.2rem;margin-bottom:.4rem}h2{font-size:2.2rem;margin-top:4rem;margin-bottom:1.2rem}h3{font-size:1.6rem;margin-top:0;margin-bottom:.4rem}p{color:#a0a0a0;margin-bottom:1.6rem}small{color:#666;font-size:1.3rem}a{color:#d0d0d0;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}a:hover{color:#fff;border-bottom-color:#fff}a:visited{color:#b0b0b0}hr{border:none;border-top:1px solid #1e1e1e;margin:3rem 0}blockquote{border-left:3px solid #333;padding-left:1.6rem;color:#888;background:transparent}nav{display:flex;justify-content:center;gap:3rem;padding:2rem 0 1rem;border-bottom:1px solid #1a1a1a;margin-bottom:4rem}nav a{font-size:1.3rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:#777;border-bottom:none;transition:color .25s}nav a:hover,nav a.active{color:#fff}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0 3rem}.hero .pfp{width:11rem;height:11rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #222;margin-bottom:1.8rem;filter:grayscale(100%);transition:filter .4s,border-color .4s}.hero .pfp:hover{filter:grayscale(0%);border-color:#555}.hero .tagline{color:#777;font-size:1.4rem;max-width:36rem}.sakura-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.6rem;margin:2rem 0 3rem}.sakura-gallery figure{margin:0;overflow:hidden;border-radius:.6rem;border:1px solid #1a1a1a;background:#111;transition:border-color .3s}.sakura-gallery figure:hover{border-color:#333}.sakura-gallery img{width:100%;height:22rem;-o-object-fit:cover;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .5s,transform .5s;margin:0}.sakura-gallery figure:hover img{filter:grayscale(40%);transform:scale(1.03)}.skills{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:1.6rem 0 3rem}.skills span{display:inline-block;padding:.5rem 1.4rem;font-size:1.2rem;font-weight:500;color:#999;border:1px solid #222;border-radius:9999px;transition:color .2s,border-color .2s}.skills span:hover{color:#fff;border-color:#555}.project-list{display:flex;flex-direction:column;gap:1.2rem}.project-card{border:1px solid #1a1a1a;border-radius:.6rem;padding:2rem 2.4rem;transition:border-color .25s}.project-card:hover{border-color:#333}.project-card h3{color:#e8e8e8}.project-card p{color:#666;font-size:1.35rem;margin-bottom:0}footer{text-align:center;padding:4rem 0 2rem;color:#444;font-size:1.2rem}.fade-in{opacity:0;transform:translateY(1.2rem);animation:fadeUp .7s ease-out forwards}.fade-in:nth-child(2){animation-delay:.08s}.fade-in:nth-child(3){animation-delay:.16s}.fade-in:nth-child(4){animation-delay:.24s}.fade-in:nth-child(5){animation-delay:.32s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{padding:1.6rem 1.6rem 4rem;max-width:100%}h1{font-size:2.8rem}h2{font-size:1.9rem;margin-top:3rem}nav{gap:2rem;margin-bottom:3rem;padding:1.6rem 0 .8rem}.hero{padding:1.6rem 0 2.4rem}.hero .pfp{width:9.5rem;height:9.5rem}.sakura-gallery{grid-template-columns:1fr 1fr;gap:1.2rem}.sakura-gallery img{height:18rem}.project-card{padding:1.6rem 1.8rem}}@media(max-width:480px){body{padding:1rem 1rem 3rem}h1{font-size:2.4rem}h2{font-size:1.7rem;margin-top:2.4rem;margin-bottom:1rem}nav{flex-wrap:wrap;gap:1.2rem;margin-bottom:2rem;padding:1.2rem 0 .6rem}nav a{font-size:1.2rem;letter-spacing:.08em}.hero{padding:1rem 0 2rem}.hero .pfp{width:8rem;height:8rem;margin-bottom:1.4rem}.hero .tagline{font-size:1.3rem}hr{margin:2rem 0}.skills{gap:.6rem;margin:1.2rem 0 2rem}.skills span{padding:.5rem 1.2rem;font-size:1.15rem}.sakura-gallery{grid-template-columns:1fr;gap:1rem}.sakura-gallery img{height:20rem}.project-card{padding:1.4rem;border-radius:.4rem}.project-card h3{font-size:1.5rem}.project-card p{font-size:1.25rem}footer{padding:3rem 0 1.5rem}}@media(pointer:coarse){nav a{padding:.6rem .4rem;min-height:4.4rem;display:inline-flex;align-items:center}.skills span{padding:.7rem 1.4rem;min-height:3.6rem;display:inline-flex;align-items:center}}button,.button,input[type=submit],input[type=reset],input[type=button]{background-color:#1a1a1a;color:#ddd;border:1px solid #333;border-radius:.5rem;padding:.6rem 1.8rem;cursor:pointer;transition:background .2s,border-color .2s}button:hover,.button:hover{background-color:#222;border-color:#555;color:#fff}pre,code,kbd,samp{background-color:#111;color:#ccc}table td,table th{border-bottom-color:#1e1e1e}input,textarea,select{background-color:#111;color:#ddd;border:1px solid #222}input:focus,textarea:focus,select:focus{border-color:#555;outline:none}