.detail-page{--accent:var(--project-accent,#c97aff)}.detail-page .header{height:90px}.detail-page .brand{font-size:18px;letter-spacing:-.04em}.breadcrumbs{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;color:#90859a;font-size:9px}.breadcrumbs a:hover{color:var(--accent)}.project-hero{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;padding:50px 0 34px}.project-hero>div:first-child{max-width:760px}.project-hero h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.06em;margin:24px 0 16px;width:auto;line-height:1.15}.project-english{font-size:12px;color:var(--accent);letter-spacing:.15em}.project-lead{font-size:15px;line-height:1.9;color:#a79cb2;max-width:42em;margin:22px 0 0}.project-launch{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex-shrink:0}.project-launch .button{min-width:205px;height:52px}.launch-note{font-size:10px;color:#ada5b4}.project-launch>.mono{color:#81768b;font-size:9px}.project-screenshot{margin:0;border:1px solid var(--line);background:#1e162c}.project-screenshot img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:#130e1b}.project-screenshot figcaption{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;color:#958aa1;font-size:8px}.project-content{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding:65px 0}.project-content h2{font-size:27px;margin-top:15px}.project-content>section>p{font-size:13px;color:#a8a0af;line-height:2.1;margin:25px 0}.features{list-style:none;padding:0;display:grid;gap:13px;color:#cbc3d2;font-size:12px;line-height:1.9}.features li{display:flex;gap:13px}.features li:before{content:'+';color:var(--accent)}.project-tags{display:flex;gap:8px;margin-top:25px}.project-notes{border-top:1px solid var(--line);margin-top:32px;padding-top:16px}.project-notes h3{font-size:12px;font-weight:500;color:#c1b9c9}.project-notes p{font-size:11px;color:#8b7f97;line-height:1.95;margin:9px 0}.control-list{margin-top:25px}.control-list>div{display:grid;grid-template-columns:110px 1fr;gap:15px;border-top:1px solid var(--line);padding:19px 0}.control-list dt{font-size:12px;color:var(--accent)}.control-list dd{font-size:12px;color:#a59aaf;margin:0;line-height:1.8}.compatibility{display:flex;gap:14px;border:1px solid var(--line);padding:21px;margin-top:21px;background:#c97aff04;align-items:flex-start}.compatibility .status-dot{margin-top:6px;flex-shrink:0}.compatibility strong{font-size:12px;font-weight:500}.compatibility p{font-size:11px;color:#8b7f97;margin-bottom:0}.related{border-top:1px solid var(--line);padding:35px 0 55px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:27px}.related-grid>a{padding:22px 0;border-bottom:1px solid var(--line)}.related-grid .mono{font-size:8px;color:#7a6e86}.related-grid h3{display:flex;justify-content:space-between;font-size:19px;font-weight:500;margin-block:12px}.related-grid h3 span{color:var(--accent)}.related-grid p{font-size:11px;line-height:1.8;color:#92849f;margin-bottom:0}.related-grid a:hover h3{color:var(--accent)}
@media(max-width:900px){.project-content{gap:40px}.project-hero{gap:25px}.project-hero h1{font-size:47px}.project-lead{font-size:13px}.project-launch .button{min-width:170px}.control-list>div{grid-template-columns:80px 1fr}.project-content .eyebrow{font-size:8px}}
@media(max-width:600px){.detail-page .header{height:75px}.detail-page .brand{font-size:15px}.breadcrumbs{font-size:7px;gap:8px;margin-top:27px}.project-hero{flex-direction:column;align-items:flex-start;padding:34px 0 27px;gap:24px}.project-hero .eyebrow{font-size:8px}.project-hero h1{font-size:38px;margin-block:18px 12px}.project-english{font-size:10px}.project-lead{font-size:12px;margin-top:18px}.project-launch{width:100%;gap:11px}.project-launch .button{width:100%}.project-screenshot img{aspect-ratio:1.3}.project-screenshot figcaption{font-size:6px;padding:12px 10px;flex-wrap:wrap}.project-content{grid-template-columns:1fr;gap:35px;padding:38px 0}.project-content h2{font-size:24px}.project-content>section>p{font-size:12px}.control-list>div{grid-template-columns:100px 1fr}.related{padding-bottom:35px}.related-grid{grid-template-columns:1fr;gap:8px;margin-top:17px}}
.button.is-pending{opacity:.45;cursor:not-allowed;pointer-events:none}
.project-film{margin:40px 0 0;border:1px solid var(--line);background:#050707;display:flex;flex-direction:column;align-items:center}.project-film video{display:block;width:auto;max-width:100%;height:min(78vh,860px);background:#000}.project-film figcaption{align-self:stretch;display:flex;justify-content:space-between;padding:12px 16px;font-size:9px;letter-spacing:.16em;border-top:1px solid var(--line)}