.project-page .project-hero{isolation:isolate;padding:1.25rem 2.25rem 1.75rem;position:relative}.project-page .project-eyebrow{font:.625rem/1.7 var(--font-mono);color:var(--signal);letter-spacing:.07em;margin:0 0 .75rem}.project-page .project-hero__heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.project-page .project-hero__heading>div{min-width:0}.project-page h1{font:900 clamp(2rem, 4.1vw, 3.75rem)/1.12 var(--font-display);text-transform:uppercase;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0 0 1rem}.project-page .project-hero__intro{max-width:52ch;color:var(--text);margin:0;font-size:1rem;line-height:1.65}.project-page .project-hero__actions{flex-wrap:wrap;flex-shrink:0;gap:.75rem;padding-bottom:.25rem;display:flex}.project-page .project-cover{--cut-shape:var(--shape-card);--cut-line:var(--line-bright);--cut-surface:var(--surface);isolation:isolate;background:var(--cut-line);clip-path:var(--cut-shape);border:.0625rem solid #0000;border-radius:0;position:relative}.project-page .project-cover:before{content:"";z-index:-1;pointer-events:none;background:var(--cut-surface);clip-path:var(--cut-shape);position:absolute;inset:0}.project-page .project-cover:focus-visible{--cut-line:var(--accent);text-underline-offset:.25rem;outline:none;text-decoration:underline}.project-page .project-cover{--cut-surface:var(--surface-gradient);padding:.75rem}.project-page .project-cover__bar{color:var(--muted);font:.5625rem/1.5 var(--font-mono);justify-content:space-between;align-items:center;gap:1rem;padding:.125rem .5rem .875rem;display:flex}.project-page .project-cover__bar span:last-child{color:var(--signal);font-size:1rem}.project-page .project-cover__screen{height:clamp(17rem,38vw,35rem);clip-path:var(--shape-control);background:var(--black);position:relative;overflow:hidden}.project-page .project-cover img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.project-page .project-cover__index{background:var(--black);border-left:2px solid var(--signal);font:.5625rem var(--font-mono);text-transform:uppercase;padding:.5rem .75rem;position:absolute;bottom:1.5rem;right:1.5rem}.project-page .project-meta{grid-template-columns:.8fr 1fr 1.2fr;gap:1.5rem;margin:1.75rem 0 0;display:grid}.project-page .project-meta>div{border-left:1px solid var(--line);min-width:0;padding-left:1rem}.project-page dt{font:.5625rem/1.5 var(--font-mono);color:var(--muted);text-transform:uppercase;margin-bottom:.5rem}.project-page dd{margin:0;font-size:.875rem}.project-page .project-meta__tags{flex-wrap:wrap;gap:.375rem;display:flex}.project-page .project-section{padding:1.25rem 1.5rem 1.5rem}.project-page .project-context{grid-template-columns:.9fr 1.3fr;gap:3rem;padding:1rem .5rem .5rem;display:grid}.project-page .project-context__overview{color:var(--white);max-width:38ch;margin:0;font-size:1.25rem;line-height:1.6}.project-page .project-context__columns{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.project-page h3{margin:0 0 .875rem;font-size:1.125rem;font-weight:500;line-height:1.4}.project-page .project-context h3 span{color:var(--signal);font:.625rem var(--font-mono);margin-bottom:1rem;display:block}.project-page .project-context__columns p,.project-page .project-feature p{color:var(--text);margin:0;font-size:.875rem;line-height:1.8}.project-page .project-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-page .project-feature{--cut-shape:var(--shape-card);--cut-line:var(--line-bright);--cut-surface:var(--surface);isolation:isolate;background:var(--cut-line);clip-path:var(--cut-shape);border:.0625rem solid #0000;border-radius:0;position:relative}.project-page .project-feature:before{content:"";z-index:-1;pointer-events:none;background:var(--cut-surface);clip-path:var(--cut-shape);position:absolute;inset:0}.project-page .project-feature:focus-visible{--cut-line:var(--accent);text-underline-offset:.25rem;outline:none;text-decoration:underline}.project-page .project-feature{--cut-line:var(--line);--cut-surface:var(--surface-gradient);padding:1.5rem}.project-page .project-feature__number{color:var(--signal);font:.625rem var(--font-mono);margin-bottom:1.75rem;display:block}.project-page .project-feature>svg{color:var(--signal);position:absolute;top:1.5rem;right:1.5rem}.project-page .project-gallery{gap:1.5rem;display:grid}.project-page figure{min-width:0;margin:0}.project-page .project-gallery__image{background:var(--surface);border:1px solid var(--line);clip-path:var(--shape-control);overflow:hidden}.project-page .project-gallery img{width:100%;height:auto;display:block}.project-page figcaption{font:.625rem/1.7 var(--font-mono);color:var(--muted);gap:1rem;padding:.875rem .25rem 0;display:flex}.project-page figcaption span{color:var(--signal)}.project-page .project-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 0 .25rem;display:flex}.project-page .project-next{margin-left:auto}@media (width<=600px){.project-page .project-pagination{flex-direction:column;align-items:stretch;padding:1rem 0 .25rem}.project-page .project-next{margin-left:0}}@media (width<=1000px){.project-page .project-hero__heading{flex-direction:column;align-items:start;gap:1.25rem}.project-page .project-context{grid-template-columns:1fr;gap:1.5rem}.project-page .project-context__overview{max-width:60ch}}@media (width<=600px){.project-page .project-hero{padding:1rem .875rem 1.25rem}.project-page .project-eyebrow{font-size:.5rem}.project-page h1{font-size:clamp(1.625rem,7.4vw,2.5rem)}.project-page .project-hero__intro{font-size:.875rem}.project-page .project-hero__actions{width:100%}.project-page .project-hero__actions .button{flex:1}.project-page .project-cover{padding:.375rem}.project-page .project-cover__bar{gap:.5rem;padding:.375rem .25rem .625rem;font-size:.4375rem}.project-page .project-cover__screen{aspect-ratio:1.4;height:auto}.project-page .project-cover__index{font-size:.4375rem;bottom:.75rem;right:.75rem}.project-page .project-meta{grid-template-columns:1fr 1fr;gap:1.25rem .5rem;margin-top:1.25rem}.project-page .project-meta>div{padding-left:.625rem}.project-page .project-meta>div:last-child{grid-column:1/-1}.project-page dd{font-size:.8125rem}.project-page dt{font-size:.5rem}.project-page .project-section{padding:.875rem .75rem 1rem}.project-page .project-context{padding:.75rem .25rem .25rem}.project-page .project-context__overview{font-size:1.0625rem}.project-page .project-context__columns{grid-template-columns:1fr;gap:1.5rem}.project-page .project-context h3 span{margin-bottom:.5rem}.project-page .project-features{grid-template-columns:1fr;gap:.75rem}.project-page .project-feature{padding:1.25rem}.project-page .project-feature__number{margin-bottom:1.25rem}.project-page .project-feature p,.project-page .project-context__columns p{font-size:.8125rem}}