/* A slightly tighter rhythm shared by the portfolio and detail pages. */
.hero{padding:84px 0 70px}
.intro-section,.work-section,.projects-section,.public-section{padding:60px 0}
.section-heading{margin-bottom:30px}
.work-columns article{min-height:240px;padding:23px 26px}
.work-number{margin-bottom:42px}
.projects-section{padding-bottom:70px}
footer{padding:44px 0}
.experience-section{padding:60px 0 70px}
.resume-entry{padding:22px 0 24px}
.resume-subsection{padding-top:26px}
.project-hero{padding:62px 0 32px}
.article{padding-top:16px;padding-bottom:66px}
.article h2{margin:36px 0 12px}
.next{padding:24px 0 52px}

/* Automated video case study */
.case-study-v2 .overview{gap:90px;padding:48px 0}
.system-map{padding:50px 0 44px}
.system-map-copy{margin-bottom:30px}
.proof-block{gap:80px;padding:58px 0}
.source-photo,.source-set{margin-top:32px!important}
.closing-proof{gap:85px;padding:58px 0}
.rendering-note{margin-top:34px}
.workflow-section{padding:48px 0}

@media(max-width:800px){
  .hero{padding:62px 0 56px}
  .intro-section,.work-section,.projects-section,.public-section{padding:50px 0}
  .experience-section{padding:50px 0 58px}
  .work-columns article,.work-columns article:first-child,.work-columns article:last-child{padding:22px 16px}
}
@media(max-width:540px){
  .header-inner nav a:nth-child(2),.header-inner nav a:nth-child(3),.header-inner nav a:nth-child(4){display:none}
  .header-inner nav{gap:12px}
  .hero-with-water .hero-text{min-width:0}
  .hero-with-water h1{width:100%;overflow-wrap:break-word}
}
@media(max-width:680px){
  .project-hero{padding:50px 0 32px}
  .case-study-v2 .overview,.proof-block,.closing-proof{gap:30px;padding:44px 0}
  .system-map{padding:44px 0 38px}
  .workflow-section{padding:42px 0}
}