/* Волна на баннере «Ближайшая встреча»: тот же круг, что на лендинге /zurich, но в цветах
   Дюны — бумага на тёмном, заливка по шагам сигнальным оранжевым (логика в orbital.js). */
@property --fill-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@property --ink-from{syntax:'<angle>';initial-value:0deg;inherits:false}
@property --ink-to{syntax:'<angle>';initial-value:0deg;inherits:false}
.meeting-orbital{position:relative;display:flex;align-items:center;justify-content:center;min-height:800px;padding:40px clamp(20px,3vw,60px);overflow:hidden;background:#1c1a16}
.orbital{aspect-ratio:1;position:relative;width:min(100%,720px);isolation:isolate;--fill-angle:0deg}
.orbital-art{position:absolute;inset:0;mask-image:conic-gradient(#000 0deg var(--fill-angle),transparent var(--fill-angle) 360deg);-webkit-mask-image:conic-gradient(#000 0deg var(--fill-angle),transparent var(--fill-angle) 360deg);animation:ring-build 2.6s cubic-bezier(.22,1,.36,1) both}
.orbital-art img{width:100%;height:100%;object-fit:contain;animation:ring-turn 120s linear infinite;opacity:.5;mask-image:radial-gradient(circle closest-side,transparent 0 48%,#000 52% 89%,transparent 99%);-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 48%,#000 52% 89%,transparent 99%)}
.orbital-ink{position:absolute;inset:0;mask-image:conic-gradient(transparent 0 var(--ink-from),#000 calc(var(--ink-from) + 5deg) calc(var(--ink-to) - 5deg),transparent var(--ink-to));-webkit-mask-image:conic-gradient(transparent 0 var(--ink-from),#000 calc(var(--ink-from) + 5deg) calc(var(--ink-to) - 5deg),transparent var(--ink-to));transition:--ink-from 1.1s cubic-bezier(.65,0,.35,1),--ink-to 1.1s cubic-bezier(.65,0,.35,1)}
.orbital-ink.no-transition{transition:none}
.orbital-ink img{position:absolute;inset:0;opacity:.95}
.orbital-track{position:absolute;inset:7.5%;border:1px solid #e9e1d426;border-radius:50%}
.orbital-track::after{content:'';position:absolute;inset:16%;border:1px solid #e9e1d420;border-radius:50%}
.orbital-fill{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from -90deg,transparent 0deg 175deg,#e9e1d40d 175deg 250deg,transparent 250deg);mask-image:radial-gradient(transparent 53%,#000 54% 70%,transparent 71%);-webkit-mask-image:radial-gradient(transparent 53%,#000 54% 70%,transparent 71%);animation:ring-turn 80s linear reverse infinite}
.orbital-ticks{position:absolute;inset:5.7%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#aaa39780 0deg .12deg,transparent .12deg 3deg);mask-image:radial-gradient(transparent 68.7%,#000 69% 70%,transparent 70.3%);-webkit-mask-image:radial-gradient(transparent 68.7%,#000 69% 70%,transparent 70.3%);opacity:.65;animation:ring-turn 140s linear infinite}
.orbital-control{position:absolute;inset:29%;border:0;border-radius:50%;background:transparent;color:var(--paper);font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:6;text-align:center}
.orbital-control>*{flex:none}
.orbital-control:focus-visible{outline:2px solid var(--signal);outline-offset:10px}
.orbital-eyebrow{font:clamp(9px,.8vw,12px)/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.orbital-value{font-size:clamp(48px,5.6vw,88px);letter-spacing:-.065em;line-height:1.05;margin:15px 0 7px;display:block;font-weight:300;white-space:nowrap}
.date-slash{color:var(--signal);font-weight:300;padding:0 .01em}
.orbital-value.words{font-size:clamp(30px,3.4vw,52px);white-space:normal;max-width:90%;line-height:1.02}
.orbital-caption{font-size:clamp(12px,1.1vw,16px);color:var(--muted);line-height:1.5;min-height:24px}
.orbital-play{display:block;position:relative;flex:none;width:39px;height:39px;aspect-ratio:1;margin-top:17px;border-radius:50%;background:var(--paper);transition:background .25s,transform .25s}
.orbital-play::before{content:'';position:absolute;left:41%;top:34%;width:27%;height:32%;background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%)}
.orbital-control:hover .orbital-play{transform:scale(1.1);background:var(--signal)}
.orbital-hint{font-size:11px;line-height:1.4;color:var(--muted);margin-top:11px}
.orbital.is-pulsing .orbital-value{animation:value-shift .8s var(--ease)}
.orbit-note{position:absolute;font:11px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);z-index:3}
.note-top{top:4%;left:24%;transform:rotate(-13deg)}
.note-bottom{bottom:6.5%;right:13%;transform:rotate(-26deg);font-size:10px}
.orbital-digits{position:absolute;inset:0;pointer-events:none;z-index:3}
.orbital-digit{position:absolute;left:50%;top:50%;width:24px;margin-left:-12px;text-align:center;font:10px/1 ui-monospace,monospace;color:var(--muted);transform:rotate(var(--angle)) translateY(var(--radius)) rotate(calc(-1 * var(--angle)));animation:digit-assemble 2.1s var(--ease) both;animation-delay:var(--delay)}
.orbital-digit:nth-child(3n){color:var(--signal)}
@keyframes ring-build{from{--fill-angle:0deg;transform:rotate(-20deg);opacity:.25}to{--fill-angle:360deg;transform:rotate(0);opacity:1}}
@keyframes ring-turn{to{transform:rotate(360deg)}}
@keyframes digit-assemble{from{opacity:0;transform:rotate(calc(var(--angle) - 80deg)) translateY(-30px) rotate(calc(-1 * var(--angle)));filter:blur(4px)}to{opacity:1;transform:rotate(var(--angle)) translateY(var(--radius)) rotate(calc(-1 * var(--angle)));filter:blur(0)}}
@keyframes value-shift{0%{opacity:1;transform:translateY(0)}35%{opacity:0;transform:translateY(-12px);filter:blur(4px)}45%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:1100px){.meeting-orbital{min-height:750px}}
@media(max-width:700px){.meeting-orbital{min-height:0;padding:30px 10px 10px}.orbital-control{inset:28%}.orbital-eyebrow{font-size:9px;letter-spacing:.03em}.orbital-value{font-size:54px;margin-top:11px}.orbital-value.words{font-size:31px}.orbital-caption{font-size:12px;min-height:18px}.orbital-play{width:32px;height:32px;margin-top:10px}.orbital-hint{font-size:9px;margin-top:7px}.orbit-note,.note-bottom{font-size:8px}.orbital-digit{font-size:8px}}
@media(prefers-reduced-motion:reduce){.orbital-art{mask-image:none;-webkit-mask-image:none;opacity:1;transform:none;animation:none}.orbital-digit{opacity:1;filter:none;animation:none}.orbital-art img,.orbital-ticks,.orbital-fill{animation:none!important}.orbital.is-pulsing .orbital-value{animation:none!important}.orbital-ink{transition:none}}
