/* Price page. The figure stands on the same plank as the phone number on the contact page. */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.tag{--fit:3.5;container-type:inline-size;padding:clamp(14px,1.8vw,30px) var(--edge) 0;border-bottom:10px solid var(--ink);overflow:hidden;transition:color .3s var(--ease)}
html[lang="en"] .tag{--fit:4.15}
html[lang="ru"] .tag{--fit:3.1}
.tag-row{display:flex;justify-content:space-between;align-items:flex-end;font:500 calc((100vw - 2*var(--edge))/var(--fit))/1 Domine,Georgia,serif;font-size:calc(100cqw/var(--fit));font-variant-numeric:lining-nums}
.tag-figure{display:flex;margin:-.075em 0 -.17em}
.tag-row i{display:block;font-style:normal;transition:transform .45s var(--ease);animation:stand 1s var(--ease) backwards;animation-delay:calc(var(--i)*45ms + .1s)}
.tag-from,.tag-unit{font-size:.42em;letter-spacing:-.012em}
.tag-from{display:flex;margin-bottom:-.17em;white-space:nowrap}
.tag-unit{display:block;line-height:1.04;margin-bottom:-.19em}
.tag-unit span{display:flex;white-space:nowrap}
/* The upper line starts further down, so it also comes up from behind the plank */
.tag-unit span:first-child i{animation-name:stand-far}
@keyframes stand-far{from{transform:translateY(180%)}}
@media (hover:hover){
  .tag:hover{color:var(--brass-dk)}
  .tag-figure i:hover{transform:translateY(-.05em)}
  .tag-from i:hover,.tag-unit i:hover{transform:translateY(-.09em)}
}

.rates{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(48px,9vw,144px);padding:clamp(52px,6.4vw,96px) var(--edge) clamp(60px,7vw,104px);align-items:start}
.rates h2{font-size:clamp(30px,3vw,46px)}
.rate-list{margin-top:clamp(20px,2.2vw,32px);border-top:1px solid var(--ink)}
.rate-list a{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 28px;padding:clamp(15px,1.5vw,21px) 0;border-bottom:1px solid var(--ink)}
.rate-list a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brass-dk);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.rate-list a:hover::after{transform:none}
.rate-list a:hover span:first-child{color:var(--brass-dk)}
.rate-list span:last-child{font:500 var(--entry)/1.25 Domine,Georgia,serif}
.rate-fine{margin-top:16px;color:var(--soft);font-size:16px;line-height:1.45}
.rates .factors{margin-top:clamp(20px,2.2vw,32px)}

.offer{background:var(--brass-lt);padding:clamp(28px,3.6vw,56px) var(--edge);font:500 clamp(25px,3.4vw,52px)/1.14 Domine,Georgia,serif;letter-spacing:-.016em;text-wrap:balance}

@media (max-width:900px){
  .rates{grid-template-columns:minmax(0,1fr);gap:clamp(44px,8vw,64px)}
}
@media (max-width:620px){
  .tag{border-bottom-width:8px}
  .rate-list a{flex-direction:column;gap:1px}
}
@media (prefers-reduced-motion:reduce){
  .tag-row i{animation:none;transition:none}
  .tag{transition:none}
  .rate-list a::after{transition:none}
}