@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap";:root{color:#c9cacc;font-synthesis:none;background:#1d1f21;font-family:Fira Code,monospace;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}html,body,#root{width:100%;max-width:100%;overflow-x:clip}#root,main,.section,.site-wrapper,.project-card,.project-content{min-width:0}img{max-width:100%}a{color:inherit}a:focus-visible{outline-offset:4px;outline:2px solid #2bbc8a}.site-wrapper{width:calc(100% - 2rem);max-width:64rem;margin-inline:auto}.site-header{padding-block:3rem 1rem}.eyebrow{color:#2bbc8a;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{color:#2bbc8a;margin-bottom:.1rem;font-size:clamp(2rem,6vw,3.1rem);line-height:1.1}h2{color:#2bbc8a;margin-bottom:.75rem;font-size:1.35rem}h3{color:#eee}.subtitle{color:#eee;margin-bottom:.8rem;font-size:clamp(1.05rem,3vw,1.3rem);font-weight:600}.intro{max-width:52rem;margin-bottom:1rem;font-size:.95rem}.section{padding-block:2rem}.section>p{max-width:58rem;margin-bottom:.85rem}.actions,.project-actions{flex-wrap:wrap;gap:.6rem;display:flex}.action-link{border:1px solid #666;border-radius:.35rem;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .75rem;font-size:.85rem;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.action-link:hover{color:#2bbc8a;border-color:#2bbc8a;transform:translateY(-2px)}.action-link.primary{color:#121413;background:#2bbc8a;border-color:#2bbc8a;font-weight:700}.action-link.primary:hover{color:#121413;background:#39d49d}.skill-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.skill-card{background:#212326;border:1px solid #36393c;border-radius:.5rem;padding:.9rem 1rem}.skill-card h3{margin-bottom:.35rem;font-size:.95rem}.skill-card ul,.highlights{margin:0;padding-left:1.25rem;font-size:.9rem}.skill-card li,.highlights li,.project-content p{overflow-wrap:anywhere}.project-list{gap:1rem;margin-top:1rem;display:grid}.project-card{background:#212326;border:1px solid #36393c;border-radius:.6rem;grid-template-columns:minmax(15rem,.72fr) 1.28fr;display:grid;overflow:hidden}.project-card>img{object-fit:cover;width:100%;height:100%;min-height:14rem;display:block}.project-visual{place-items:center;min-height:14rem;display:grid;overflow:hidden}.wildrift-visual{background:radial-gradient(circle at 70% 25%,#53d6ff59,#0000 28%),radial-gradient(circle at 20% 80%,#c280ff4d,#0000 34%),linear-gradient(135deg,#071523,#132b42 52%,#08111d);position:relative}.wildrift-visual:before,.wildrift-visual:after{content:"";border:1px solid #64dcff59;border-radius:50%;width:13rem;height:13rem;position:absolute}.wildrift-visual:after{border-color:#ce99ff66;width:9rem;height:9rem}.wildrift-visual span{z-index:1;color:#ecfaff;letter-spacing:.12em;text-align:center;text-shadow:0 0 1.5rem #53d6ffbf;max-width:14rem;font-size:1.05rem;font-weight:700}.project-content{z-index:1;background:#212326;padding:1rem 1.1rem;position:relative}.project-content h3{margin-bottom:.35rem;font-size:1.1rem}.project-content p{margin-bottom:.65rem;font-size:.9rem}.tag-list{flex-wrap:wrap;gap:.35rem;margin:.8rem 0;padding:0;list-style:none;display:flex}.tag-list li{color:#aeb2b4;overflow-wrap:anywhere;border:1px solid #4b4f52;border-radius:999px;max-width:100%;padding:.15rem .45rem;font-size:.7rem}.project-metadata{color:#858b8e;flex-wrap:wrap;gap:.25rem .55rem;margin:-.15rem 0 .75rem;font-size:.7rem;display:flex}.project-metadata span{align-items:center;gap:.2rem;min-width:0;display:inline-flex}.project-metadata span:not(:last-child):after{color:#555b5e;content:"·";margin-left:.35rem}.certificate-carousel{padding-block:.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.certificate-track{width:max-content;animation:48s linear infinite certificate-scroll;display:flex}.certificate-group{gap:.75rem;padding-right:.75rem;display:flex}.certificate-group img{filter:grayscale(40%);border-radius:.5rem;flex:none;width:clamp(11rem,17vw,15rem);height:auto;transition:filter .15s}.certificate-group img:hover{filter:grayscale(0)}@keyframes certificate-scroll{to{transform:translate(-50%)}}.footer{color:#808487;border-top:1px solid #36393c;justify-content:space-between;gap:1rem;padding-block:1.25rem;font-size:.8rem;display:flex}.footer nav{flex-wrap:wrap;gap:1rem;display:flex}.footer a{align-items:center;min-height:44px;display:inline-flex}.privacy-note{color:#6f7477;max-width:34rem;margin:.35rem 0 0;font-size:.7rem;line-height:1.45}@media (width<=48rem){.site-header{padding-block:2rem .75rem}.skill-grid,.project-card{grid-template-columns:1fr}.actions,.project-actions{align-items:stretch}.action-link{justify-content:center}.project-card>img{aspect-ratio:auto;align-self:start;height:auto;min-height:0}.project-visual{aspect-ratio:16/9;min-height:auto}.section{padding-block:1.5rem}.certificate-group img{scroll-snap-align:start;width:12rem}.certificate-carousel{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;overflow-x:auto}.certificate-track{animation:none}.certificate-group[aria-hidden=true]{display:none}.footer{flex-direction:column;gap:.25rem}.footer nav{gap:.25rem 1rem}}@media (width<=26.875rem){.actions .action-link{flex:10rem}.project-actions .action-link{flex:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.certificate-track{animation-play-state:paused}}