.detail-page:before{display:none}
.project-intro{padding:40px var(--gutter) 0}
.project-back{display:inline-flex;align-items:stretch;border-radius:12px;overflow:hidden;background:#111;color:white;font-size:16px;line-height:16px}
.project-back span{padding:16px}
.project-back span:first-child{border-right:1px solid #ffffff60;transition:padding .2s}
.project-back:hover span:first-child{padding-inline:22px}
.project-intro h1{font-size:34px;line-height:1.25;font-weight:600;margin-top:40px}
#project-description{max-width:861px;font-size:16px;line-height:24px;margin-top:34px;white-space:pre-line}
#project-description:empty{display:none}
.project-meta{display:flex;align-items:center;flex-wrap:wrap;gap:20px 40px;margin-top:40px;font-size:16px;line-height:24px}
.project-meta>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.project-meta dt{opacity:.4;white-space:nowrap}
.project-meta dd{display:flex;flex-wrap:wrap;gap:10px;margin:0;min-width:0}
.project-meta a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.project-meta .meta-tag{padding:7px 10px;border:.5px solid currentColor;border-radius:8px;background:#ffffff66;font-size:14px;line-height:16px}
.project-content{display:grid;gap:var(--content-gap,0px);margin:120px var(--gutter) 0;background:var(--content-background,#e9e9e7)}
.project-content figure{margin:0}
.project-content img{display:block;width:100%;height:auto}
.project-gallery{display:grid;grid-template-columns:repeat(var(--gallery-columns,2),minmax(0,1fr));gap:var(--content-gap,0px);margin:0}.project-gallery img{width:100%;height:auto;border-radius:0}
.project-content video{display:block;width:100%;height:auto;background:#111}
.project-content figcaption{padding:12px 16px 28px;font-size:14px;color:var(--muted)}
.project-text{width:100%;max-width:861px;margin:0 auto;padding:48px 24px;font-size:18px;line-height:1.8;white-space:pre-line}
.project-text h2{font-size:28px;margin-bottom:20px;line-height:1.4}
.detail-page .footer{margin-top:7.8125vw}
.project-not-found{padding:100px var(--gutter);min-height:40vh}
.project-not-found h1{font-size:34px;margin-bottom:24px}
[data-mode=dark] .project-meta .meta-tag{background:#ffffff14}
@media(min-width:1921px){.project-content{max-width:1720px;margin-inline:auto}}
@media(max-width:900px){.project-meta{align-items:flex-start;gap:24px}.project-meta>div{max-width:100%}.project-content{margin-top:70px}}
@media(max-width:700px){.project-intro{padding-top:30px}.project-back{font-size:13px}.project-back span{padding:14px}.project-intro h1{font-size:28px;margin-top:32px}#project-description{font-size:15px;line-height:1.85;margin-top:24px}.project-meta{font-size:14px;margin-top:28px;gap:18px}.project-meta .meta-tag{font-size:12px}.project-content{margin:48px 12px 0}.project-text{font-size:16px;margin:32px 12px}.project-gallery{grid-template-columns:1fr}.detail-page .footer{margin-top:70px}}
.project-back{font-size:16px}
@media(max-width:700px){
 .project-meta{flex-direction:column;align-items:stretch}
 .project-meta>div{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;width:100%;gap:10px}
 .project-meta dt{padding-top:4px}
 .project-meta dd{min-width:0}
 .project-content{margin-inline:0}
 .project-text{margin-inline:24px}
}