/* Keep the showcase readable while reducing its overall footprint. */
.projects-preview{padding-top:88px;padding-bottom:56px}
.projects-preview__intro{margin-bottom:30px}
.projects-preview__intro h2{font-size:clamp(38px,4.7vw,64px)}
.project-reconstruction-note{margin-bottom:16px}
.project-selector{margin-bottom:14px}
.project-selector button{padding:12px 10px}
.showcase-playback{margin-bottom:15px}
.project-catalog--showcase .project-card h3{font-size:clamp(27px,2.8vw,36px);margin-top:10px}
.project-catalog--showcase .project-card__copy>p{margin-top:8px;font-size:16px;line-height:1.7}
.project-catalog--showcase .project-features{margin-top:12px;gap:6px}
.project-catalog--showcase .project-features li{padding:6px 9px;font-size:13px}
.project-catalog--showcase .studio-chrome{padding:9px 14px}
.project-catalog--showcase .studio-toolbar{padding:14px 20px}
.project-catalog--showcase .studio-tabs>span{padding:8px 0 10px;font-size:12px}
.project-catalog--showcase .studio-stat{padding:11px 15px}
.project-catalog--showcase .studio-stat strong{font-size:28px;margin:3px 0}
.project-catalog--showcase .studio-stat>small{font-size:12px}
.project-catalog--showcase .studio-stat>span{font-size:11px}
.project-catalog--showcase .studio-week>div{padding:5px 0;gap:3px}
.project-catalog--showcase .studio-compose{padding:11px 14px}
.project-catalog--showcase .studio-schedule,.project-catalog--showcase .studio-routine{padding:10px 12px}
.project-catalog--showcase .studio-donut{width:156px;height:156px}
.project-catalog--showcase .studio-donut>div{width:122px;height:122px}
.project-catalog--showcase .studio-donut strong{font-size:29px}
.project-catalog--showcase .studio-chart svg{max-height:145px}
.project-catalog--showcase .studio-actionbar{padding:10px 14px}
.project-catalog--showcase .studio-action{padding:9px 16px}
.project-catalog--showcase .studio-caption{padding:8px 12px}
.project-catalog-cta{padding:19px 24px;margin-top:18px}
@media(max-width:760px){
  .projects-preview{padding-top:64px;padding-bottom:42px}
  .projects-preview__intro h2{font-size:clamp(34px,9vw,44px)}
  .project-catalog--showcase .project-card{padding:20px 13px;gap:18px}
  .project-catalog--showcase .project-card h3{font-size:27px;margin:10px 0 12px}
  .project-catalog--showcase .project-card__copy>p{font-size:15px}
  .project-catalog--showcase .project-features li{font-size:12px}
  .project-catalog--showcase .studio-body{padding:13px 11px;gap:11px;min-height:0}
  .project-catalog--showcase .studio-toolbar{padding:13px 11px}
  .project-catalog--showcase .studio-stat{padding:10px 8px}
  .project-catalog--showcase .studio-stat strong{font-size:25px}
  .project-catalog--showcase .studio-stat>small{font-size:11px}
  .project-catalog--showcase .studio-stat>span{font-size:9px}
  .project-catalog--showcase .studio-donut{width:132px;height:132px}
  .project-catalog--showcase .studio-donut>div{width:102px;height:102px}
  .project-catalog--showcase .studio-actionbar{padding:10px}
}