.heat{gap:18px;display:grid}.heat-stage{position:relative}.scene{width:100%;height:auto;display:block;overflow:visible}.scene .glass{opacity:.38;transition:opacity .8s}.scene .glass.warm{opacity:0}.scene .element{stroke:#3a4785;stroke-width:6px;stroke-linecap:round;stroke-dasharray:14 10;transition:stroke .8s}.scene .element.on{stroke:var(--orange);animation:1.2s linear infinite el}@keyframes el{to{stroke-dashoffset:-24px}}.scene .knob{transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.steam path{fill:none;stroke:#fff;stroke-width:7px;stroke-linecap:round;opacity:0}.steam.on path{animation:2.4s ease-in-out infinite steam}.steam.on path:nth-child(2){animation-delay:.5s}.steam.on path:nth-child(3){animation-delay:1s}@keyframes steam{0%{opacity:0;transform:translateY(14px)}35%{opacity:.95}to{opacity:0;transform:translateY(-16px)}}.flames circle{opacity:.25;transition:opacity .5s}.flames.on circle{opacity:1;animation:1s ease-in-out infinite alternate flick}.flames.on circle:nth-child(odd){animation-delay:.4s}@keyframes flick{to{opacity:.7;transform:translateY(-2px)}}.heat-bar{background:#23306f40;border-radius:6px;height:6px;position:absolute;bottom:-6px;left:12%;right:12%;overflow:hidden}.heat-bar span{background:var(--navy);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.heat-ctrl{gap:14px;display:grid}.heat-products{flex-wrap:wrap;gap:8px;display:flex}.hp{color:var(--navy-2);cursor:pointer;background:#ffffffb3;border:2px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;font-size:.85rem;font-weight:600;display:inline-flex}.hp img{object-fit:cover;border-radius:50%;width:34px;height:34px}.hp:hover{background:#fff}.hp.on{border-color:var(--navy);background:#fff}.heat-row{flex-wrap:wrap;gap:10px;display:flex}.seg{background:#ffffff8c;border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg button{color:var(--navy-2);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:8px 16px;font-size:.85rem;font-weight:600}.seg button.on{background:var(--navy);color:#fff}.heat-out{background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.heat-out>div{flex:240px;min-width:0}.heat-read{font-family:var(--serif);color:var(--navy);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.heat-sub{color:var(--muted);margin:6px 0 0;font-size:.86rem}.heat-sub b{color:var(--ink)}.heat-go{flex:none}.heat-product .seg{border:1px solid var(--line);background:#fff}.heat-product .heat-out{border:1px solid var(--line)}.heat-product .heat-bar{background:var(--line)}.heat-product .steam path{stroke:#c9cfe4}@media (max-width:520px){.heat-go{width:100%}.heat-products{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:2px 16px 6px;overflow-x:auto}.hp{flex:none;padding-right:10px;font-size:.8rem}}