.bubble-tea{background:var(--cream);color:var(--cocoa);padding-block:clamp(48px,7vw,96px)}.bubble-tea-inner{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.bubble-tea-copy h2{margin-block:20px;font-size:clamp(56px,6.2vw,88px);line-height:.94}.bubble-tea-copy>p{max-width:430px;color:var(--ink-soft);font-size:17px}.bubble-tea-price{flex-wrap:wrap;align-items:center;gap:20px;margin-block:28px;display:flex}.bubble-tea-price>strong{font-family:var(--font-display), Impact, sans-serif;font-size:64px;font-weight:400;line-height:1}.bubble-tea-price>span{color:var(--ink-soft);font-size:13px}.bubble-tea-steps{counter-reset:bubble-step;margin:0 0 28px;padding:0;list-style:none}.bubble-tea-steps li{counter-increment:bubble-step;border-top:1px solid var(--line);padding:18px 0 18px 48px;position:relative}.bubble-tea-steps li:before{content:counter(bubble-step);background:var(--cocoa);width:30px;height:30px;color:var(--cream);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:18px;left:0}.bubble-tea-steps strong{font-size:15px}.bubble-tea-steps p{max-width:420px;color:var(--ink-soft);margin-top:4px;font-size:14px}.bubble-tea-poster a{border-radius:12px;display:block;box-shadow:0 18px 48px -26px #41180673}.bubble-tea-poster img{border-radius:12px;width:100%;height:auto}.bubble-tea-poster figcaption{text-align:center;color:var(--ink-soft);margin-top:12px;font-size:12px}@media (max-width:760px){.bubble-tea-inner{grid-template-columns:minmax(0,1fr);gap:28px}.bubble-tea-copy h2{font-size:clamp(52px,13vw,72px)}.bubble-tea-copy>p{font-size:15px}.bubble-tea-poster{width:100%;max-width:520px;margin-inline:auto}}