/* The same title scale as its peers, with room for the live product object. */
.offering-brand .heart-choice-grid{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}
.heart-choice--clarity{scroll-margin-top:128px}
.heart-choice--clarity .heart-choice-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:min-content auto;column-gap:20px;row-gap:24px}
.heart-choice--clarity .heart-choice-product-name{grid-column:1/-1;grid-row:1;white-space:nowrap;overflow:visible}
.heart-choice-product-copy{grid-column:1;grid-row:2;min-width:0;align-self:start}
.heart-choice--clarity .heart-choice-intro{margin:0}
.heart-choice--clarity .heart-choice-product-copy p+p{margin-top:16px}
.heart-choice--clarity.home-clarity .clarity-lens-stage{grid-column:2;grid-row:2;align-self:center;width:100%;max-width:300px;margin:0;justify-self:center;background:transparent;z-index:0}
.heart-choice-product-scope{font-size:14px;line-height:1.4;margin:0;max-width:52ch;color:var(--okto-muted)}
@media(max-width:1200px) and (min-width:701px){
 .offering-brand .heart-choice-grid{grid-template-columns:1fr}
 /* A one-line 28px/1.08 title track must not inherit the spanning bubble's height. */
 .heart-choice--clarity .heart-choice-summary{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:30.24px 1fr;column-gap:48px}
 .heart-choice--clarity .heart-choice-product-name{grid-column:1;grid-row:1}
 .heart-choice-product-copy{grid-column:1;grid-row:2}
 .heart-choice--clarity.home-clarity .clarity-lens-stage{grid-column:2;grid-row:1/3;max-width:320px}
 .heart-choice--clarity .heart-choice-outputs{grid-column:2;grid-row:2/4}
 .heart-choice--clarity .heart-choice-next{grid-column:1;grid-row:2}
}
@media(max-width:700px){
 .offering-brand .heart-choice-grid{grid-template-columns:1fr}
 .heart-choice--clarity .heart-choice-summary{grid-template-columns:1fr;row-gap:24px}
 .heart-choice--clarity .heart-choice-product-name{grid-column:1;grid-row:1}
 .heart-choice-product-copy{grid-column:1;grid-row:2}
 .heart-choice--clarity.home-clarity .clarity-lens-stage{grid-column:1;grid-row:3;max-width:260px}
}
