.vx-cmp{padding:clamp(80px,10vw,150px) 0}.vx-cmp__head{max-width:760px;display:grid;gap:18px;margin-bottom:clamp(36px,5vw,64px)}.vx-cmp__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}.vx-cmp__card{display:grid;align-content:start;gap:22px;padding:clamp(22px,2.6vw,36px);border:1px solid var(--vx-line);border-radius:28px;background:linear-gradient(180deg,#ece6da09,#ece6da03)}.vx-cmp__top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.vx-cmp__t{font:300 clamp(26px,2.4vw,34px)/1 var(--vx-serif)}.vx-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border:1px solid var(--vx-line);border-radius:999px}.vx-seg button{position:relative;z-index:1;padding:10px 16px;border-radius:999px;font:500 13px/1 var(--vx-sans);color:var(--vx-mute);white-space:nowrap;transition:color .45s}.vx-seg button[aria-checked=true]{color:var(--vx-ink)}.vx-seg__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--vx-bone);transition:transform .6s var(--vx-ease)}[data-state=b] .vx-seg__thumb{transform:translate(100%)}.vx-cmp__art{height:120px;color:var(--vx-crema2)}.vx-cmp__art svg{height:100%;margin:auto;overflow:visible}.vx-cmp__s{transition:opacity .5s,transform .7s var(--vx-ease)}[data-state=a] .vx-cmp__s--b,[data-state=b] .vx-cmp__s--a{opacity:0;transform:translate3d(0,12px,0)}.vx-cmp__steam{stroke-dasharray:22;animation:vx-wisp 2.6s ease-in-out infinite}@keyframes vx-wisp{0%{stroke-dashoffset:22;opacity:0}40%{opacity:1}to{stroke-dashoffset:-22;opacity:0}}.vx-cmp__heat{transform:rotate(-90deg);transform-origin:120px 68px;stroke-dashoffset:251.3;opacity:.7}[data-state=b] .vx-cmp__heat{animation:vx-heat 4s var(--vx-io) infinite}@keyframes vx-heat{0%{stroke-dashoffset:251.3}80%,to{stroke-dashoffset:0}}.vx-cmp__rows{display:grid;margin:0}.vx-cmp__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--vx-line)}.vx-cmp__row dt{font:500 10.5px/1.5 var(--vx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vx-mute)}.vx-cmp__row dd{margin:0;display:grid;gap:10px;overflow:hidden}.vx-cmp__v{display:block;font:300 clamp(20px,1.9vw,26px)/1.15 var(--vx-serif);color:var(--vx-bone)}.vx-cmp__bar{position:relative;display:block;height:4px;border-radius:2px;background:var(--vx-line);overflow:hidden}.vx-cmp__bar:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--vx-crema3),var(--vx-crema2));transform-origin:left;transform:scaleX(var(--a));transition:transform 1.1s var(--vx-ease)}[data-state=b] .vx-cmp__bar:after{transform:scaleX(var(--b))}.vx-cmp__grid:not(.is-in) .vx-cmp__bar:after{transform:scaleX(0)}.vx-cmp__note{font-size:13px;line-height:1.55;color:var(--vx-dim)}@media (max-width:899px){.vx-cmp__grid{grid-template-columns:1fr}.vx-cmp__row{grid-template-columns:1fr;gap:6px}}