.unicorn{position:relative;height:340svh;background:var(--light);isolation:isolate}
.uc-pin{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1400px}
.uc-intro{position:absolute;top:12%;inset-inline:5%;z-index:2;text-align:center;pointer-events:none;will-change:transform,opacity}
.uc-intro h2{font-size:clamp(38px,5vw,86px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:18px 0}
.uc-intro>p:last-child{font-size:clamp(14px,1.2vw,20px)}
.uc-tablet{position:absolute;left:50%;top:50%;width:86vw;height:min(54vw,68svh);border-radius:44px;background:linear-gradient(145deg,#85858d,#141419 12%,#09090d 80%,#5c5c65);padding:30px 38px;box-shadow:0 20px 70px #10102033,0 0 0 2px #777780,0 0 0 5px #18181d;transform-origin:center;transform:translate3d(-50%,-38%,0) scale(.94) rotateX(8deg);will-change:transform}
.uc-screen{position:relative;width:100%;height:100%;border-radius:28px;background:#09090c;overflow:hidden;isolation:isolate}
.uc-screen video{width:100%;height:100%;object-fit:cover;display:block}
.uc-camera{position:absolute;left:15px;top:50%;width:9px;height:9px;border-radius:50%;background:#050509;box-shadow:0 0 0 2px #252530,inset 0 0 4px #6377b0}
.uc-hardware{position:absolute;left:14%;top:-5px;width:9%;height:4px;border-radius:4px;background:#43434a}
.uc-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#08081599,transparent 52%);opacity:0;transition:opacity 500ms var(--ease-out);pointer-events:none}
.unicorn.is-immersed .uc-vignette{opacity:1}
.uc-captions{position:absolute;inset:0;z-index:3;pointer-events:none}
.uc-caption{position:absolute;inset-inline:6%;bottom:12%;color:#fff;opacity:0;visibility:hidden;transition:opacity 250ms ease;perspective:900px;text-shadow:0 2px 22px #0005}
.uc-caption.uc-active{opacity:1;visibility:visible}
.uc-caption p{font-size:clamp(10px,.9vw,14px);letter-spacing:.16em;margin:0 0 22px;opacity:0}
.uc-caption h3{font-size:clamp(32px,5.5vw,88px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:0}
.uc-word{display:inline-block;transform-origin:50% 100%;opacity:0}
.uc-active .uc-word{animation:uc-rise 900ms var(--ease-out) both;animation-delay:calc(var(--i) * 45ms)}
.uc-active p{animation:uc-ink 700ms var(--ease-out) both}
.uc-caption[data-scene="1"]{text-align:end}
.uc-caption[data-scene="1"].uc-active .uc-word{animation-name:uc-side}
.uc-caption[data-scene="2"].uc-active .uc-word{animation-name:uc-depth}
@keyframes uc-rise{from{opacity:0;transform:translate3d(0,75%,0) rotateX(-70deg)}to{opacity:1;transform:none}}
@keyframes uc-side{from{opacity:0;transform:translate3d(35%,0,0) rotateY(-30deg)}to{opacity:1;transform:none}}
@keyframes uc-depth{from{opacity:0;transform:scale(.9) translate3d(0,25%,0)}to{opacity:1;transform:none}}
@keyframes uc-ink{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
.uc-play{position:absolute;inset:auto auto 6% 50%;transform:translateX(-50%);padding:14px 24px;border-radius:40px;color:#fff;background:#0b0b17c9;border:1px solid #fff5;font-size:12px;letter-spacing:.09em;z-index:4}
.uc-play[hidden]{display:none}
.uc-play:hover{background:var(--accent)}
.uc-next{position:absolute;bottom:3%;inset-inline-end:5%;z-index:5;display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.1em;color:var(--ink);transition:color 250ms ease,opacity 250ms ease}
.unicorn.is-immersed .uc-next{color:#fff}
html.is-unicorn .site-header{color:#fff}
html.is-unicorn .site-header .wordmark{color:#fff}
html.is-unicorn .site-header :is(.sound-btn,.lang-btn,.menu-btn,.pill--talk){background:#141420d9;color:#fff;border-color:#fff4}
:lang(he) .uc-caption p,:lang(he) .uc-next{letter-spacing:.02em}
@media(max-width:700px){.unicorn{height:300svh}.uc-intro{top:13%}.uc-tablet{padding:16px 20px;border-radius:28px}.uc-screen{border-radius:18px}.uc-camera{left:7px;width:6px;height:6px}.uc-caption{bottom:18%;inset-inline:8%}.uc-caption h3{font-size:clamp(32px,8vw,56px)}.uc-caption p{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.unicorn{height:auto;padding:70px 0}.uc-pin{position:relative;height:auto;overflow:visible}.uc-intro{position:relative;inset:auto;padding:0 6% 30px}.uc-tablet{position:relative;inset:auto;width:92%;margin:0 4%;height:65svh;transform:none!important;will-change:auto}.uc-next{position:relative;inset:auto;margin:35px 6% 0}.uc-active .uc-word,.uc-active p{animation:none;opacity:1;transform:none}.uc-caption h3{font-size:clamp(28px,5vw,64px)}}