.portfolio-detail-page{min-height:100vh;background:#050505;color:#fff;padding:8em 20px 80px}.portfolio-detail-container{max-width:1300px;margin:0 auto}.portfolio-detail-header{margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.back-link{display:inline-flex;align-items:center;gap:8px;color:#fff9;text-decoration:none;font-size:.95rem;margin-bottom:32px;transition:all .3s ease;padding:8px 0}.back-link:hover{color:#ff5100;transform:translate(-4px)}.back-link svg{width:20px;height:20px}.header-content{display:flex;flex-direction:column;gap:12px}.page-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin:0;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.125rem;color:#fff9;margin:0;font-weight:400}@media(max-width:768px){.portfolio-detail-header{margin-bottom:40px;padding-bottom:32px}.back-link{margin-bottom:24px}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}}.portfolio-detail{background:#20212499;backdrop-filter:blur(6rem);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:60px;overflow:hidden}.detail-thumbnail{width:100%;margin-bottom:40px;border-radius:16px;overflow:hidden;background:#1a1a1a}.detail-thumbnail img{width:100%;height:auto;display:block;object-fit:cover}@media(max-width:768px){.portfolio-detail{padding:40px 24px}}.detail-header{margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.detail-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.detail-category{font-size:.75rem;padding:6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:#aaa;text-transform:uppercase;letter-spacing:.05em}.detail-featured{font-size:.75rem;padding:6px 14px;border:1px solid rgba(255,81,0,.3);border-radius:100px;color:#ff5100;background:#ff51001a;text-transform:uppercase;letter-spacing:.05em}.detail-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin:0 0 16px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-subtitle{font-size:1.25rem;color:#ff5100;margin:0 0 24px;font-weight:500}.detail-description{font-size:1.125rem;color:#999;line-height:1.8;margin:0}.detail-content{display:grid;grid-template-columns:1fr 320px;gap:60px}@media(max-width:1024px){.detail-content{grid-template-columns:1fr;gap:40px}}.content-section{min-width:0}.prose{color:#ccc;line-height:1.8;font-size:1.0625rem}.prose h2,.prose h3,.prose h4{color:#fff;margin-top:2em;margin-bottom:1em;font-weight:600}.prose h2{font-size:2rem}.prose h3{font-size:1.5rem}.prose h4{font-size:1.25rem}.prose p{margin-bottom:1.5em}.prose a{color:#ff5100;text-decoration:none;border-bottom:1px solid rgba(255,81,0,.3);transition:border-color .3s ease}.prose a:hover{border-color:#ff510099}.prose ul,.prose ol{margin-bottom:1.5em;padding-left:1.5em}.prose li{margin-bottom:.5em}.prose code{background:#ffffff0d;padding:2px 6px;border-radius:4px;font-size:.9em;color:#ff5100}.prose pre{background:#0000004d;padding:1.5em;border-radius:8px;overflow-x:auto;margin-bottom:1.5em}.prose pre code{background:none;padding:0;color:#ccc}.prose img{max-width:100%;height:auto;border-radius:12px;margin:2em 0}.prose blockquote{border-left:4px solid #ff5100;padding-left:1.5em;margin:2em 0;color:#aaa;font-style:italic}.detail-info{display:flex;flex-direction:column;gap:32px}.info-section{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px}.info-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.info-list{display:flex;flex-direction:column;gap:12px;margin:0}.info-list dt{font-size:.875rem;color:#888;margin-bottom:4px}.info-list dd{font-size:1rem;color:#fff;margin:0;font-weight:500}.link-list{display:flex;flex-direction:column;gap:12px}.detail-link{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ccc;text-decoration:none;transition:all .3s ease;font-size:.95rem}.detail-link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translate(4px)}.detail-link svg{width:20px;height:20px;flex-shrink:0}@media(max-width:768px){.portfolio-detail-page{padding:80px 16px 60px}.detail-title{font-size:2rem}.detail-subtitle{font-size:1.125rem}.detail-description{font-size:1rem}.detail-header{margin-bottom:40px;padding-bottom:32px}.detail-content{gap:32px}.prose{font-size:1rem}.prose h2{font-size:1.75rem}.prose h3{font-size:1.375rem}}