.cinematic{display:none}html[data-cinematic=armed] .cinematic{z-index:999;pointer-events:none;contain:strict;background-color:#000;display:block;position:fixed;inset:0}.cinematic__canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.cinematic__line{color:#f4f1e8;max-inline-size:min(30ch,86vw);font-family:var(--font-display);font-size:clamp(1.15rem,2.5vw,2rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.01em;text-align:center;text-wrap:balance;text-shadow:0 0 1.4rem #96aaff47;opacity:0;filter:blur(6px);margin-block:0;margin-inline:auto;position:absolute;inset-block-start:calc(50% + min(15.7vw,195px,25.1dvh) + clamp(1.75rem,5dvh,3.25rem));inset-inline:0;transform:translateY(.5rem)}.cinematic__line:before{content:"";background:linear-gradient(90deg,#f4f1e8e6,#f4f1e8e6) 0 0/100% 2px no-repeat,linear-gradient(90deg,#b9c6ffbf,#b9c6ffbf) .45rem/72% 2px no-repeat,linear-gradient(90deg,#b9c6ff73,#b9c6ff73) .9rem 100%/44% 2px no-repeat;block-size:.55rem;inline-size:2.6rem;margin:0 auto .95rem;display:block;transform:skew(-38deg)}html[lang=ar] .cinematic__line{font-family:var(--font-arabic);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);line-height:var(--leading-snug)}html[dir=rtl] .cinematic__line:before{transform:skew(38deg)scaleX(-1)}@media (orientation:landscape) and (height<=32rem){.cinematic__line{max-inline-size:min(52ch,86vw)}}html[data-cinematic=armed] .cinematic[data-cinematic-phase=running] .cinematic__line{opacity:1;filter:blur();transition:opacity var(--cine-line-reveal,.9s) cubic-bezier(.22, .61, .36, 1) var(--cine-line-delay,2.8s), transform var(--cine-line-reveal,.9s) cubic-bezier(.22, .61, .36, 1) var(--cine-line-delay,2.8s), filter var(--cine-line-reveal,.9s) cubic-bezier(.22, .61, .36, 1) var(--cine-line-delay,2.8s);transform:translateY(0)}html[data-cinematic=armed] .cinematic[data-cinematic-phase=depart] .cinematic__line{opacity:0;filter:blur(4px);transition:opacity var(--cine-line-depart,.45s) cubic-bezier(.4, 0, 1, 1), transform var(--cine-line-depart,.45s) cubic-bezier(.4, 0, 1, 1), filter var(--cine-line-depart,.45s) cubic-bezier(.4, 0, 1, 1);transform:translateY(-.35rem)}html[data-cinematic=armed] .cinematic[data-cinematic-phase=handoff] .cinematic__line{opacity:0;filter:blur(4px);transition:none;transform:translateY(-.35rem)}html[data-cinematic=armed] .cinematic[data-cinematic-phase=handoff]{opacity:0;transition:opacity var(--cine-handoff,.6s) cubic-bezier(.33, 0, .2, 1)}html[data-cinematic=done] .cinematic{z-index:999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--cine-release,.3s) ease, visibility 0s linear var(--cine-release,.3s);display:block;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){html[data-cinematic=armed] .cinematic,html[data-cinematic=done] .cinematic{transition:none;display:none}.cinematic__line{transition:none}}