.project-detail{padding-block:clamp(24px,4vh,48px) 0}.project-detail a{text-decoration:none}.project-detail .breadcrumb ol{letter-spacing:.09em;text-transform:uppercase;color:#a1c6d4;flex-wrap:wrap;gap:.8em;margin:0;padding:0;font-family:IBM Plex Mono,monospace;font-size:.75rem;list-style:none;display:flex}.project-detail .breadcrumb ol li+li:before{content:"/";color:#60ddff;margin-right:.8em}.project-detail .breadcrumb ol a{color:inherit;transition:color .18s}.project-detail .breadcrumb ol a:hover,.project-detail .breadcrumb ol a:focus-visible{color:#60ddff}.project-detail .breadcrumb ol [aria-current=page]{color:#e8faff}.project-detail .project-header{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,72px);margin-top:clamp(20px,3vh,36px);display:grid}.project-detail .project-meta{letter-spacing:.09em;text-transform:uppercase;color:#a1c6d4;flex-wrap:wrap;margin:0;padding:0;font-family:IBM Plex Mono,monospace;font-size:.75rem;list-style:none;display:flex}.project-detail .project-meta li:not(:last-child):after{content:"/";color:#60ddff;margin-inline:1em}.project-detail .project-title{letter-spacing:-.01em;text-transform:uppercase;color:#e8faff;text-shadow:0 0 24px #60ddff1f;margin:18px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(3.5rem,7vw,7.5rem);font-weight:700;line-height:.92}.project-detail .project-title .signal-slash{color:#ffbc66;font-weight:400}.project-detail .project-lead{color:#e8faff;max-width:34rem;font-family:Inter,Arial,sans-serif;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.6}.project-detail .project-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.project-detail .project-button{letter-spacing:.09em;text-transform:uppercase;color:#06151d;background:#ffbc66;border:1px solid #ffbc66;align-items:center;gap:12px;padding:14px 18px;font-family:IBM Plex Mono,monospace;font-size:.75rem;transition:filter .18s,color .18s,border-color .18s;display:inline-flex}.project-detail .project-button .arrow-diag{transition:transform .18s}.project-detail .project-button:hover,.project-detail .project-button:focus-visible{filter:drop-shadow(0 0 12px #ffbc6666)}.project-detail .project-button:hover .arrow-diag,.project-detail .project-button:focus-visible .arrow-diag{transform:translate(2px,-2px)}.project-detail .project-button.is-outline{color:#e8faff;background:0 0;border-color:#60ddff}.project-detail .project-button.is-outline:hover,.project-detail .project-button.is-outline:focus-visible{filter:none;color:#60ddff}.project-detail .project-visual{--border:3px;--cut:22px;filter:drop-shadow(0 0 12px #60ddff4d)}.project-detail .project-visual .project-visual-shape{clip-path:polygon(0px 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 0px), 0 0px);padding:var(--border);background:#60ddff}.project-detail .project-visual .project-image,.project-detail .project-visual .preview-art{clip-path:polygon(0px 0, calc(100% - calc(var(--cut) - var(--border) * .586)) 0, 100% calc(var(--cut) - var(--border) * .586), 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 0px), 0 0px);box-sizing:border-box;aspect-ratio:16/9;object-fit:cover;object-position:top center;background:#0c2430;width:100%;height:auto;display:block}.project-detail .project-body{border-top:1px solid #60ddff40;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;margin-top:clamp(40px,6vh,72px);padding-top:32px;display:grid}.project-detail .project-block h2{letter-spacing:.09em;text-transform:uppercase;color:#60ddff;margin:0 0 14px;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:400}.project-detail .project-block p{color:#e8faff;max-width:38rem;font-family:Inter,Arial,sans-serif;font-size:1.05rem;line-height:1.7}.project-detail .project-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-detail .project-tags li{color:#a1c6d4;border:1px solid #60ddff40;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:.85rem}.project-detail .next-project{color:#e8faff;border-top:1px solid #60ddff40;align-items:center;gap:24px;margin-top:clamp(48px,7vh,80px);padding-block:24px;transition:color .18s;display:flex}.project-detail .next-project .next-label{letter-spacing:.09em;text-transform:uppercase;color:#a1c6d4;font-family:IBM Plex Mono,monospace;font-size:.75rem}.project-detail .next-project .next-name{text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700}.project-detail .next-project .arrow{fill:none;stroke:#60ddff;stroke-width:1.6px;stroke-linecap:square;width:32px;height:32px;margin-left:auto;transition:transform .18s}.project-detail .next-project:hover,.project-detail .next-project:focus-visible{color:#60ddff}.project-detail .next-project:hover .arrow,.project-detail .next-project:focus-visible .arrow{transform:translate(6px)}.project-detail .previous-project{color:#e8faff;border-top:1px solid #60ddff40;align-items:center;gap:24px;padding-block:24px;transition:color .18s;display:flex}.project-detail .previous-project .previous-label{letter-spacing:.09em;text-transform:uppercase;color:#a1c6d4;font-family:IBM Plex Mono,monospace;font-size:.75rem}.project-detail .previous-project .previous-name{text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700}.project-detail .previous-project .arrow{fill:none;stroke:#60ddff;stroke-width:1.6px;stroke-linecap:square;width:32px;height:32px;margin-right:auto;transition:transform .18s;transform:scaleX(-1)}.project-detail .previous-project:hover,.project-detail .previous-project:focus-visible{color:#60ddff}.project-detail .previous-project:hover .arrow,.project-detail .previous-project:focus-visible .arrow{transform:scaleX(-1)translate(6px)}.project-detail .back-link{letter-spacing:.09em;text-transform:uppercase;color:#a1c6d4;font-family:IBM Plex Mono,monospace;font-size:.75rem}@media (width<=1199px){.project-detail .project-header{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.project-detail{padding-block:20px 40px}.project-detail .project-title{font-size:clamp(2.8rem,14vw,4rem)}.project-detail .project-body{grid-template-columns:minmax(0,1fr)}.project-detail .project-visual{--cut:14px}.project-detail .next-project{flex-wrap:wrap;gap:8px 16px}.project-detail .next-project .next-label{width:100%}}@media (prefers-reduced-motion:reduce){.project-detail *{transition:none!important}}