.px-project-page{color:#eae5ed;min-height:100vh;font-family:var(--font-grotesk),system-ui,sans-serif;background:#090b11}.px-project-nav{max-width:1150px;font:12px var(--font-space-mono),monospace;color:#c99aff;justify-content:space-between;gap:16px;margin:0 auto 38px;display:flex}.px-project-nav div{gap:22px;display:flex}.px-project-nav a:focus-visible,.px-project-page a:focus-visible{outline-offset:5px;outline:2px solid #c99aff}.px-project-article{background:#10131c;border:1px solid #493d5d;max-width:1150px;margin:0 auto}.px-project-page-header{background:radial-gradient(at 86% 2%,#c99aff33,#0000 58%);border-bottom:1px solid #493d5d;padding:clamp(23px,6vw,72px)}.px-project-page-header>p:first-child{font:700 12px var(--font-space-mono),monospace;letter-spacing:.15em;color:#c99aff}.px-project-page-header h1{letter-spacing:-.06em;overflow-wrap:anywhere;margin:20px 0 28px;font-size:clamp(38px,6vw,83px);font-weight:900;line-height:1.08}.px-project-page-header>div{font:12px var(--font-space-mono),monospace;color:#c99aff;flex-wrap:wrap;gap:18px;display:flex}.px-project-page-header>p:last-child{color:#c8c2d0;max-width:800px;margin-top:29px;font-size:clamp(17px,2.3vw,23px);line-height:1.6}.px-project-page-grid{grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:0;display:grid}.px-project-page-main{padding:clamp(18px,4vw,50px)}.px-project-detail-block{border-bottom:1px solid #343341;grid-template-columns:50px 1fr;gap:12px;padding:25px 0;display:grid}.px-project-detail-block>span{font:700 14px var(--font-space-mono),monospace;color:#c99aff}.px-project-detail-block h2,.px-project-detail-media h2,.px-project-translation h2{margin-bottom:17px;font-size:clamp(21px,2.6vw,31px);font-weight:900}.px-project-detail-block p,.px-project-detail-block li{color:#c4c0cc;font-size:15px;line-height:1.8}.px-project-detail-block :is(ul,ol){gap:10px;padding-left:19px;display:grid}.px-project-detail-block ul{list-style:outside}.px-project-detail-block ol{list-style:decimal}.px-project-page-side{background:#181523;border-left:1px solid #493d5d;padding:clamp(18px,3vw,32px)}.px-project-page-side h2{font:700 12px var(--font-space-mono),monospace;letter-spacing:.12em;color:#c99aff;margin:0 0 13px}.px-project-page-side p,.px-project-page-side li{color:#cbbfd1;font-size:14px;line-height:1.7}.px-project-page-side ul{gap:10px;margin:15px 0 35px;display:grid}.px-project-page-side a{text-underline-offset:3px;text-decoration:underline}.px-project-translation,.px-project-detail-media{padding:30px 0}.px-project-translation>div{border:1px solid #58466b;margin:13px 0;padding:20px}.px-project-translation h3{font:700 11px var(--font-space-mono),monospace;color:#c99aff;margin-bottom:10px}.px-project-translation p{white-space:pre-wrap;color:#eee7ef;line-height:1.8}.px-project-detail-media>div{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:15px;display:grid}.px-project-detail-media figure{background:#17121e;border:1px solid #58466b;padding:10px}.px-project-detail-media img{max-width:100%;height:auto;display:block}.px-project-detail-media figcaption{color:#c6baca;margin-top:10px;font-size:13px;line-height:1.6}.px-project-detail-media small{color:#9a90a3}@media (max-width:720px){.px-project-page-grid{grid-template-columns:1fr}.px-project-page-side{border-top:1px solid #493d5d;border-left:0}}