/* Text is separate from the original clean videos, editable and responsive. */
.approach-video{position:relative}
.approach-notes{position:absolute;inset:0;z-index:2;pointer-events:none;color:#fffdf8;font:400 20px/1.25 Ubuntu,sans-serif}
.approach-note{position:absolute;display:block;text-align:center;z-index:1}
.approach-note--simple{left:12%;top:15.5%;width:47%;text-align:left}
.approach-note--speaking{left:60%;top:21.5%;width:34%}
.approach-note--goals{left:1.5%;top:56%;width:24%}
.approach-note--learning{left:78%;top:66%;width:21%}
.approach-note--atmosphere{left:10%;top:5.5%;width:38%;text-align:left}
.approach-note--support{left:74%;top:5.5%;width:22%}
.approach-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fffdf8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* Retain the two existing stacked clips, their order and shared outer corners. */
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
 html body #n-b26433e6-f152-4cd8-b077-a6ab8a439762#n-b26433e6-f152-4cd8-b077-a6ab8a439762 > .cli-block__content{max-width:980px!important}
}
@media(max-width:1023px){.approach-notes{font-size:17px}}
@media(max-width:767px){.approach-notes{font-size:14px}}
@media(max-width:540px){.approach-notes{font-size:11px;line-height:1.2}.approach-note--simple{left:10%;top:12%;width:47%}.approach-note--speaking{top:20%;width:36%}.approach-note--goals{left:1%;width:28%;top:54%}.approach-note--learning{left:78%;top:65%;width:21%}.approach-note--atmosphere{left:7%;top:5%;width:47%}.approach-note--support{left:72%;top:5%;width:26%}.approach-lines{stroke-width:2.2}}
@media(max-width:359px){.approach-notes{font-size:10px}.approach-note--simple{top:10%}.approach-note--atmosphere{left:5%;width:49%}}

/* Every leader starts at the same distance from its own caption line box. */
.approach-video{container-type:inline-size}
.approach-notes{--note-gap:8px}
.approach-note__text{display:block}
.approach-note__line{position:absolute;top:calc(100% + var(--note-gap));left:50%;transform:translateX(-50%);width:clamp(20px,5cqw,60px);height:clamp(22px,6cqw,70px);fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;overflow:visible}
.approach-note--simple .approach-note__line{left:40%}
.approach-note--atmosphere .approach-note__line{left:36%}
.approach-note--learning .approach-note__line{left:15%;height:clamp(14px,3cqw,36px)}
@media(max-width:540px){.approach-notes{--note-gap:5px}}