.story-head{position:relative;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:var(--sp3);margin:0 0 var(--sp4)}
.story-head::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--s4);z-index:2}
.story-text{position:relative;display:flex;align-items:flex-start;
  justify-content:flex-end;column-gap:var(--sp2);max-width:66%}
.story-heroes{align-self:flex-end;flex:none;width:clamp(110px,10vw,190px);aspect-ratio:10/9;
  overflow:hidden;margin:0 0 -8px;line-height:0;position:relative;z-index:1}
.story-heroes img{display:block;width:100%;height:auto}
#st2010 .story-heroes{width:calc(clamp(110px,10vw,190px) * 1.537);aspect-ratio:1.708}
#st0010 .story-heroes{width:calc(clamp(110px,10vw,190px) * 1.371);aspect-ratio:1.523}
.bubble{position:relative;margin:0;max-width:min(520px,100%);
  padding:clamp(16px,1.5vw,22px) clamp(20px,1.8vw,28px);
  background:var(--ink);color:var(--bg);border-radius:var(--r);
  font-family:Unbounded,system-ui,sans-serif;font-weight:600;letter-spacing:-.03em;
  font-size:clamp(15px,1.5vw,24px);line-height:1.25}
.bubble::before{content:'';position:absolute;right:calc(100% - 1px);top:min(50%,55px);
  width:.92em;height:1.17em;margin-top:-.585em;background:var(--ink);z-index:3;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 28' preserveAspectRatio='none'%3E%3Cpath d='M22 0Q15 7 0 15Q13 19 22 28Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 28' preserveAspectRatio='none'%3E%3Cpath d='M22 0Q15 7 0 15Q13 19 22 28Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.story-when{display:flex;flex:none;flex-direction:column;align-items:flex-start;
  gap:var(--sp1);margin:0 0 clamp(10px,1vw,16px)}
.story-now{display:block;margin:0;
  font-family:Unbounded,system-ui,sans-serif;font-weight:600;letter-spacing:-.03em;
  font-size:clamp(15px,1.5vw,22px);line-height:1.1;color:var(--dim)}
.story-time{display:block;margin:0 0 0 -.053em;
  font:400 clamp(38px,6vw,88px)/.9 'Rubik Mono One',system-ui,sans-serif;
  letter-spacing:-.03em;color:var(--ink)}
.story-time i{position:relative;display:inline-block;width:.17em;height:.71em;
  vertical-align:baseline;margin:0 .107em 0 .057em}
.story-time i::before,.story-time i::after{content:'';position:absolute;left:0;
  width:.17em;height:.17em;border-radius:50%;background:var(--red)}
.story-time i::before{top:.085em}
.story-time i::after{top:.455em}
