/* Figma 29:975–29:1374: one continuous, reversible scroll story. */
.story-landing{position:relative;isolation:isolate;background:#77acd1;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;overflow:visible}
.story-landing p,.story-landing h2,.story-landing h3{margin:0;letter-spacing:0}
.story-track{position:relative;height:1075svh}
.story-pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#77acd1}
.story-canvas{position:absolute;width:1920px;height:1080px;left:50%;top:50%;transform:translate(-50%,calc(-50% - var(--story-footer-offset,0px))) scale(var(--story-scale,1));transform-origin:center;isolation:isolate;z-index:2}
.story-blue,.story-closing-bg,.story-dark,.story-scenes,.story-scene,.story-position-board,.story-interlude{position:absolute;inset:0}
.story-blue,.story-closing-bg,.story-dark{overflow:hidden;pointer-events:none}
.story-blue{z-index:1;background:linear-gradient(108deg,#7496c4 0%,#71a3d0 44%,#85c1dc 76%,#94dce0 100%)}
.story-blue::before{content:'';position:absolute;inset:-25%;background:radial-gradient(ellipse at 80% 63%,rgba(166,239,227,.5),transparent 48%),radial-gradient(ellipse at 11% 72%,rgba(78,149,212,.22),transparent 46%);animation:story-light-drift 31.2s ease-in-out infinite;transform-origin:center}
.story-dark{background:#27272a;opacity:0;z-index:1;pointer-events:none}
.story-closing-bg{z-index:0;opacity:0;background:radial-gradient(ellipse at 6% 105%,rgba(207,121,69,.48),transparent 65%),linear-gradient(180deg,#3a5578 0%,#58647e 50.481%,#515668 100%)}
.story-closing-bg::before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 20% 85%,rgba(222,138,89,.12),transparent 53%);animation:story-light-drift 36.4s ease-in-out infinite reverse}
@keyframes story-light-drift{0%,100%{transform:translate3d(-2%,1%,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.045)}}
.story-scenes{z-index:2;pointer-events:none}
.story-scene{opacity:0;pointer-events:none}
.story-scene:first-child{opacity:1}
.story-stat{position:absolute;left:100px;top:100px;width:624px;color:#fff}
.story-landing .story-eyebrow{font-size:18px;font-weight:500;line-height:1.2;margin:0 0 8px}
.story-landing .story-stat h2{color:#fff;font-size:32px;font-weight:600;line-height:1.25;letter-spacing:0}
.story-landing .story-stat h2 .story-count-muted{color:rgba(255,255,255,.7)}
.story-bombs{display:grid;grid-template-columns:repeat(10,48px);grid-auto-rows:48px;gap:16px;margin-top:36px}
.story-bomb{position:relative;display:block;width:48px;height:48px;opacity:.3;mask-image:var(--bomb-mask);-webkit-mask-image:var(--bomb-mask);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:48px 48px;-webkit-mask-size:48px 48px}
.story-bomb.is-highlighted{opacity:1}
.story-bomb img{position:absolute;left:2.3px;top:.6px;max-width:none}
.story-card-group{position:absolute;inset:0;pointer-events:none}
.story-post{position:absolute;background:#fff;padding:28px;border-radius:32px;box-shadow:0 6px 32px rgba(12,53,88,.04);color:#334155;transform-origin:center}
.story-post-copy{font-size:22px;line-height:1.5;font-weight:500;word-break:keep-all;overflow-wrap:break-word;background:linear-gradient(180deg,#0069fe 0%,#334155 45.455%);background-clip:text;-webkit-background-clip:text;color:transparent}
.story-post-copy p{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}
.story-post-copy p+p{margin-top:33px}
.story-post-copy b{font-weight:600;color:#334155}
.story-emoji{color:#334155}
.story-post-language{left:992px;top:495px;width:530px;transform:rotate(-.68deg)}
.story-chip{position:absolute;display:block}
.story-chip>span{display:block;padding:12px 24px;border-radius:18px;background:#fff;box-shadow:0 4.8px 21.6px rgba(12,53,88,.06);font-size:38.4px;font-weight:500;line-height:1.2;color:#64748b;white-space:nowrap}
.story-chip-ad{left:888px;top:539px}
.story-chip-ad>span{transform:rotate(5.95deg)}
.story-chip-sponsored{left:1365px;top:719px}
.story-chip-sponsored>span{transform:rotate(-4.43deg)}
.story-chip-pr{left:1496px;top:546px}
.story-chip-pr>span{transform:rotate(-2.45deg)}
.story-post-wording{left:303px;top:478px;width:530px;transform:rotate(2.91deg)}
.story-chip-invited{left:700px;top:670px}
.story-chip-invited>span{transform:rotate(3.61deg)}
.story-chip-opportunity{left:225px;top:768px}
.story-chip-opportunity>span{transform:rotate(-4.43deg)}
.story-chip-reviewer{left:190px;top:522px}
.story-chip-reviewer>span{transform:rotate(-2.52deg)}
.story-post-missing{left:1000px;top:580px;width:581px;transform:rotate(-1.61deg)}
.story-post-missing .story-post-copy{white-space:nowrap;font-size:22px}
.story-post-missing .story-post-copy p:first-child{white-space:normal}
.story-description{position:absolute;left:100px;bottom:100px;width:700px;color:#fff}
.story-landing .story-description h3{font-size:42px;line-height:1.5;font-weight:700;margin-bottom:8px}
.story-landing .story-description p{font-size:18px;font-weight:500;line-height:1.5;white-space:nowrap}
.story-description-right{left:980px;text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.story-position-board{z-index:3;background:#27272a;overflow:hidden;opacity:0;transform-origin:center;border-radius:0;pointer-events:none}
.story-post-position{left:256px;top:590px;width:552.1px;transform:rotate(-2.22deg)}
.story-post-position .story-post-copy{color:#334155;background:none;white-space:nowrap}
.story-post-position .story-post-copy p:first-child{white-space:nowrap}
.story-more{display:inline;background:none;border:0;padding:0;font:inherit;color:#a1a1aa;cursor:pointer;pointer-events:auto;text-align:left}
.story-more:hover{color:#64748b}
.story-more:focus-visible{outline:2px solid #008cff;outline-offset:3px}
.story-hidden-disclosure{display:block;margin-top:20px;color:#0069fe;white-space:normal}
.story-hidden-disclosure[hidden]{display:none}
.story-interlude{z-index:4;display:grid;place-items:center;opacity:0;pointer-events:none}
.story-landing .story-interlude p{font-size:32px;font-weight:600;line-height:1.25;color:#fff}
.story-rail-space{position:absolute;inset:0;z-index:5;pointer-events:none;transform-origin:center}
.story-rail{position:absolute;inset:0;z-index:5;pointer-events:none;transform-origin:center}
.story-rail-line{position:absolute;left:1820px;top:580px;transform:rotate(90deg);transform-origin:0 0;max-width:none}
.story-rail-active{position:absolute;left:1820px;top:880px;width:2px;height:100px}
.story-rail-active img{display:block;transform:rotate(90deg);transform-origin:0 0;max-width:none}
.story-rail-label{position:absolute;right:116px;top:961px;font-size:16px;line-height:normal;font-weight:400;color:#fff;opacity:0}
.story-rail-label[data-rank="4"]{opacity:1}
.story-rail-label[data-rank="3"]{top:861px}
.story-rail-label[data-rank="2"]{top:761px}
.story-rail-label[data-rank="1"]{top:661px}
.story-closing{position:absolute;left:50%;top:449px;width:780px;display:flex;flex-direction:column;align-items:center;gap:64px;transform:translateX(-50%);z-index:6;opacity:0;pointer-events:none}
.story-landing .story-closing h2{font-size:48px;line-height:1.5;font-weight:500;text-align:center;color:#fff;white-space:nowrap;letter-spacing:0}
.story-cta{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:1000px;padding:10px 16px;background:#fff;box-shadow:0 6px 48px rgba(0,140,255,.12);cursor:pointer;font:inherit}
.story-cta img{display:block;flex:none;max-width:none}
.story-cta span{font-size:16px;line-height:1.6;font-weight:600;background:linear-gradient(124.7deg,#f2772f,#58647e);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.story-cta:hover{background:#fff8f2}
.story-cta:focus-visible{outline:2px solid #fff;outline-offset:6px}
.story-footer{position:absolute;left:120px;top:1186px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:30px;color:#fff;opacity:0;pointer-events:none}
.story-company-logo{display:block;max-width:none}
.story-company-info{font-size:16px;line-height:1.5;letter-spacing:-.02em}
.story-landing .story-company-name{font-size:18px;font-weight:500;line-height:normal;color:rgba(255,255,255,.6);margin-bottom:10px}
.story-company-info>p+p{font-size:16px;line-height:1.5;font-weight:500;color:rgba(255,255,255,.4)}
.story-landing .story-copyright{font-size:16px;line-height:normal;font-weight:500;color:rgba(255,255,255,.2);letter-spacing:-.02em}

/* The same content remains readable without scroll choreography. */

.story-static .story-track{height:auto!important}
.story-static .story-pin{position:relative;top:auto;height:auto;overflow:hidden;background:#77acd1}
.story-static .story-canvas{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none!important}
.story-static .story-blue{position:absolute;inset:0;height:100%;opacity:1!important}
.story-static .story-closing-bg,.story-static .story-dark{display:none}
.story-static .story-scenes{position:relative;inset:auto;pointer-events:auto}
.story-static .story-scene,.story-static .story-position-board{position:relative;inset:auto;display:flex;flex-direction:column;gap:54px;min-height:100svh;padding:64px 28px 74px;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;pointer-events:auto!important}
.story-static .story-stat{position:relative;left:auto;top:auto;width:100%;opacity:1!important;transform:none!important;filter:none!important}
.story-static .story-eyebrow{font-size:12px;line-height:1.4;margin-bottom:10px}
.story-static .story-stat h2{font-size:28px;line-height:1.25}
.story-static .story-bombs{grid-template-columns:repeat(7,30px);grid-auto-rows:30px;gap:13px;margin-top:26px}
.story-static .story-bomb{transform:scale(.625);transform-origin:0 0}
.story-static .story-card-group{position:relative;inset:auto;width:100%;max-width:470px;margin:12px auto;min-height:0;opacity:1!important;transform:none!important;filter:none!important}
.story-static .story-post{position:relative;left:auto;top:auto;width:100%;padding:25px 23px;border-radius:24px}
.story-static .story-post-copy,.story-static .story-post-missing .story-post-copy,.story-static .story-post-position .story-post-copy{font-size:16px;line-height:1.6;white-space:normal}
.story-static .story-post-position .story-post-copy p:first-child{white-space:normal}
.story-static .story-post-copy p+p{margin-top:24px}
.story-static .story-post-copy br{display:initial}
.story-static .story-post-copy p:last-child br{display:block}
.story-static .story-chip>span{font-size:21px;line-height:1.2;padding:10px 14px;border-radius:13px}
.story-static .story-chip-ad{left:10px;top:-34px}
.story-static .story-chip-pr{left:auto;right:5px;top:-34px}
.story-static .story-chip-sponsored{left:auto;right:4px;top:auto;bottom:-25px}
.story-static .story-chip-reviewer{left:4px;top:-34px}
.story-static .story-chip-invited{left:auto;right:-8px;top:auto;bottom:-24px}
.story-static .story-chip-opportunity{left:5px;top:auto;bottom:-24px}
.story-static .story-description,.story-static .story-description-right{position:relative;left:auto;bottom:auto;width:100%;text-align:left;align-items:flex-start;opacity:1!important;transform:none!important;filter:none!important}
.story-static .story-description h3{font-size:30px;line-height:1.3;margin-bottom:16px}
.story-static .story-description p{font-size:15px;line-height:1.7;white-space:normal;word-break:keep-all}
.story-static .story-description p br{display:none}
.story-static .story-position-board{border-radius:0!important;background:#27272a}
.story-static .story-interlude{display:none}
.story-static .story-rail{display:none}
.story-static .story-closing{position:relative;left:auto;top:auto;width:100%;min-height:75svh;padding:100px 24px;gap:40px;justify-content:center;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;pointer-events:auto!important;background:radial-gradient(ellipse at 10% 110%,#af765d 0,transparent 65%),linear-gradient(180deg,#3a5578,#58647e)}
.story-static .story-closing h2{font-size:clamp(26px,5.8vw,40px);white-space:normal;line-height:1.5;word-break:keep-all}
.story-static .story-footer{position:relative;left:auto;top:auto;width:100%;gap:27px;padding:70px 28px 45px;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;pointer-events:auto!important;background:linear-gradient(145deg,#897465,#58647e 65%,#515668)}
.story-static .story-company-name{font-size:15px}
.story-static .story-company-info>p+p{font-size:12px;line-height:1.8}
.story-static .story-copyright{font-size:11px;line-height:1.5}


@media(min-width:1101px) and (prefers-reduced-motion:reduce){
  .story-scene,.story-position-board{padding:100px max(7vw,40px);gap:60px;min-height:1080px}
  .story-landing .story-eyebrow{font-size:18px}
  .story-landing .story-stat h2{font-size:32px}
  .story-bombs{grid-template-columns:repeat(10,48px);grid-auto-rows:48px;gap:16px;margin-top:36px}
  .story-bomb{transform:none}
  .story-card-group{max-width:560px;margin:10px 12% 10px auto}
  [data-story-scene="wording"] .story-card-group,.story-position-board .story-card-group{margin:10px auto 10px 9%}
  .story-post{padding:28px;border-radius:32px}
  .story-post-copy,.story-post-missing .story-post-copy,.story-post-position .story-post-copy{font-size:22px;line-height:1.5}
  .story-chip>span{font-size:32px}
  .story-landing .story-description h3{font-size:42px}
  .story-landing .story-description p{font-size:18px;max-width:780px}
  .story-description-right{align-items:flex-end;text-align:right}
  .story-closing{min-height:900px}
  .story-landing .story-closing h2{font-size:48px}
  .story-footer{padding:80px max(7vw,40px)}
  .story-landing .story-company-name{font-size:18px}
  .story-company-info>p+p,.story-landing .story-copyright{font-size:16px}
}

@media(prefers-reduced-motion:no-preference){
  .story-static .story-scroll-reveal{opacity:0!important;filter:blur(9px)!important;translate:0 22px;transition:opacity 1.43s ease,filter 1.69s ease,translate 1.82s cubic-bezier(.22,1,.36,1)}
  .story-static .story-scroll-reveal.story-visible{opacity:1!important;filter:none!important;translate:0 0}
}

.story-static .story-blue{background:linear-gradient(118deg,#6e95c6,#77b2d6 55%,#a2e2e5)}

@media(prefers-reduced-motion:reduce){.story-blue::before,.story-closing-bg::before{animation:none}}

/* Shared rank elements persist while the surrounding examples change. */
.story-shared-stat-space{position:absolute;inset:0;z-index:4;pointer-events:none;transform-origin:center}
.story-shared-count-window{display:inline-block;vertical-align:top;width:.64em;height:1.25em;overflow:hidden;font-variant-numeric:tabular-nums}
.story-shared-count-track{display:block;will-change:transform}
.story-shared-count-track>span{display:block;height:40px;line-height:40px}
.story-shared-category{display:inline-block}
.story-ready:not(.story-static) .story-scenes .story-stat,.story-ready:not(.story-static) .story-position-board .story-stat{visibility:hidden}
.story-static .story-shared-stat-space{display:none}

.story-rail-label[hidden],.story-more[hidden]{display:none}
.story-shared-rank-number{display:inline-block}
.story-chip>.story-keyword{position:relative;--story-strike-inset:24px}
.story-keyword::before,.story-keyword::after{content:"";position:absolute;left:var(--story-strike-inset);right:var(--story-strike-inset);top:50%;height:5px;border-radius:99px;transform:translateY(-50%) scaleX(var(--story-strike,0));transform-origin:left center;pointer-events:none}
.story-keyword::after{z-index:0;background:currentColor}
.story-keyword::before{z-index:1;background:linear-gradient(90deg,transparent 0%,transparent 55%,#a63838 79%,#f44632 100%);opacity:var(--story-heat,0)}
.story-strike-head{position:absolute;z-index:2;left:var(--story-head-x,24px);top:50%;width:8px;height:8px;border-radius:50%;background:#ff5a3e;box-shadow:0 0 5px 2px rgba(255,78,49,.8),0 0 16px 6px rgba(255,68,43,.43),0 0 30px 10px rgba(255,56,36,.18);opacity:var(--story-heat,0);transform:translate(-50%,-50%);pointer-events:none}
.story-static .story-keyword{--story-strike-inset:14px}
.story-landing .story-shared-stat h2 span{color:inherit}
.story-landing .story-shared-stat h2 .story-count-muted{color:rgba(255,255,255,.7)}