@charset "UTF-8";@font-face{font-family:nNungo;src:url(/portfolio/fonts/nNungo.woff2) format("woff2"),url(/portfolio/fonts/nNungo.ttf) format("truetype")}#detail_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;gap:2.5rem}.back_btn{width:100%;max-width:1200px;display:flex;align-items:center;gap:.5rem;font-family:monospace;font-size:.85rem;font-weight:700;color:#888;text-decoration:none;letter-spacing:.08em;transition:color .2s ease}.back_btn:hover{color:#7dff5a}.back_btn svg{width:14px;height:14px;fill:currentColor}.detail_hero{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.detail_img{width:100%;aspect-ratio:16/9;overflow:hidden;clip-path:polygon(0% 20px,20px 0%,calc(100% - 20px) 0%,100% 20px,100% 100%,20px 100%,0% calc(100% - 20px));background-color:#0a0a0a}.detail_img img{width:100%;height:100%;object-fit:cover;object-position:top center}.detail_header{display:flex;flex-direction:column;gap:1.2rem}.detail_meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.detail_date{font-family:monospace;font-size:.8rem;font-weight:900;color:#ff9a3d;letter-spacing:.06em}.detail_award{font-family:monospace;font-size:.7rem;font-weight:900;background-color:#7dff5a;color:#121212;padding:.25rem 1.2rem!important;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);letter-spacing:.03em;white-space:nowrap}.detail_header h1{font-family:nNungo;font-size:clamp(2.5rem,5vw,4rem);color:#7dff5a;line-height:.95;margin:0}.detail_stack{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.detail_stack li{font-family:monospace;font-size:.75rem;font-weight:700;padding:.4rem .8rem;border:1.5px solid rgba(255,255,255,.2);border-radius:20px;color:#ffffffb3;white-space:nowrap}.detail_actions{display:flex;flex-wrap:wrap;gap:.75rem;align-self:flex-start}.detail_site_btn{display:flex;align-items:center;gap:.5rem;text-decoration:none;background-color:#ff9a3d;color:#121212;padding:.8rem 1.5rem!important;font-family:monospace;font-size:.85rem;font-weight:700;clip-path:polygon(15% 0%,100% 0%,100% 75%,85% 100%,0% 100%,0% 25%);transition:background .25s ease;align-self:flex-start}.detail_site_btn:hover{background-color:#ffb066}.detail_site_btn svg{width:14px;height:14px;fill:#121212}.detail_site_btn--ghost{background-color:transparent;color:#7dff5a;border:1.5px solid #7dff5a}.detail_site_btn--ghost svg{fill:#7dff5a}.detail_site_btn--ghost:hover{background-color:#7dff5a1f}.detail_body{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:1.2rem}.detail_section{display:flex;align-items:center;gap:1rem}.detail_section h6{font-family:monospace;font-size:clamp(.7rem,2vw,.9rem);font-weight:400;color:#888;white-space:nowrap}.detail_section .line{flex-grow:1;border-bottom:1px solid rgba(255,255,255,.2)}.detail_desc{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(.95rem,2vw,1.1rem);color:#ffffffbf;line-height:1.7;margin-bottom:1rem}.detail_highlights{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem}.detail_highlights li{font-family:monospace;font-size:.9rem;font-weight:400;color:#ffffffbf;padding-left:1.2rem;position:relative}.detail_highlights li:before{content:"▸";position:absolute;left:0;color:#7dff5a}.detail_team{display:flex;flex-wrap:wrap;gap:.75rem}.team_member{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:monospace;font-size:.85rem;font-weight:700;color:#fffc;border:1.5px solid rgba(255,255,255,.2);padding:.5rem 1rem!important;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);transition:color .2s ease,border-color .2s ease}.team_member:hover{color:#7dff5a;border-color:#7dff5a}.team_member svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}@media(max-width:768px){.detail_hero{grid-template-columns:1fr;gap:1.5rem}#detail_container{padding-top:4rem}}@media(max-width:280px),(max-width:420px)and (max-height:420px){#detail_container{padding:3.2rem .45rem 1.2rem!important;gap:1rem}.detail_header h1{font-size:1.45rem}.detail_stack li,.detail_highlights li,.detail_desc{font-size:.72rem}.detail_site_btn{padding:.5rem .7rem!important;font-size:.62rem}.detail_award{white-space:normal}}@keyframes detail-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.detail_hero>*{animation:detail-in .6s cubic-bezier(.2,.7,.2,1) backwards}.detail_hero>:nth-child(2){animation-delay:.12s}.detail_img{position:relative;border:1px solid rgba(125,255,90,.5);box-shadow:0 0 60px -10px #7dff5a59,14px 14px 0 -2px #ff9a3d80;transition:transform .15s ease-out;will-change:transform}.detail_img:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#0a0a0ab3);pointer-events:none}.detail_header h1{text-shadow:0 0 32px rgba(125,255,90,.45)}.detail_stack li{transition:color .2s ease,background .2s ease,border-color .2s ease}.detail_stack li:hover{color:#0a0a0a;background:#ff9a3d;border-color:#ff9a3d}.detail_body{padding:clamp(1rem,3vw,2rem);border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,#ffffff0d,#ffffff03);backdrop-filter:blur(8px)}.detail_highlights li{transition:transform .2s ease,border-color .2s ease}.detail_highlights li:hover{transform:translate(6px);border-color:#7dff5a}@media(max-width:900px){.detail_hero{grid-template-columns:1fr;gap:1.6rem}.detail_img{box-shadow:0 0 40px -10px #7dff5a59,8px 8px 0 -2px #ff9a3d80}}@media(prefers-reduced-motion:reduce){.detail_hero>*{animation:none}}@media(max-width:280px),(max-width:420px)and (max-height:420px){.detail_body{backdrop-filter:none;padding:.5rem}.detail_img{box-shadow:none}}#detail_container{padding-top:calc(var(--nav-h, 10vh) + 1.5rem)!important}@media(max-width:280px),(max-width:420px)and (max-height:420px){#detail_container{padding-top:calc(var(--nav-h, 36px) + .4rem)!important}}[data-astro-cid-xh7mzcst],[data-astro-cid-xh7mzcst]:after,[data-astro-cid-xh7mzcst]: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}