.cine{isolation:isolate;background:var(--v-ink);height:100svh;min-height:40rem;color:var(--v-paper);position:relative;overflow:hidden}.cine-stage{transform-origin:50% 40%;will-change:transform;position:absolute;inset:0}.cine-slide{will-change:transform;position:absolute;inset:0;overflow:hidden}.cine-slide img{object-fit:cover;object-position:var(--cine-pos,center 30%);will-change:transform}.cine-stage:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(60% 55% at 92% 80%, color-mix(in srgb, var(--v-ink) 78%, transparent) 0%, transparent 70%), radial-gradient(140% 100% at 70% 35%, transparent 35%, color-mix(in srgb, var(--v-ink) 70%, transparent) 100%), linear-gradient(to top, color-mix(in srgb, var(--v-ink) 94%, transparent) 0%, color-mix(in srgb, var(--v-ink) 70%, transparent) 26%, transparent 58%), linear-gradient(100deg, color-mix(in srgb, var(--v-ink) 72%, transparent) 0%, color-mix(in srgb, var(--v-ink) 30%, transparent) 38%, transparent 62%), linear-gradient(to bottom, color-mix(in srgb, var(--v-ink) 65%, transparent) 0%, transparent 20%);position:absolute;inset:0}.cine-shade{z-index:4;background:var(--v-ink);opacity:0;pointer-events:none;position:absolute;inset:0}.cine-grain{z-index:5;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}.cine-kicker{z-index:6;left:var(--pad-x);color:var(--v-accent);align-items:center;gap:1rem;margin:0;display:flex;position:absolute;top:clamp(7.5rem,16vh,9.5rem)}.cine-kicker__rule{background:currentColor;width:2.6rem;height:1px}.cine-copy{z-index:6;left:var(--pad-x);width:min(62rem, calc(100vw - 2 * var(--pad-x)));position:absolute;bottom:clamp(7.5rem,17vh,10.5rem)}.cine-title{font-family:var(--v-display);font-weight:var(--v-display-weight);font-size:calc(clamp(3.1rem, 6.6vw, 7.8rem) * var(--v-display-scale));letter-spacing:var(--v-display-track);will-change:transform;margin:0;line-height:.94}.cine-line{padding-bottom:.05em;display:block;overflow:hidden}.cine-line>span{display:inline-block}.cine-line--accent em{color:var(--v-accent);font-style:italic}.cine-side{z-index:6;right:var(--pad-x);width:min(23rem,28vw);position:absolute;bottom:clamp(9.5rem,21vh,12.5rem)}.cine-lead{color:color-mix(in srgb, var(--v-paper) 88%, transparent);margin:0;font-size:clamp(1rem,1.08vw,1.1rem);line-height:1.65}.cine-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;display:flex}.cine-bar{z-index:6;left:var(--pad-x);right:var(--pad-x);align-items:flex-end;gap:clamp(1rem,2vw,2rem);display:flex;position:absolute;bottom:clamp(1.4rem,3vh,2.4rem)}.cine-caption{flex:1;grid-template-columns:auto 1fr;align-items:baseline;gap:.6rem 1rem;min-width:0;display:grid}.cine-count{font-family:var(--v-display);font-size:clamp(1.1rem,1.2vw,1.3rem)}.cine-count span{opacity:.6;margin-left:.35rem;font-size:.75em}.cine-caption__text{letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb, var(--v-paper) 82%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:500;overflow:hidden}.cine-progress{background:color-mix(in srgb, var(--v-paper) 25%, transparent);grid-column:1/-1;width:min(14rem,100%);height:1px;display:block;position:relative;overflow:hidden}.cine-progress>span{background:var(--v-accent);transform-origin:0;animation:linear forwards cine-progress;position:absolute;inset:0}.cine-progress>span.is-paused{animation-play-state:paused}@keyframes cine-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cine-controls{gap:.5rem;display:flex}.cine-next{cursor:pointer;background:0 0;border:0;width:clamp(7.5rem,9vw,10rem);padding:0}.cine-next .frame{aspect-ratio:4/3;border-radius:clamp(8px,.8vw,12px);display:block;position:relative;overflow:hidden;box-shadow:0 24px 60px -18px #0009}.cine-next .frame img{object-fit:cover;transition:transform .9s var(--ease-out-soft)}.cine-next:hover .frame img,.cine-next:focus-visible .frame img{transform:scale(1.06)}.cine-next .badge{z-index:2;background:color-mix(in srgb, var(--v-ink) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--v-paper);letter-spacing:.14em;border-radius:6px;padding:.25rem .4rem;font-size:.64rem;position:absolute;top:.5rem;right:.5rem}@media (min-width:1024px){.has-motion .cine:not(.cine-ready) .cine-kicker,.has-motion .cine:not(.cine-ready) .cine-fade,.has-motion .cine:not(.cine-ready) .cine-line>span{opacity:0;animation:.6s 3s forwards cine-fallback}}@keyframes cine-fallback{to{opacity:1}}@media (max-width:1023.98px){.cine-side{width:min(26rem,40vw)}}@media (max-width:767.98px){.cine-slide img{object-position:var(--cine-pos-mobile,var(--cine-pos,center 30%))}.cine-stage:after{background:linear-gradient(to top, color-mix(in srgb, var(--v-ink) 96%, transparent) 0%, color-mix(in srgb, var(--v-ink) 82%, transparent) 38%, color-mix(in srgb, var(--v-ink) 20%, transparent) 64%, color-mix(in srgb, var(--v-ink) 55%, transparent) 100%)}.cine{padding:0 var(--pad-x) 6.4rem;flex-direction:column;justify-content:flex-end;display:flex}.cine-kicker{top:6.2rem}.cine-copy,.cine-side{width:auto;position:relative;bottom:auto;left:auto;right:auto}.cine-side{margin-top:1.1rem}.cine-title{font-size:calc(clamp(2.5rem, 11vw, 3.4rem) * var(--v-display-scale));line-height:.98}.cine-lead{font-size:.98rem}.cine-actions{margin-top:1.1rem}.cine-next{display:none}.cine-caption__text{letter-spacing:.2em;font-size:.66rem}}@media (prefers-reduced-motion:reduce){.cine-progress>span{animation:none;transform:scaleX(1)}}