.cine{isolation:isolate;background:var(--bg-soft);position:relative}.cine-track,.cine-only,html.cine-on .static-only{display:none}html.cine-on .cine-track{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}.cine-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.cine-canvas{width:100%;height:100%;display:block}.cine-labels,.cine-hl{position:absolute;inset:0}.cine-label{opacity:0;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:.3rem .7rem;font-size:.82rem;font-weight:700;position:absolute;top:0;left:0}.cine-hl{opacity:0}.cine-box{background:#ffd84d59;border:2px solid #2950e8;border-radius:3px;animation:1.6s ease-out 3 cineping;position:absolute}@keyframes cineping{0%{box-shadow:0 0 #2950e899}to{box-shadow:0 0 0 16px #2950e800}}.cine-cap{opacity:0;background:var(--ink);color:var(--bg);font:500 .9rem/1.2 var(--mono);white-space:nowrap;border-radius:999px;padding:.45rem 1rem;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.cine-hero,.cine-step{z-index:1;position:relative}html.cine-on .cine-hero{align-items:center;min-height:calc(100vh - 64px);padding:3rem 0;display:flex}html.cine-on .cine-hero .hero-grid{grid-template-columns:minmax(0,36rem);width:100%}html.cine-on .cine-only{align-items:flex-start;min-height:100vh;padding-top:14vh;display:flex}html.cine-on .cine-only .wrap{width:100%}.cine-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 94%, transparent);max-width:28rem;box-shadow:var(--shadow);border-radius:18px;padding:clamp(1.25rem,3vw,2rem)}.cine-card h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}@media (width<=62rem){html.cine-on .cine-hero{align-items:flex-start}html.cine-on .cine-hero .copy{background:color-mix(in srgb, var(--bg-soft) 90%, transparent);border-radius:16px;margin:-1rem;padding:1rem}html.cine-on .cine-only{padding-top:9vh}}.cine-lens{opacity:0;background-color:#fff;background-repeat:no-repeat;border:3px solid #2950e8;border-radius:50%;width:190px;height:190px;position:absolute;top:0;left:0;box-shadow:0 18px 40px -12px #00000073,0 0 0 6px #2950e826}@media (width<=40rem){.cine-lens{width:130px;height:130px}}