.hd-howto__grid{align-items:center;gap:clamp(32px,5vw,72px);display:grid}@media screen and (min-width:990px){.hd-howto__grid{grid-template-columns:.9fr 1.1fr}}.hd-howto__media{width:100%;max-width:520px;margin:0 auto;position:relative}.hd-howto__media img{aspect-ratio:4/5;object-fit:cover;border:2px solid var(--hd-ink);border-radius:var(--hd-radius);width:100%;height:auto;box-shadow:var(--hd-pop);transform:rotate(-1.5deg)}.hd-howto__media .hd-icon--shaka{width:34%;color:var(--hd-green);--hd-icon-fill:var(--hd-cream);position:absolute;bottom:-6%;right:-6%;transform:rotate(12deg)}.hd-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.hd-step{border:2px solid var(--hd-ink);border-radius:var(--hd-radius-sm);background:#fff;grid-template-columns:72px 1fr;align-items:center;gap:18px;padding:18px 20px;display:grid}.hd-step__num{border:2px solid var(--hd-ink);background:var(--hd-orange);width:72px;height:72px;color:var(--hd-ink);font:900 44px/1 var(--hd-font-display);border-radius:50%;place-items:center;font-stretch:62.5%;display:grid}.hd-step:nth-child(2) .hd-step__num{background:var(--hd-green)}.hd-step:nth-child(3) .hd-step__num{background:var(--hd-pink)}.hd-step__title{font:900 28px/.95 var(--hd-font-display);text-transform:uppercase;margin:0 0 4px;font-stretch:62.5%}.hd-step__text{color:var(--hd-ink-soft);margin:0;font-size:16px;line-height:1.45}.hd-howto__note{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;display:flex}