/* Product studies — neutral monochrome, independent of the philosophy palette. */
.projects-mono{padding:64px 0 46px;color:#efefef;background:#070808}
.projects-mono .section-top{align-items:baseline;gap:20px;margin-bottom:23px}
.projects-mono .label{color:#c7c7c7}
.projects-mono .quiet-label{color:#a8a8a8;font-size:7px;letter-spacing:.10em}
.projects-mono .project-collection{border-top:1px solid #ffffff26}
.projects-mono .project-entry{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(240px,32%);align-items:center;column-gap:28px;min-height:248px;padding:31px 0;border-bottom:1px solid #ffffff26}
.projects-mono .project-code{display:flex;align-self:start;flex-direction:column;gap:13px;padding-top:3px;font:400 7px/1.7 var(--display,Orbitron,Arial,sans-serif);letter-spacing:.07em;color:#aaa}
.projects-mono .project-number{color:#dedede;font-size:8px;white-space:nowrap}
.projects-mono .project-category{writing-mode:vertical-rl;font-size:6px;letter-spacing:.15em}
.projects-mono .project-copy{min-width:0}
.projects-mono .project-state{margin:0 0 10px;font:400 7px/1.6 var(--display,Orbitron,Arial,sans-serif);letter-spacing:.10em;color:#aaa}
.projects-mono .project-name{margin:0;font:500 clamp(32px,4.05vw,52px)/1.23 var(--display,Orbitron,Arial,sans-serif);letter-spacing:-.045em;color:#efefef;overflow-wrap:normal}
.projects-mono .project-name a{color:inherit;text-decoration:none;transition:color .2s}
.projects-mono .project-name a:hover{color:#fff}
.projects-mono .project-summary{margin:13px 0 0;font-size:11px;line-height:1.9;letter-spacing:.04em;color:#bcbcbc;overflow-wrap:anywhere}
.projects-mono .project-actions{display:flex;align-items:center;flex-wrap:wrap;column-gap:25px;row-gap:13px;margin-top:22px}
.projects-mono .project-actions a{padding:3px 0;color:#e0e0e0;font:400 8px/1.8 var(--display,Orbitron,Arial,sans-serif);letter-spacing:.07em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#646464;text-underline-offset:6px;transition:color .2s,text-decoration-color .2s}
.projects-mono .project-actions a:hover{color:#fff;text-decoration-color:#fff}
.projects-mono a:focus-visible{outline:2px solid #fff;outline-offset:6px}
.projects-mono .project-note{font-size:10px;line-height:1.7;letter-spacing:.025em;color:#aaa}
.projects-mono .project-visual{min-width:0;color:#d7d7d7}
.projects-mono .project-visual svg{display:block;width:100%;height:165px;overflow:hidden}
.projects-mono .project-visual-caption{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font:400 6px/1.7 var(--display,Orbitron,Arial,sans-serif);letter-spacing:.10em;color:#aaa}
.projects-mono .project-visual-caption span{min-width:0}
.projects-mono .project-scan{animation:project-scan-drift 12s ease-in-out infinite alternate}
.projects-mono .project-glyph{transform-box:fill-box;transform-origin:center;animation:project-glyph-align 14s ease-in-out infinite;animation-delay:var(--phase,0s)}
.projects-mono .project-cell{animation:project-cell-breathe 10s ease-in-out infinite;animation-delay:var(--phase,0s)}
.projects-mono .project-cell:nth-child(3n){animation-delay:-3s}
.projects-mono .project-cell:nth-child(3n + 1){animation-delay:-6s}
body.motion-paused .projects-mono .project-scan,body.motion-paused .projects-mono .project-glyph,body.motion-paused .projects-mono .project-cell{animation-play-state:paused}
@keyframes project-scan-drift{from{transform:translateX(0)}to{transform:translateX(164px)}}
@keyframes project-glyph-align{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes project-cell-breathe{0%,100%{opacity:.38}50%{opacity:.83}}

@media(max-width:1050px){
  .projects-mono .project-entry{grid-template-columns:36px minmax(0,1fr) minmax(240px,32%);column-gap:21px;min-height:233px;padding-block:29px}
  .projects-mono .project-name{font-size:clamp(28px,3.85vw,40px);letter-spacing:-.045em}
  .projects-mono .project-summary{font-size:11px;max-width:32em}
  .projects-mono .project-visual svg{height:155px}
  .projects-mono .project-actions{column-gap:21px;margin-top:19px}
}
@media(max-width:700px){
  .projects-mono{padding-top:43px;padding-bottom:34px}
  .projects-mono .section-top{margin-bottom:20px;gap:12px;flex-wrap:wrap}
  .projects-mono .quiet-label{display:block;font-size:6px;letter-spacing:.06em}
  .projects-mono .project-entry{grid-template-columns:31px minmax(0,1fr);column-gap:15px;row-gap:22px;min-height:0;padding-block:27px 22px}
  .projects-mono .project-code{gap:12px;padding-top:1px}
  .projects-mono .project-number{font-size:7px}
  .projects-mono .project-category{font-size:6px;letter-spacing:.12em}
  .projects-mono .project-state{font-size:7px;margin-bottom:9px;letter-spacing:.07em}
  .projects-mono .project-name{font-size:clamp(23px,6vw,38px);line-height:1.24;letter-spacing:-.05em}
  .projects-mono .project-summary{font-size:11px;line-height:1.85;margin-top:11px;letter-spacing:.025em}
  .projects-mono .project-actions{column-gap:24px;row-gap:12px;margin-top:17px}
  .projects-mono .project-actions a{font-size:8px;letter-spacing:.035em;min-height:30px;display:inline-flex;align-items:center}
  .projects-mono .project-note{font-size:10px}
  .projects-mono .project-visual{grid-column:2}
  .projects-mono .project-visual svg{height:150px;max-width:360px;margin-inline:auto}
  .projects-mono .project-visual-caption{font-size:6px;margin-top:7px;letter-spacing:.07em}
}
@media(max-width:380px){
  .projects-mono .section-top{align-items:start;flex-direction:column;gap:11px}
  .projects-mono .project-entry{grid-template-columns:27px minmax(0,1fr);column-gap:11px}
  .projects-mono .project-name{font-size:23px}
  .projects-mono .project-visual{grid-column:1 / -1;padding-left:38px}
  .projects-mono .project-visual svg{height:150px}
  .projects-mono .project-actions{column-gap:18px}
}
@media(prefers-reduced-motion:reduce){
  .projects-mono .project-scan,.projects-mono .project-glyph,.projects-mono .project-cell{animation:none}
  .projects-mono .project-name a,.projects-mono .project-actions a{transition:none}
}