.im{padding:64px 0}.im__container{max-width:1200px;margin:0 auto;padding:0 24px}.im__top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px}.im__top-left{flex:1 1 auto;min-width:260px}.im__eyebrow{margin:0 0 8px;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent, #3b6fa0)}.im__heading{margin:0;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.2;font-weight:700}.im__top-right{flex:0 1 420px;max-width:420px}.im__intro{margin:0;font-size:1rem;line-height:1.6;opacity:.72}.im__body{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:48px;align-items:start}.im__video-col{display:flex;flex-direction:column}.im__video-wrap{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;background:#0a0a0a;box-shadow:0 18px 40px #00000029}.im__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;display:block}.im__poster--static{cursor:default}.im__poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.im__poster-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#14161a}.im__poster-svg{width:60%;height:60%;opacity:.35}.im__poster-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000059,#0000 45%);pointer-events:none}.im__badge{position:absolute;top:14px;left:14px;z-index:1;background:#fff;color:#111;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;border-radius:4px}.im__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#ffffffeb;color:#111;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.im__play-icon svg{width:22px;height:22px;margin-left:2px}.im__poster:hover .im__play-icon,.im__poster:focus-visible .im__play-icon{transform:translate(-50%,-50%) scale(1.06);background:#fff}.im__poster:focus-visible{outline:2px solid #fff;outline-offset:-4px}.im__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}.im__video-caption{margin:14px 0 0;text-align:center;font-size:.9rem;opacity:.6}.im__content-col{display:flex;flex-direction:column}.im__steps{list-style:none;margin:0 0 32px;padding:0}.im__step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid rgba(0,0,0,.08)}.im__step:first-child{padding-top:0}.im__step:last-child{border-bottom:none}.im__step-number{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--color-accent, #6ea3d0);color:var(--color-accent, #3b6fa0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.im__step-text{display:flex;flex-direction:column;gap:6px;padding-top:4px}.im__step-title{font-size:1.15rem;font-weight:700;line-height:1.3}.im__step-description{font-size:.95rem;line-height:1.55;opacity:.7}.im__cta{background:#15181c;border-radius:12px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.im__cta-text{color:#fff}.im__cta-heading{margin:0 0 4px;font-size:1.1rem;font-weight:700}.im__cta-subtext{margin:0;font-size:.9rem;opacity:.65}.im__cta-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap}.im__cta-link svg{width:18px;height:18px;transition:transform .2s ease}.im__cta-link:hover svg{transform:translate(3px)}@media(max-width:989px){.im__body{grid-template-columns:minmax(220px,340px) 1fr;gap:32px}}@media(max-width:749px){.im{padding:48px 0}.im__top{flex-direction:column;gap:16px;margin-bottom:32px}.im__top-right{max-width:100%}.im__body{grid-template-columns:1fr;gap:32px}.im__video-col{max-width:320px;margin:0 auto;width:100%}.im__step{gap:16px;padding:20px 0}.im__step-number{width:34px;height:34px;font-size:.9rem}.im__step-title{font-size:1.05rem}.im__cta{flex-direction:column;align-items:flex-start;padding:20px}.im__cta-link{align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/513/assets/installation-made-simple.css.map */