/* V + ectraSystem reads as VectraSystem, aligned to the V baseline. */
.story-mark{--mark-x:50%;--mark-y:72%;--mark-size:10vw;--mark-rotation:0deg;--mark-opacity:0;--mark-ectra-opacity:0;--mark-system-opacity:0;position:absolute;z-index:3;left:var(--mark-x);top:var(--mark-y);width:var(--mark-size);max-width:16rem;aspect-ratio:8/9;transform:translate(-50%,-50%) rotate(var(--mark-rotation));transform-origin:center;opacity:var(--mark-opacity);pointer-events:none;overflow:visible}
.story-mark__glyph{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 18px rgba(170,236,255,1)) drop-shadow(0 0 6px rgba(255,255,255,.9))}
.story-mark__glyph path{fill:none;stroke:#f3fbff;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.story-mark__name{position:absolute;left:calc(100% + .18rem);top:15.5%;height:71%;display:flex;align-items:flex-end;gap:0;white-space:nowrap}
.story-mark__ectra,.story-mark__system{margin:0;color:#f4fbff;font-family:'Sora Variable','Pretendard Variable',sans-serif;font-size:clamp(1.95rem,4.9vw,3.55rem);font-weight:500;letter-spacing:.03em;line-height:.9;text-shadow:0 0 18px rgba(170,236,255,.95)}
.story-mark__ectra{opacity:var(--mark-ectra-opacity)}
.story-mark__system{opacity:var(--mark-system-opacity)}
@media(max-width:720px){.story-mark{width:var(--mark-mobile-size);max-width:11rem}.story-mark__name{left:calc(100% + .12rem)}.story-mark__ectra,.story-mark__system{font-size:clamp(1.4rem,8vw,2.5rem)}}
@media(prefers-reduced-motion:reduce){.story-mark{opacity:.7;transform:translate(-50%,-50%)}}