/* Sketch004: layout capabilities, with complete existing layouts as fallback. */
::view-transition { pointer-events:none; }
/* Components respond to their available width, including the space used by the rail. */
@supports (container-type:inline-size) {
  .home-play .work-section { container:work / inline-size; }
  .home-play .project-row { grid-template-columns:minmax(0,1fr); gap:0; }
  @container work (min-width:680px) {
    .home-play .project-row { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:clamp(24px,3.2cqi,46px); }
    .home-play .project-info h3 { font-size:clamp(49px,19cqi,88px); }
  }
  @container work (max-width:679px) {
    .home-play .project-info { padding-top:23px; }
    .home-play .project-info h3 { font-size:clamp(45px,10cqi,66px); line-height:1; margin:18px 0; }
    .home-play .project-info h3 br { display:none; }
    .home-play .project-info>p { max-width:420px; }
    .home-play .project-link { margin-top:22px; }
  }
}
/* One set of tracks aligns project, role and period across the Experience rows. */
@supports (grid-template-columns:subgrid) {
  @media (min-width:601px) {
    .home-play .experience-table { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) max-content; column-gap:20px; }
    .home-play .experience-header,.home-play .experience-row { grid-column:1/-1; grid-template-columns:subgrid; }
  }
}
/* Responsive authored plate; the decorative clip never clips its link/focus outline. */
.home-play .experiments-strip { background:transparent; border:0; clip-path:none; overflow:visible; }
.home-play .experiments-strip::before { content:''; position:absolute; inset:0; z-index:-1; background:var(--accent); clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%); }
@supports (clip-path:shape(from 0 0,line to 100% 0,close)) {
  .home-play .experiments-strip::before { clip-path:shape(from 0 0,line to calc(100% - 28px) 0,curve to 100% 28px with 100% 0,line to 100% calc(100% - 28px),line to calc(100% - 28px) 100%,line to 0 100%,close); }
}
.home-play .experiments-strip .experiment-shape { display:none; }
.home-play .experiments-strip a:focus-visible { outline-color:var(--ink); }
.case-feature-statement,.more-surfaces-intro h2 { text-wrap:balance; }
.biography,.project-info>p { text-wrap:pretty; }
/* Native disclosure remains instant where intrinsic interpolation is unavailable. */
@media (prefers-reduced-motion:no-preference) {
  @supports selector(::details-content) and (interpolate-size:allow-keywords) {
    .art-archive { interpolate-size:allow-keywords; }
    .art-archive::details-content { block-size:0; overflow:clip; transition:block-size 240ms ease,content-visibility 240ms allow-discrete; }
    .art-archive[open]::details-content { block-size:auto; }
  }
}