/* After Cut V3.10 — restrained timing update, no visual redesign. */
.site-header {transition:transform .56s var(--ease),background .45s,border-color .45s;}
.project-stage.is-open .case-hero {animation-duration:900ms;}
.project-stage.is-open .case-copy {animation-duration:1050ms;animation-delay:160ms;}
.card-meta,.card-view {transition-duration:760ms,420ms;}
.card-orange-treatment {transition-duration:540ms;}
.cursor-cross {animation-duration:10s;}
/* All fields and text remain visible without JS, in reduced motion, or after cancellation. */
.about-prose,.about-copyline-inner {opacity:1;}
@media(prefers-reduced-motion:reduce) {
 .project-stage.is-open .case-hero,.project-stage.is-open .case-copy {animation:none;}
 .site-header,.card-meta,.card-view,.card-orange-treatment {transition:none;}
}

/* About: the portrait and the text form one compact composition.
   No change to the source face, pose, or image pixels. */
#about {max-width:1540px;}
#about .about-grid {
  grid-template-columns:minmax(0,560px) minmax(0,470px);
  column-gap:clamp(26px,2.7vw,42px);
  align-items:center;
  justify-content:start;
}
#about .about-copy {max-width:560px;}
#about .about-grid .portrait {
  width:100%;height:560px;min-height:0;max-height:none;
  margin:0;align-self:center;justify-self:start;
}
#about[data-about-theme=dark] .portrait img {
  object-fit:cover;object-position:50% 36%;
}
#about .portrait:after {
  background:linear-gradient(90deg,var(--bg),transparent 6%,transparent 94%,var(--bg)),
             linear-gradient(0deg,var(--bg),transparent 14%,transparent 95%,var(--bg));
}
@media (min-width:761px) and (max-width:1000px) {
  #about .about-grid {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:24px;}
  #about .about-grid .portrait {height:460px;}
  #about[data-about-theme=dark] .portrait img {object-fit:contain;}
}
@media (max-width:760px) {
  #about .about-grid {display:flex;flex-direction:column;gap:24px;}
  #about .about-copy {width:100%;max-width:none;order:0;}
  #about .about-grid .portrait {
    order:1;width:min(100%,330px);height:340px;max-height:360px;
    align-self:center;justify-self:center;margin:0 auto;
  }
  #about[data-about-theme=dark] .portrait img {object-fit:cover;object-position:50% 30%;}
}
/* Local image trial, only inside the prototype's closed Motion panel. */
.portrait-trial {border-top:1px solid var(--line);padding-top:12px;margin-top:14px;}
.portrait-trial > p {margin:0 0 8px;color:var(--text);font-size:12px;}
.portrait-trial-buttons {display:flex;gap:8px;flex-wrap:wrap;}
.portrait-trial-status {display:block;margin-top:8px;font-size:10px;color:var(--muted);line-height:1.6;}