:root{--ink:#18353d;--deep:#347d89;--bg:#f6fbfc;--line:#d9e8eb}
.embedded-motion,.embedded-motion body{overflow:hidden}.embedded-motion .motion-track{height:100vh}.embedded-motion .motion-stage{position:relative;min-height:0}.embedded-motion .preview-label,.embedded-motion .settled-hero,.embedded-motion .continuation,.embedded-motion .skip{display:none}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font:300 17px/1.7 Heebo,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,p{margin-top:0}
h1,h2{font-family:"Noto Serif Hebrew",Georgia,serif;font-weight:400;line-height:1.2;letter-spacing:-.035em}
em{color:var(--deep);font-style:normal}
.skip{position:fixed;z-index:100;top:8px;right:8px;transform:translateY(-160%);padding:8px 14px;background:var(--deep);color:#fff;border-radius:99px}.skip:focus{transform:none}
.preview-label{position:fixed;z-index:50;top:18px;left:18px;padding:7px 13px;border:1px solid rgba(122,172,180,.3);border-radius:99px;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);font-size:.72rem;font-weight:500;letter-spacing:.03em;color:#426872}
.motion-track{height:310vh;position:relative}
.motion-stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#fff 5%,#f4fafb 48%,#eaf5f7 100%)}
.stage-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.88) 0,rgba(255,255,255,0) 42%);pointer-events:none}
.stage-rings{position:absolute;inset:0;pointer-events:none;opacity:calc(1 - var(--intro-exit,0))}.stage-rings i{position:absolute;left:50%;top:48%;width:min(62vw,620px);aspect-ratio:1;border:1px solid rgba(90,157,169,.16);border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg)}.stage-rings i+ i{width:min(83vw,850px);border-color:rgba(90,157,169,.09)}
.stage-brand{position:absolute;z-index:4;top:clamp(24px,4vw,55px);right:clamp(24px,6vw,96px);width:clamp(165px,19vw,245px);opacity:calc(1 - var(--intro-exit,0))}.stage-brand img{display:block;width:100%;height:auto;filter:contrast(.86) brightness(1.04)}
.intro-title{position:absolute;z-index:3;top:46%;right:clamp(28px,8vw,130px);width:clamp(280px,32vw,480px);opacity:calc(1 - var(--intro-exit,0));transform:translateY(calc(-50% + var(--intro-move,0px)));pointer-events:none}
.intro-title p{margin-bottom:17px;color:#5e858e;font-size:.8rem;font-weight:500;letter-spacing:.08em}.intro-title h1{font-size:clamp(2.5rem,4.7vw,5.1rem);text-wrap:balance}
.object-stage{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:calc(1 - var(--object-exit,0));transform:translate3d(var(--object-x,0px),var(--object-y,0px),0) scale(var(--object-scale,1));transform-origin:50% 50%}
.object-stage canvas{display:block;width:100%;height:100%}
.object-shadow{position:absolute;z-index:1;left:51%;top:74%;width:min(39vw,430px);height:45px;border-radius:50%;background:rgba(38,107,120,.16);filter:blur(26px);transform:translateX(-50%) scale(var(--shadow-scale,1));opacity:calc(1 - var(--object-exit,0))}
.scroll-hint{position:absolute;z-index:4;bottom:clamp(30px,5vw,58px);left:50%;display:flex;align-items:center;gap:13px;color:#557a83;font-size:.75rem;letter-spacing:.07em;transform:translateX(-50%);opacity:calc(1 - var(--intro-exit,0))}.scroll-hint b{font-size:1.4rem;font-weight:300;line-height:1}
.settled-hero{position:absolute;z-index:5;inset:clamp(70px,10vh,110px) clamp(16px,4vw,60px) clamp(20px,5vh,55px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(125deg,#fff 0%,#f3fafb 40%,#e7f4f6 100%);box-shadow:0 22px 65px rgba(35,83,92,.09);opacity:var(--hero-opacity,0);transform:translateY(var(--hero-y,26px)) scale(var(--hero-scale,.96));pointer-events:var(--hero-events,none)}
.settled-copy{z-index:2;align-self:center;padding:clamp(32px,6vw,92px)}.eyebrow{color:#557d86;font-size:.78rem;font-weight:500;letter-spacing:.06em}.settled-copy h2{margin-bottom:20px;font-size:clamp(2.8rem,5vw,5.3rem)}.settled-copy>p:not(.eyebrow){max-width:430px;color:#49656d;font-size:1.05rem}.settled-copy a{display:inline-flex;margin-top:15px;padding:11px 0;gap:12px;border-bottom:1px solid #a9cfd5;color:var(--deep);font-weight:500;text-decoration:none}
.settled-portrait{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:0}.portrait-halo{position:absolute;bottom:-12%;width:min(90%,570px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#d9edf0 70%,#c6e1e6)}.settled-portrait img{position:relative;z-index:1;max-width:95%;max-height:105%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 22px rgba(24,70,78,.18))}
.continuation{min-height:80vh;padding:clamp(110px,13vw,210px) max(24px,calc((100vw - 1180px)/2));background:#fff}.continuation h2{font-size:clamp(2.8rem,6vw,5.6rem)}.continuation-links{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:54px}.continuation-links span{padding:38px 30px;min-height:160px;border:1px solid var(--line);border-radius:22px;background:#f9fcfc;font:400 clamp(1.3rem,2.4vw,2rem) "Noto Serif Hebrew",serif}
@media(max-width:700px){.motion-stage{min-height:560px}.stage-brand{width:165px;right:25px;top:23px}.intro-title{top:20%;right:24px;width:calc(100% - 48px);transform:none}.intro-title h1{font-size:clamp(2.45rem,10vw,3.8rem)}.object-stage{transform:translate3d(var(--object-x,0px),calc(var(--object-y,0px) + 75px),0) scale(calc(var(--object-scale,1) * .78))}.object-shadow{top:78%;width:60vw}.settled-hero{inset:78px 12px 16px;grid-template-columns:1fr;grid-template-rows:auto 1fr;border-radius:25px}.settled-copy{align-self:start;padding:35px 26px 0}.settled-copy h2{font-size:clamp(2.8rem,10vw,4rem)}.settled-copy>p:not(.eyebrow){font-size:.96rem}.settled-portrait{min-height:0}.settled-portrait img{max-height:100%}.portrait-halo{bottom:-32%;width:min(85%,390px)}.continuation-links{grid-template-columns:1fr}.continuation-links span{min-height:105px}}
.motion-stage{background:radial-gradient(ellipse at 26% 43%,#ffffff 0%,#edf7f8 35%,#f8fbfa 65%,#e3f0f2 100%)}
.light-ribbon{position:absolute;inset:-35%;pointer-events:none;background:linear-gradient(118deg,transparent 38%,rgba(255,255,255,.85) 45%,rgba(211,235,238,.35) 47%,transparent 54%);filter:blur(22px);transform:translateX(calc(var(--progress,0) * 18%));opacity:calc(1 - var(--intro-exit,0))}
.ambient-orbs{position:absolute;inset:0;pointer-events:none;opacity:calc(1 - var(--intro-exit,0))}.ambient-orbs i{position:absolute;width:160px;aspect-ratio:1;border-radius:50%;left:9%;top:21%;background:radial-gradient(circle at 30% 25%,#fff 0%,#f1f9fa 30%,#c6dfe4 75%,#edf8fa 100%);box-shadow:inset -8px -12px 22px #adcdd533,0 25px 55px #6b9fa014;opacity:.45}.ambient-orbs i:nth-child(2){width:58px;left:47%;top:72%;opacity:.35}.ambient-orbs i:nth-child(3){width:27px;left:15%;top:78%;opacity:.6}
.stage-rings{transform:translateX(-14%) rotate(var(--scene-turn,0deg));opacity:calc(1 - var(--object-exit,0))}
.stage-rings i{border-color:#78a5af26;transform:translate(-50%,-50%) rotateX(63deg) rotateZ(-18deg)}
.intro-title h1{margin-bottom:28px}.intro-signature{display:flex;align-items:center;gap:16px;font-size:.95rem;color:#58777d;letter-spacing:.015em}.intro-signature span{width:38px;height:1px;background:#a6b9ab}
.object-shadow{left:35%;background:rgba(38,107,120,.13)}
.scroll-hint{padding-bottom:30px}.scroll-hint i{position:absolute;bottom:0;left:50%;height:23px;width:1px;background:linear-gradient(#62939f,transparent);transform-origin:top;animation:scroll-breathe 2.8s ease-in-out infinite}
.intro-title,.stage-brand{animation:arrival 1.2s ease-out both}.intro-title{animation-delay:.12s}
@keyframes arrival{from{filter:blur(7px);opacity:0}to{filter:blur(0);opacity:calc(1 - var(--intro-exit,0))}}
@keyframes scroll-breathe{0%,100%{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@media(max-width:700px){.intro-title h1{margin-bottom:17px}.intro-signature{font-size:.8rem;gap:11px}.intro-signature span{width:24px}.ambient-orbs i{width:90px;left:6%;top:47%}.ambient-orbs i:nth-child(2){left:80%;top:68%;width:40px}.stage-rings{transform:none}.object-shadow{left:50%}.preview-label{font-size:.6rem;padding:5px 8px;top:80px;left:20px}.scroll-hint{bottom:22px}}
@media(max-width:700px){.object-stage{transform:translate3d(var(--object-x,0px),calc(var(--object-y,0px) + 92px),0) scale(calc(var(--object-scale,1) * .86))}}
.motion-fallback .motion-track{height:100vh}.motion-fallback .settled-hero{opacity:1;transform:none;pointer-events:auto}.motion-fallback .intro-title,.motion-fallback .object-stage,.motion-fallback .scroll-hint{display:none}
@media(max-width:700px){html[lang="ru"] .intro-title h1{font-size:clamp(1.9rem,8.2vw,3rem)}html[dir="ltr"] .intro-title,html[dir="ltr"] .settled-copy{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}.motion-track{height:auto}.motion-stage{position:relative;height:100vh;min-height:620px}.object-stage,.object-shadow,.intro-title,.scroll-hint,.stage-rings,.stage-brand,.ambient-orbs,.light-ribbon{display:none}.settled-hero{opacity:1;transform:none;pointer-events:auto}}
