@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .48s cubic-bezier(.2,.8,.2,1) both}
.line-story{min-height:1700px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.line-story__copy{position:sticky;top:110px;align-self:start;padding-top:160px}.line-story__copy h2{margin:15px 0 25px;font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.05em}.line-story__copy>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:17px;line-height:1.7}.line-story__progress{width:min(360px,100%);height:3px;margin-top:35px;background:rgba(255,255,255,.09);overflow:hidden;border-radius:999px}.line-story__progress i{display:block;width:100%;height:100%;background:var(--grad);transform:scaleX(var(--story-progress,0));transform-origin:left;border-radius:inherit}
.line-story__stage{position:sticky;top:100px;height:650px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 50% 45%,rgba(69,147,227,.12),transparent 45%),linear-gradient(145deg,rgba(17,25,46,.82),rgba(8,13,27,.65));box-shadow:0 40px 100px rgba(0,0,0,.18)}.line-story__stage:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.04);border-radius:50%;transform:scale(var(--story-ring-scale,.72));opacity:var(--story-ring-opacity,.15)}.line-story__drawing{position:absolute;width:min(92%,600px);overflow:visible;opacity:var(--drawing-opacity,1);transform:scale(var(--drawing-scale,1))}.line-story__guide{fill:none;stroke:rgba(255,255,255,.055);stroke-width:2}.line-story__path{fill:none;stroke:url(#story-gradient);stroke-width:5;stroke-linecap:round;filter:url(#story-glow);stroke-dasharray:1;stroke-dashoffset:var(--drawing-offset,1)}.line-story__pen{fill:#fff;filter:drop-shadow(0 0 12px #64d7a0);offset-path:path("M108 364 C94 225 170 105 298 102 C426 100 508 200 488 318 C470 420 361 454 260 417 C181 388 153 306 188 241 C226 171 334 165 389 223 C442 278 404 357 337 370 C276 382 226 337 234 284 C242 235 304 211 346 242 C382 268 375 318 342 337");offset-distance:var(--drawing-distance,0%);opacity:var(--drawing-opacity,1)}
.line-story__model{position:relative;width:250px;height:270px;opacity:var(--model-opacity,0);transform:perspective(800px) rotateX(var(--model-rx,62deg)) rotateZ(var(--model-rz,-20deg)) scale(var(--model-scale,.7));filter:drop-shadow(0 35px 35px rgba(0,0,0,.45))}.line-story__model span{position:absolute;border:2px solid rgba(101,208,157,.85);border-radius:22px;background:linear-gradient(145deg,rgba(85,212,134,.28),rgba(101,169,255,.1));box-shadow:inset 0 0 25px rgba(89,174,224,.1)}.line-story__model span:nth-child(1){inset:10px 94px 92px 18px;transform:translate3d(var(--p1x,-100px),var(--p1y,80px),0)}.line-story__model span:nth-child(2){inset:72px 18px 18px 82px;transform:translate3d(var(--p2x,110px),var(--p2y,65px),20px)}.line-story__model span:nth-child(3){width:108px;height:108px;left:8px;bottom:2px;transform:translate3d(var(--p3x,-95px),var(--p3y,-55px),40px)}.line-story__model span:nth-child(4){width:92px;height:92px;right:34px;top:18px;transform:translate3d(var(--p4x,80px),var(--p4y,-85px),55px)}.line-story__model b{position:absolute;right:-45px;bottom:20px;color:#7e8aa4;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.line-story__hint{position:absolute;left:28px;bottom:24px;color:#66728c;font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:var(--hint-opacity,1)}
@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}}@media(max-width:800px){.line-story{min-height:1500px;display:block}.line-story__copy{position:relative;top:auto;padding-top:40px}.line-story__stage{position:sticky;top:76px;height:min(125vw,580px);margin-top:34px}.line-story__model{width:210px;height:230px}}@media(max-width:520px){.line-story{min-height:1380px}.line-story__stage{top:82px;height:min(112vw,500px);border-radius:24px}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.line-story{min-height:auto}.line-story__copy,.line-story__stage{position:relative;top:auto}.line-story__path{stroke-dashoffset:0}.line-story__pen{display:none}.line-story__drawing{opacity:.25}.line-story__model{opacity:1;transform:none}.line-story__model span{transform:none!important}}