/* Match the space above the section title to the space beneath it. */
.voices{padding-bottom:0}
.works{--works-heading-gap:clamp(52px,5.5vw,80px);padding-top:var(--works-heading-gap)}
.works h2{margin-bottom:var(--works-heading-gap)}
/* Keep the portraits as transparent cutouts, larger than the original profile size. */
.voice-photo{max-width:320px;height:340px}
@media(max-width:767px){.voice-photo{max-width:240px;height:250px}}
@media(max-width:479px){.voice-photo{max-width:none;height:270px}}
.works-word{display:inline-block;white-space:nowrap}
.works-letter{display:inline-block;white-space:pre;transform-origin:50% 100%}
@media(prefers-reduced-motion:no-preference){
 .works-motion-ready .motion-title:not(.is-visible) .works-letter{opacity:0;transform:translateY(.75em) rotate(5deg)}
 .works-motion-ready .motion-title.is-visible .works-letter{animation:works-letter-in .75s cubic-bezier(.19,1,.22,1) both;animation-delay:calc(var(--letter-index) * 32ms)}
}
@keyframes works-letter-in{from{opacity:0;transform:translateY(.75em) rotate(5deg)}to{opacity:1;transform:none}}

.disessa-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 30px;max-width:840px;margin:19px 0 0;padding:0;list-style:none;color:#bcb6ad;font-size:clamp(14px,1.2vw,18px);line-height:1.5}
.disessa-deliverables li{position:relative;padding-left:18px}
.disessa-deliverables li::before{content:'';position:absolute;left:0;top:.68em;width:6px;height:6px;background:#b99c70;transform:rotate(45deg)}
@media(max-width:620px){.disessa-deliverables{grid-template-columns:1fr;gap:8px}}

/* Keep the canvas visible through the end of the intro so its animation does not begin again. */
.hero--standalone>.hero-stars{animation:none!important;opacity:.4!important}