.block-how-to-use{padding-block:var(--space-5)}.block-how-to-use__heading{margin-block:0 var(--space-1);font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-heading)}.block-how-to-use__intro{max-width:var(--measure);margin-block:0 var(--space-4);font-size:var(--text-base);line-height:var(--leading-body)}.block-how-to-use__steps{counter-reset:step;margin:0;padding:0;list-style:none}.block-how-to-use__step{counter-increment:step;gap:var(--space-2);padding-block:var(--space-3);border-block-start:1px solid var(--color-border-subtle);display:grid}.block-how-to-use__step:first-child{border-block-start:0;padding-block-start:0}@media (width>=48em){.block-how-to-use__step{grid-template-columns:1fr 16rem;align-items:start}}.block-how-to-use__body{padding-inline-start:calc(var(--space-5) + var(--space-1));position:relative}.block-how-to-use__body:before{content:counter(step);background:var(--color-primary);block-size:2.5rem;inline-size:2.5rem;color:var(--color-on-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.block-how-to-use__title{margin-block:0 var(--space-1);font-family:var(--font-heading);font-size:var(--heading-item);font-weight:var(--weight-bold);line-height:var(--leading-heading)}.block-how-to-use__text{max-width:var(--measure);font-size:var(--text-base);line-height:var(--leading-body);margin:0}.block-how-to-use__image{border-radius:var(--radius-card);background:var(--color-surface);width:100%;height:auto;display:block}.block-how-to-use__step picture{display:block}.block-how-to-use__note{max-width:var(--measure);margin-block:var(--space-3) 0;padding:var(--space-2);border-radius:var(--radius-card);background:var(--color-surface-warm);font-size:var(--text-base);line-height:var(--leading-body)}.block-how-to-use__eyebrow{margin-block:0 var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-link-on-surface)}.block-how-to-use__eyebrow:lang(en){letter-spacing:.08em;text-transform:uppercase}.block-how-to-use__media{position:relative}.block-how-to-use__clip{object-fit:cover;border-radius:var(--radius-card);opacity:0;block-size:100%;inline-size:100%;transition:opacity .4s;position:absolute;inset:0}.block-how-to-use__clip[data-ready=true]{opacity:1}.block-how-to-use__pause{min-block-size:48px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-button);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--text-xs);cursor:pointer;margin-block-start:var(--space-2)}.block-how-to-use__pause:hover{background:var(--color-surface)}.block-how-to-use--alternating .block-how-to-use__header{max-width:var(--measure);text-align:center;margin-block-end:var(--space-5);margin-inline:auto}.block-how-to-use--alternating .block-how-to-use__intro{margin-block-end:0;margin-inline:auto}.block-how-to-use--alternating .block-how-to-use__steps{gap:var(--space-5);display:grid}.block-how-to-use--alternating .block-how-to-use__step{gap:var(--space-2);border-block-start:0;padding-block:0}.block-how-to-use--alternating .block-how-to-use__body{padding-inline-start:0}.block-how-to-use--alternating .block-how-to-use__body:before{content:none}.block-how-to-use--alternating .block-how-to-use__media{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.block-how-to-use--alternating .block-how-to-use__image,.block-how-to-use--alternating .block-how-to-use__image>img{object-fit:cover;block-size:100%;inline-size:100%}.block-how-to-use--alternating .block-how-to-use__label{margin-block:0 var(--space-1);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted)}.block-how-to-use--alternating .block-how-to-use__label:lang(en){letter-spacing:.08em;text-transform:uppercase}@media (width>=48em){.block-how-to-use--alternating .block-how-to-use__step{gap:var(--space-5);grid-template-columns:48fr 52fr;align-items:center}.block-how-to-use--alternating .block-how-to-use__body:only-child{grid-column:1/-1}.block-how-to-use--alternating .block-how-to-use__step:nth-child(odd){grid-template-columns:52fr 48fr}.block-how-to-use--alternating .block-how-to-use__step:nth-child(odd) .block-how-to-use__body{text-align:right}.block-how-to-use--alternating .block-how-to-use__step:nth-child(odd) .block-how-to-use__text{margin-inline-start:auto}.block-how-to-use--alternating .block-how-to-use__step:nth-child(odd) .block-how-to-use__media{order:2}}@media (width>=64em){.block-how-to-use--alternating .block-how-to-use__steps{max-width:80%;margin-inline:auto}}