/* The opening's film lives only inside the heavy Epilogue numeral contours. */
.wma-time-compact .wma-dna-num{display:flex;align-items:flex-start;width:clamp(240px,30vw,460px);margin:0;font:600 1px/1 Epilogue,Arial,sans-serif;letter-spacing:0}
.wma-dna-film{display:block;flex:1;min-width:0;aspect-ratio:1280/780;overflow:visible}
.wma-dna-glyph{font:600 1000px/1 Epilogue,Arial,sans-serif;letter-spacing:-65px}
.wma-dna-film foreignObject{overflow:hidden}
.wma-dna-footage{opacity:var(--dna-film-opacity,1)}
.wma-dna-shade{fill:#000;opacity:.18;pointer-events:none}
.wma-dna-film video{display:block;width:100%;height:100%;object-fit:cover}
.wma-dna-edge{fill:none;stroke:var(--mint);stroke-width:4;pointer-events:none}
.wma-time-compact .wma-dna-num sup{flex:0 0 12%;margin:0 0 0 2%;top:0;padding-top:5%;font:500 clamp(30px,4vw,62px)/1 Epilogue,Arial,sans-serif;color:var(--mint)}
.wma-time-compact .wma-dna-cap{max-width:35em;text-align:right;font-size:10px;letter-spacing:.12em;line-height:1.55;margin-top:14px}
.wma-time-compact .wma-dna-people{font:400 13px/1.35 Fraunces,Georgia,serif;gap:9px;margin-top:15px}
.wma-time-compact .wma-dna-faces{padding-left:7px}
.wma-time-compact .wma-dna-faces img{width:28px;height:28px;margin-left:-7px;border-width:1px}
@media(min-width:901px){
 .wma-hero{grid-template-columns:1.12fr .88fr;gap:3vw;align-items:center}
 .wma main h1.wma-dna-title{font-size:clamp(44px,6.1vw,102px);font-weight:500;line-height:.98}
 .wma-time-compact .wma-lede{max-width:560px;font-size:clamp(18px,1.45vw,23px)}
}
@media(max-width:900px){
 .wma-time-compact .wma-dna{justify-items:start}
 .wma-time-compact .wma-dna-num{width:min(84vw,580px)}
 .wma-time-compact .wma-dna-num sup{font-size:clamp(38px,10vw,70px)}
 .wma-time-compact .wma-dna-cap{text-align:left;font-size:10px;max-width:30em}
 .wma-time-compact .wma-dna-people{font-size:14px}
 .wma-time-compact .wma-dna-faces img{width:30px;height:30px}
 .wma main h1.wma-dna-title{font-weight:500}
}