.asm-wrap{--asm-navy:rgb(var(--color-foreground, 31 64 116));--asm-line:rgb(var(--color-foreground, 31 64 116) / .12);--asm-hi:rgb(var(--color-highlight, 225 29 72))}.asm-head{max-inline-size:780px;margin-block-end:clamp(28px,3.4vw,48px)}.asm-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--asm-navy);opacity:.55;margin-block-end:10px}.asm-h{color:var(--asm-navy);margin:0 0 14px}.asm-p{color:var(--asm-navy);opacity:.78;font-size:15px;line-height:1.55}.asm-p p{margin:0}.asm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:clamp(18px,2.2vw,30px);align-items:stretch}.asm-card{display:flex;flex-direction:column;block-size:100%;border:1px solid var(--asm-line);border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),border-color .34s ease}.asm-card:hover{transform:translateY(-3px);border-color:rgb(var(--color-foreground, 31 64 116) / .2);box-shadow:0 14px 40px rgb(var(--color-foreground, 31 64 116) / .13)}.asm-card__media{position:relative;aspect-ratio:16/9;background:#eef2f7;overflow:hidden}.asm-card__video,.asm-card__img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.asm-card__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--asm-navy);opacity:.4}.asm-card__video{transition:transform .6s cubic-bezier(.22,1,.36,1)}.asm-card:hover .asm-card__video:not([controls]){transform:scale(1.04)}.asm-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;-webkit-appearance:none;appearance:none;border:0;margin:0;padding:0;font:inherit;cursor:pointer;background:linear-gradient(180deg,#0f1c321a,#0f1c3257);transition:opacity .3s ease,background-color .3s ease}.asm-play__ring{inline-size:66px;block-size:66px;display:grid;place-items:center;border-radius:50%;background:#fffffff0;box-shadow:0 6px 22px #0f1c3247;transition:transform .32s cubic-bezier(.22,1,.36,1),background-color .3s ease}.asm-play__ring svg{inline-size:26px;block-size:26px;fill:var(--asm-navy);margin-inline-start:3px;transition:fill .3s ease}.asm-play__cap{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgb(15 28 50 / .5)}.asm-card:hover .asm-play__ring{transform:scale(1.09);background:var(--asm-hi)}.asm-card:hover .asm-play__ring svg{fill:#fff}.asm-play:focus-visible{outline:3px solid var(--asm-hi);outline-offset:-3px}.asm-card.is-playing .asm-play{opacity:0;pointer-events:none}.asm-card.is-playing .asm-dur{opacity:0}.asm-dur{position:absolute;inset-block-end:12px;inset-inline-end:12px;padding:4px 9px;border-radius:6px;background:#0f1c32c7;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .3s ease}.asm-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:7px;flex:1 1 auto}.asm-card__step{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--asm-hi)}.asm-card__t{font-size:17px;font-weight:700;color:var(--asm-navy);line-height:1.25;letter-spacing:-.005em}.asm-card__d{font-size:14px;line-height:1.55;color:var(--asm-navy);opacity:.72}.asm-card__link{display:inline-flex;align-items:center;gap:.45em;margin-block-start:auto;padding-block-start:12px;align-self:flex-start;font-size:13px;font-weight:700;color:var(--asm-navy);text-decoration:none;transition:color .26s ease,gap .26s ease}.asm-card__link:hover{color:var(--asm-hi);gap:.75em}@media(max-width:640px){.asm-grid{grid-template-columns:1fr}.asm-card__body{padding:16px 17px 18px}.asm-play__ring{inline-size:56px;block-size:56px}.asm-play__ring svg{inline-size:22px;block-size:22px}.asm-play__cap{font-size:10.5px}}@media(prefers-reduced-motion:reduce){.asm-card,.asm-card__video,.asm-play__ring,.asm-card__link{transition:none}.asm-card:hover{transform:none}.asm-card:hover .asm-card__video:not([controls]){transform:none}.asm-card:hover .asm-play__ring{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/assemble-instructions.css.map */