.act1__stage{padding-top:calc(var(--hh) + 16px);position:relative;overflow:hidden}.sky{background:linear-gradient(var(--sky-top), var(--bg));pointer-events:none;height:100svh;position:absolute;inset:0 0 auto}.rig{aspect-ratio:1344/2018;width:78vw;max-width:460px;margin:0 auto;position:relative}.rig img,.tower-wrap,.cat-wrap{width:100%;height:100%;position:absolute;inset:0}.tower-wrap,.cat-wrap{transform-origin:50% 70%}.cat-wrap{transform-origin:60% 32%}@media (prefers-reduced-motion:no-preference){.rig__tower,.rig__blocks{animation:.9s cubic-bezier(.2,.8,.2,1) both rise}.rig__cat{animation:.6s cubic-bezier(.34,1.7,.64,1) .3s both pop}}.faller{display:none}.hero-copy{width:min(1120px,100% - 32px);margin:24px auto 0;position:relative}.scroll-hint{color:var(--muted);align-items:center;gap:10px;margin-top:28px;font-size:.85rem;text-decoration:none;display:inline-flex}.scroll-hint svg{color:var(--cat)}@media (prefers-reduced-motion:no-preference){.scroll-hint svg{transform-origin:50% 0;animation:1.6s ease-in-out infinite wag}}@keyframes wag{50%{transform:rotate(14deg)}}.ki-copy{width:min(1120px,100% - 32px);margin:72px auto 0;padding-bottom:72px;position:relative}.ki-still{aspect-ratio:5/4;border-bottom:var(--lw) solid var(--line);max-width:460px;margin:8px auto 28px;position:relative}.ki-still__tower{transform-origin:50% 100%;width:40%;position:absolute;bottom:0;left:30%;transform:rotate(-4deg)}.ki-still__cat{width:30%;position:absolute;bottom:43%;left:36%;transform:rotate(-14deg)}.blk,.faller{aspect-ratio:1;background:var(--face);border:var(--lw) solid var(--line);width:clamp(58px,15vw,80px);box-shadow:inset -8px -8px 0 var(--face-2);font-family:var(--f-en);color:var(--line);border-radius:14px;place-items:center;font-size:clamp(.8rem,3.4vw,1rem);font-weight:700;line-height:1;position:absolute}.blk{transform:rotate(var(--r));display:grid}.pains{gap:14px;margin:0;padding:0;list-style:none;display:grid}.act2__stage{width:min(1120px,100% - 32px);margin:0 auto;padding:72px 0;position:relative}.sys{max-width:420px;margin:0 auto 24px}.sys__svg{width:100%;height:auto;overflow:visible}.sys__ground{fill:color-mix(in srgb, var(--line) 14%, transparent)}.old rect{fill:var(--face);stroke:var(--line);stroke-width:4px}.old text{font-family:var(--f-en);fill:var(--line);text-anchor:middle;font-size:16px;font-weight:700}.old{opacity:0}.tier__face{fill:var(--face)}.tier__shade{fill:var(--face-2)}.tier__line,.tier__cap{fill:none;stroke:var(--line);stroke-width:12px;stroke-linejoin:round}.tier__cap{fill:var(--face-2);stroke-width:10px}.tier__win path{fill:var(--line)}.tier__num{font-family:var(--f-en);fill:var(--accent);text-anchor:middle;font-size:34px;font-weight:700}.feats{gap:18px;display:grid}.feat{background:var(--card);border:var(--lw) solid var(--line);border-radius:var(--radius);padding:22px 22px 8px;position:relative}.feat__num{font-family:var(--f-en);color:var(--accent);font-size:1.4rem;font-weight:700}.act3{background:var(--real-bg);scroll-margin-top:var(--hh);padding:96px 0 104px;position:relative}.act3:before{content:"";background:linear-gradient(transparent, var(--real-bg));pointer-events:none;height:120px;position:absolute;inset:-120px 0 auto}.act3 h2{font-family:var(--f-body);font-weight:700;line-height:1.5}.photos{grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0 72px;display:grid}.photo{aspect-ratio:4/5;border-radius:14px;margin:0;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo figcaption{color:#fff;background:#0f1e1cc7;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;bottom:12px;left:12px}.screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;margin-bottom:20px;display:grid}.screen{min-width:0}.screen__figure{margin:0}.screen__figure img{object-fit:contain;background:var(--card);border:1px solid color-mix(in srgb, var(--text) 18%, transparent);border-radius:12px;width:100%;height:280px;display:block;box-shadow:0 18px 40px -22px #00000073}.screen__figure figcaption,.screens__note{color:var(--muted);font-size:.8rem}.screen__figure figcaption{margin-top:8px}.screens__note{margin:0 0 88px}.screen h3{font-family:var(--f-body);margin:4px 0 2px;font-size:1.05rem;font-weight:700}.screen p{color:var(--muted);margin:0;font-size:.92rem}.screen .screen__tag{color:var(--accent);margin-top:14px;font-size:.75rem;font-weight:700}.works-count-link{margin:-48px 0 64px}.works-count-link a{font-family:var(--f-head);color:var(--primary);border-bottom:2px solid color-mix(in srgb, var(--line) 30%, transparent);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding-bottom:4px;font-weight:800;text-decoration:none;display:inline-flex}.works-count-link a:hover{border-bottom-color:var(--accent)}.works-count-link__num{font-family:var(--f-en);color:var(--accent);font-size:2rem;font-weight:700;line-height:1}.bcp{border-left:6px solid var(--accent);max-width:820px;padding-left:24px}.act4{padding:104px 0 88px}.towers{border-bottom:var(--lw) solid var(--line);grid-template-columns:repeat(3,1fr);align-items:end;gap:28px;margin:40px 0 0;display:grid}.t3{transform-origin:50% 100%;width:min(220px,100%);margin:0 auto;padding-top:64px;position:relative}.t3 img{width:100%;height:auto}.flag{background:var(--accent);color:#fff;font-family:var(--f-en);border:2px solid var(--line);border-radius:0 8px 8px 0;margin-left:2px;padding:4px 10px 4px 12px;font-size:clamp(.75rem,2.2vw,1rem);font-weight:700;line-height:1.2;position:absolute;top:0;left:50%}.flag:before{content:"";background:var(--line);width:3px;height:72px;position:absolute;top:-4px;left:-5px}.fields{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px;display:grid}.field__label{font-family:var(--f-en);letter-spacing:.12em;color:var(--accent);margin:0 0 4px;font-size:.85rem;font-weight:700}.field p:last-child{color:var(--muted)}.more{margin-top:16px;font-weight:700}.cta{color:#f4faf8;background:#1f4d45;padding:88px 0;overflow:hidden}.cta h2{color:#fff}.cta__inner{grid-template-columns:300px 1fr;align-items:end;gap:48px;display:grid}.cta__art{padding-top:96px;position:relative}.cta__bubble{color:#1f4d45;font-family:var(--f-head);white-space:nowrap;transform-origin:20% 100%;background:#fff;border:2px solid #0c4745;border-radius:18px;padding:8px 14px;font-size:15px;font-weight:500;line-height:1.5;position:absolute;top:0;left:40%}.cta__bubble:after{content:"";background:#fff;border-bottom:2px solid #0c4745;border-right:2px solid #0c4745;width:12px;height:12px;position:absolute;bottom:-8px;left:20px;transform:rotate(45deg)}.cta__tower{width:200px;padding-top:110px;position:relative}.cta__cat{z-index:2;width:124px;position:absolute;top:6px;left:44px}.cta__towerimg{z-index:1;width:200px;position:relative}.cta__paw{z-index:3;transform-origin:50% 100%;background:#f7b036;border:5px solid #0c4745;border-radius:14px 14px 10px 10px;width:26px;height:36px;position:absolute;top:30px;left:30px;transform:rotate(-18deg)}@media (prefers-reduced-motion:no-preference){html.js .photos.reveal{opacity:1;transform:none}html.js .photos .photo{transition:clip-path .9s cubic-bezier(.6,0,.2,1)}html.js .photos.reveal:not(.is-in) .photo{clip-path:inset(100% 0 0 round 14px)}html.js .photos.reveal.is-in .photo{clip-path:inset(0 round 14px)}html.js .photo:nth-child(2){transition-delay:.12s}html.js .photo:nth-child(3){transition-delay:.24s}html.js .screen.reveal.is-in{transform:rotate(var(--tilt,0deg))}html.js .towers.reveal{opacity:1;transform:none}html.js .towers .t3{transition:transform .8s var(--d) cubic-bezier(.34, 1.56, .64, 1)}html.js .towers.reveal:not(.is-in) .t3{transform:scaleY(0)}html.js .cta__art.reveal:not(.is-in) .cta__bubble{transform:scale(0)}html.js .cta__art .cta__bubble{transition:transform .5s cubic-bezier(.34,1.7,.64,1) .4s}html.js .cta__art.is-in .cta__paw{animation:.9s steps(2,jump-none) infinite wave}}@keyframes wave{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@media (width<=767px){.photos{grid-template-columns:1fr;margin-bottom:56px}.photo{aspect-ratio:16/10}.screens{grid-template-columns:1fr}.screen__figure img{height:auto;max-height:360px}.towers{gap:8px}.t3{width:28vw;padding-top:48px}.flag{padding:3px 6px;font-size:12px}.flag:before{height:54px}.fields{grid-template-columns:1fr;gap:8px}.cta__inner{grid-template-columns:1fr;gap:24px}.cta__art{width:260px;margin:0 auto}}@media (width>=768px) and (width<=1023px){.screens{grid-template-columns:repeat(2,1fr)}.photos{gap:10px}}html.is-pinned .act1__stage,html.is-pinned .act2__stage{height:100svh;padding:0}html.is-pinned .act2__stage{width:100%}html.is-pinned .sky{height:100%}html.is-pinned .rig{right:5vw;top:calc(var(--hh) + 4px);height:calc(100svh - var(--hh) + 14svh);width:auto;max-width:none;margin:0;position:absolute}html.is-pinned .faller{left:var(--fx);top:var(--fy);opacity:0;z-index:1;border-width:5px;border-radius:22px;width:19%;font-size:clamp(1.4rem,2.4vw,2rem);display:grid}html.is-pinned .cat-wrap{z-index:2}html.is-pinned .hero-copy{background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(6px);border-radius:var(--radius);z-index:2;width:min(720px,58vw);margin:0;padding:28px 32px;position:absolute;bottom:7svh;left:max(4vw,50vw - 600px)}html.is-pinned .hero-copy h1{font-size:min(3.2rem,3.8vw)}html.is-pinned .scroll-hint{margin-top:16px}html.is-pinned .ki-copy{right:max(4vw,50vw - 600px);top:calc(var(--hh) + (100svh - var(--hh)) / 2);opacity:0;visibility:hidden;z-index:2;width:min(560px,48vw);margin:0;padding:0;position:absolute;transform:translateY(-50%)}html.is-pinned .sho-copy h2,html.is-pinned .ki-copy h2{font-size:clamp(1.4rem,2.5vw,2.1rem)}html.is-pinned .ki-copy .lead{font-size:.98rem}html.is-pinned .ki-still{display:none}html.is-pinned .pains{gap:12px}html.is-pinned .act2__stage{padding:var(--hh) max(4vw, calc((100vw - 1200px) / 2)) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4vw;display:grid}html.is-pinned .sys{width:min(100%,64svh);margin:0 auto}html.is-pinned .old{opacity:1}html.is-pinned .feats{min-height:300px;display:block;position:relative}html.is-pinned .feat{position:absolute;inset:0 0 auto}.photo:nth-child(3) img{object-position:78% 50%}.cta h2{font-size:clamp(1.45rem,2.6vw,2.1rem)}.cta__art{padding-top:40px}.cta__bubble{left:46%}