/* rd-hero-logo.css — стартовый экран главной (правки Анны 06.10.2026 поздний вечер, п.33 и п.47). Подключается после rd-hdr-clear.css.
   п.47: вместо имени под круглым фото — чёрный знак aR на светлой подложке карточки: половины «a» и «R» раздвигаются в пределах подложки,
   в щели проявляется ANNA REDINOVA, затем съезжаются обратно, остаётся знак. Знак — тот же векторный файл, что в блоке связи (assets/ar-anim.svg, d59eeb2);
   в <img> его fill=currentColor рисуется чёрным. Подпись «Эксперт по недвижимости…» ниже, в анимации не участвует. Имя h1 остаётся в разметке (SEO, чтение с экрана), глазами не видно.
   п.33 (телефон): карточка по вертикали по центру свободного места под шапкой (66 px), пустого отступа снизу нет. */
#hero#hero h1.hero-name{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
#hero#hero .rdhl{--h:64px;--spx:14px;--fs:34px;--fk:1;--ls:.3em;--nw:200px;flex:none;display:flex;justify-content:center;align-items:center;width:100%;height:var(--h);margin:2px 0 8px;color:#000;pointer-events:none}
.rdhl .rdhl-b{display:flex;align-items:center;justify-content:center;height:var(--h);width:max-content;max-width:100%}
.rdhl .rdhl-a,.rdhl .rdhl-r{display:block;flex:none;height:var(--h);overflow:hidden;position:relative}
.rdhl .rdhl-a{width:calc(var(--h)*538/720)}
.rdhl .rdhl-r{width:calc(var(--h)*745/720);margin-left:calc(var(--h)*-3/720)}
html body .rdhl .rdhl-a img,html body .rdhl .rdhl-r img{display:block;position:absolute;top:0;height:var(--h)!important;width:calc(var(--h)*1280/720)!important;max-width:none!important;border:0;border-radius:0;box-shadow:none;object-fit:fill}
html body .rdhl .rdhl-a img{left:0}
html body .rdhl .rdhl-r img{left:calc(var(--h)*-535/720)}
.rdhl .rdhl-s{position:relative;flex:none;width:0;height:100%;--sw:calc(var(--nw) + 2*var(--spx))}
.rdhl .rdhl-n{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;white-space:nowrap;text-transform:uppercase;font-family:'Jost','DM Sans',sans-serif;font-weight:400;
  letter-spacing:var(--ls);margin-right:calc(var(--ls)*-1);font-size:calc(var(--fs)*var(--fk));line-height:1.1;color:#141311}
/* сценарий (при каждом появлении первого экрана): щель открывается 0,5 с → надпись проявляется из центра → открыто 4 с (0,95…4,95) → гаснет → половины съезжаются; надпись вдвое крупнее прежней (если не помещается в карточку — сперва сжимается разрядка, затем кегль, rd-hero-logo.js) */
.rdhl.rdhl-play .rdhl-s{animation:rdhlOpen .5s cubic-bezier(.65,0,.35,1) .3s both,rdhlClose .45s cubic-bezier(.65,0,.35,1) 5.25s forwards}
.rdhl.rdhl-play .rdhl-n{animation:rdhlReveal .5s cubic-bezier(.65,0,.35,1) .45s both,rdhlGone .2s ease 5s forwards}
@keyframes rdhlOpen{0%{width:0}100%{width:var(--sw)}}
@keyframes rdhlClose{0%{width:var(--sw)}100%{width:0}}
@keyframes rdhlReveal{0%{opacity:0;clip-path:inset(-.2em 50% -.2em 50%)}35%{opacity:1}100%{opacity:1;clip-path:inset(-.2em -.2em -.2em -.2em)}}
@keyframes rdhlGone{0%{opacity:1}100%{opacity:0}}
/* «уменьшить движение»: знак без движения, надпись не показываем */
@media(prefers-reduced-motion:reduce){.rdhl.rdhl-play .rdhl-s,.rdhl.rdhl-play .rdhl-n{animation:none}}
@media(min-width:768px) and (max-height:850px){#hero#hero .rdhl{--h:52px;--fs:28px;margin:0 0 4px}}
@media(max-width:767px){
  #hero#hero .rdhl{order:2;--h:46px;--spx:10px;--fs:24px;margin:0 0 clamp(2px,.6svh,6px)}
  /* п.73 (Анна 07.10): зазор шапка → подложка = зазор подложка → низ экрана (16 px). Шапка 56 px, подложка растянута на всё остальное место (на 66 px от верха было неравно: 56 + запас); освободившаяся площадь — подзаголовку крупнее */
  html body #site-content section#hero#hero .rd-hero-glass{top:72px!important;bottom:auto!important;height:calc(100svh - 72px - 16px)!important;max-height:none!important;margin:0!important;justify-content:center}
  html body #site-content section#hero#hero .hero-desc{font-size:clamp(16px,2.7svh,22px)!important;line-height:1.25!important}
}
