@font-face{font-family:nNungo;src:url(/portfolio/fonts/nNungo.woff2) format("woff2"),url(/portfolio/fonts/nNungo.ttf) format("truetype")}#container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:6rem 5% 4rem!important;background-color:#0a0a0a;box-sizing:border-box}#container h1{width:100%;max-width:1200px;font-family:nNungo;font-size:clamp(2.5rem,8vw,6rem);color:#fff;line-height:.9;text-align:left;margin:0}#container h1:nth-of-type(2){color:#7dff5a;margin-bottom:1.4rem}.prin_proj{width:100%;max-width:1200px;display:flex;align-items:center;gap:1rem;margin-bottom:2.2rem;padding-bottom:.4rem}.prin_proj h6{font-family:monospace;font-size:clamp(.7rem,2vw,.9rem);font-weight:700;color:#ff9a3d;letter-spacing:.12em;white-space:nowrap}.prin_proj .line{flex-grow:1;border-bottom:1px solid rgba(255,154,61,.45)}.project_container{width:100%;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1.5rem;list-style:none;padding:1.2rem 0 0}.item_project{width:100%;position:relative;background-color:#121212;display:flex;flex-direction:column;clip-path:polygon(0% 14px,14px 0%,calc(100% - 14px) 0%,100% 14px,100% 100%,14px 100%,0% calc(100% - 14px));border:1px solid rgba(255,255,255,.12);transition:transform .35s cubic-bezier(.165,.84,.44,1);overflow:hidden}.item_project:hover{transform:translateY(-8px)}.item_project:hover img{transform:scale(1.04)}.award_badge{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:.7rem 1rem!important;font-family:monospace;font-size:.68rem;font-weight:700;color:#ff9a3d;letter-spacing:.08em;text-transform:uppercase;background:#0f0f0f;border-bottom:1px solid rgba(255,154,61,.28)}.award_badge span{white-space:normal}.item_project--award .award_badge{justify-content:center;text-align:center;color:#0a0a0a;background:linear-gradient(135deg,#7dff5a,#ff9a3d);border-bottom:none}.container_img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a0a0a}.container_img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s ease}.info_project{padding:1.1rem 1.15rem 1.15rem!important;display:flex;flex-direction:column;gap:.9rem;flex-grow:1}.info_project h3{font-family:nNungo,Segoe UI,sans-serif;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:200;letter-spacing:.02em;color:#f4f4f4;margin:0;line-height:.95}.info_project ul{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0}.info_project ul li{font-family:monospace;font-size:.72rem;font-weight:700;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ffffffc7}.section_url{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.35rem}.section_url>span{font-family:monospace;font-size:.78rem;font-weight:700;color:#ff9a3d;letter-spacing:.06em}.section_url a{text-decoration:none;background-color:#ff9a3d;color:#0a0a0a;padding:.65rem 1rem;font-family:monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:.45rem;clip-path:polygon(12% 0%,100% 0%,100% 72%,88% 100%,0% 100%,0% 28%);transition:background .25s ease}.section_url a:hover{background-color:#ffb066}.section_url a svg{width:12px;height:12px;fill:#0a0a0a;flex-shrink:0}.section_url .btn_details{background-color:transparent;color:#7dff5a;border:1.5px solid #7dff5a}.section_url .btn_details svg{fill:#7dff5a}.section_url .btn_details:hover{background-color:#7dff5a1f}.section_url .btn_group{display:flex;flex-direction:row;align-items:center;gap:.55rem}@media(max-width:720px){#container{padding:5rem 4% 3rem!important}.project_container{grid-template-columns:1fr;gap:1.15rem}.prin_proj{margin-bottom:1.4rem}.info_project{padding:1rem .95rem 1.05rem!important}.info_project h3{font-size:clamp(1.45rem,6vw,2rem)}.award_badge{font-size:.62rem;padding:.55rem .7rem!important;text-align:center;justify-content:center}.section_url{flex-direction:column;align-items:stretch;gap:.65rem}.section_url .btn_group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.section_url a{width:100%;justify-content:center;padding:.7rem .55rem;font-size:.68rem}}@media(max-width:380px){.section_url .btn_group{grid-template-columns:1fr}}@media(max-width:280px),(max-width:420px)and (max-height:420px){#container{padding:3.2rem .45rem 1.2rem!important}#container h1{font-size:1.55rem}.project_container{gap:.8rem;padding-top:.6rem}.item_project:hover{transform:none}.info_project{padding:.7rem!important;gap:.55rem}.info_project h3{font-size:1.25rem}.info_project ul li{font-size:.62rem;padding:.25rem .45rem;white-space:normal}.award_badge{font-size:.58rem;padding:.4rem .5rem!important}.section_url a{padding:.45rem .4rem;font-size:.58rem}}@media(prefers-reduced-motion:reduce){.item_project,.container_img img,.section_url a{transition:none}.item_project:hover,.item_project:hover img{transform:none}}@keyframes card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}#container h1:nth-of-type(2){text-shadow:0 0 32px rgba(125,255,90,.4)}@media(min-width:1100px){.project_container{grid-template-columns:repeat(3,1fr)}}.item_project{background:linear-gradient(160deg,#ffffff0d,#ffffff03),#121212;backdrop-filter:blur(8px);animation:card-in .6s cubic-bezier(.2,.7,.2,1) both;transition:transform .35s cubic-bezier(.165,.84,.44,1),border-color .3s ease,box-shadow .3s ease}.item_project:nth-child(1){animation-delay:.06s}.item_project:nth-child(2){animation-delay:.12s}.item_project:nth-child(3){animation-delay:.18s}.item_project:nth-child(4){animation-delay:.24s}.item_project:nth-child(5){animation-delay:.3s}.item_project:nth-child(6){animation-delay:.36s}.item_project:nth-child(7){animation-delay:.42s}.item_project:nth-child(8){animation-delay:.48s}.item_project:nth-child(9){animation-delay:.54s}.item_project:nth-child(10){animation-delay:.6s}.item_project:nth-child(11){animation-delay:.66s}.item_project:nth-child(12){animation-delay:.72s}.item_project:hover{border-color:#7dff5a;box-shadow:0 14px 40px -12px #7dff5a59,0 0 0 1px #7dff5a66}.item_project .container_img:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#0a0a0ad9);pointer-events:none}.item_project .container_img{position:relative}.info_project ul li{transition:color .2s ease,border-color .2s ease,background .2s ease}.info_project ul li:hover{color:#0a0a0a;background:#ff9a3d;border-color:#ff9a3d}@media(prefers-reduced-motion:reduce){.item_project{animation:none}}@media(max-width:280px),(max-width:420px)and (max-height:420px){.item_project{backdrop-filter:none}}@keyframes award-glow{50%{box-shadow:0 0 46px #ff9a3d8c,0 0 0 1px #ff9a3db3}}.item_project--award{border-color:#ff9a3d;box-shadow:0 0 26px #ff9a3d4d,0 0 0 1px #ff9a3d80;animation:card-in .6s cubic-bezier(.2,.7,.2,1) both,award-glow 3s ease-in-out .8s infinite}@media(min-width:1100px){.item_project--award{grid-column:span 2}}@media(prefers-reduced-motion:reduce){.item_project--award{animation:none}}#container{padding-top:calc(var(--nav-h, 10vh) + 1.5rem)!important}@media(max-width:280px),(max-width:420px)and (max-height:420px){#container{padding-top:calc(var(--nav-h, 36px) + .4rem)!important}}.hack_group{grid-column:1/-1;display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem!important;border:1px solid rgba(125,255,90,.35);background:linear-gradient(160deg,#7dff5a0f,#ff9a3d08);clip-path:polygon(0% 14px,14px 0%,calc(100% - 14px) 0%,100% 14px,100% 100%,14px 100%,0% calc(100% - 14px))}.hack_group_head{display:flex;flex-direction:column;gap:.35rem}.hack_group_head h2{font-family:monospace;font-size:clamp(.95rem,2.4vw,1.3rem);font-weight:700;color:#7dff5a;letter-spacing:.12em}.hack_group_head p{font-family:monospace;font-size:.72rem;font-weight:400;color:#8a8a8a;letter-spacing:.06em;text-transform:uppercase}.hack_group_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem;list-style:none}.hack_group_list .item_project--award{grid-column:auto}@media(max-width:600px){.hack_group{padding:.8rem!important}.hack_group_list{gap:1rem}}.hack_group--work{border-color:#ff9a3d73;background:linear-gradient(160deg,#ff9a3d12,#7dff5a08)}.hack_group--work .hack_group_head h2{color:#ff9a3d}@media(min-width:800px){.item_project--work{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.item_project--work .award_badge{grid-column:1/-1}.item_project--work .info_project{justify-content:center}}[data-astro-cid-aid3sr62],[data-astro-cid-aid3sr62]:after,[data-astro-cid-aid3sr62]:before{margin:0%;padding:0%;box-sizing:border-box}html,body{background-color:#0a0a0a;color:#fff;overflow-x:hidden;margin:0%;padding:0%;box-sizing:border-box}